@charset "utf-8";
/* CSS Document */
/***
* reset all elements
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/***
* site layout code
*/
html {
	min-height: 100%;
	height: auto;
	background:#000000;
}
body {
	background:#000000;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: auto;
}
#siteContainer {
	width:960px;
	margin-top:15px;
}
#siteFooter {
	width:960px;
	text-align:right;
}
#siteFooter img{

}
#siteFooter span{
	display:block;
	text-align:left;
}
#siteFooter span a{
	color:#CA6604;
}
.bgBorder {
	background:#CA6604;
	border:1px solid #ffffff;
}
a,a:link,a:active,a:visited{
color:#FFFFFF;
text-decoration:none;
}
a:hover{
color:#FFFFFF;
text-decoration:underline;
}
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

/***
* homepage layout 
*/
#homeBox {
	width:960px;
	height:521px;
}
#homeLeft, #homeRight {
	height:430px;
}
#homeLeft {
	width:390px;
	float:left;
}
#homeRight {
	width:570px;
	float:right;
}
#homeRight p{
margin-top:15px;
}
#homeRight h1{
font-size:20px;
margin-top:15px;
margin-bottom:45px;
}
#homeRight h1 strong{
font-weight:bold;
}
#homeBottom {
	clear:both;
	height:91px;
	padding-top:1px;
	background:#ffffff;
	text-align:left;
}
/***
* homepage thumbs 
*/

div#homeNavBack{
float:left;
}
div#homeNavNext{
float:right;
}
div#homeNavBack,div#homeNavBack a,div#homeNavNext,div#homeNavNext a{
display:block;
width:30px;
height:90px;
background-color:#ffffff;
}
div#homeNavBack a span,div#homeNavNext a span{
display:none;
}
div#homeNavBack a{
background:url('/img/consumer/home-back.png') left top;
}
div#homeNavNext a{
background:url('/img/consumer/home-next.png') left top;
}
div#homeNavBack a:hover{
background-position:left bottom;
}
div#homeNavNext a:hover{
background-position:left bottom;
}

div#homeNavThumbs{
width:900px;
height:90px;
margin-left:30px;
margin-right:30px;
background-color:#ffffff;
}
div#homeNavThumbs ul{
position:absolute;
width:900px;
height:90px;
margin:0px;
padding:0px;
display:none;
}
div#homeNavThumbs ul li{
width:180px;
height:90px;
padding:0px;
margin:0px;
float:left;
text-align:center;
}
div#homeNavThumbs ul li a{
width:110px;
height:90px;
margin-left:35px;
display:block;
}
div#homeNavThumbs ul li a img{
border:1px solid #ffffff;
}
div#homeNavThumbs ul li a:hover img{
border:1px solid #FF6600;
}
/**
div#collNavThumbs ul li{
width:110px;
height:110px;
padding:0px;
margin:0px;
float:left;
}
div#collNavThumbs ul li a{
width:110px;
height:110px;
display:block;
}


* content header
*/
#contentHeader{
height:90px;
}
#contentLogo{
float:left;
}
#contentMark{
float:right;
}
div#contentNavBox{
width:570px;
margin-left:330px;
margin-right:60px;
}

#contentStrap{
padding-top:25px;
font-size:18px;
}
#contentStrap strong{
font-weight:bold;
}
ul#contentNav{
padding-top:10px;
}
ul#contentNav li{
display:inline;
padding-right:25px;
}
ul#contentNav li a{
text-align:center;
font-weight:bold;
font-size:11px;
}

li#contentNav_home{
width:40px;
}
li#contentNav_collections{
width:95px;
}
li#contentNav_trends{
width:60px;
}
li#contentNav_care{
width:40px;
}
li#contentNav_colors{
width:60px;
}
li#contentNav_contact{
width:65px;
padding-right:0px;
}


/***
* collections layout 
*/

#collBox{
height:430px;
text-align:left;
}
#collLeft{
width:395px;
height:430px;
float:left;
}
#collRight{
width:270px;
height:430px;
float:right;
}
#collMid{
margin-left:395px;
margin-right:285px;
}
#collImg{
position:relative;
left:42px;
top:42px;
background-color:#ffffff;
width:345px;
height:345px;
}
#collItemDesc{
margin-top:248px;
height:122px;
}
#collItemDesc h1{
font-weight:bold;
font-size:18px;
}
#collItemDesc h2{
font-weight:bold;
font-size:16px;
}
#collItemDesc h3{
font-weight:bold;
font-size:14px;
}
#collItemDesc p{
font-weight:bold;
font-size:11px;
}
div#collItemBuy{
height:22px;
}
div#collItemBuy a{
display:block;
padding-top:1px;
background:url('/img/consumer/next-arrow.png') top left no-repeat;
}
div#collItemBuy a:hover{
background-position:bottom left;
text-decoration:none;
}
div#collItemBuy a span{
padding-left:20px;
font-size:14px;
font-weight:bold;
}
/**
* categories list
*/

ul#catsList{
padding-top:10px;
width:50%;
float:left;
text-align:left;
}
ul#catsList li{
display:inline;
margin-right:10px;
border:none;
}
ul#catsList li a{
font-weight:normal;
color:#ca6604;
border:none;
}
ul#catsList li a#activeCat{
font-weight:bold;
color:#ffffff;
}
/***
* collections navigation layout 
*/

div#collNavPages{
height:42px;
width:231px;
font-size:14px;
font-weight:bold;
}
div#collNavPagesBack,div#collNavPagesNext,div#collNavPagesTxt{
padding-top:20px;
}
div#collNavPagesBack,div#collNavPagesNext{
width:65px;
}
div#collNavPagesBack{
float:left;
}
div#collNavPagesNext{
float:right;
text-align:right;
}
div#collNavPagesBack a{
display:block;
padding-top:1px;
background:url('/img/consumer/back-arrow.png') top left no-repeat;
}
div#collNavPagesBack a span{
padding-left:20px;
}
div#collNavPagesBack a:hover{
background-position:bottom left;
text-decoration:none;
}
div#collNavPagesNext a{
display:block;
padding-top:1px;
background:url('/img/consumer/next-arrow.png') top right no-repeat;
}
div#collNavPagesNext a:hover{
background-position:bottom right;
text-decoration:none;
}
div#collNavPagesNext a span{
padding-right:20px;
text-decoration:none;
}
div#collNavPagesTxt{
margin-left:65px;
margin-right:65px;
text-align:center;
}
div#collNavThumbs{
width:233px;
height:233px;
overflow:hidden;
}
div#collNavThumbs ul{
position:absolute;
display:none;
width:233px;
height:233px;
padding:0px;
margin:0px;
}
div#collNavThumbs ul li{
width:112px;
height:112px;
padding:0px;
margin:0px;
float:left;
}
div#collNavThumbs ul li a{
width:112px;
height:112px;
border:1px solid #ffffff;
display:block;
}
div#collNavThumbs ul li a img{
border:1px solid #ffffff;
}
div#collNavThumbs ul li a:hover img{
border:1px solid #CA6604;
}

div#collNavThumbs ul.collNavThumbsLists li a#activeItem img{
border:1px solid #CA6604;
}
div#collNavThumbs ul li.first{
margin-right:5px;
}
div#collNavThumbs ul li.first,
div#collNavThumbs ul li.second{
margin-bottom:5px;
}
div#collNavThumbs ul li.third{
margin-right:5px;
}
div#collQVClogo{
margin-top:80px;
text-align:right;
}

/*categories layout*/

#catBox{
margin-left:40px;
margin-top:120px;
width:875px;
}

/***
* categories thumbs 
*/

div#catBack{
float:left;
}
div#catNext{
float:right;
}
div#catBack,div#catBack a,div#catNext,div#catNext a{
display:block;
width:40px;
height:172px;
}
div#catBack a span,div#catNext a span{
display:none;
}
div#catBack a{
background:url('/img/consumer/type-back.png') no-repeat top left ;
}
div#catNext a{
background:url('/img/consumer/type-next.png') no-repeat top right ;
}
div#catBack a:hover{
background-position:bottom left;
}
div#catNext a:hover{
background-position:bottom right;
}

div#catThumbs{
margin-left:40px;
margin-right:40px;
width:795px;
height:172px;
}
div#catThumbs ul{
position:absolute;
width:795px;
margin:0px;
padding:0px;
display:none;
}
div#catThumbs ul li{
width:198px;
height:172px;
padding:0px;
margin:0px;
float:left;
text-align:center;
}
div#catThumbs ul li a{
margin-left:18px;
width:172px;
height:172px;
display:block;
border:1px solid #ffffff;
}

div#catThumbs ul li a img{
border:1px solid #ffffff;
}
div#catThumbs ul li a:hover img{
border:1px solid #CA6604;
}
/***
* contact page.
*/
div#contactBox{
text-align:left;
height:430px;
}
div#contactFormText{
width:50%;
float:right;
text-align:center;
height:420px;
}
div#contactFormText div{
margin-top:200px;
}
div#contactFormBox{
margin-top:20px;
margin-left:5%;
width:45%;
float:left;
height:400px;
}
div#contactThanksBox{
width:50%;
float:right;
text-align:center;
height:420px;
}

div#contactThanksBox div{
margin-top:200px;
margin-left:5%;
}

form#contactForm{
height:430px;
text-align:left;
}
form#contactForm label{
display:block;
}
/** button*/
form#contactForm input{
font-family:Arial, Helvetica, sans-serif;
border:1px solid #ffffff;
background:#CA6604;
color:#ffffff;
margin-top:6px;
padding:3px;
font-size:12px;
width:308px;
}
/** fields*/
form#contactForm label input,form#contactForm label textarea{
font-family:Arial, Helvetica, sans-serif;
border:1px solid #ffffff;
background:#ffffff;
color:#CA6604;
margin-top:3px;
padding:3px;
font-size:12px;
width:300px;
}
form#contactForm label textarea{
height:175px;
}
span.error{
font-weight:bold;
}
span.required{
font-size:18px;
font-weight:bold;
}