body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; background-color: #5e5f61; color: #fff; text-align: center;  }
a, a:visited { text-decoration: underline; color: inherit; }
a img { border: 0; }
fieldset { border: 0; padding: 0; margin: 0; }
h1 { margin: 15px 0 10px 0; padding: 0; font-size: 200%; font-weight: bold; }
h2 { margin: 0; padding: 0; font-size: 150%; font-weight: normal; }
h3 { margin: 0; padding: 0; font-size: 130%; font-weight: normal; }

p.btbsc { display: none !important; }

#wrapper { margin: 0 auto; padding: 0; width:960px; text-align: left; }
#wrapper2 { float: left; width: 940px; padding: 0 10px; background-color: #fff; }
#header { float: left; width: 940px; padding: 0; margin: 0; color:#fff; background: #00764b url(images/header_bg_extended.jpg) no-repeat top left; position: relative; }
#header_corner { position:absolute; bottom: 0; right: 0; width: 16px; height: 16px; z-index: 5; }
#header_left { float: left; width: 714px; padding: 0; margin: 0; }
#logo { float: left; border: 3px solid #fff; margin: 28px 0 30px 29px; }
#tagline { float: right; margin: 112px 20px 2px 0; }
#newsletter_signup { float: right; padding: 23px 12px 5px 12px; width: 202px; }
#newsletter_signup p { margin: 8px 0; }
#newsletter_signup h3 { margin: 0; padding: 0; }
#newsletter_signup input { color: #025237; background-color: #b8dbbd; border: 1px solid #fff; width: 195px; }
#newsletter_signup input.submit { border: 1px solid #fff; color: #fff; background-color: #025237; width: auto; } 
#newsletter_signup form fieldset p { margin: 5px 0; }
#body { float: left; clear: left; width: 940px; margin: 4px 0; padding: 0; color:#636466; background-color: #fff }
#crumbtrail { float: left; width: 754px; background-color: #51A38E; color: #fff; padding: 8px; }
#crumbtrail a, #crumbtrail a:visited { color: #fff; text-decoration: underline; font-weight: bold; }

#left_column { float: left; width: 160px; }
div.box { float: left; color: #fff; background: #006e51 url(images/box_corner.gif) no-repeat bottom right; padding: 10px; width: 140px; margin-bottom: 4px; }
img.advert, object.advert { margin-top: 4px; }
div.testimonial { float: left; color: #636466; background-color: #c9dac7; padding: 0 10px; width: 140px; margin: 4px 0px; }
div.testimonial_wide { float: left; color: #636466; background-color: #c9dac7; padding: 0 10px; width: 206px; margin: 4px 0px; }
div.testimonial p, div.testimonial_wide p { margin: 6px 0; }
div.testimonial span.quote, div.testimonial_wide span.quote { font-style: italic; font-weight: bold; }

form.searchForm label { display: block; float: left; border-bottom: 1px dashed #80b7a8; padding: 4px 0; margin-bottom: 4px; clear: left; }
form.searchForm select { width: 140px; }
form.searchForm input { border: 1px solid #fff; color: #fff; background-color: #025237; margin-top: 5px; }

#main_nav { margin: 0; padding: 0; list-style: none; float: left; display: block; width: 100%; background-color: #006f51; }
#main_nav li { display: inline; }
#main_nav li a, #main_nav li a:visited { display: block; float: left; padding: 8px; color: #fff; text-decoration: none; /*font-weight: bold;*/ }
#main_nav li a:hover { background-color: #3e9073; }

#content { float: right; width: 770px; margin: 0 0 10px 0; padding: 0 }

#centre_column { width: 537px; float: left; clear: both; }

#catProdNav { float: left; width: 100%; margin: 0 0 5px 0; }
#catProdNavLinks { float: left; width: 105px; padding: 3px 0 0 45px; }
#catProdNavSort { float: left; }

div.prodRow { float: left; background: url(images/prod_green_back.gif) repeat-x bottom left; text-align: right; color: #fff; margin: 6px 0; }
div.prodRowItem { float: left; position: relative; width: 179px; display: inline; }
div.prodRowItem div.price { position: absolute; top: 0; left: 0; background: #4071bf url(images/prod_blue_back.gif) repeat-x bottom left; color: #fff; font-weight: bold; font-size: medium; padding: 3px; }
div.prodRowItem div.price span { color: #b1cced; }
div.prodRowItem img { padding-right: 2px; background-color: #fff; border: 0; border-top: 10px solid #fff; }
div.prodRowItem img.sold { position: absolute; margin: 0; padding: 0; width: 50px; height: 50px; position: absolute; left: 127px; top: 93px; background-color: transparent; border: 0; }
div.prodRowItem p { padding-right: 10px; margin: 4px 0; }
div.prodRowItem div.title { background-color: #fff; color: #115238; width: 169px; padding-right: 0px; font-size: small; width: 100%; margin-top: -2px; }
div.prodRowItem div.title a, div.prodRowItem div.title a:visited { color: #115238; background-color: #fff; display: block; width: 169px; padding: 0 10px 0 0; }
#right_column { float: right; width: 226px; }
#right_column h2 { color: #025237; padding: 10px 0 5px 0; float: left; font-weight: bold; }
#right_column h2 span { color: #5ead6d; }
div.prodList { float: left; margin-bottom: 5px; }
div.prodListItem { background: #006e51 url(images/box_corner.gif) no-repeat bottom right; color: #fff; width: 226px; float: left; margin-bottom: 1px; }
div.prodListItem div { width: 214px; float: left; padding: 5px 6px; background: #ccddca url(images/prodlist_header.gif) repeat-x top left; text-align: right; }
div.prodListItem div a { display: block; float: left; color: #13553b; }
div.prodListItem span.price { color: #13553b; display: block; float: right; padding: 0; margin: 0; font-weight: bold; }
div.prodListItem p { margin: 0; padding: 4px 6px; }
div.prodListItem span.price span { color: #3ca884; }

/* category/search list */
div.prodListRow { float: left; margin: 0 0 3px 0; /*width: 536px;*/ position: relative; }
div.prodListRow div.element { float: left; width: 530px; padding-right: 6px; background: #3e9073 url(images/list_bg.gif) repeat-y top left; position: relative; }
div.prodListRow div.element.alt { background-color: #65a68f; }
div.prodListRow div.element img { float: left; margin-right: 10px; width: 152px; height: 114px; border: 0; }
div.prodListRow div.element img.sold { float: none; margin: 0; padding: 0; width: 50px; height: 50px; position: absolute; left: 102px; top: 64px; }
div.prodListRow div.element h2 { margin: 8px 0; padding: 0; }
div.prodListRow div.element h2 a { color: #fff; margin: 0; padding: 0; }
div.prodListRow div.element p { padding-left: 162px; color: #fff; margin: 5px 0; }
div.prodListRow div.element p.price { color: #fff; font-size: x-small; }
div.prodListRow div.element p span.new_price { font-size: medium; font-weight:bold; color: #fff; }
div.prodListRow div.element p span.old_price { font-size: medium; text-decoration: line-through; }

#prodImages { float: left; margin: 0 6px; display: inline; }
#prodImages a { float: left; width:152px; display: inline;  text-align: center;  /*background-color: #fff;*/ border: 4px solid #fff; margin: 4px }
#prodImages a img { border: 0; display: inline; width: 152px; height: 114px; }
#prodImages a img.narrow { width: 85px; height: 114px; }

#tabNav { list-style: none; margin: 0; padding: 0; float: left; width: 100%; }
#tabNav li { display: block; float: left; }
#tabNav li a, #tabNav li a:visited { float: left; padding: 5px 25px 5px 5px; margin: 2px 4px 0 0; font-weight: bold; background: #bcbcbc url(images/prod_tab_inactive.gif) no-repeat top right; color: #004b37; font-size: small; display: inline; text-decoration: none; }
#tabNav li a.active { background: #d5d8d7 url(images/prod_tab_active.gif) no-repeat top right; }

#viewProductImage { float: right; padding: 0 5px 5px 5px; }
#viewProductImage.sold { padding-bottom: 0; }

#viewProductImageSold { float: right; padding: 0 5px 5px 5px; clear: right; }

div.tab { background: #d3d3d3 url(images/white_corner.gif) no-repeat top right; color: #3a3a3a; float: left; width: 516px; padding: 10px; margin-bottom: 10px; clear: left; }
div.tab span.old_price { text-decoration: line-through; }
div.tab h3 { font-size: 130%; font-weight: bold; margin: 8px 0 4px 0; float: left; }
div.tab ul.feature_list { margin: 6px 0 20px 0; padding: 0; list-style: none; }
img.layout { display: block; clear: both; margin: 10px auto; }
#tab_1 ul { margin: 0; padding: 2px 0; list-style: none; width: 516px; float: left; border-top: 2px dotted #fff; border-bottom: 2px dotted #fff; }
#tab_1 ul li { float: left; width: 234px; padding: 4px 12px; margin-bottom: 1px; background-color: #fff; }

#tab_2 ul { margin: 0; padding: 2px 0; list-style: none; width: 516px; float: left; border-top: 2px dotted #fff; border-bottom: 2px dotted #fff; }
#tab_2 ul li { float: left; width: 492px; padding: 4px 12px; margin-bottom: 1px; background-color: #fff; }

div.block { background-color: #d3d3d3; color: #3a3a3a; float: left; width: 516px; padding: 10px; margin-bottom: 10px; } 

#reviews div { padding: 10px 0; float: left; width: 100%; border: 1px dotted #fff; }
#reviews div img { float: left; width: 14px; height: 25px; }
#reviews div p { font-weight: bold; clear: both; margin: 0; padding: 10px 0; }
#reviews div p.reviewer { font-weight: normal; clear: none; padding: 5px; float: right; }

#enquiryForm fieldset { float: left; border: 0; background-color: none; width: 500px; }
#enquiryForm p { float: left; clear: both; margin: 5px 0; display:inline; width: 500px; }
#enquiryForm label { float: right; width: 230px; margin-left: 10px; margin-top: 2px; font-weight: bold; display: inline; }
#enquiryForm p input.text, #enquiryForm p textarea.text { float: left; width: 250px; }
#enquiryForm p input.tickbox { float: left; margin-left: 235px; display: inline; }
#enquiryForm p input.submit { float: left; margin-left: 270px; display: inline; background-color: #636466; color: #fff; font-weight: bold; padding: 3px 6px; border: 0; }

#contactForm fieldset { border: 0; padding: 8px; background-color: #dce7da; }
#contactForm p { float: left; margin: 6px 0; width: 100%; }
#contactForm label { display: block; width: 115px; float: left; clear: both; margin: 2px 0 0 0; font-weight: bold; }
#contactForm input, #contactForm textarea { width: 366px; float: left; }
#contactForm input.tickbox { width: auto; }
#contactForm input.submit { width: auto; margin-left: 115px; background-color: #636466; color: #fff; font-weight: bold; padding: 3px 6px; border: 0; }

/* Lightbox */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none; }
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #54947d; }
/* END Lightbox */

#faqs div {  background-color: #DCE7DA; padding: 0 5px; margin: 3px 10px 10px 0; }
#faqs div p { margin-top: 4px; }
#faqs div.ans_visible { display: block; }
#faqs div.ans_hidden { display: none; }

#footer { float: left; clear: left; width: 940px; padding: 10px; margin-top: 0px; color:#fff; background-color: #5e5f61; }
#footer a, #footer a:visited { color: #fff; text-decoration: underline; }
#footer img.gradient { margin: -10px -10px 0 -10px; } 
#footer p { margin: 6px 0; }

#terms li { padding: 3px 0; }
ol.alpha { list-style-type: lower-latin; }
ol.roman { list-style-type: lower-roman; }

img.link_logo { border: 2px solid #c7c7c7; float: left; margin: 0 15px 15px 0; clear: left; }

#form_page_nav_go_top, #form_page_nav_go_bottom { float: right; }

div.finance { padding: 8px; background-color: #dce7da; float: left; width: 498px; margin: 5px 0; }
div.finance h3 { font-weight: bold; }
div.finance p { margin: 0; padding: 8px; font-size: 100%; float: left; width: 482px; }
div.finance p.alt { background-color: #bed1ba; }
div.finance p.normal { padding: 8px 0; width: 100%; }
div.finance p.medium { font-size: 150%; }
div.finance p.large { font-size: 250%; }
div.finance span.label { float: left; font-weight: bold; width: 240px; }
div.finance span.value { float: right; }
