/*** 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_new.jpg) top center no-repeat;position:relative;}
a{outline:none;}
a:link, a:visited{text-decoration:none; color:#fff;}
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;}

ul.links {list-style:none;text-align:left;}
ul.links a{color:#625534}
ul.links a:hover{color:#ccc}

a:link.links {color:#625534}


form{display:inline;}
/*** Section 01: Site Structure Styles End ***/

/*** Section 02: Content ID Styles ***/
#container{position:relative; width:950px; margin:0 auto 0 auto;}
#contentArea{position:relative; width:810px; margin:30px auto 0 auto; padding:90px 0 0 0;}


#pageLeft{float:left; width:340px; height:400px; padding:15px 15px 20px 40px; background:url(/images/pgBgLeft_new.png) no-repeat;position:relative;}
/*#pageLeft{float:left; width:271px; height:315px; padding:20px 15px 20px 40px; background:url(/images/pageBgLeft.png) no-repeat;position:relative;}*/

#pageRight{float:left;width:320px;height:377px;padding:30px 70px 40px 25px;text-align:center;position:relative;background: url(/images/pgBgRight_new.png) no-repeat;}
/*#pageRight{float:left; width:231px; height:285px; padding:30px 70px 40px 25px; background:url(/images/pageBgRight.png) no-repeat; text-align:center;position:relative;}
*/

/**ie6 hacks**/
*html #pageRight{float:left;width:320px;height:377px;padding:30px 70px 40px 25px;text-align:center;position: inherit;background: url(/images/pgBgRight_new.png) no-repeat;}
*html #pageRightProducts{float:left; width:320px; height:390px; padding:25px 70px 40px 25px; background:url(/images/pgBgRight_new.png) no-repeat; text-align:center; }

*html form.frontend input.txt{position:relative }
/**ie6 hacks**/


#pageLeftProducts{float:left; width:340px; height:400px; padding:27px 15px 20px 40px; background:url(/images/pgBgLeft_new.png) no-repeat; text-align:center;/*position:relative;*/}
#pageLeftProductsContent{padding:20px;position:relative;}

#pageRightProducts{float:left; width:320px; height:390px; padding:25px 70px 40px 25px; background:url(/images/pgBgRight_new.png) no-repeat; text-align:center; }
#pageRightProductsContent{color:#fff;background-color:#FFFFFF;height:328px;position:relative;border: #666 2px dashed;}


#leftForm {margin: 10px 0 0 0;float: right;}
#terms{height:325px;overflow: auto;text-align:left;padding:20px;}
#centre_contact_images{padding:0 0 0 50px}
#terms_image{padding:60px 0 0 0}
#pageLeftContentContainer{height:350px;overflow:auto;padding:20px;text-align:left;}

#register {height:390px; overflow: auto;width:310px;position:relative}
#register2 {height:390px; overflow: auto;width:310px;position:relative}


/*** Section 02: Content ID Styles ***/

/*** Section 03: Content Classes Styles ***/
.clear{clear:both;}
.logo{position:absolute; top:-10px; 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:0 auto 0 auto;
	background: transparent url(/images/checkoutBtn.png) no-repeat center center;
	text-transform:uppercase;
	font: bold 11px Arial,Helvetica,sans-serif;
	border:none;
	position: inherit;
}

.homeBtn
{
	margin:10px auto 0;
	position:relative;
}


.contactContent{text-align:left;padding:15px;margin: 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;padding:0 20px 0 20px;height:370px;overflow:auto;}
.centre {text-align:center;}
/*#product_details_text{float:left;width:auto}*/
.product_details_text{float:left;width:auto;text-align:left}
.oak_hair{position:absolute;left: 100px;top: 565px;border:none}

.categoryLongDescription { font-size:12px !important }
.categoryImage{ text-align: center}
categoryShortDescription{text-align:center}

.paginate a:link, a:visited {color: #625534}
.paginate {font-size:12px}

.register_text{padding:20px}

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

/*** Section 04: Navigation Styles ***/
#navbar{position:absolute;width:450px;margin:0 ;color:#fff;font-size:14px;left: 400px;top: 40px;z-index:99;}
/*** Section 04: Navigation Styles ***/

/*** Section 05: Footer Styles ***/
#footerNav{margin:0;color:#fff;font:verdana;padding: 0;float: left;width: 100%;position:absolute;left: 500px;top: 555px;width:400px;}
#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: Form Styles ***/
form.frontend{margin-top:1em;}
form.frontend label{float:left;display:block;width:30%;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:150px;margin-bottom:1em;float:left;}
form.frontend .nolabel{margin-left:30%;margin-bottom:1em;float:left;}
form.frontend input.narrow{width:40px;}
form.frontend select{width:200px;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:#666;}
form.frontend label.wide{width:100%;}
form.frontend .small_margin{margin-bottom:0;}
form.maw label{width:40%;}
form.maw select.rightDropdown{float:none;width:150px;}

/*** Section 06: Form Styles ***/
form.email_friend{margin-top:1em; text-align:left;}
form.email_friend label{float:left;display:block;width:30%;margin-bottom:1em;}
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.txt{width:150px;margin-bottom:1em;float:left;}
form.email_friend .nolabel{margin-left:30%;margin-bottom:1em;float:left;}
form.email_friend textarea{width:200px;float:left;margin-bottom:0.5em;}
form.email_friend textarea.wide{width:75%;float:left;height:6em;}
/*** Section 06: Form 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;left: 537px;top: 241px;}
.revolver img{border:0;}
#revolverContainer{position:absolute;left: 150px;width: 20px;top: 45px;height: 4px;margin:0;padding:0;}
#arrowLeft{float:left;margin:0 50px;}
#arrowRight {float:left;}
#arrows {background-color:#fff}*/

: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: 150px;width: 20px;top: 45px;height: 4px;margin:0;padding:0;}
#arrowLeft{float:left;margin:0 50px;}
#arrowRight {float:left;}
#arrows {background-color:#fff;margin-top:5px}


/*** Section 07: Moo Revolver Styles ***/

dl{margin:0;}
dl dt{float:left;clear:left;width:20%; margin:0 0 0.5em 0;display:block;}
dl dd{float:left;margin:0 0 0.5em 0;display:block;width:80%;}
table.generic{width:100%; border-top: 1px solid #CCC;border-left: 1px solid #CCC;}
table.generic th{padding:2px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}
table.generic td{vertical-align:top;padding:2px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}
table.generic td.message{vertical-align:top;text-align:center;}