body, html{
  height: 100%;
  min-height: 975px;
  background: url(images/us_background.jpg) repeat-x 0 0 #000;
  font-family: Gill Sans, Verdana, lucida grande, helvetica, arial, sans;
  font-size: 11.5px;
  margin: 0;
  padding: 0;
  color: #696969;
}
a:link, a:visited{
  color: #b92c92;
  text-decoration: none;
}
a:hover{
  color: #FAA635;
  text-decoration: none;
}
a:active{
  color: #FAA635;
}
p, ul{
  margin-bottom: 20px;
  line-height: 1.6em;
}
p{
  padding: 7px;
}
img{
  border: none 0px;
}
/* MISC   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{
  font-size: 1.5em;
}
h1{
  font-size: 2em;
  padding: 0;
  margin: 0;
}
h2{
  font-family: Gill Sans, Verdana, lucida grande, helvetica, arial, sans;
  font-size: 2em;
  font-weight: lighter;
  color: #B92C92;
  padding: 5px 5px 0px 5px;
  margin: 0;
}
h3{
  font-size: 1.2em;
}
h4{
  font-size: 1.3em;
  font-weight: bold;
  margin: 10px 0 0 0;
}
h5, h6{
  font-size: 1em;
}
.floatLeft{
  float: left;
}
.floatRight{
  float: right;
}
.pad25{
  padding: 25px;
}
.bold{
  font-weight: bold;
}
.bold16{
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.center{ text-align: center; margin: 0 auto; display: block; }
.content{ padding: 5px; }
.pointer { cursor: pointer; }
.clear{ display:block; clear:both; }
.spacer{ height: 20px; }
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.main{
  min-height: 975px;
  background: url(images/us_background2.png) no-repeat center 0 scroll;
  padding: 0;
  margin: 0;
}
.page{
  width: 910px;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
#header{
  height: 138px;
  position: relative;
  padding: 0;
  margin: 0;
  color: #000;
}
#header h1{
  font-weight: bold;
  padding: 5px 0;
  margin: 0;
  color: #fff;
  border: none;
  line-height: 2em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px !important;
}
#mainColumn{
  font-family: Gill Sans, Verdana, lucida grande, helvetica, arial, sans;
  font-size: 15px;
  min-height: 576px;
  background: url(images/us_back_middle.png) repeat-y 0 0;
  padding: 0;
  margin: 0;
  _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}
#main_left {
	float:left;
	width:250px;
  background: url(images/us_back_top.png) no-repeat 0 0;
	margin:0;
	padding:0;
	font-size:80%;
}
#main_right {
	float:right;
	width:49px;
	background: url(images/us_back_top.png) no-repeat top right;
	margin:0;
	padding:0;
	font-size:80%;
}
#main_middle {
  width: 611px;
  min-height: 576px;
	margin:0 49px 0 250px;
	padding: 0;
	background:#ffe5f7;
	font-size:80%;
}
#main_middle #content{
  padding: 5px;
}
#main_bottom{
  width: 910px;
  height: 43px;
  background: url(images/us_back_bottom.png) no-repeat 0 0;
  margin: 0;
  padding: 0;
}
#footer{
  color: #999;
  padding: 0;
  margin: 0;
  line-height: normal;
  font-size: .9em;
  clear: both;
}
#footer #logo{
  height: 280px;
  width: 165px;
  position: relative;
  top: -12px;
  float: left;
}
#footer #text{
  width: 600px;
  float: right;
  padding: 10px 10px;
  text-align: right;
}
#footer #text #copyright{
  font-weight: bold;
}
#footer #text #disclaimer{
  font-style: italic;
  margin: 10px 0;
}
#footer a:link, #footer a:visited{
  text-decoration: underline;
  font-weight: bold;
}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset{
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #CCC;
}
fieldset p{
  margin: 2px 12px 10px 10px;
}
fieldset label{
  display: block;
}
fieldset label.inline{
  display: inline;
}
legend{
  font-size: 1.1em;
  font-weight: 600;
  padding: 2px 4px 8px 4px;
}
input[type="text"]{
  width: 200px;
  border: 1px solid #CCC;
}
input[type="password"]{
  width: 200px;
  border: 1px solid #CCC;
}
/* TABLE
----------------------------------------------------------*/
table{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}
table td {
  padding: 5px;   
  border: solid 1px #e8eef4;
}
table th{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}
/* MISC  
----------------------------------------------------------*/
.clear{
  width: 100%;
  height: 0px;
  display: block;
  clear: both;
}
label{
  width: 100px;
  display: block;
  text-align: left;
  float: left;
  clear: both;
}
.error{
  color:Red;
  font-weight: bold;
}
.success{
  color:Green;
  font-weight: bold;
  margin: 20px 0;
}
#menucontainer
{
}
#logindisplay{
  font-size:1.1em;
  display:block;
  text-align:right;
  margin:10px;
  color:White;
}
#logindisplay a:link{
  color: white;
  text-decoration: underline;
}
#logindisplay a:visited{
  color: white;
  text-decoration: underline;
}
#logindisplay a:hover{
  color: white;
  text-decoration: none;
}
.field-validation-error{
  color: #ff0000;
}
.input-validation-error{
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}
.validation-summary-errors{
  font-weight: bold;
  color: #ff0000;
}
/* Category  
----------------------------------------------------------*/
#category_product{
  width:140px;
  height: 150px;
  overflow: hidden;
  background: #FFF;
  border: 1px solid #B92C92;
  float: left;
  margin: 10px 4px;
}
#category_product img{
  width: 140px;
  height: 150px;
  display: block;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: -13px;
}
#category_product #style_name{
  width: 100%;
  height: 15px;
  line-height: 15px;
  display: block;
  color: #FFF;
  font-size: 9px;
  background: #B92C92;
  font-weight: normal;
  position: relative;
  top: -28px;
  text-indent: 2px;
  margin:0;
}
#category_product #style_sku{
  height: 10px;
  line-height: 10px;
  min-width: 50px;
  max-width: 75px;
  overflow: hidden;
  font-size: 0.95em;
  color: #B92C92;
  padding: 1px;
  background: #FFF;
  text-indent: 2px;
  position: relative;
  z-index: 999;
  border-right: solid 1px #B92C92;
  border-bottom: solid 1px #B92C92;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;

}
#category_product #style_new{
  width: 36px;
  height: 44px;
  background: url(images/us_new.png) 0 0 no-repeat scroll;
  position: fixed;
  z-index: 999;
  display : block;
  margin: 0 0 0 106px;
  text-align: right;
}
/* Product Details  
----------------------------------------------------------*/
#product{
  width:611px;
  font-size: 10px;
}
#product img#image{
  width: 300px;
  float: left;
  overflow: hidden;
}
#product #details{
  width: 301px;
  float: right;
  text-align: left;
  padding: 5px;
  margin: 0;
  display: block;
}
#product #details #title{
  font-size: 1.5em;
  line-height: 1.5em;
  color: #B92C92;
  text-align: left;
  display: inline-block;
  clear: both;
  margin: 0 0 5px 5px;
  padding: 0;
}
#product #details #description{
  width: 285px;
  min-height: 540px;
  font-size: 1.1em;
  color: #000080;
  display: block;
  padding: 15px 5px 15px 5px;
  background: #FFF;
  border: solid 1px #B92C92;
  text-align: left;
  margin: 0 auto;
}
#product #details #colors{

}
#product #details #colors #color{
  display: block;
  float: left;
  border: solid 1px #EEE;
  margin: 2px 2px;
}
#colorSwatchView{
  height: 125px;
  width: 250px;
}
#colorSwatchView img{
  height: 100px;
  width: 100px;
}
#product #details #colors #color:hover{
  border: solid 1px #CCC;
}
#product #details #colors #color img.colorthumb{
  width: 35px;
  height: 35px;
}
div.toolTip{
  position: absolute; /*leave this and next 3 values alone*/
  z-index: 1000;
  left: -1000px;
  top: -1000px;
  background: #272727;
  border: 10px solid black;
  color: white;
  padding: 3px;
  width: 250px; /*width of tooltip*/
}
/* One Column Content  
----------------------------------------------------------*/
#Column{
  width: 600px;
}
#Column #Content{
  padding: 5px;
}
/* Two Column Content Page Layout
----------------------------------------------------------*/
#leftColumn{
  width: 300px; 
  float: left;
}
#leftColumn #leftContent{
  padding: 5px;
}
#rightColumn{
  width: 300px; 
  float: right;
}
#rightColumn #rightContent{
  padding: 5px;
}
/* User Box
----------------------------------------------------------*/
#UserBox{
  width: 450px;
  height: 55px;
  position: absolute;
  bottom: 65%;
  left: 80%;
  padding: 5px;
  margin: 5px;
  vertical-align: text-top;
  display: block;
}
#UserBox a, #UserBox a:visited{
  color: #FFF;
  text-decoration: none;
}
#UserBox a:hover{
  color: #FFF;
  text-decoration: underline;
}
#UserBox ul#usermenu{
  padding: 0 0 2px;
  position: relative;
  margin: 0;
  text-align: left;
}
#UserBox ul#usermenu li{
  display: inline;
  list-style: none;
}
#UserBox ul#usermenu li a{
  padding: 2px 1px;
  font-weight: lighter;
  text-decoration: none;
  line-height: 2.8em;
  color: #FAA635;
}
#UserBox ul#usermenu li a:hover{
  text-decoration: underline;
  color: #ffc880;
}
/* ToolTip
----------------------------------------------------------*/
#tooltip{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	color:#fff;
}
/* Shoutout
----------------------------------------------------------*/
button{
  color: #3a79b3;
  font-weight: bold;
  width: 125px;
  height: 25px;
  background: url(images/button.png);
  border: none 0px;
  cursor: pointer;
}
#ShoutOutForm{
  width: 476px;
  height: 500px;
  background: url(images/us_ShoutOutBox.png) no-repeat 0 0;
  /*display: none;*/
}
#ShoutOutForm_content{
  padding: 20px;
  overflow: auto;
}
#ShoutOut_heading{
  height: 50px;
}
#ShoutOutForm div.close {
  background-image:url(images/us_close.png);
  position:absolute;
  right:5px;
  top:5px;
  cursor:pointer;
  height:32px;
  width:32px;
}
.comment{
  width: 600px;
  display: block;
  margin: 0 0 20px 0;
}
.commentLeftCol{
  width: 100px;
  float: left;
  display: inline-block;
  text-align: center;
}
.commentRightCol{
  width: 500px;
  float: right;
  display: inline-block;
}
.commentDate{
  width:50px;
  height: 50px;
  display: block;
  text-align: center;
  margin: 0 auto;
  background: url(images/us_calendar.jpg) no-repeat 0 0;
}
.commentDate .commentDateMonth{
  height: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #FFF;
}
.commentDate .commentDateDay{
  height:22px;
  line-height: 22px;
  font-size: 18px;
  color: #000;
}
.commentDate .commentDateYear{
  height:10px;
  line-height: 10px;
  font-size: 8px;
  color: #000;
}
.commentText{
  font-size: 11px;
  font-style: italic;
}
.commentName{
  color: #555;
  font-weight: bold;
}
.divide{
  width: 64px;
  height: 20px;
  background: url(images/us_divide.png) no-repeat 0 0;
  display: block;
  text-align: center;
  margin: 0 auto;
  clear: both;
}
#recaptcha{
  clear: both;
}
/* Form Elements
----------------------------------------------------------*/
label{
  display: block;
  color: #555;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
.textbox{
  height:30px;
  font-size: 18px;
  color: #777;
  line-height: 30px;
  border: solid 1px #CCC;
}
textarea{
  font-family: Gill Sans, Verdana, lucida grande, helvetica, arial, sans;
  font-size: 16px;
  color: #777;
  border: solid 1px #CCC;
  vertical-align:middle;
}
.field-validation-error{ color: #ff0000; }
.input-validation-error{
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}
.validation-summary-errors{
  font-weight: bold;
  color: #ff0000;
}

#GetEmail{
  margin: 0 auto;
  display: block;
  text-align: right;
  width: 788px; height: 34px;
  line-height: 34px;
  position: relative;
  left: 20px;
  background: url(images/Email_Bar.gif) no-repeat 0 0;
}
#flipLink{
  margin: 0 auto;
  display: block;
  margin-bottom: -3px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #c62a97;
  vertical-align: bottom;
  position: relative;
  left: 200px;
  top: 0px;

}