﻿/* 
	Document:				StudioBeautyMix site_layout.css
	Deployment version:		StudioBeautyMix\StudioBeautyMix\App_Themes\default\default.css

	-----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	1.	Global reset and site defaults
	2.	Site Master
	3.	Main container
	4.	Top Section
	5.	Left Section
	6.	Bottom Section
	7.	Content area
	8.	Category Template
	9.	Product Listing
	10.	Product Detail
	11. Cart
	12. Checkout
	13. My account
	14. Error Messages
	15. Helper styles
	16. Generic styles
*/

/* 1. Global reset and site defaults */
html {font-size: 100%;height:100%;overflow-y: scroll;}
body{font:normal 62.5% verdana,arial,helvetica,sans-serif;height:100%;background:#fff url("images/main_bg.gif") center top repeat-x;display:block;text-align:center}

html, address, blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, ul, li, 
center, hr, pre, table, tr, td, th, thead, tbody, tfoot, caption{
	margin: 0;
	padding: 0;
	border: 0;
	}
div{color:#989898;}	
form{font-size:1em;width:auto}
legend{background:#FFF;font-weight:bold;font-size:1em;color:#525931}
label.hidden_label{display:none}
select,textarea,input{font:1em verdana,arial,helvetica,sans-serif;border:1px solid #989898;padding:1px;margin:3px 0;}
	
/* ie6 */
* html input.checkbox{border:none}
input[type=radio],input[type=checkbox]{height:12px}
input[type=radio],input[type=checkbox],input[type=checkbox],input[type=password],input[type=text]{outline:none !important}
input[type=checkbox],input[type=password],input[type=text]{border:1px solid #cacaca}
input[type=text]{margin:3px 0px;} 
.checkbox,.radio{border:0;outline:none !important}
	
form dl{padding:0}
	
/* layout for moz based browsers */	
table{font-size:11px;color:#989898;}
th{font-weight:normal;font-size:1.2em;text-transform:uppercase}
a:visited,a:link,a{cursor:pointer}
a:link,a{text-decoration:none}
a:link,a,a:hover{color:#989898;}
a:hover{text-decoration:underline}
span{color:#989898;}

a[class=button]{background:#AB0635;color:#fff;text-align:center;text-transform:uppercase;padding:3px;cursor:hand;vertical-align:baseline}
/*For IE*/
.button{background:#AB0635;color:#fff;text-align:center;text-transform:uppercase;padding:3px;cursor:hand;vertical-align:baseline;margin:3px 0px;}
.button:hover{color:#fff;}

.imgbutton{cursor:pointer;vertical-align:baseline;float:right;margin:0 0px 0 2px;}
.imgEmailbutton{border:solid 0px #cacaca; border-left:0px;height:18px;margin:0px;}
	
img{border:0;margin:1;padding:0}

h1{font-size:16px;margin:5px 0 3px 0;color:#AB0635;}
h2{font:2em "trebuchet ms",tahoma,verdana,sans-serif /20px;margin:20px 0 0 0;padding-bottom:2px;border-bottom:5px solid #e5e5e5;text-transform:uppercase;color:#999}
h3{font-size:12px;margin:5px -3 3px -3;background:#AB0635;color:#fff;padding:3px; line-height:20px;}
		
/* default list style */
ul li,ul{margin:0;padding:0}
ul li{list-style:none}
/* Avoid browser inconsistencies */
h1,h2,h3,h4,h5,h6 {font-size: 1em;}
a img {border:none;} /* Remove blue linked image borders */

/* 2.  Site Master */
#site{width:1024px;min-height:476px;height:auto!important;text-align:center;margin:0 auto;font-size:11px;}
#sitetop{}
#sitemiddle{float:left;text-align:left;position:relative;/*left:50px;*/}
#sitebodyWOLeft,#sitebody,#siteleft,#sitemiddle{}
#sitemiddle{/*width:926px;_width:967px;*/width:100%;}
#siteleft{float:left;/*background:#fff url(images/dotline.gif) repeat-x scroll left top;*/width:154px;}
#sitebody{float:left;width:870px;z-index:-1;padding-left:0px;/*background:#fff url(images/dotline.gif) repeat-x scroll left top;*/}
#sitebottom{clear:both;margin:0 auto;background-color:#fff;width:100%;}
#sitebodyWOLeft{float:left;width:1024px;z-index:-1;background-color:#fff;}

/* 3.  Main container */
#page{
	/*width:99% !important;*/margin:8px 0px 0px 0;  /* FF */
	/*_width:99%;*/margin:8px 0px 0px 0;  	/* IE */
	min-height: 476px;_height: 476px;
	/*padding-left:5px;_padding-left:3px;*/
	}
/* 4. Top Section */
#topsec{}

#topsec1{width:100%;height:107px;/*padding:0 45px;*/}
#topsec2{width:100%;float:left;/*padding:0 45px;*/height:33px;}
#topsec2 .topleft{width:121px;float:left;padding:6px 37px 0px 3px;}
#topsec11{float:left;width:317px;background:url(images/logo.png) no-repeat left top;height:119px;cursor:hand;cursor:pointer;behavior: url('/App_Themes/default/images/htcCss/iepngfix.htc');}
#topsec12{float:left;width:735px;height:auto;text-align:left;padding:10px 0 0 0;}
#topsec13{float:right;width:50%;text-align:right;padding-top:8px;color:#fff;}
#topsec13 a{color:#fff;text-decoration:none;}
#topsec21{float:left;padding:0px;height:22px;width:830px;_width:830px;_margin-left:-14px;}
#topsec22{float:right;width:300px;}

#topsec .cat{font:bold 11px Verdana,Arial,Helvetica,sans-serif;padding:0px;}
#topsec .cat a{text-decoration:none;color:#000;text-transform:uppercase;height:20px;padding:5px;}
#topsec .cat a:hover{background-color:#64556e;color:#fff; }
#topsec .cat .selcat{background-color:#64556e;color:#fff;}
#topsec .login{width:500px; float:right;font-size:13px;font-weight:bold;}
#topsec .helplinks{float:right; width:100%;height:auto;color:#fff;padding-top:3px;}
#topsec .cartlinks{float:right; width:auto;height:auto;padding-top:5px;}
#topsec .checkout{float:right; width:auto;font-size:15px;text-transform:uppercase; font-weight:bold;padding-top:6px;}
#topsec .cartdiv{float:right; width:auto;padding-right:19px;}
#topsec .catsep{color:#fff;font:bold 11px Verdana,Arial,Helvetica,sans-serif;display:none;}
#topsec .welcome{height:15px;float:right; width:100%;padding-top:5px;_height:20px;}
#topsec input{width:139px;height:16px; float:left; background-color:#AB0635;margin-left:8px;font-size:9px;text-align:left;color:#fff;}
#topsec select{width:139px;height:16px; float:left; background-color:#AB0635;margin-left:8px;font-size:9px;text-align:left;color:#fff;}

#toppage{padding-left:0px;}
 
 /* safari css hack */
 
#toppage img{margin-top:5px;}
 /*@media screen and (-webkit-min-device-pixel-ratio:0)
 {
#toppage img {vertical-align:top;margin-top:2px;}
 }*/
#topsec .dottedrow{background:url(images/horizontal_dottedline.gif) 0 bottom no-repeat; width:1024px; height:57px; float:left;text-align:right;_height:58px;padding-top:1px;}
#brandsearchdiv{width:250px;height:20px;float:right;padding-top:10px;}
.brandstxt{float:left; width:75px;height:auto;color:#989898;font-size:11px; font-weight:bold;text-transform:uppercase;margin-top:4px;}
#brandsearchdiv input{width:110px;height:16px; float:left; background-color:#AB0635;margin-left:10px;font-size:9px;text-align:left;color:#fff;padding-left:0px;}
.golnk a{font-size:11px;font-weight:bold;color:#AB0635;font-style:italic;float:right;width:auto;text-decoration:none;margin-top:4px;_margin-right:-2px;}
.golnk a:hover{font-size:11px;font-weight:bold;color:#AB0635;font-style:italic;float:right;width:auto;text-decoration:none;margin-top:4px;}
.searchdiv{width:250px;height:20px; float:right;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
head~body .searchdiv{width:250px;height:20px; float:right;margin-top:-2px;}
 }
/* 5. Left Section */

#leftsec{padding:27px 0 8px 0px}
#leftsec table table,#leftsec div table{color:#FFF;margin-left:0px;line-height:16px;margin-bottom:5px;}
#leftsec table table{margin-left:4px;}
#leftsec h1{font-size:10px;font-weight:bold;margin:4px 0 3px 0px;color:#CA0635;padding:4px 0 8px 4px;width:115px;_width:120px;/*height:25px;*/
	background:#fff url(images/small-dot-line.jpg) repeat-x scroll left bottom;text-transform:uppercase;}
#leftsec h1 a{color:#CA0635;}
#leftsec .number{text-align:right;}
#leftsec .shopcategory{margin:4px 0 2px 0px;width:115px;background:url(images/shop_category.jpg) no-repeat left top;height:20px;}
#leftsec .shopallbrands{margin:0px 0 3px 0px;width:143px;background:url(images/shop_all_brands.jpg) no-repeat left top;height:20px;}
#leftsec .shopbrands{margin:4px 0 3px 0px;width:143px;background:url(images/shop_brands.jpg) no-repeat left top;height:18px;}
#leftsec .inthemix{margin:4px 0 3px 0px;width:143px;background:url(images/in_the_mix.jpg) no-repeat left top;height:18px;}
#leftsec .inthemixlinks,.inthemixlinks a{margin:-4px 0px 7px 0px;line-height:17px;}
/* 6. Bottom Section */
#botsec{text-align:left;}
#botsec input{height:17px;width:234px;text-align:left;color:#fff;margin:0px;font-size:10px;background-color:#AB0635;font-weight:bold;}
/*#botsec{padding:5px 50px 10px;text-align:left;}*/
#botsec0{width:100%;}
#botsec1{width:100%;padding:9px 0 0px 0;height:28px;_height:38px;}
#botsec2{width:100%;height:37px;background:#fff url(images/bottom_solid_grey_line.jpg) center top repeat-x;padding-top:5px;}
/*#botsec2{background-image:url(images/managedbylogo.png);background-repeat: no-repeat; width:100%;height:37px;behavior: url('/App_Themes/default/images/htcCss/iepngfix.htc');}*/
#botsec11{width:530px;float:left;color:#989898;padding-left:5px;padding-top:4px; _padding-top:6px;font-size:12px;text-transform:uppercase;}
#botsec11 a{color:#989898;padding: 0px 25px 0px 0px;}
#botsec12{width:30%;float:left;text-align:center;}
#botsec13{width:50%;float:right;text-align:right;padding-top:2px; _padding-top: 3px;}
#botsec21{width:26%;float:right;text-align:right;color:#989898;padding-top:4px;}
#botsec20{width:14%;float:left;}
.signupdiv{float:right;width:auto;color:#000;font-size:11px;font-weight:bold;padding:2px 0px 0px 6px;cursor:pointer}
/* 7. Content Area */
#sitebody h1,#sitebodyWOLeft h1{font-size:16px;margin:5px 0 3px 0;}
#sitebody h2,#sitebodyWOLeft h2{font-size:14px;margin:5px 0 3px 0;}
#sitebody h3,#sitebodyWOLeft h3{font-size:12px;margin:0px -3 3px -3; padding: 0 0 0 2px;}
#sitebodyWOLeft h3{margin:0px 0px 3px;_margin:0px -5 3px -5;}

/* 8. Category Template  */
#catlist .prodimg{float:left;display:block;position:relative;}
#catlist .prodoverlay{float:left;background-color:#EEEEEE;position:absolute;top:134px;left:1px;width:154px;text-align:center;padding:5px;opacity:0.8;filter:alpha(opacity=80);}
#catlist table.block{background:silver;width:100%;}
#catlist td.block{width:156px;}

/* 9. Product List ---*/
#prodlist .maintop{float:left;width:846px;height:30px;background:url(images/dotted_rounded_square_top.jpg) no-repeat top left;margin-top:-1px;_margin-top:-3px;}
#prodlist .mainbg{background:url(images/dotted_rounded_square_bg.jpg) repeat-y top left;height:auto;float:left;width:846px;padding-bottom:6px;_padding-bottom:0px;}
#prodlist .mainbottom{float:left;width:846px;height:28px;background:url(images/dotted_rounded_square_bottom.jpg) no-repeat bottom left;}

#prodlist .item{width:206px;padding-bottom:21px;}
#prodlist .item .mainimg{width:145px;height:218px;}
#prodlist .manuname{font-size:12px;color:#004990;}
#prodlist .prodname{text-align:left;width:145px;font-size:12px;}
#prodlist .prodname a{color:#AB0635; }
#prodlist .shortdesc {text-align:left; height:30px;}
#prodlist .price{font-weight:normal;font-size:12px;}
#prodlist .line1{height:20px;padding:0 11px 5px;margin-top:-7px;_margin-top:-3px;_padding:0 8px 5px;}
#prodlist .line11{float:left;width:208px;}
#prodlist .line12{float:left;width:165px;text-align:center;}
#prodlist .line13{float:left;text-align:center;padding-top:5px;}
#prodlist .line14{float:left;text-align:right;padding-top:5px;width:382px;}
#prodlist .line2{height:20px;padding:0px 7px 0 0;text-align:right;float:right;margin-bottom:-8px;}
#prodlist .lstcurrpgnum{font-weight:bold;}
#prodlist .lineView{float:right;padding-top:5px;font-size:11px;text-transform:uppercase;}
#prodlist .lineViewbot{float:right;padding:0px 11px 0 0;_padding:0px 8px 0 0;font-size:11px;margin-bottom:-8px;text-transform:uppercase;}
.sortbydiv{width:46px; float:left; padding-top:5px;font-size:11px;}
.sortdropdiv{width:146px; float:left;}
.itemsdiv{width:97px; float:left; text-align:right; padding-top:5px;font-size:11px;}
.itemsdropdiv{width:61px; float:left; text-align:right;}
#prodlist select{float:left; background-color:#AB0635;margin-left:4px;font-size:10px;text-align:left;color:#fff;text-transform:uppercase; font-weight:bold;}

/* 10. Product Detail ---*/
#detpg .maintop{float:left;width:846px;height:30px;background:url(images/dotted_rounded_square_top.jpg) no-repeat top left;}
#detpg .mainbg{background:url(images/dotted_rounded_square_bg.jpg) repeat-y top left;height:auto;float:left;width:846px;}
#detpg .mainbottom{float:left;width:846px;height:33px;background:url(images/dotted_rounded_square_bottom.jpg) no-repeat bottom left;}
#detpg h1{color:#000;background:inherit;padding:0 0 5 0;margin:0;}
#detpg h2{color:#000;background:inherit;font-style:normal;padding:0 0 3 0;margin:0;}
#detpg .line1{}
#detpg .line11{float:left;padding:35px 0 5px 5px; min-width:430px;text-align:center;_width:430px;}
#detpg .line12{float:left;padding:5px 20px 0 0;}
#detpg .line13{float:left;padding:34px 0;width:343px;height:auto;}
#detpg .price{font-weight:bold;margin:0 0 10px 0;font-size:14px;float:left;width:100%;}
#detpg .swc{width:100%;background:gainsboro;border:dashed 1px #000;padding:5px;margin-top:5px;}
#detpg .acccol1{float:left;width:10%;}
#detpg .acccol2{float:left;width:58%;}
#detpg .acccol3{float:right;text-align:right;vertical-align:bottom;width:30%;}
#detpg .accItm{border-bottom:dotted 1px gainsboro;padding-bottom:5px;}
#detpg .accAlt{border-bottom:dotted 1px gainsboro;padding-bottom:5px;}
#detpg .prodTitle span{color:#AB0635;font-size:14px;font-weight:bold;text-transform:capitalize;float:left;width:100%;}
#detpg .prodManuName span{color:#000; font-size:32px; font-weight:bold;float:left;line-height:38px;}
#detpg .prodPrice{color:#632b2c;font-size:14px;font-weight:bold;}
#detpg .productDesc{width:100%;color:#FFF; float:left;}
#detpg .colorstl{width:78px; float:left;color:#989898;padding-top:0px; font-size:12px; height:15px;}
.shippediv{color:#989898; font-size:10px; float:left; width:107px; padding-left:4px; padding-top:9px;}
.cartdiv{color:#989898; font-size:10px; float:left; width:auto;}
.tellafrndtxt{color:#989898; font-size:14px; font-weight:bold;}
.tellafrndtxt a{color:#989898; font-size:14px; font-weight:bold;}
.tellafrndtxt a:link, .tellafrndtxt a:hover{color:#989898; font-size:14px; font-weight:bold;}

#productStyleNo{margin:6px 0;color:#989898;float:left;}
#productPromo{margin:0px 0 !important;margin:0px 0;color:#000;width:390px; float:left;}
#productPromo h3{font-size:12px;margin:5px -3 -3px -3;color:#6c6c6c;padding:3px; line-height:20px;background:none;text-transform:capitalize;padding-bottom:0px;}
#productSize{/*margin-top:16px;margin-right:15px;margin-bottom:21px;*/ float:left; }

.wFull{width:100%;float:left;}
.b{border:solid 1px gray;}
.bb{border-bottom:solid 1px gray;}
.AddtoCart{padding:4px;background-color:#D5135A;color:#fff;text-transform:uppercase;font-weight:bold;}


/*--- Color & Size ---*/
.colornorm{border:solid 5px whitesmoke;}
.colorsel{border:solid 5px gainsboro;}
.sizenorm{border:solid 1px #f1a3a1;text-align:center;width:25px;height:20px;background:#fff;}
.sizesel{border:solid 1px #f1a3a1;text-align:center;width:25px;height:20px;background:#f2777a; color:#fff;}
.sizenorm a,.sizenorm a:link,.sizenorm a:active,.sizenorm a:hover,.sizenorm a:visited{color:#6e6e6e;border:0 none; height:0px; text-decoration:none; }
.sizesel a,.sizesel a:link,.sizesel a:active,.sizesel a:hover,.sizesel a:visited{color:#fff;background:#f2777a;border:0 none;height:0px;text-decoration:none;}
.margindiv{margin:5px 5px 5px 0px; }
/*--- Tell A Friend & Customer Care ---*/
#tellafriend,#customercare{position:absolute;top:10px;left:462px;width:460px;z-index:10;background:#eceaea none repeat scroll 0 0;visibility:hidden;padding:5px;border:solid 1px #000;font-size:11px;font-weight:normal;}
#tellafriend div,#customercare div{width:100%;float:left;}
#tellafriend .header,#customercare .header{background:transparent url(images/topNAV_11.jpg) repeat scroll 0 0;color:#fff;font-size:14px;padding:2px 0px;font-weight:bold;}
#tellafriend .close,#customercare .close{float:right;width:20%;text-align:right;cursor:pointer;color:#fff;}
#tellafriend .hdrcol,#customercare .hdrcol{float:left;width:80%;color:#fff;}
#tellafriend .left,#customercare .left{float:left;width:26%;}
#tellafriend .right,#customercare .right{float:right;width:74%;}

/* 11. Cart ---*/
/*--- Float Cart ---*/
#divShoppingCart{z-index:20;position:absolute;border:solid 1px #000;background:gainsboro;padding:2px;width:200px;text-align:left;}
#divShoppingCart h1{background:#000;color:#fff;font-size:14px;font-weight:bold;margin:0px;padding:0px;width:100%;text-align:center;}
#divShoppingCart .item{padding:5px;}
#divShoppingCart .alternate{background:whitesmoke;}
#divShoppingCart .bot1{text-align:right;width:100%;background:#fff;padding:2px;margin-bottom:5px;border-top:dotted 1px silver;border-bottom:dotted 1px silver;}
#divShoppingCart .bot2{text-align:center;}

/*--- Cart List Page ---*/
#cartlist{}
#cartlist .header{font-weight:bold;text-align:center;background:#AB0635;color:#fff;height:20px;}
#cartlist .item{text-align:center;}
#cartlist .nameitem{text-align:left;font-weight:bold;}
#cartlist .totals{text-align:right;}
#cartlist .signin{Padding: 35px 0 0 0 !important; padding:5px;clear:both;}
#cartlist table.main{width:100%;border:solid 1px gray;border-collapse:collapse;padding:5px;}
#cartlist a{font:bold 11px Arial;color:#989898;text-decoration:none;}
#cartlist a:hover{font:bold 11px Arial;color:#989898;text-decoration:underline;}
#cartlist a.prodName{font:bold 11px Arial;color:#AB0635;text-decoration:none;}
#cartlist a.prodName:hover{color:#AB0635;text-decoration:underline;}
.cApply{vertical-align:middle;}

div .split2{float:left;}
div .split2rr{float:right;text-align:right;}
div .split2r{float:right;}
div .split3{float:left;width:33%;}
.mt5{margin-top:5px;}

/* 12. Checkout ---*/
#checkout{width:100%;}
#checkout h1{font-size:14px;background:#AB0635;color:#fff;padding:5px;filter:alpha(opacity:70%);opacity:1;text-transform:uppercase;}
#checkout table.main{width:100%;border:solid 1px gray;margin-top:-3px;padding:0px;_padding:5px;}
#checkout td.label{width:113px;text-align:right;}
#checkout td.label_l{width:110px;text-align:left;}
#checkout td.static{width:110px;}
#checkout .header{font-size:14px;font-weight:bold;background:#AB0635;color:#fff;padding:5px;filter:alpha(opacity:70%);opacity:1;text-transform:uppercase;height:27px;}
#checkout .header td{padding:5px;}
#checkout .item{text-align:center;}
#checkout .nameitem{text-align:left;font-weight:bold;}
#checkout .cartgrid{margin-top:5px;border:solid 1px Gray;}
.btnpadding{padding-right:5px;}
#checkout .price{padding-left:7px;}
#checkout .heading{font-size:16px;color:#AB0635;font-weight:bold;padding:0px;}
/* 13. MyAccount ---*/
#myaccount{margin-bottom:30px;}
#myaccount table.main{width:100%;border:solid 1px gray;padding:5px;margin-bottom:5px;border-collapse:collapse;text-align:left;}
#myaccount table.main td{padding:0 2px 2px}
#myaccount table.maintbl{width:100%;padding:5px;border-collapse:collapse;}
#myaccount table.maintbl td{padding:0 2px 2px}
#myaccount table.maincenter{width:100%;border:solid 1px gray;padding:5px;margin-bottom:5px;text-align:center;}
#myaccount table.mainleft{width:100%;border:solid 1px gray;margin-bottom:5px;text-align:left;border-collapse:collapse;}
#myaccount table.mainleft td{padding:0 2px 2px}
#myaccount td.hdr,tr.hdr{text-align:left;font-weight:bold;background:#AB0635;color:#FFFFFF;height:20px;}
#myaccount td.header,tr.header{font-weight:bold;}
#myaccount td.label{width:15%;text-align:right;font-weight:bold; padding-right:5px;}
#myaccount .emailbody{background:#fff;padding:5;border:solid 1px gray;}
#myaccount h1{font-size:14px;margin:5px 0 3px;text-transform:uppercase;height:20px;}
#myaccount h2{font-size:12px;margin:0 0 3 0;background:#AB0635;color:#FFFFFF;padding:3px;font-style:normal;border:0 none;font-weight:bold;}
#myaccount .price{}
#myaccount .nameitem{font-weight:bold;}
/*.myAccountTopLinks{font-size:11px;}*/
.myAccountTopLinks,.myAccountTopLinks:link,#myaccount a:link,#myaccount a{font:bold 11px Arial;color:#989898;text-decoration:none;}
.myAccountTopLinks:hover,#myaccount a:hover{font:bold 11px Arial;color:#989898;text-decoration:underline;}

.linecolor{padding:0 5px;}
.myaccounttoptext{font-size:11px;}
#stores .alternate{background:#fff;}
.width33per{width:33%;}
.marbot9{margin-bottom:9px;}
/* 14. Error Message */
.error_message{display:block;color:#AB0635;font-weight:bold;font-style:normal;}/*--padding:1px 1px 1px 1px;border:1px solid #d9d9d9;margin:0 0 1px 0;--*/
.error_message li{list-style:square;margin-left:15px; }
.error_message a{color:#AB0635;}
.error_message a:hover{color:#AB0635;}
/* 15. Helper styles */
/* mozilla - remove dashed border */
a,a:active{outline:none}
input[type=submit],input:focus{outline-width:0}
input[type=submit]{margin:3px 0;}

/* clear the container div in the absence of a child clearing div */
.clear_fix:after,.clearfix:after{content:".";display:block;height:0 !important;clear:both;visibility:hidden}

/* ie7 */
.clear_fix,.clearfix{overflow:hidden}

/* ie6 */	
* html .clear_fix,* html .clearfix{height:1%;overflow:visible}


/* 16. Generic styles - styles with specific attributes */
.floatright{float:right}
.floatleft{float:left}
.displaynone{display:none}
.displayblock{display:block}
.displayinline{display:inline}
.widthheightzero{width:0;height:0;}
.visibilityhidden {visibility:hidden;}
.clearboth{clear:both}
.strong{font-weight:bold}
.uppercase{text-transform:uppercase}
.ghost{width:0;height:0;visibility:hidden;display:none}
.hide {visibility:hidden;}
.mandatory {color:#DC236D;}

hr { display: none;	}

sup { position:relative; bottom:0.3em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }

.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.text-caps     { text-transform:uppercase; } 
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.red  {	color: red;	}
.white{ color:#FFF; }
.black{ color:#000; }

.small   { font-size:0.8em; } /** terms/privacy/sizechart **/
.normal  { font-size:1.0em; } /** Content **/
.large   { font-size:1.1em; }
.xlarge  { font-size:1.2em; } /** Title **/
.xxlarge { font-size:1.4em; }

.label { font: normal 11px; color:#989898; text-decoration:none; }
.labelBold { font:bold 1.0em; color:#333; text-decoration:none; }
.labelSmall { font: normal 0.9em; color:#333; text-decoration:none; }	

.xsmallTextbox {background-color:#E3E3E3;height:16px;width:30px;border:1px solid #666;}	/*-Area Code-*/
.smallTextbox {background-color:#E3E3E3;height:16px;width:60px;border:1px solid #666;}     /*-Phone Number, Zip-*/
.normalTextbox {background-color:#E3E3E3;height:16px;width:110px;border:1px solid #666;}   /*-Fname Lname-*/
.longTextbox {background-color:#E3E3E3;height:16px;width:180px;border:1px solid #666;}  	/*-EmailSignup, Search-*/
.xlongTextbox {background-color:#E3E3E3;height:16px;width:200px;border:1px solid #666;}    /*-EmailSignup, Search-*/

.ibtn a{text-decoration:none;display:block;padding:5px;margin-top:2px;margin-right:0px;margin-bottom:0px;margin-left:0px;text-transform:uppercase;font-size:11px;background-color:#900;color:#FFF;text-align:center;border:1px solid #900;}
.ibtn a:hover{background-color:#600;color:#FFF;text-align:center;border:1px solid #900;text-decoration:underline;}

.colorsw{width:20px;height:20px;}

#custompg{}
#custompg p{padding-bottom:10px;text-align:justify;}
.wishlist_H{color:#fff;background-color:#AB0635;font-weight:bold;}
.borderNone input{border:0px;_width:14px;_height:14px;}
/*keylooks*/
#keylooks_home{ position:relative; height:678px; }
#keylooks_home .image_content{position:absolute;left:0;top:0;width:760px;height:678px;background-color:#fff;}
#keylooks_home .image_content img{position:absolute;right:0;top:0; }
#keylooks_home .view-all{position:absolute;right:11px;top:11px;background-image:url(images/arrow_right_grey_lge.gif);background-position:right 4px;background-repeat:no-repeat;height:11px;line-height:11px;padding-right:13px;color:#938b82;text-decoration:none;z-index:200;font:bold 12px Georgia, "Times New Roman", Times, serif;}
#keylooks_home .previous,#keylooks_home .next{position:absolute;top:326px;background-repeat:no-repeat;text-transform:uppercase;color:#888179;font:normal 18px Georgia, "Times New Roman", Times, serif;text-decoration:none;z-index:200;}
#keylooks_home .previous{left:27px;background-image:url(images/arrow_left_dotted_grey.gif);background-position:left 5px;padding-left:25px;}
#keylooks_home .next{right:27px;background-image:url(images/arrow_right_dotted_grey.gif);background-position:right 5px;padding-right:25px;}
#keylooks_home .previous:hover,#keylooks_home .next:hover{color:#000;}
#keylooks_detail{float:left;width:740px;padding:25px 0 0 20px;}
#keylooks_detail h2{margin:0 0 6px 0;padding:0;font:normal 3.3em Georgia, Arial, Helvetica, sans-serif;color:#938B82;}
#keylooks_detail .photo{float:left;display:inline;width:226px;	height:311px;margin-right:20px;margin-bottom:20px;}
#keylooks_detail .photo img{float:left;}
#keylooks_detail .details{float:left;width:474px;}
#keylooks_detail .details .item_header{width:474px;height:19px;margin-bottom:20px;background-color:#e3ded6;border-bottom:1px solid #ccc7c0;}
#keylooks_detail .details .item_header p{display:block;margin:0;padding:4px 0 0 10px;font-size:10px;color:#3c3631;font-family:Georgia, "Times New Roman", Times, serif;}
#keylooks_detail .details .item_row{float:left;width:474px;font-family:Arial, Helvetica, sans-serif;color:#3c3631;margin-bottom:20px;background-image:url(images/dots_horizontal_grey.gif);background-position:left bottom;background-repeat:repeat-x;}
#keylooks_detail .details .item_row .select{float:left;width:39px;margin-bottom:20px;}
#keylooks_detail .details .item_row .select .frm_check{display:inline;float:left;margin-left:10px;}
#keylooks_detail .details .item_row .thumb{float:left;width:50px;margin-bottom:20px;}
#keylooks_detail .details .item_row .thumb img{float:left;}
#keylooks_detail .details .item_row .desc{float:left;width:160px;margin-bottom:20px;}
#keylooks_detail .details .item_row .sizing p{padding:0;margin:0;}
#keylooks_detail .details .item_row .desc .title{height:auto !important;margin:0;padding:0 15px 3px 0;}
#keylooks_detail .details .item_row .desc .title a{color:#938B82;font-size:10px; text-decoration:none;}
#keylooks_detail .details .item_row .desc .colour{height:auto !important;margin:0;padding:0 7px 0 2; font-size:10px;color:#938b82;}
#keylooks_detail .details .item_row .desc .colour img{position:relative;top:3px;}
#keylooks_detail .details .item_row .desc .colour span{ color:#5f574f; }
#keylooks_detail .details .item_row .desc .price{margin:0;padding:3px 0 0 0;font-size:10px;}
#keylooks_detail .details .item_row .desc .price .old{text-decoration:line-through;color:#938b82;}
#keylooks_detail .details .item_row .desc .price .new{color:#5f574f;}
#keylooks_detail .details .item_row .content{float:left;width:225px;}
#keylooks_detail .details .item_row .content .tabs{float:left;width:225px;margin:0 0 1px 0;padding:0;}
#keylooks_detail .details .item_row .content .tabs li{float:left;}
#keylooks_detail .details .item_row .content .tabs li.tab1{width:101px;font-size:0px}
#keylooks_detail .details .item_row .content .tabs li.tab2{width:78px;font-size:0px}
#keylooks_detail .details .item_row .content .tabs li.tab3{width:46px;font-size:0px}
#keylooks_detail .details .item_row .content .tabs li a{background-image:url(images/arrow_right_grey_lge.gif);background-repeat:no-repeat;background-position:0 3px;padding-left:11px;font:bold 1em Georgia, "Times New Roman", Times, serif;	color:#776F67;text-transform:uppercase;font-size:9px; text-decoration:none;}
#keylooks_detail .details .item_row .content .tabs li a:hover,
#keylooks_detail .details .item_row .content .tabs li a.active{text-decoration:none;color:#3c3631;}
#keylooks_detail .details .item_row .content .tabs li a.active{background-image:url(images/arrow_down_darkgrey-lge.gif);background-position:0 5px;}
#keylooks_detail .details .item_row .content .content_shell{float:left;background-image:url(images/dots_horizontal_dkgrey.gif);background-position:left bottom;background-repeat:repeat-x;	background-color:#e3ded6;margin-bottom:10px;width:100%;}
#keylooks_detail .details .item_row .content .content_container{float:left;background-image:url(images/dots_horizontal_dkgrey.gif);background-position:left top;background-repeat:repeat-x;padding:10px 10px 0 10px;margin-bottom:1px;width:205px;}
#keylooks_detail .details .item_row .content .content_container .hdr{float:left;width:140px;font-size:11px;color:#3c3631;}
#keylooks_detail .details .item_row .content .content_container .close{float:right;width:50px;text-align:right;color:#A5A5A5;font-size:10px;text-decoration:none;}
#keylooks_detail .details .item_row .sizing{float:left;width:225px;line-height:1em;padding-bottom:20px;}
#keylooks_detail .details .item_row .sizing p{padding:0;margin:0;}
#keylooks_detail .details .item_row .sizing .title{ float:left; width:40px; margin:0 0 10px 0; }
#keylooks_detail .details .item_row .sizing .title strong{ color:#5f574f; }
#keylooks_detail .details .item_row .sizing .title span{ color:#970039; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
#keylooks_detail .details .item_row .sizing .lnk_sizing-info{float:left;margin:2px 0 0 5px;}
#keylooks_detail .details .item_row .sizing ul{float:left;margin:1px 0 4px 0;padding:0;width:129px;overflow:hidden;font-weight:normal;font-size:0px;}
#keylooks_detail .details .item_row .sizing ul li{float:left;display:inline;width:20px;height:15px;margin:0 1px 0 0;padding:0;}
#keylooks_detail .details .item_row .sizing ul li a{float:left;width:20px;height:13px;line-height:13px;text-align:center;text-decoration:none;}
#keylooks_detail .details .item_row .sizing ul li a.inactive,
#keylooks_detail .details .item_row .sizing ul li a.inactive:hover{}
#keylooks_detail .details .item_row .sizing ul li a:hover,
#keylooks_detail .details .item_row .sizing ul li a.active{}
#keylooks_detail .details .item_row .sizing ul li a:hover span,
#keylooks_detail .details .item_row .sizing ul li a.active span{}
#keylooks_detail .details .item_row .row_footer{  float:left;width:474px;height:36px;	background-image:url(images/dots_horizontal_dkgrey.gif);background-repeat:repeat-x;background-position:left bottom;background-color:#e3ded6;}
#keylooks_detail .details .item_row .row_footer .lnk_button2{float:left;margin:10px 0 0 10px;background-image:url(images/btn4_add-to-bag.gif);width:96px; }
#keylooks_detail .details .item_row .row_footer .action1{font-size:10px; float:right;margin:11px 10px 0 0;background-image:url(images/arrow_right_grey_sml.gif);	background-repeat:no-repeat;background-position:left center;padding-left:8px;text-decoration:underline;color:#5F574F;}
#keylooks_detail .details .item_row .row_footer .msg_out-of-stock{float:left;margin:14px 0 0 10px;width:84px;height:7px;text-indent:-6767px;overflow:hidden;	background-image:url(images/msg_out-of-stock.gif);background-repeat:no-repeat;}
a.sizeSwatch{background-color:#CCC7C0;color:#000;float:left;text-align:center;text-decoration:none;width:31px; margin:0 0 5px;font:normal 9px Arial,Verdana,Helvetica,sans-serif;}
.mouseoversize1{background-color:#776F67;color:#fff;float:left;text-align:center;text-decoration:none;width:31px; margin:0 0 5px;font:normal 9px Arial,Verdana,Helvetica,sans-serif;}
.selectedSize1{background-color:#776F67;color:#fff;float:left;text-align:center;text-decoration:none;width:31px; margin:0 0 5px;font:normal 9px Arial,Verdana,Helvetica,sans-serif;}
.validationtext a{font-size:11px;color:Red; font-weight:bold;}
.Fontbold{font-weight:bold;}
.Fontbold a{padding-bottom:5px;display:block;}
.Reply{margin:3px 2px 3px 0px;float:left;_margin:2px 0px 2px 0px}
.Delete{margin:3px 2px 3px 0px;_margin:2px 0px 2px 0px;float:left;}
.previewdiv{width:927px;background-color:#fff; margin:auto; padding-top:30px; padding-bottom:30px;}
.staticInfo{padding-left:5px;} after #checkout .cartgrid
.marginB10{margin-bottom:10px}
.bgnone{background:#fff none;}
.martopimage{margin:0;}
.wid50per{width:50%;}
.breadCrumFont{font-size:1.1em;font-weight:bold;}

.HTCMain{float:right;padding:0 9px;height:28px;_padding:0 8px 0 9px;}
#HowToChannel {font:bold 12px/12px Arial; float:left;padding-top:2px}
#HowToChannel div{text-align:left;float:left;}
#HowToChannel div a{color:#fff;text-decoration:none;}
#Imgdiv div{text-align:left;float:left;}
#Imgdiv img{margin:4px 2px 2px 2px;}
#Imgdiv{float:left;}
.title{font-size:11px;}
.prodName{color:#AB0635;font-size:11px;}
#prodmanuname{color:#989898;font-size:14px;font-weight:bold;}
#prodStyleNo{color:#989898;}
#stockStatus{color:#989898;font-size:10px;}
#continueshop{float:left;}
.continue{float:right;}

/*--For Press Page --*/
#TAFpopup_area { position: absolute; top:0; text-align:center; height:100%;width:425px;/*margin: 0 auto;*/left:0px;clear:both;}
#TAFpopup_bg {display:none;}
/*#TAFpopup_bg {position: relative;background-color: black;filter:alpha(opacity=40);opacity: 0.40;-moz-opacity:0.40;}*/
/*#TAFpopup_content {position: absolute;top: 0;margin: 0;}*/
#TAFpopup_content {position: relative ;top: 0;margin: 0;text-align:center;}

#TAFpopup_content .border {text-align:center;border: 9px #383838 solid;background-color: #FFFFFF;}
#TAFpopup_content .content {padding: 10px;border: 1px solid #BABABA;text-align:center;}
#TAFpopup_content .close_btn{position:absolute;right:-24px;top:7px;width:24px;height: 62px;background: #383838 url(Images/btn_close.jpg) 0 0;}
#TAFpopup_content .close_btn:hover {background: #383838 url(Images/btn_close.jpg) -27px 0;}
#TAFPress{background:#fff;color:#6d6d6d;}
/*TAFMessageSent*/
#TAFPress p{color:#6d6d6d;font-family:'Letter Gothic',Verdana;font-size:10px;margin-left:80px;}
/*TAFMessageSent*/
#TAFPress h4{font-size:14px;text-transform:uppercase;}
.dottedline{background:url(images/horizontal_dottedline.gif) 0px bottom no-repeat;width:187px;}
.padleft15{padding-left:15px;}
.heading {color:#AB0635;font:bold 14px verdana,arial,helvetica,sans-serif;height:20px;padding-left:5px;padding-top:7px;text-transform:uppercase;}