/*** Project Info

Author   : Geoff White | geoff@redbullet.co.uk | Red Bullet Web Design
Client   : Hair Fairy
URL      : http://www.hairfairy.co.uk
Desc     : Default Stylesheet
Created  : 03 March 2008

Project Info ***/

/*** Section 01: Site Structure Styles ***/

/** { behavior: url(iepngfix.htc) }*/


body{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#625534; line-height:20px; padding:0; margin:0;/* background:#000000 url(/images/bg.jpg) top center no-repeat;*/position:relative;margin:0 auto;text-align:center}
a{outline:none;}
a:link, a:visited{text-decoration:none; color:#fff;border:none}
a:hover{ color:#999;}
p{padding:0; margin:5px 0 5px 0;}
h1{font-size:16px; padding:0; margin:5px 0 5px 0; color:#333333;}
h2{font-size:14px; padding:0; margin:5px 0 5px 0; color:#333333;}
input {font-family:Arial, Helvetica, sans-serif; font-size:11px;position:relative}
form{display:inline;}
/*** Section 01: Site Structure Styles End ***/

/*** Section 02: Content ID Styles ***/
#container{
	width:521px;
	margin:0 auto;
	height:auto;
}
#basketContent{
	min-height: 200px;
	height:auto;
	margin:0 auto
}
#contentArea{position:relative; width:652px; margin:80px auto 0 auto; padding:90px 0 0 0;}
#pageLeft{float:left; width:271px; height:315px; padding:20px 15px 20px 40px; background:url(/images/pageBgLeft.png) no-repeat;position:relative;}
#centerCheckout{
	margin: 0 0 0 25px;
}
#pageRight{float:left; width:231px; height:285px; padding:30px 70px 40px 25px; background:url(/images/pageBgRight.png) no-repeat; text-align:center;position:relative;}
/*#pageLeftProducts{float:left; width:271px; height:315px; padding:20px 15px 20px 40px; background:url(/images/productsBgLeft.png) no-repeat; text-align:center;position:relative;margin:0}*/
#pageLeftProductsContent{padding:20px;position:relative;}
/*#pageRightProducts{float:left; width:231px; height:285px; padding:34px 70px 40px 25px; background:url(/images/pageBgRight.png) no-repeat; text-align:center; position:relative;margin:0}*/
#pageRightProductsContent{color:#fff;padding:20px;background-color:#000000;height:240px;position:relative; overflow:hidden}
#leftForm {margin: 10px 0 0 0;float: right;}
#basketText{margin: 100px auto; height:auto;width:200px}

#pageLeftProducts{float:left; width:340px; height:400px; padding:20px 15px 20px 40px; background:url(/images/pgBgLeft_new.png) no-repeat; text-align:center;position:relative;}
#pageRightProducts{float:left; width:320px; height:368px; padding:34px 70px 40px 25px; background:url(/images/pgBgRight_new.png) no-repeat; text-align:center; position:relative;}

#added_product{color:#FF0000}

#next_image {#625534}
/*** Section 02: Content ID Styles ***/

/*** Section 03: Content Classes Styles ***/
.clear{clear:both;}
.logo{position:absolute; top:0; left:25px;}
.left{float:left;}
.right{float:right;}
.homeForm{width:195px; margin:0 auto 0 auto;}
.checkoutBtn, .homeBtn{
	color:#fff;
	width:150px;
	height:19px;
	margin:2px auto;
	background: transparent url(/images/checkoutBtn.png) no-repeat center center;
	text-transform:uppercase;
	font: bold 11px Arial,Helvetica,sans-serif;
	float: left;border:none
}
.homeBtn
{
	margin: 0 auto;
	float:none;
}

.contactContent{ text-align:left;padding:25px;margin: 50px 0 0 0;}
.contactImage{margin: 50px 0 0 0;}
.moreInfoTitle{padding: 220px 0 0 0;margin:0 auto;width:150px}
.formLabel{float:left;padding: 0 0 0 10px;}
.rightDropdown{float:right;margin:0 20px 0 0;width: 150px;background-color:#bca785;border:none; }
.faq{text-align:left;}
.centre {text-align:center;}
div#product_details
{
text-align:left;
padding:5px;
}
#productImageContainer{
	float:left;
	width:212px;
	text-align:center;
	position: relative;
	padding:10px 0;
}
#productDetailsContainer{
	float:left;
	width:264px;
	text-align:left;
	position: relative;
	padding: 10px;
}
.detail_image_left{
	border: #ccc 1px dashed;
	margin: 0 10px 10px 0;
	padding: 5px;
}
#related_products{
	padding:5px;
	width: 425px;
	margin: 0 auto 0 0;
	overflow: auto;
	border: #ccc 1px dashed;
}



.related_product_thumbnail{margin:0 20px;}

.price{color:#625534; font-size:14px;font-weight:bold}

/*form styles*/
#product_options{
}
/*form styles*/

	
/*** Section 03: Content Classes Styles ***/

/*** Section 04: Navigation Styles ***/
#navbar{position:absolute;width:450px;margin:0 ;color:#fff;font-size:14px;left: 280px;top: 45px;z-index:99;}
/*#navbar ul{margin: 0;padding: 0;float: left;width: 100%;}
#navbar ul li{display: inline;}
#navbar ul li a{float: left;color:#ffffff; font-size:14px; padding:10px 10px;text-decoration: none; text-transform:uppercase; }
#navbar ul li a:visited{color:#ccc;}
#navbar ul li a:hover{color:#ccc; text-decoration:none;}*/
/*** Section 04: Navigation Styles ***/

/*** Section 05: Footer Styles ***/
/*#footerNav{margin:0;color:#fff;font:verdana;padding: 0;float: left;width: 100%;position:relative;width:400px;margin: 0 0 0 510px;}
#footerNav ul li{display: inline;}
#footerNav ul li a{float: left;color:#ffffff; font-size:10px; padding:10px 10px;text-decoration: none; text-transform:uppercase; }
#footerNav ul li a:visited{color:#fff;}
#footerNav ul li a:hover{color:#666; text-decoration:none;}*/

/*** Section 05: Footer Styles ***/

/*** Section 06: basket Styles ***/
.basket_table{border-collapse:collapse;font:verdana;margin:0 auto;}
.basket_table caption{text-align:right; font-weight:bold; font-style:italic; margin:5px 0 5px 0;}
.basket_table th {color: #FFFFFF;letter-spacing: 1px;text-transform: uppercase;text-align: center;padding: 4px;font-size:11px;border:#ccc 1px solid; background-color:#544730;}
.basket_table td {background:#FFFFFF;padding: 4px;color: #333333;border:#ccc 1px solid}
.basket_table td.alt {background-color:#fff; color:#333333;border:#ccc 1px solid}
.basket_table a{color:#f50f61; text-decoration:none;}
.basket_table a:hover{color:#f50f61; text-decoration:underline;}
input.qty{width:2.5em;}
#basket_buttons_container{padding: 0 0 0 110px}

/*** Section 06: basket Styles ***/

/*** Section 07: Moo Revolver Styles ***/
/*:focus{outline:none;}
.revolver ul{list-style-type:none; width:300px; height:350px; position:relative; overflow:hidden; margin:0; padding:20px;}
.revolver li{list-style-type:none;position:absolute;width:70px;height:170px;left: 537px;top: 241px;}
.revolver img{width:100%;height:100%;border:0;}
#revolverContainer{position:absolute;left: 105px;width: 20px;top: 15px;height: 4px;margin:0;padding:0;}
#arrowLeft{float:left;margin:0 50px;}
#arrowRight {float:left;}*/
/*** Section 07: Moo Revolver Styles ***/

dl{margin:0;}
dl dt{float:left;clear:left;width:35%; margin:0;display:block;}
dl dd{float:left;margin:0;display:block;width:65%;}
dl ul{margin:0;padding:0;}
dl li{list-style-type: none;margin:0;padding:0;}

form.frontend{margin-top:1em;}
form.frontend label{float:left;display:block;width:20%;margin-bottom:1em;}
form.frontend br{clear:left;}
form.frontend div.val_errors{margin-bottom:1em; color:#FF3366;}
form.frontend div.val_errors ul{margin-left:2em; list-style-type:disc;}
form.frontend input.txt{width:200px;margin-bottom:1em;float:left;}
form.frontend .nolabel{margin-left:20%;margin-bottom:1em;float:left;}
form.frontend input.narrow{width:40px;}
form.frontend select{width:230px;float:left; margin-top:3px;}
form.frontend select.multiple{height:8em;margin-bottom:0.5em;}
form.frontend textarea{width:200px;float:left;margin-bottom:0.5em;}
form.frontend textarea.wide{width:75%;float:left;height:6em;}
form.frontend label.checkbox{display:block;float:left;width:5.5em;margin-left:1em;}
form.frontend label.checkbox input{float:right;}
form.frontend label.radio{display:block;float:left;width:75%;margin-bottom:0;}
form.frontend label.radio input{margin-bottom:0;}
form.frontend label.disabled{color:red;}
form.frontend label.wide{width:100%;}
form.frontend .small_margin{margin-bottom:0;}

form.email_friend{margin-top:1em;}
form.email_friend a:link, a:visited{color:#625534;}
form.email_friend label{float:left;display:block;width:20%;margin-bottom:1em;margin-left:10px}
form.email_friend br{clear:left;}
form.email_friend div.val_errors{margin-bottom:1em; color:#FF3366;}
form.email_friend div.val_errors ul{margin-left:2em; list-style-type:disc;}
form.email_friend input{width:200px;margin-bottom:1em;float:left;margin-left: 10px}
form.email_friend .nolabel{margin-left:20%;margin-bottom:1em;float:right;}
form.email_friend input.narrow{width:40px;}
form.email_friend select{width:230px;float:left; margin-top:3px;}
form.email_friend textarea{width:200px;float:left;margin-bottom:0.5em;margin-left: 10px}
form.email_friend textarea.wide{width:75%;float:left;height:6em;}

#emailAFriendContent{width:450px;margin:0 auto;text-align:center}