@charset "utf-8";
/* CSS Document cz by eliane 08/22/09*/
/*general styles*/
*{ margin:0; padding:0;}
html body{ font-family: Arial; font-size:62.5%; color:#999; background: url(https://www.ghdhairuk.com/images/damask.gif);}
div,form,fieldset,ul,ol,dl,dt,dd,table, th, td{ margin:0; padding:0; border:0;}
h1, h2, h3, h4, h5, h6, p, blockquote,pre  { margin: 0; padding: 0; } 
li{ list-style-type:none; display: block;}
img{ border:0; display:block;}

/*color styles*/
.yellow{ color:#ffe372;}
.pink{ color:#fbd9d5;}

/*font styles*/
.font14{ font-size:1.4em; color:#cc9933;}
.font48{ font-size:4.8em;}

/*link styles*/
a:link,a:visited{ color:#999; text-decoration: underline;}
a:hover{ color:#fff; text-decoration:none;}

/*layout styles*/
#layout{ margin:0 auto; width:960px; height:auto;}
#bg{ float:left; width:960px; height: auto; background-color:#000;}
/*header styles*/
#header{
   width:960px; 
   height:130px; 
   position:relative;
   clear:both; 
    
}
#logo {
	position:absolute;
	left:10px;
	top:12px;
	width:293px;
	height:55px;
}
#topmenu{
	position:absolute;
	left:539px;
	top:12px;
	width:226px;
	height:78px;
	font-size:1.12em;
}
#topmenu ul{ float:left; width:96px; margin-right:15px; border-right:1px dashed #282828;}
#topmenu li{ float:left;padding-left:14px; width:82px;height:26px; line-height:26px; background:url(https://www.ghdhairuk.com/images/icon_arrow.gif) left center no-repeat;}
#topmenu li a{color:#999; text-decoration:underline;}
#topmenu li a:link,#topmenu li a:visited{ color:#999; text-decoration:underline;}
#topmenu li a:hover{ color:#fff; text-decoration:none;}
#basket{
	position:absolute;
	left:768px;
	top:13px;
	width:178px;
	height:78px;
}
#basket .title{ float: left; padding-left:20px; width:158px; height:15px; font:1.2em/15px  Arial, Helvetica, sans-serif; color:#fff; background:url(https://www.ghdhairuk.com/images/basket.gif) left center no-repeat; margin-bottom:13px;}
#basket .detail{ float:left; padding:8px 10px; width:158px; height:34px; background-color:#2b2b2b; font-size:1.12em; color:#ccc;}
.checkout{ font-size:12px; color:#d09418;}
.checkout a{ color:#d09418; text-decoration:none;}
.checkout a:link,.checkout a:visited,.checkout a:hover{ color:#d09418; text-decoration:none;}
#nav {
	position:absolute;
	left:0px;
	top:108px;
	padding:0 10px 0 0;
	width:950px;
	height:28px;
	border-top:1px solid #4b4b4b;
	border-bottom:1px solid #4b4b4b;
}
#mnav li{ list-style:none; float:left;font:1.4em/28px Arial;}
#mnav li a.topnav{ display:block; padding:0 10px; width:auto; color:#fff; text-decoration:none; }
#mnav li a.topnav:link,#mnav li a.topnav:visited{ color:#fff; text-decoration:none;}
#mnav li a.topnav:hover{ color:#d09418; border-bottom:2px solid #d09418; text-decoration:none; }
#mnav li ul{
	position:absolute;
	top:30px;
	width:150px;
	display:inline;
	border:1px solid #ccc;
	background-color:#fff;
	left: 190px;
}
#mnav li ul li{list-style:none; display:block; width:100%; float:left; font-size:1.12em;clear:both; border-bottom:1px solid #dfe9f5;}
#mnav li ul a{float:left;width:95%;padding-left:5%;font-size:11px;line-height:22px;}
#mnav li ul a:link,#mnav li ul a:visited{float:left;width:95%;color:#2b2b2b;text-decoration:none;}
#mnav li ul a:hover{float:left;width:95%; font-weight:bold; color:#d09418; text-decoration:underline; background-color:#f4f4f4;}
.delivery{ float: right; padding-left:10px; width:210px; font:1.4em/28px Arial; height:28px; color:#d09418; background:url(https://www.ghdhairuk.com/images/icon_arrow.gif) left center no-repeat;}

/*container styles*/
#container{ width:960px; height:auto;}
.top_col{ float:left; padding:15px 10px; width:940px; height:auto;background:url(https://www.ghdhairuk.com/images/navbar.gif) left bottom no-repeat;}
.navguide{ float:left; width:auto; font-size:1.12em; color:#fff; line-height:18px; text-align:left;}
.navguide a{ color:#fff; text-decoration:none;}
.navguide a:link;.navguide a:visited;.navguide a:hover{ color:#fff; text-decoration:none;}
.search{ float: right; width:auto; text-align:right;font-size:1.12em; font-family:Arial;}
.search_input{ float:left; padding:2px 0 0 8px;  color:#fff;width:146px; height:16px;font-size:1.12em;  font-family:Arial;background-color:#5e5d5d; border:0; margin-right:4px;}
.search_btn{ display:block;float:left; width:53px; height:18px; border:0; background:url(https://www.ghdhairuk.com/images/btn_search.gif) no-repeat; cursor:pointer; }

.banner_col{ float:left; width:960px; height:320px; margin-bottom:15px;}
.banner_l{ float:left; width:860px; height:320px;}
.banner{ float:left; width:860px; height:320px;}
.banner_r{ float:left; padding:8px 5px 7px; width:90px; height:305px; background:url(https://www.ghdhairuk.com/images/index_imglist.gif) repeat-y;}
.banner_r .selected{ float:left; padding:5px 5px 5px 11px; width:74px; height:47px; background:url(https://www.ghdhairuk.com/images/img_selected.gif) no-repeat; margin:2px 0;}
.banner_r .unselected{ float:left; padding:5px 5px 5px 11px; width:74px; height:47px; margin:2px 0;}
.prducts{ float:left; width:100%; margin-top:15px;}
.prducts .title{ float:left; padding:43px 0 0 156px; font-size:2.4em; color:#fef9e3; width:804px; height:69px; background:url(https://www.ghdhairuk.com/images/prlist_bg.jpg) top center no-repeat; margin-bottom:}
.prducts_col{ float: left; padding:0 10px; width:940px;}
.prducts_col1{ float: left; padding:0 44px; width:940px;}
.prducts_col .arrow{ float:left;padding:75px 0 0 2px;}
.prductlist{ float:left; width:872px;height:auto; }
.pr{ float:left; padding:15px 20px; width:178px; height: auto; text-align:center; border-bottom:0;position:relative}
.pr1{ border-bottom:1px dotted #999;}
.pr p{ float:left; width:178px;  margin-bottom:10px;}
.pr .name_p{font-size:1.355em;  height:45px; overflow:hidden;}
.pr .name_p a{ color:#d8779b; text-decoration:underline;}
.pr .name_p a:link,.pr .name_p a:visited{ color:#d8779b; text-decoration:underline;}
.pr .name_p a:hover{ color:#d8779b; text-decoration:underline;}
.pr .name_y{font-size:1.355em;  height:45px; overflow:hidden;}
.pr .name_y a{ color:#cc9933; text-decoration:underline;}
.pr .name_y a:link,.pr .name_y a:visited{ color:#cc9933; text-decoration:underline;}
.pr .name_y a:hover{ color:#cc9933; text-decoration:underline;}
.pr .nprice{ font-size:1.8em; color:#cc9933;}
.pr .rprice{ font-size:1.1em; color:#999;}
.add_p a{ display:block;float:left; margin-left:26px; padding-left:15px; width:105px; height:21px; font-size:1.12em; line-height:21px; color:#000;text-align:center; background:url(https://www.ghdhairuk.com/images/imgs.png) -20px -12px no-repeat;}
.add_p a:link,.add_p a:visited{ color:#000;text-decoration:none; background:url(https://www.ghdhairuk.com/images/imgs.png) -20px -12px no-repeat;}
.add_p a:hover{ color:#000;text-decoration:none;background:url(https://www.ghdhairuk.com/images/imgs.png) -20px -33px no-repeat;}
.add_y a{ display:block;float:left; margin-left:26px; padding-left:15px; width:105px; height:21px; font-size:1.12em; line-height:21px; color:#000;text-align:center; background:url(https://www.ghdhairuk.com/images/imgs.png) -150px -12px no-repeat;}
.add_y a:link,.add_y a:visited{ color:#000;text-decoration:none; background:url(https://www.ghdhairuk.com/images/imgs.png) -150px -12px no-repeat;}
.add_y a:hover{ color:#000;text-decoration:none;background:url(https://www.ghdhairuk.com/images/imgs.png) -150px -33px no-repeat;}

/*footer styles*/
#footer{ width:960px; height:auto;}
.newsletter{ float:left; padding:6px 0; width:960px; height:21px; background-color:#2b2b2b; }
.newsletter img{ float:left; margin:0 0 0 8px;}
.newsletter .news_input{ float:left; padding:6px 0 0 10px;width:360px; height:15px; font-size:1.12em; font-family:Arial; color:#fff; background-color:#5e5e5e; border:0;  margin-left:10px;}
.bottom{ float:left; padding:13px 10px 20px; width:940px; height:auto; border-top:1px solid #4b4b4b; margin-top:6px; clear:both;}
.bottom .left{ float:left; width: auto; text-align:left; font-size:1.12em; color:#999; line-height:18px;}
.bottom .left a{padding-right:12px;color:#999; text-decoration:none;}
.bottom .left a:link,.bottom .left a:visited{ color:#999; text-decoration:none;}
.bottom .left a:hover{ color:#fff; text-decoration:underline;}
.bottom .right{ float:right; width:auto; text-align:right;}
.bottom .right img{ float:right;padding-left:3px;}
.bottom p{ float:left; padding:10px 0 0; width:940px; font-size:0.9em; line-height:18px; color:#999; text-align:left;}

/*products styles*/
#left{ float:left; padding-left:5px; width:173px; margin:15px 15px 0 0;}
#left li{ float:left; width:173px; height:30px; font-size:1.12em; line-height:30px;}
#left li a{ padding-left:14px;color:#fff; text-decoration:none;}
#left li a:link,#left li a:visited{ color:#fff; text-decoration:none;}
#left li a:hover{ float:left;  color:#cc9933; text-decoration:underline; background:url(https://www.ghdhairuk.com/images/icon_arrow.gif) left center no-repeat;}
#right{ float:left; padding-right:113px; width: 654px; background:url(https://www.ghdhairuk.com/images/products_bg.jpg) right top no-repeat; margin-top:15px;}
#right .title{ float:left; padding:10px 0 0 26px; width:628px; font-size:1.8em; font-family:Arial, Helvetica, sans-serif; color:#cc9933; }
#right .pro_col{ float:left; width:654px; height:auto; margin-top:30px;}

/*productdetail styles*/
.productdetail{ float:left; padding:0 10px; width:940px; margin-top:15px;}
h1{ float:left; width:940px; height: auto; font:3em/48px Arial, Helvetica, sans-serif; margin-bottom:20px;}
.detail{ float:left; width:940px; height:auto; border-top:1px solid #1c1c1c;}
.detail .left{ float:left; width:510px; height:auto;}
.detail .left .pimg{ float:left; width: 510px; height:335px; margin-bottom:7px;}
.detail .left .smallimg{ float: left; padding:5px; width:500px; height:40px; background:url(https://www.ghdhairuk.com/images/smallimg_bg.jpg) repeat-x;}
.detail .left .smallimg .selected{ float: left; width: 66px; height:38px; border:1px solid #54333f; margin-right:3px;}
.detail .left .smallimg .unselected{ float:left; width:66px; height:38px; border:1px solid #000; margin-right:3px;}
.detail .right{ float:left; padding:15px 14px 15px; width:402px; height:362px;background-color:#1c1c1c;}
.detail .right .top{ float:left; width:402px; height:215px;}
.detail .right .top .intro{ float:left; width:260px; height: auto;}
.detail .right .top .intro .tabmenu{ float: left; width: 260px; height:26px; border-bottom:1px solid #000;}
.detail .right .top .intro .tabmenu li.s1{ float:left; padding:0 12px; width:auto; height:26px; font-size:1.12em; line-height:26px; color:#999; background:url(https://www.ghdhairuk.com/images/tab_selected.gif) repeat-x; margin-right:2px;}
.detail .right .top .intro .tabmenu li{ float:left; padding:0 12px; width:auto; height:26px; font-size:1.12em; line-height:26px;color:#cc9933; background:url(https://www.ghdhairuk.com/images/tab_unselected.gif) repeat-x; margin-right:2px;}
.detail .right .top .intro .tabcontent{ float: left; padding:10px 20px 10px 12px; width:228px; height:auto; font-size:1.12em; overflow-y:auto;overflow-x: hidden; height:168px;}
.detail .right .top .intro .tabcontent p{ line-height:18px; padding-bottom:6px;}
.detail .right .top .intro .tabcontent li{ float:left; padding-left:10px; width:218px;line-height:14px; margin-bottom:10px; background:url(https://www.ghdhairuk.com/images/icon_dian.gif) left top no-repeat;}
.detail .right .top .related{ float:right; width:100px; height:auto;}
.detail .right .top .related img{ float:right; width:100px; height:20px; text-align:right; padding-bottom:10px;}
.detail .right .buy{ float:left; width:402px; height: auto; padding:30px 0 0; }
.detail .right .buy .price{ float:left; width:216px; height: auto; font-size:1.2em; color:#ebb076; line-height:48px; }
.detail .right .buy .charge{ float:right; width:184px; height:auto; text-align:right;}
.detail .right .buy .charge img{ float:right; padding-bottom:30px;}
.add_b a{ display:block;float:left; padding-left:30px; width:154px; height:30px; font-size:1.6em; line-height:30px; color:#000;text-align:center; background:url(https://www.ghdhairuk.com/images/imgs.png) -290px -12px no-repeat;}
.add_b a:link,.add_b a:visited{ color:#000;text-decoration:none; background:url(https://www.ghdhairuk.com/images/imgs.png) -290px -12px no-repeat;}
.add_b a:hover{ color:#000;text-decoration:none;background:url(https://www.ghdhairuk.com/images/imgs.png) -290px -42px no-repeat;}
.other_pr{ float:left; padding:25px 0 0; width:940px; height:auto; }
.other_pr .title{ float:left; width:940px; font-size:18px; color:#cc9933; padding-bottom:10px;}
.other_pr .album{ float:left; width:940px; height:105px; }
.other_pr .slide_pre{ float:left; width:19px; height:97px; margin:7px 7px 0 0; }
.other_pr .slide_next{ float:left; width:19px; height:97px; margin:7px 0 0 0;}
.other_pr .imglist{ float:left; width:895px; height:104px;}
.other_pr .imglist .imgseleted{ float:left; padding:8px 1px 1px 1px; width:170px; height:95px; background:url(https://www.ghdhairuk.com/images/imgselected.gif) no-repeat; margin-right:7px; display:inline;}
.other_pr .imglist .imgunselected{ float:left; margin:7px 7px 0 0; width:170px; height:95px; border:1px solid #6e6e6e; display:inline;}


/*shoppingcart styles*/
.progress{ float:left; padding:0 10px; width:940px; font-size:1.2em; margin-top:15px;}
.progress_guide{ float:left; width:712px; height:21px; margin:0 114px 30px;}
.progress_guide li{ float: left; width:auto; height:21px; font-size:14px; line-height:21px; text-align:center;}
.progress_guide li.a1{ float:left; width:178px; height:21px; background:url(https://www.ghdhairuk.com/images/imgs.png) -20px -90px no-repeat;}
.progress_guide li.a1 a{ color:#fff; text-decoration:none}
.progress_guide li.a1 a:link,.progress li.a1 a:visited{ color:#fff; text-decoration:none;}
.progress li.a2{ float:left; width:178px; height:21px; background:url(https://www.ghdhairuk.com/images/imgs.png) -20px -111px no-repeat;}
.progress_guide li.a2 a{ color:#cc9933; text-decoration:none}
.progress_guide li.a2 a:link,.progress li.a2 a:visted{ color:#cc9933; text-decoration:none}
.progress_guide li.a3{ float:left; width:178px; height:21px; background:url(https://www.ghdhairuk.com/images/imgs.png) -20px -132px no-repeat;}
.progress_guide li.a3 a{ color:#fff; text-decoration:none}
.progress_guide li.a3 a:link,.progress li.a3 a:visted{ color:#fff; text-decoration:none}
.progress_guide li.a4{ float:left; width:178px; height:21px; background:url(https://www.ghdhairuk.com/images/imgs.png) -20px -153px no-repeat;}
.progress_guide li.a4 a{ color:#cc9933; text-decoration:none}
.progress_guide li.a4 a:link,.progress li.a4 a:visted{ color:#cc9933; text-decoration:none}
.progress_guide li.a5{ float:left; width:178px; height:21px; background:url(https://www.ghdhairuk.com/images/imgs.png) -20px -174px no-repeat;}
.progress_guide li.a5 a{ color:#fff; text-decoration:none}
.progress_guide li.a5 a:link,.progress li.a5 a:visted{ color:#fff; text-decoration:none}
.progress_guide li.a6{ float:left; width:173px; height:33px; background:url(https://www.ghdhairuk.com/images/imgs.png) -20px -195px no-repeat;}
.progress_guide li.a6 a{ color:#cc9933; text-decoration:none}
.progress_guide li.a6 a:link,.progress li.a6 a:visted{ color:#cc9933; text-decoration:none}
h2{ font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#cc9933;}
a.continue{ float:left; padding-left:35px; width:155px; height:21px; font-size:1.1em; line-height:21px;  text-transform:uppercase; background:url(https://www.ghdhairuk.com/images/imgs.png) -210px -90px no-repeat;color:#000;text-decoration:none; }
a.continue:hover{ color:#000;text-decoration:none;}
a.payment{ float:left; padding:0 30px 0 10px; width:150px; height:21px; font-size:1.1em; line-height:21px;  text-transform:uppercase; background:url(https://www.ghdhairuk.com/images/imgs.png) -210px -111px no-repeat;color:#000;text-decoration:none; }
a.payment:hover{ color:#000;text-decoration:none;}
.td2{ font-size:1.3em; font-family:Arial, Helvetica, sans-serif; color:#cc9933; border-bottom:1px solid #1f1f1f;}
.qty{ width:83px; height:18px;}
.discountcode {
    float:left;
	padding:3px 0 0 10px;
	width:180px;
	height:16px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#bbbbbb;
	border:1px solid #2b2b2b;
	background-color:#151515;
}
.payment_confidence_options{ float:left; padding-top:30px; width:100%; height:auto;}
.payment_col{ float:left; padding:12px 22px; width:274px; height: auto; border:1px dotted #666; margin-right:15px;}
.payment_col p{ float:left; width:274px; height:auto; padding-bottom:8px; font-size:13px;}
.payment_col img{ float:left;padding-left:3px; width: auto; height:auto;}
.freeshipping{ float:right; padding:12px 22px; width:460px; height:46px; border:1px dotted #666;}
.all_input{ width:178px; height:18px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-top:1px solid #535353;border-right:1px solid #535353;}
.all_choose{ width:180px; height:18px;}
.choose1{ width:88px; height:18px;}
a.login{ float:left; width:65px; height:19px; text-align:center; line-height:19px; background:url(https://www.ghdhairuk.com/images/imgs.png) -210px -145px no-repeat;color:#fff; text-decoration:none;}
a.login:hover{ color:#fff; text-decoration:none;}
a.sign{ float:left; padding-left:12px;width:90px; height:21px; line-height:21px;  background:url(https://www.ghdhairuk.com/images/imgs.png) -210px -175px no-repeat;color:#fff; text-decoration:none;}
a.sign:hover{ color:#fff; text-decoration:none;}

/*my account*/
#usercenter{ float:left; padding-right:10PX; width: 757px; margin-top:15px; font-size:1.2em;}
#usercenter h3{ float:left; width:757px; font-size:1.2em; font-weight:bold;color:#cc9933; margin:12px 0 8px;}
#usercenter h4{ float:left; width:757px; font-size:1.1em; font-weight:bold;line-height:30px;}
#usercenter p{ float:left; padding:0 10px; width:737px;font-size:0.9em; line-height:18px; margin-bottom:10px;}

div.qa {
display:block;
margin-bottom:20px;
position:relative;
float:left;
}
div.qa img {
margin-bottom:-5px;
}
div.qa .answer, div.qa a.close {
display:none;
}
div.shown {
padding:5px 10px 1px;
}
div.shown a.question {
display:block;
font-weight:bold;
margin-bottom:10px;
padding-right:80px;
text-decoration:none;
}
div.shown a.close {
color:#CC9933;
display:block;
font-size:0.9em;
position:absolute;
right:10px;
top:5px;
}

/*hair & fashion*/
.star_col{ float:left; width:100%; margin-top:15px;}
.star_col .title{ float:left; padding:43px 0 0 156px; font-size:2.0em; color:#fef9e3; width:804px; height:69px; background:url(https://www.ghdhairuk.com/images/prlist_bg.jpg) top center no-repeat; margin-top:15px;}
.star_col{ float: left; padding:0 10px; width:940px;}
.star_col .arrow{ float:left;padding:184px 0 0 2px;}
.star_col .imglist{ float:left; padding:0 0 0 10px; width:852px; height:auto;}
.star_col .imglist .star{ float:left; width:274px; height: auto; text-align:center; margin-right:10px;}
.star_col .imglist .star img{ float:left; width:272px; height:370px;border:1px solid #5e5d5d;}
.star_col .imglist  p{ float:left; width:274px; height: auto; font-size:1.8em; color:#cc9933; padding-top:10px;}
.hair_col{ float:left; padding:0 20px; width:920px; margin-top:25px;}
.hair_col h5{ float:left; width:100%;font-size:1.4em; color:#cc9933; padding-bottom:10px; background:url(https://www.ghdhairuk.com/images/dotted_line_fade_short2.gif) left bottom no-repeat; margin-bottom:10px;}
.hair_col p{float:left; padding:0 10px; width:100%;font-size:1.1em; line-height:18px; margin-bottom:10px;}