/* ---
	General document 
	--- */
html, span, object, iframe, h3, h4, h5, h6, blockquote, abbr, acronym, img, fieldset, form, label, legend, table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* hack for stupid IE */
html>body p code {
	*white-space: normal;
}

body {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	background: url(http://static.pharosworks.com/gailans.com/fullback.png)
		bottom left repeat-x;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}





/* ---
	Generic styles 
	--- */
h1 {
	font-weight: normal;
	font-size: 2em;
	color: #be0000;
	padding-left: 5px;
	padding-top: 10px;
	margin: 0;
}

h2 {
	font-weight: normal;
	font-size: 1.3em;
	color: #be0000;
	margin: 0;
}

li {
	font-size: 0.8em;
	color: #000;
}

li p {
	font-size:1em;
}

p {
	font-size: 0.8em;
	color: #000;
}

p a {
	border-bottom: #adafaf 1px solid;
}

p a:hover {
	border-bottom: #6f7070 1px solid;
}

a {
	color: #be0000;
	text-decoration: none;
	/* hack for stupid FF */
	outline: none;
}

.error {
	font-size: 0.8em;
	color: #fff;
	background: #be0000;
	padding: 5px;
}





/* ---
	Page structure and layout
	--- */
.lo-logo {
	margin-left: auto;
	margin-right: auto;
	width: 810px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 15px;
	text-align: center;
}

.lo-nav {
	margin-left: auto;
	margin-right: auto;
	width: 810px;
	margin-bottom: 15px;
	text-align: center;
	padding: 0px;
	border: #232323 1px solid;
	background: #232323
		url(http://static.pharosworks.com/gailans.com/navback.png) bottom
		repeat-x;
}

.lo-main {
	margin-left: auto;
	margin-right: auto;
	width: 810px;
	clear: both;
	overflow: auto;
	margin-bottom: 0;
	text-align: left;
	font-size: 1em;
	padding: 0px;
	color: #000;
	border: #575757 1px solid;
	background: #fff
		url(http://static.pharosworks.com/gailans.com/main-back.jpg) top left
		repeat-x;
}

.lo-ajax {
	margin: 0;
	text-align: left;
	font-size: 1em;
	padding: 3px;
	color: #000;
	background: #fff;
}

.lo-foot {
	margin-left: auto;
	margin-right: auto;
	width: 810px;
	overflow: auto;
	text-align: center;
	padding: 0px;
	padding-top: 35px;
	background: url(http://static.pharosworks.com/gailans.com/botback.png)
		top repeat-x;
}

.nav-container {
	margin-top: 3px;
	background: url(http://static.pharosworks.com/gailans.com/navstrip.png) bottom left repeat-x; 
	overflow: hidden;
}

.nav-box {
	margin-left: auto; 
	margin-right: auto; 
	width: 810px;
}

.nav-icon {
	width: 100px; 
	clear: both; 
	float: left;
}

.nav-bar {
	margin-top: 4px;
}

#nav, #nav ul {
	float: left;
	width: 36em;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0 0 1em 0;
}

#nav a, #nav p {
	display: block;
	width: 13em;
	w\idth: 10em;
	color: #fff;
	text-decoration: none;
	padding: 1em 2em;
}

#nav li {
	float: left;
	padding: 0;
	width: 10em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	w\idth: 13em;
	background:url(http://static.pharosworks.com/gailans.com/dropdown.png) bottom left no-repeat;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 13em;
	w\idth: 10em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav a:hover{
	color: #be0000;
}

.nav-bar img {
	margin: 0 3px -3px 0 !important;
    padding: 0;
    border: 0;
}

.login {
	margin-left: auto;
	margin-right: auto;
	width: 810px;
	text-align: right;
	padding: 0;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}





/* ---
	Text styles and blocks
	--- */	
.body {
	font-size: 1em;
	color: #000;
	padding: 0 10px 10px 10px;
	text-align: left;
}

.legal {
	font-size: 0.6em;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.legalnav {
	font-size: 0.7em;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.legal a {
	color: #b7b7b7;
	border: 0;
}

.dnone {
	display: none;
}

.bigger {
	font-size: 1em;
}

.price {
	font-size: 1.3em;
	margin: 0 50px;
}





/* ---
	Search only
	--- */
.searchpage {
	padding: 5px 7px;
	font-size: 1.2em;
	border-right: #d4d4d4 1px solid;
}

.searchpage:hover {
	background: #d4d4d4;
}

#this {
	background: #be0000;
	color: #fff;
}

#last {
	border-right:none;
}
#last a {
	color: #BE7A7A;
}

.srch_mbox {
	background: #e9e9e9;
	padding: 5px;
	margin: 3px;
}

.srch_count {
	font-size: 0.4em;
}





/* ---
	Buttons
	--- */
.buttons a, .buttons button{
    display: block;
    float: left;
    margin: 0 5px 2px 0;
    background: #f5f5f5;
    border: #dedede 1px solid;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #3B3B3B;
    cursor: pointer;
    padding: 5px 10px 6px 7px;
}
.buttons button{
    width: auto;
    overflow: visible;
    padding: 4px 10px 3px 7px;
}
.buttons button[type]{
    padding: 5px 10px 5px 7px;
    line-height: 17px;
}
*:first-child+html button[type]{
    padding: 4px 10px 3px 7px;
}
.buttons button img, .buttons a img{
    margin: 0 3px -3px 0 !important;
    padding: 0;
}
button:hover, .buttons a:hover{
    background: #dedede;
    border: #3B3B3B 1px solid;
    color: #BE0000;
}
.buttons a:active{
    background: #BE0000;
    border: #BE0000 1px solid;
    color: #fff;
}
button.em, .buttons a.em{
    border: #3B3B3B 1px solid;
}





/* ---
	Forms
	--- */
input {
	font-size: 0.9em;
	padding: 2px;
	border: #232323 1px solid;
	background: #fff;
}

textarea {
	font-size: 0.9em;
	padding: 2px;
	border: #232323 1px solid;
	background: #fff;
}

/* search input box */
.sbox {
	border: #232323 1px solid;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	background: #fff;
	width:140px;
	margin-top:7px;
	padding:3px;
}

/* red button */
.rbut {
	background: #be0000
		url(http://static.pharosworks.com/gailans.com/butback.gif) top left
		repeat-x;
	border: #232323 1px solid;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
}

.but {
	font-size: 0.8em;
	padding: 5px;
	margin: 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.but:hover {
	text-decoration: none;
	color: #be0000;
}

.lbut {
	padding: 2px;
	font-weight: bold;
	color: #be0000;
	border: #adafaf 1px solid;
	background: url(http://static.pharosworks.com/gailans.com/grad_bot.gif)
		bottom repeat-x;
}

.lbut:hover {
	padding: 2px;
	font-weight: bold;
	color: #be0000;
	border: #adafaf 1px solid;
	background: url(http://static.pharosworks.com/gailans.com/grad_nav.gif)
		bottom repeat-x;
}

.sopt {
	padding-bottom: 7px;
}

.sopt fieldset {
	float: left;
	border-right: #575757 1px dotted;
	font-size: 0.8em;
	padding: 5px;
	margin: 5px;
}

.sopt label {
	font-size: 0.9em;
}

.sopt .rbut {
	margin-top: 2.5em;
}

.psform {
	margin: 70px 0;
	padding: 3px;
	text-align: center;
}

.darkform {
	width: 400px;
	padding: 5px;
	border: #000 1px solid;
	background: #424242;
	text-align: left;
}
.darkform p {
	color: #fff;
}




/* ---
	Results and view pages
	--- */
.square {
	width: 186px;
	height: 210px;
	border: transparent 1px solid;
	padding: 2px;
	margin: 2px;
	overflow: hidden;
	float: left;
	text-align: center;
	background: #414141
		url(http://static.pharosworks.com/gailans.com/square_top.png) top left
		repeat-x;
}

.square:hover {
	border: #232323 1px solid;
}

.square p {
	font-size: 0.8em;
	color: #fff;
	font-weight: bold;
	margin: 0;
}

.square a {
	border: 0;
	color: #fff;
}

.square a:hover {
	border: 0;
}

.box {
	padding: 2px;
	color: black;
	border: #232323 1px solid;
	background: #fff
		url(http://static.pharosworks.com/gailans.com/grad_bot.png) bottom
		repeat-x;
	overflow: auto;
}

.boxalert {
	padding: 3px;
	background: #b0b4e1;
}

.img {
	border: #232323 1px solid;
	padding: 5px;
	text-align: center;
	background: #fff;
}

.kwlist {
	list-style: none; 
	width: 7em; 
	float: left; 
	margin: -0.5em 0 0 1em;
	padding: 0;
}

.keywords {
	padding: 2px;
}

.keywords a {
	border-bottom: #adafaf 1px solid;
}

.relatedbox {
	border-top: #EFEFEF 1px solid;
	margin-top: 5px;
	padding-top: 5px;
}

.rf {
	font-weight: bold;
	font-size: 12px;
	color: #659F2B;
}

.rm {
	font-weight: bold;
	font-size: 12px;
	color: #E9B71D;
}





/* ---
	Favourites
	--- */
.favset {
	border: #414141 1px solid;
	margin: 2px 0;
}

.favnotes {
	margin: 5px;
	padding: 5px;
	border-bottom: #414141 1px solid;
}

.favtop {
	background: #414141; 
	margin: 0; 
	padding: 5px; 
	color: #FFF;
	font-size: 0.9em;
}





/* ---
	Results and view pages
	--- */
.basket {
	border-bottom: #414141 1px solid;
	padding: 3px;
}

.basket a {
	border-bottom: none;
}

.basketitem {
	border: #232323 1px solid;
	padding: 5px;
	text-align: center;
	background: #fff;
}

.navbasketitem {
	border: #232323 1px solid !important;
	padding: 3px !important;
	text-align: center;
	background: #fff;
}

.navbasketitem a, .navbasketitem:hover {
	border: 0;
	text-decoration: none;
}





/* ---
	Home page
	--- */
.fblock {
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	text-align: center;
}

.fsquare {
	width: 192px;
	height: 205px;
	border: #b0b4e1 0px solid;
	padding: 2px;
	margin: 2px;
	overflow: auto;
	float: left;
	text-align: center;
	background: url(http://static.pharosworks.com/gailans.com/fback.png) bottom
		no-repeat;
}

.fsquare p {
	font-size: 0.9em;
	margin: 0;
}

.fsquare a {
	color: #393939;
	font-weight: bold;
	border: 0;
}

.fsquare a:hover {
	border: 0;
}

.fsquareicon {
	margin-left: -16px;
}

.fsquare .img {
	padding: 7px;
}

.fsquare .img:hover {
	padding: 7px;
}