/*
------------------------------------------------------------------------------------------------
	BAYAN LOUTRA - mainstyles.css											  
------------------------------------------------------------------------------------------------
	Created: 	01-08-2007															
	Author: 	Ember Interactive (www.emberinteractive.co.uk)						
	Website: 	Bayan Loutra															
------------------------------------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------------------------- GLOBAL
															
------------------------------------------------------------------------------------------------
*/

html {min-height: 100%; height: auto;}

body {
	background: url(images/bg_body.gif) repeat-x;
	font-family: "helvetica", helvetica, arial, verdana, sans-serif;
	font-size: 62.5%;
	margin: 0 10px 0 0;
	padding: 0;
}
	
	
/*
-------------------------------------------------------------------------------- TITLES AND TEXT
														
------------------------------------------------------------------------------------------------
*/

h1 {position: absolute; left: -2000px;}

h2 {font-family: times, arial, verdana, sans-serif; font-size: 2em; line-height: 1.75em; color: #8E7C4A; font-weight: normal; margin: 0; padding: 0;}

h2.home {background: url(images/home_strapline.gif) no-repeat; height: 80px; width: 400px; margin: 20px 0 10px 60px; padding: 0; text-indent: -2000px;}
h2.about {height: 35px; margin: 10px 0 15px 40px; padding: 0; line-height: normal;}
h2.products {height: 35px; width: 200px; margin: 10px 0 15px 0; padding: 0; line-height: normal;}
h2.stockists {height: 35px; margin: 10px 0 20px 0; padding: 0; line-height: normal;}
h2.press {height: 35px; margin: 10px 0 15px 0; padding: 0; line-height: normal;}
h2.faq {height: 32px; margin: 0 0 10px 0; padding: 0; line-height: normal;}
h2.contact {height: 35px; margin: 10px 0 20px 0; padding: 0; line-height: normal;}

h3 {margin: 0; padding: 0;}

h4 {color: #8E7C4A; font-size: 1.1em; font-weight: bold; margin: 0; padding: 0;}

h5 {color: #8E7C4A; font-size: 2.0em; font-weight: bold; margin: 0; padding: 0;}

p {font-size: 1.1em; line-height: 1.5em; color: #333; margin: 0; padding: 0;}

a {color: #8E7C4A; margin: 0; padding: 0; outline: none;}
a:link, a:visited {text-decoration: none;}
a:hover {color: #B68600; text-decoration: none;}

ul {list-style: none; margin: 0; padding: 0;}
li {background: url(images/dot.gif) no-repeat left; display: inline; line-height: 2em; margin: 0; padding: 0;}

/*
------------------------------------------------------------------------------------- NAVIGATION
														
------------------------------------------------------------------------------------------------
*/

ul#nav {position: absolute; height: 17px; width: 428px; margin: 0; padding: 0;}
ul#nav li {float: left; list-style-type: none;}
ul#nav li a {height: 17px; display: block; position: absolute; top: 0; text-indent: -9999px; outline: none; line-height: 17px;}

li#navHome a, li#navAbout a, li#navProducts a, li#navStockists a, li#navPress a, 
li#navFAQ a, li#navContact a {background: url(images/bg_navigation.gif);}

li#navHome a {background-position: 0 0; width: 52px; left: 0; }
li#navHome a:hover {background-position: 0 -17px;}
li#navHome a.active {background-position: 0 -34px;} 

li#navAbout a {background-position: -52px 0; width: 60px; left: 52px;}
li#navAbout a:hover {background-position: -52px -17px;}
li#navAbout a.active {background-position: -52px -34px;}

li#navProducts a {background-position: -112px 0; width: 75px; left: 112px;}
li#navProducts a:hover {background-position: -112px -17px;}
li#navProducts a.active {background-position: -112px -34px;}

li#navStockists a {background-position: -187px 0; width: 77px; left: 187px;}
li#navStockists a:hover {background-position: -187px -17px;}
li#navStockists a.active {background-position: -187px -34px;}

li#navPress a {background-position: -264px 0; width: 56px; left: 264px;}
li#navPress a:hover {background-position: -264px -17px;}
li#navPress a.active {background-position: -264px -34px;}

li#navFAQ a {background-position: -320px 0; width: 48px; left: 320px;}
li#navFAQ a:hover {background-position: -320px -17px;}
li#navFAQ a.active {background-position: -320px -34px;}

li#navContact a {background-position: -368px 0; width: 60px; left: 368px;}
li#navContact a:hover {background-position: -368px -17px;}
li#navContact a.active {background-position: -368px -34px;}

/*
--------------------------------------------------------------------------------------- SUB NAVI
														
------------------------------------------------------------------------------------------------
*/

#content_subnavi {float: left; width: 175px; margin: 0; padding: 0; display: inline;}

#content_subnavi ul {margin: 57px 0 0 60px; padding: 0; list-style: none;}
#content_subnavi li {width: 175px; margin: 0; padding: 0;}
#content_subnavi a {display: block; padding: 0; margin: 0; line-height: 2.5em; font-size: 1.1em; border-bottom: 1px solid #ccc;}
#content_subnavi a.active {color: #000; text-decoration: none;}



#product_subnav2 {margin: 0 0 0 60px; float: left; width: 175px; display: inline;}
#product_subnav2 a {display: block; padding-left: 15px;line-height: 2.5em; font-size: 1.1em;border:none;}
#product_subnav2 a.next {display: block; padding-right: 15px;line-height: 2.5em; font-size: 1.1em;border:none;}
#product_subnav2 a.active {color: #000; text-decoration: none;}


/*
------------------------------------------------------------------------------------ MAIN LAYOUT
														
------------------------------------------------------------------------------------------------
*/

#shadow {margin: 0 auto; padding: 0 0 25px 0; background: url(images/bg_shadow.gif) top center no-repeat; width: 830px;}

#master {width: 780px; margin: 0 25px 0 25px; padding: 10px 0 0 0; background:#FFFFFF;}

#header {background: url(images/bg_header.gif) repeat-x; height: 125px; margin: 0; padding: 0;}
#logo {float: left; height: 125px; width: 330px; margin: 0; padding: 0;}
#navigation {float: right; height: 17px; width: 428px; margin: 35px 5px 0 0; padding: 0;}
#basket_items {float: left; height: 18px; width: 440px; margin: 0; padding: 5px 10px 0 0; text-align: right;}

#content {margin: 0; padding: 0;}

#footer {height: 150px; margin: 0; padding: 0 0 4px 0; border-bottom: #ccc solid 1px;}
#footer_alt {height: 20px; margin: 0; padding: 0 0 4px 0; border-bottom: #ccc solid 1px;}
#footer_stroke {background-color: #8E7C4A; height: 3px; line-height: 3px; margin: 0 0 3px 0; padding: 0;}
#footer_navigation {margin: 3px 0 0 0; padding: 5px 10px 0 10px;}
#footer_navigation p {float: left; width: 245px; display: block; color: #8E7C4A; margin: 0; padding: 0;}

#footer_navigation p.ember {float: left; width: 280px; display: block; color: #ccc; margin: 0; padding: 0;}

#footer_nav {float: right; margin: 0; padding: 0; display: block;}
#footer_nav li {list-style-type: none;}
#footer_nav li a {float: left; display: block; outline: none; margin-left: 10px; font-size: 1.1em; line-height: 1.5em;}

/*
----------------------------------------------------------------------------------- SUB FEATURES
														
------------------------------------------------------------------------------------------------
*/

.sub_feature {float: left; width: 249px; margin: 0; padding: 5px 5px 0px 5px; font-size: 1em;}
.sub_feature img {float: left; margin: 0; padding: 0;}

.sub_feature_mid {height: 140px;float: left; width: 249px; margin: 0; padding: 5px 5px 0px 5px; border-left: #ccc solid 1px; border-right: #ccc solid 1px ;}
.sub_feature_mid img {float: left; margin: 0; padding: 0;}

.sub_desc {margin: 10px 0 5px 0; padding: 0;height:85px;}

.sub_price {float: left; display: block; font-color: #000; font-weight: bold; width: 60px; margin: 0; padding: 0;}

/*
------------------------------------------------------------------------------------------- HOME
														
------------------------------------------------------------------------------------------------
*/

#content_home_left {float: left; width: 425px; margin: 0; padding: 0;}
#content_home_right {float: left; width: 355px; margin: 0; padding: 15px 0 20px 0; text-align: center;}

p.home {margin: 0; padding: 0 0 15px 60px; line-height: 2em;}

.enterstore {margin: 0; padding: 0 0 20px 60px; font-size: 1.2em; font-weight: bold;}

/*
------------------------------------------------------------------------------------------ ABOUT
														
------------------------------------------------------------------------------------------------
*/

#content_about_left {float: left; width: 345px; margin: 0 0 20px 0; padding: 0;}
#content_about_right {float: left; width: 260px; margin: 0; padding: 65px 0 10px 0; text-align: center;}

p.about {margin: 0; padding: 0 10px 15px 40px; line-height: 2em;}

/*
--------------------------------------------------------------------------------------- PRODUCTS
														
------------------------------------------------------------------------------------------------
*/

#content_products {float: left; width: 565px; margin: 0 0 20px 0; padding: 0 0 0 40px;}

.catagory {float: left; width: 175px; margin: 5px 8px 3px 0; padding: 0; border: 1px dotted #ccc;}
.catagory a {background-color: #EEEBE4; display: block; width: 175px; font-size: 1.1em; line-height: 2em; margin: 0; padding: 0; text-align: center;}
.catagory_noproducts {background-color: #EEEBE4; display: block; width: 175px; font-size: 1.1em; line-height: 2em; margin: 0; padding: 0; text-align: center;}
.catagory img {margin: 0; padding: 0; border: 0;}

#checkout {float: right; height: 20px; width: 210px; margin: 20px 0 0 0; padding: 7px 0 0 0;}

/*
------------------------------------------------------------------------------------------ RANGE
														
------------------------------------------------------------------------------------------------
*/

.range {float: left; width: 268px; margin: 5px 8px 3px 0; padding: 0; border: 1px dotted #ccc;}
.range a.title {float: left; background-color: #EEEBE4; display: block; width: 198px; font-size: 1.1em; line-height: 2em; margin: 0; padding: 0 0 0 5px;}
.range a.price {float: left; background-color: #EEEBE4; display: block; width: 60px; color: #000; font-size: 1.1em; line-height: 2em; margin: 0; padding: 0 5px 0 0; text-align: right;}
.range img {float: left; margin: 0; padding: 0; border: 0;}
.range p {float: left; width: 140px; margin: 15px 0 20px 0; padding: 0 5px 0 5px;height:205px}

#pagination {float: right; display: block; margin: 10px 0 0 0; padding: 0 20px 0 0;}

/*
------------------------------------------------------------------------------------------- ITEM
														
------------------------------------------------------------------------------------------------
*/

.item {float: left; width: 560px; margin: 0; padding: 0;}
.item img {float: left; margin: 0; padding: 0;}

.item h3 {float: left; background-color: #EEEBE4; color: #8E7C4A; width: 280px; font-size: 1.3em; line-height: 2em; margin: 10px 0 0 0; padding: 0 0 0 5px;}
.item h4 {float: left; width: 285px; margin: 0; padding: 10px 0 0 5px;}

.item p {float: left; width: 280px; margin: 0; padding: 10px 0 0 5px;}
.item_price {float: left; font-weight: bold; width: 185px; margin: 0; padding: 10px 0 10px 5px;}

#quantity {float: left; width: 265px; height: 10px; margin: 20px 0 0 0; padding: 0 0 0 5px;}
#quantity h4 {float: left; margin: 0; padding: 0; display: block; width: 75px;}
#quantity input {float: left; margin: 0 20px 0 0; padding: 2px; font-size: 1.1em; border: 1px solid #ccc;}
#quantity input.btn {background-color: #8E7C4A; color: #fff; border: 0;}

/*
-------------------------------------------------------------------------------------- STOCKISTS
														
------------------------------------------------------------------------------------------------
*/

#content_stockist {float: left; width: 565px; margin: 0 0 20px 0; padding: 4px 0 0 40px;}

#stockist_map {float: left; width: 550px; height: 230px; margin: 0 10px 0 0; padding: 0; border: 1px solid #ccc;}

.stockist_ad {float: left; width: 175px; margin: 0 13px 0 0; padding: 10px 0 0 0;}

/*
------------------------------------------------------------------------------------------ PRESS
														
------------------------------------------------------------------------------------------------
*/

#content_press {float: left; width: 565px; margin: 0 0 20px 0; padding: 0 0 0 40px;}

.press_item {float: left; width: 565px; margin: 5px 0 10px 0; padding: 0 0 10px 0; border-bottom: dotted 1px #ccc;}

.press_item img {float: left; margin: 0 20px 0 0; padding: 0;}

/*
-------------------------------------------------------------------------------------------- FAQ
														
------------------------------------------------------------------------------------------------
*/

#content_faq {float: left; width: 565px; margin: 0 0 20px 0; padding: 0 0 0 40px;}

.faq_answer {float: left; width: 565px; margin-top: 20px; padding: 0; border-top: dotted 1px #ccc;}

.faq_answer h4{float: left; margin-top: 10px;}

.faq_answer p {margin: 10px 0 10px 0; padding: 0;}

#content_faq a {line-height: 2em;}

/*
---------------------------------------------------------------------------------------- CONTACT
														
------------------------------------------------------------------------------------------------
*/

#content_contact_left {float: left; width: 195px; margin: 0 0 20px 0; padding: 0 0 0 40px;}
#content_contact_right {float: left; width: 350px; margin: 0; padding: 60px 0 10px 0;}

#content_contact_left p {margin: 0 0 20px 0;}
#content_contact_right p {margin: 0 0 5px 0;}

#content_contact_right h4 {margin: 0 0 0 10px; padding: 0;}

#contact_form {background: #F5F3EF; margin-top: 10px;}

#content_contact_right fieldset {margin: 0; padding: 10px; border: 0;}

#content_contact_right label {display: block; color: #8E7C4A; margin: 0; padding: 0;}

#content_contact_right input {color: #333333; margin: 0 20px 0 0; padding: 2px; font-size: 1.1em; border: 1px solid #ccc; width: 65%;}
					  
#content_contact_right textarea {font-family: "Lucida Grande", Lucida, arial, verdana, sans-serif; font-size: 1em; line-height: 2em; border: 1px solid #ccc; margin: 0; padding: 0; width: 95%;}

#content_contact_right input.btn {background-color: #8E7C4A; color: #fff; border: 0; width: 150px; margin-top: 10px;}

/*
------------------------------------------------------------------------------------- ICON LINKS
														
------------------------------------------------------------------------------------------------
*/

.basket_top {background: url(images/icon_basket.gif) no-repeat left center; padding: 0 0 0 20px; margin: 0;}

.add {float: left; background: url(images/icon_add.gif) no-repeat left center; padding: 0 0 0 20px; margin: 0; display: block;}

.view {float: left; background: url(images/icon_view.gif) no-repeat left center; padding: 0 5px 0 15px; margin: 0 0 0 10px; display: block;}

.more {float: left; background: url(images/icon_view.gif) no-repeat left center; padding: 0 5px 0 15px; margin: 0; display: block;}

.basket {float: left; background: url(images/icon_basket.gif) no-repeat left center; display: block; padding: 0 0 0 20px; margin: 0 0 0 15px;}

.map {float: left; background: url(images/icon_view.gif) no-repeat left center; padding: 0 5px 0 15px; margin-top: 5px; display: block;}

.out {float: left; background: url(images/icon_checkout.gif) no-repeat left center; padding: 0 0 0 21px; margin: 0 0 0 10px; display: block;}

.next {float: left; background: url(images/icon_next.gif) no-repeat right center; padding: 0 21px 0 0; margin: 0 0 0 10px; display: block;}

.prev {float: left; background: url(images/icon_prev.gif) no-repeat left center; padding: 0 0 0 21px; margin: 0 0 0 10px; display: block;}


.zoom {float: left; background: url(images/icon_zoom.gif) no-repeat left center; padding: 0 5px 0 15px; margin: 10px 0 10px 0; display: block;}

.document {float: left; background: url(images/icon_docu.gif) no-repeat left center; padding: 0 5px 0 15px; margin: 20px 0 0 0; display: block;}

.top {float: right; background: url(images/icon_top.gif) no-repeat left center; padding: 0 5px 0 15px; margin: 5px; display: block;}



/*

------------------------------------------------------------------------------------------ MISC.
														
------------------------------------------------------------------------------------------------
*/

br.clear {clear: both; overflow: hidden; height: 0px; line-height: 0px;}

select
{
	font-size:9pt;
}

#cms_body p
{margin: 0; padding: 0 10px 15px 40px; line-height: 2em;}

/*
----------------------------------------------------------------------------------------- BASKET
														
------------------------------------------------------------------------------------------------
*/

.basket_item {float: left; margin: 5px 8px 3px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; width: 557px;}
.basket_item img {float: left; margin-right: 3px; padding: 0; border: 0;}

.basket_titles h4 {float: left; display: block; text-align: center; background-color: #EEEBE4; color: #8E7C4A; font-size: 1.1em; font-weight: bold; margin-right: 3px; padding: 2px;}

.basket_titles h4.title1 {width: 85px;}
.basket_titles h4.title2 {width: 105px;}
.basket_titles h4.title3 {width: 60px;}

.basket_item p.text1 {float: left; margin: 20px 3px 0 0; padding: 2px; border: 0; width: 85px; text-align: center; display: block;}
.basket_item p.text2 {float: left; margin: 20px 3px 0 0; padding: 2px; border: 0; width: 105px;text-align: center; display: block;}
.basket_item p.text3 {float: left; margin: 20px 3px 0 0; padding: 2px; border: 0; width: 60px; text-align: center; display: block;}
.basket_item p.text4 {float: left; margin: 20px 0 0 0; padding: 2px; border: 0; width: 55px; text-align: center; display: block;}

#total {float: right; margin-right: 60px; text-align: right; width: 131px;}
h4.total {float: left; text-align: center; background-color: #EEEBE4; width: 60px; padding: 2px; margin-right: 3px;}
#total p {float: left; text-align: center; width: 60px;}


/*
---------------------------------------------------------------------------------------- DELIVERY
														
------------------------------------------------------------------------------------------------
*/

.delivery {float: left; width: 268px; margin: 5px 8px 3px 0; padding: 0;}

#delivery_form {background: #F5F3EF; margin-top: 10px;}

#delivery_form fieldset {margin: 0; padding: 10px; border: 0;}

#delivery_form label {display: block; color: #8E7C4A; margin: 0; padding: 0;}

#delivery_form input {color: #333333; margin: 2px 20px 2px 0; padding: 2px; font-size: 1.1em; border: 1px solid #ccc; width: 90%;}
					  
#delivery_form textarea {font-family: "Lucida Grande", Lucida, arial, verdana, sans-serif; font-size: 1em; line-height: 2em; border: 1px solid #ccc; margin: 0; padding: 0; width: 95%;}

#delivery_form input.btn {background-color: #8E7C4A; color: #fff; border: 0; width: 150px; margin-top: 10px;}


.btn_co {float: right; margin: 0 20px 0 0; padding: 2px; font-size: 1.1em; border: 1px solid #ccc;background-color: #8E7C4A; color: #fff; border: 0; width: 150px; margin-top: 10px;}
.country {width:228px}


#checkout_subnav li {color: #8E7C4A; width: 115px; margin: 0; padding: 0;}
#checkout_subnav li {display: block; padding: 0; margin: 0; line-height: 2.5em; font-size: 1.1em; border-bottom: 1px solid #ccc;}
#checkout_subnav li.active {color: #000;}

#content_about_right img
{
	margin-bottom:30px;
}

div.clear_bottom
{
	margin-bottom:30px;
}

.range_bottom
{
	padding:0 0 0 115px;
	height:20px;
}

.range img
{
	padding-top:15px;
}

p.bottom_padding
{
	 height:10px;
	 margin:0px;
}

.item_left
{
	float:left;
	width:270px;
}

.item_right
{
	float:right;
	width:280px;

}

.sub_feature .left
{
	height:150px;width:90px;float:left;
	font-size: 1em;
}


.sub_feature .right
{
	float:right;width:158px;
	font-size: 1em;
}

.enquiry1 {color: #8E7C4A; font-size: 1.1em; font-weight: bold;  
margin: 0; padding: 0 10px 15px 40px; line-height: 1em;}

.enquiry2 {color: #333; font-size: 2em; font-weight: bold; margin: 0;  
padding: 10px 10px 25px 40px; line-height: 1em;}

/*
---------------------------------------------------------------------------------------- POSTAGE
------------------------------------------------------------------------------------------------
*/

.postradio {float: left; display: block; width: 30px;}

.posttitle {float: left; color: #8E7C4A; font-size: 1.1em; font-weight: bold; margin: 0; padding: 0;}
.posttext {float: left; color: #333; margin: 0 0 0 10px; padding: 0;}

input.postbtn {background-color: #8E7C4A; color: #fff; border: 0; width: 150px; margin-top: 10px;}

input.postradio2 {float: left; margin: 0 10px 0 0; padding: 0; font-size: 1.1em; border: 1px solid #ccc;width:1em}

#checkout_subnav img
{
	padding: 20px 0 0 60px;