@charset "UTF-8";
/* --- Colors --- */
/*
	Red - #821616
	Tan - #DFDCD7
	Lt Tan - #F3F2F0
	Lt Blue - #E4ECFF
*/
/* --- Brand Selection --- */
input#brand{
	width:250px;
}
div.autocomplete {
	position:absolute;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	z-index:10;
	
	text-align:left;
	width: 230px;
}

div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:16px;
	line-height:16px;
	cursor:pointer;
	border-bottom:1px solid #F3F2F0;
	font-size:12px;
}
div.autocomplete ul li.preferred {
	/* padding-left:20px; */
	background:url(../images/closet/star.png) no-repeat 233px center;
}
div.autocomplete ul li.selected {
	background-color: #E4ECFF;
}
	
	
/* --- Common Button Types --- */
.imgbutton, .button, .lgbutton,
.chkbuttonoff, .chkbuttonon{
	display:block;
	float:left;
	width:100px;
	margin:4px;
	position:relative;
	text-align:center;
	font-weight:bold;
	color:#000000;
	cursor:pointer;
	border:1px solid #E4ECFF;		
	
	opacity:.9999;
	-moz-opacity:.9999;
}
.imgbutton{
	behavior:url(iepngfix.htc);
	background:#FFFFFF url(../images/test/blankicon.png) no-repeat center 6px;
	height:72px;
}
.button{
	height:20px;
	line-height:20px;
}
.lgbutton{
	float:none;
	margin:10px auto;
	width:200px;
	height:30px;
	line-height:30px;
	font-size:14px;
}
.chkbuttonoff, .chkbuttonon{
	width:154px;
	height:20px;
	line-height:20px;
}
.imgbutton:hover, .button:hover, .lgbutton:hover, 
.chkbuttonoff:hover, .chkbuttonon, .chkbuttonon:hover{
	background-color:#E4ECFF;
	border-color:#3B5998;
	text-decoration:none;
}
.imgbutton div{
	position:absolute;
	bottom:4px;
	left:4px;
	width:92px;		
	background-color:#FFFFFF;
}
.imgbutton:hover div{
	background-color:#E4ECFF;
}
input{
	border:1px solid #C1C9DC;
	margin:4px;
	height:14px;
	line-height:14px;
	font-size:10px;
}
select{
	border:1px solid #C1C9DC;
	background-color:#FFFFFF;
	margin:4px;
	font-size:10px;
}
/* --- Share My Closet --- */
div#surveybody{
	margin:0 auto;
	height:200px;
	width:200px;
	text-align:left;
	font-size:10px;
	background:#FFFFFF;
	border:10px solid #CEC8C2;
	overflow:hidden;
}
.surveypage{
	position:relative;
	width:330px;
	margin:4px;
}
.surveytext{
	height:auto;
	margin:4px;
	font-weight:bold;
	border-bottom:1px solid #F3F2F0;
}
.surveyinfo{
	margin:0px 4px;
  clear: left;
}
.surveyfooter{
	margin:4px 4px 0px 4px;
	border-top:1px solid #F3F2F0;
}
.backbutton, .nextbutton{
	line-height:10px;
	font-weight:bold;
	cursor:pointer;
}
div.backbutton{
	float:left;
	margin-top:4px;
}
div.nextbutton{
	float:right;
	margin-top:4px;
}
div#backwarning{
	margin:0 auto;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	background-color:#F3F2F0;
	border:1px solid #CEC8C2;
	padding:4px;
}
/* --- Start Page --- */
div#page0{
	height:100%;
	width:100%;
}
/* --- Style Page --- */
div.styleboxoff, div.styleboxon{
	text-align:right;
	height:28px;
	line-height:28px;
}
div.styleboxoff{
	padding:1px 0px 1px 1px;
}
div.styleboxon{
	padding:0px;
	background-color:#E4ECFF;
	border:1px solid #3B5998;
	border-right:0px;
}
div#stylebox{
	float:left;
	width:230px;
	position:relative;
	z-index:2;
}
div#stylebox input{
	width:95px;
}
div#stylebox a{
	margin-right:8px;
}
div#styleimgbox{
	float:left;
	width:90px;
	height:100px;
	position:relative;
	background-color:#E4ECFF;
	border:1px solid #3B5998;
	z-index:1;
}
div#styleimgbox.stylename{
	background:url(../images/closet/nametag.gif) no-repeat;
}
div#styleimgbox.stylenum{
	background:url(../images/closet/numtag.gif) no-repeat;
}
div#styleimgbox.rn{
	background:url(../images/closet/rntag.gif) no-repeat;
}
/* --- General --- */
div.optional{
	background-color:#F3F2F0;
	border:1px solid #DFDCD7;
	padding:4px;
}
div.highlight{
	background-color:#FFFFCC;
	border:1px solid #CEC8C2;
	padding:4px;
}
div.highlight a{
	color:#3B5998;
}
hr{
	margin:4px;
	height:1px;
	width:auto;
	background-color:#F3F2F0;
}
/* --- Size And Inseam --- */
/* --- Item List --- */
div#itembox{
	border-top:1px solid #CEC8C2;
	font-size:14px;
	font-weight:bold;
	line-height:50px;
	overflow:hidden;
	position:relative;
}
div#itemlist{
	margin:0px;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
}
.itemrow{
	width:100%;
}
.itemrow.odd{
	background-color:#FFFFFF;
}
.itemrow.even{
	background-color:#F3F2F0;
}
.itemrow div{
	float:left;
	margin:10px;
}
.itemrow .preferred {
	padding-left:20px;
	background:url(../images/closet/star.png) no-repeat left center;
}
.itemrow .cticon{
	behavior:url(iepngfix.htc);
	background:url(../images/test/blankicon.png) no-repeat center center;
	width:50px;
	height:50px;
}
/* ------- */
.relativefit div{
	margin:0 auto;
	width:202px;
	height:22px;
	text-align:center;
	position:relative;
}
.relativefit .button{
	display:-moz-inline-box;
	display:inline-block;
	width:95px;
	margin:0px;
	float:left;
}
.relativefit span .button{
	float:right;
}

.sizelength input{
	width:80px;
}
/* --------- */