/* 
	Document:				StarCloset site_layout.css
	Deployment version:		StarCloset\StarCloset\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:white none center top repeat-y;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:#000;}	
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 black;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 #AAA}
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:1em;color:#000;}
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:#000;}
a:hover{text-decoration:underline}
span{color:#000;}

a[class=button]{background:#64556e;color:White;text-align:center;text-transform:uppercase;padding:3px;cursor:hand;vertical-align:baseline}
/*For IE*/
.button{background:#64556e;color:White;text-align:center;text-transform:uppercase;padding:3px;cursor:hand;vertical-align:baseline;margin:3px 0px;}
.button:hover{color:White;}
/*a[class=button1]
{
	background-image:url(images/arowbutton.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	padding:20px;cursor:hand;vertical-align:baseline;
	height:20px;
	width:36px;
	}*/
.imgbutton{cursor:pointer;vertical-align:baseline;float:right;margin:0 5px 0 2px;}
	
img{border:0;margin:1;padding:0}

h1{font-size:16px;margin:5px 0 3px 0;background:#463C4D;color:white;padding:3px;}
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:#64556e;color:white;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:1000px;min-height:476px;height:auto!important;text-align:center;margin:0 auto;font-size:11px;}
#sitetop{padding:0 45px;}
#sitemiddle{float:left;text-align:left;position:relative;left:50px;background-color:#ECEAEA;}
#sitebodyWOLeft,#sitebody,#siteleft,#sitemiddle{}
#siteleft{float:left;background-color:#ECEAEA;width:125px;_width:110px;}
#sitebody{float:left;width:740px;z-index:-1;padding-left:0px;background-color:White;}
#sitebottom{clear:both;width:910px;_width:1000px;margin:0 auto;padding:0 45px;}
#sitebodyWOLeft{float:left;width:100%;z-index:-1;background-color:White;}

/* 3.  Main container */
#page{
	width:98% !important;margin:8px 0px 0px 0;  /* FF */
	width:99%;margin:8px 0px 0px 0;  	/* IE */
	min-height: 476px;
	_height: 476px;	
	}

/* 4. Top Section */
#topsec{padding-right:5px;padding-left:5px;}

#topsec1{width:100%;height:74px;/*padding:0 45px;*/}
#topsec2{width:100%;_width:90%;float:left;background-color:#ECEAEA;padding-top:5px;padding-bottom:3px;}
#topsec2 .topleft{width:130px;_width:125px;float:left;}
#topsec11{float:left;width:23%;background:url(images/logo.jpg) no-repeat;height:74px;cursor:hand;behavior: url('/App_Themes/default/images/htcCss/iepngfix.htc');cursor:pointer;}
#topsec12{float:left;text-align:center;width:34%;padding-top:10px;padding-left:20px;}
#topsec13{float:right;width:33%;text-align:right;/*color:#DBDBDB;*/}
#topsec13 a{color:#463C4D;}
#topsec21{float:left;padding:5px 5px 0px 5px;_padding-top:5px; height:17px;background-color:#ECEAEA;}
#topsec22{float:right;width:300px;}

#topsec .cat{font:bold 11px Verdana,Arial,Helvetica,sans-serif;padding:0px;}
#topsec .cat a{text-decoration:none;color:Black;text-transform:uppercase;height:20px;padding:5px;}
#topsec .cat a:hover{background-color:#64556e;color:white; }
#topsec .cat .selcat{background-color:#64556e;color:white;}

#topsec .catsep{color:White;font:bold 11px Verdana,Arial,Helvetica,sans-serif;display:none;}
#topsec .welcome{margin-top:3px;font-weight:bold;}
#topsec input{height:20px;width:200px;text-align:right;color:Gray;border-color:#000;margin:0px;}
#toppage{padding-left:5px;}
#toppage img{vertical-align:middle;}

/* 5. Left Section */
#leftsec{padding:4px 5px 8px 5px;}
#leftsec table table,#leftsec div table{color:#FFF;margin-left:8px;}
#leftsec table table{margin-left:8px;}
#leftsec h1{font-size:11px;font-weight:bold;margin:5px 0 3px 0;color:white;padding:5px 0px 5px 5px;width:110px;_width:115px;/*height:25px;*/background:#64556E none repeat scroll 0 0;}
#leftsec h1 a{color:#FFF;}
#leftsec .number{text-align:right;}

/* 6. Bottom Section */
#botsec{padding:0 5px 10px 5px;text-align:left;}
#botsec input{height:20px;width:200px;text-align:right;color:Gray;margin:0px;}
/*#botsec{padding:5px 50px 10px;text-align:left;}*/
#botsec0{width:100%;}
#botsec1{width:100%;padding:5px 0 0px 0 !important;height:26px;_height:30px;background-color:#463C4D; vertical-align:bottom;}
#botsec2{width:100%;height:37px;}
/*#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:600px;float:left;color:White;padding-left:5px; padding-top:2px !important; padding-top:2px;}
#botsec11 a{color:White;font-weight:bold;}
#botsec12{width:30%;float:left;text-align:center;}
#botsec13{width:30%;float:right;text-align:right; padding-top: -2px;}
#botsec21{width:80%;float:right;text-align:right;color:#463c4d;}
#botsec20{width:20%;float:left;}

/* 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;}

/* 8. Category Template  */
#catlist{padding-left:5px;}
#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{padding-left:5px;}
#prodlist .item{padding:1px 1px 10px 1px;width:166px;}
#prodlist .item .mainimg{width:145px;height:218px;}
#prodlist .manuname{font-size:12px;}
#prodlist .prodname{font-weight:bold;text-align:left;}
#prodlist .shortdesc {text-align:left; height:30px;}
#prodlist .price{font-weight:bold;}
#prodlist .line1{height:20px;padding:10px 0 5px 0;width:740px;}
#prodlist .line11{float:left;width:143px;}
#prodlist .line12{float:left;width:160px;text-align:center;}
#prodlist .line13{float:left;text-align:center;padding-top:6px;vertical-align:bottom;}
#prodlist .line14{float:right;text-align:right;padding-top:6px;}
#prodlist .line2{height:20px;padding:10px 0 20px 0;text-align:right;float:right;}
#prodlist .lstcurrpgnum{font-weight:bold;}
.lineView{float:right;padding-top:6px;padding-left:10px;}
.lineViewbot{float:right;padding:10px 0 20px 10px; }
/* 10. Product Detail ---*/
#detpg h1{color:Black;background:inherit;padding:0 0 5 0;margin:0;}
#detpg h2{color:Black;background:inherit;font-style:normal;padding:0 0 3 0;margin:0;}
#detpg .line1{}
#detpg .line11{float:left;padding:5px 0 5px 5px;}
#detpg .line12{float:left;padding:5px 30px 0 0;}
#detpg .line13{float:left;padding:35px 0 0 0;width:450px;}
#detpg .price{font-weight:bold;margin:0 0 10px 0;font-size:14px;}
#detpg .swc{width:100%;background:gainsboro;border:dashed 1px black;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{color:#5b5b5b;font-size:15px;font-weight:bold;text-transform:capitalize}
#detpg .prodPrice{color:#632b2c;font-size:14px;font-weight:bold}
#detpg .productDesc{width:270px;line-height:1.5em;color:#FFF}

#productStyleNo{margin:10px 0;color:#000;}
#productPromo{margin:20px 0 !important;margin:10px 0;color:#000;width:400px;}
#productPromo h3{font-size:11px;margin:5px -3 3px -3;color:black;padding:3px; line-height:20px;background:none;text-transform:capitalize;}
#productSize{margin-top:16px;margin-right:15px;margin-bottom:21px;}

.wFull{width:100%;float:left;height:auto; margin-bottom:10px;_margin-bottom:0px;}
.b{border:solid 1px gray;}
.bb{border-bottom:solid 1px gray;}
.AddtoCart{padding:4px;background-color:#D5135A;color:White;text-transform:uppercase;font-weight:bold;}


/*--- Color & Size ---*/
.colornorm{border:solid 5px whitesmoke;}
.colorsel{border:solid 5px gainsboro;}
.sizenorm{border:solid 1px black;text-align:center;width:25px;height:20px;background:white;}
.sizesel{border:solid 1px black;text-align:center;width:25px;height:20px;background:#64556e; color:White;}
.sizenorm a,.sizenorm a:link,.sizenorm a:active,.sizenorm a:hover,.sizenorm a:visited{color:Black;border:0 none; height:0px }
.sizesel a,.sizesel a:link,.sizesel a:active,.sizesel a:hover,.sizesel a:visited{color:white;background:#64556e;border:0 none;height:0px}

/*--- Tell A Friend & Customer Care ---*/
#tellafriend,#customercare{position:absolute;top:10px;left:550px;width:460px;z-index:10;background:#eceaea none repeat scroll 0 0;visibility:hidden;padding:5px;border:solid 1px black;}
#tellafriend div,#customercare div{width:100%;float:left;}
#tellafriend .header,#customercare .header{background:gray;color:White;font-size:14px;padding:2px;font-weight:bold;}
#tellafriend .close,#customercare .close{float:right;width:20%;text-align:right;cursor:pointer;}
#tellafriend .hdrcol,#customercare .hdrcol{float:left;width:80%;}
#tellafriend .left,#customercare .left{float:left;width:25%;}
#tellafriend .right,#customercare .right{float:right;width:75%;}

/* 11. Cart ---*/
/*--- Float Cart ---*/
#divShoppingCart{z-index:20;position:absolute;border:solid 1px black;background:gainsboro;padding:2px;width:200px;text-align:left;}
#divShoppingCart h1{background:black;color:White;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:white;padding:2px;margin-bottom:5px;border-top:dotted 1px silver;border-bottom:dotted 1px silver;}
#divShoppingCart .bot2{text-align:center;}

/*--- Cart List Page ---*/
#cartlist{width:900px;}
#cartlist .header{font-weight:bold;text-align:center;background:#64556E;color:white;height:20px;}
#cartlist .item{text-align:center;}
#cartlist .nameitem{text-align:left;font-weight:bold;}
#cartlist .totals{text-align:right;}
#cartlist .signin{float:left;width:100%;}
#cartlist table.main{width:100%;border:solid 1px gray;border-collapse:collapse;padding:5px;}

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:900px;}
#checkout h1{font-size:14px;background:#64556e;color:White;padding:5px;filter:alpha(opacity:70%);opacity:1;text-transform:uppercase;}
#checkout table.main{width:100%;border:solid 1px gray;border-collapse:collapse;margin-top:-3px;padding:5px;}
#checkout td.label{width:110px;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:#64556e;color:White;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;}

/* 13. MyAccount ---*/
#myaccount{width:900px;}
#myaccount table.main{width:100%;border:solid 1px gray;padding:5px;margin-bottom:5px;border-collapse:collapse;}
#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:#64556e;color:white;height:20px;}
#myaccount td.header,tr.header{font-weight:bold;}
#myaccount td.label{width:15%;text-align:right;font-weight:bold;}
#myaccount .emailbody{background:white;padding:5;border:solid 1px gray;}
#myaccount h1{font-size:14px;margin:5px 0 3px;background:#463C4D;text-transform:uppercase;height:20px;}
#myaccount h2{font-size:12px;margin:0 0 3 0;background:#64556E;color:white;padding:3px;font-style:normal;border:0 none;font-weight:bold;}
#myaccount .price{}
#myaccount .nameitem{font-weight:bold;}
.myAccountTopLinks{font-size:11px;white-space:nowrap;}
.myaccounttoptext{font-size:11px;}
#stores .alternate{background:white;}
.width33per{width:33%;}
.marbot9{margin-bottom:9px;}
/* 14. Error Message */
.error_message{display:block;color:red;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:Red;}

/* 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 1.0em; color:#000; 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{width:910px;}
#custompg p{padding-bottom:10px;text-align:justify;}
.wishlist_H{color:White;background-color:#64556e;font-weight:bold;}
.borderNone input{border:0px;_width:14px;_height:14px;}
.pricelabel { font-weight:normal;}
.Sbag{padding-top:1px;}
.Sbag a{vertical-align:top;}

/*--Error div classes --*/
.pnlError{background-color:#fffecb;color:#000;border:solid 2px #943627;width:894px;_width:898px;font:normal 11px Verdana,Arial,Helvetica,sans-serif;height:61px;}
.pnlError div.contentError{float:left;padding-left:10px;color:#943627;padding-top:10px;width:93%;letter-spacing:1px;}
.pnlError div.logoError
{
	float:left;margin-left:9px;_margin-left:5px;margin-top:9px;width:29px;height:29px;
	background:url(images/cross.png);background-repeat:no-repeat;behavior: url('/app_themes/default/images/htcCss/iepngfix.htc');
}

/*Sitemap Section*/
a.sitemapLinknormal{font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:none;font-weight:normal;font-size:11px;color:#000000;font-size:11px;}
a.sitemapLinknormal:hover{text-decoration:underline;color:#000000;font-size:11px;}
a.sitemapLink{color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;text-decoration:none;text-transform:capitalize;font-size:11px}
a.sitemapLink:hover{text-decoration:underline;color:#000000;}
.spacerDiv{height:4px;font-size:0px}