@charset "UTF-8";
/* CSS Document */
*, html {
	padding:0px;
	margin:0px;
}
* li {margin-left:-3px;}
option {
	padding: 0px 4px;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: #181b1d;
	background-repeat: repeat;
}
p {
	color:#666666;
	line-height:150%;
/*	padding: 10px 20px 0px 0px;*/
}
a:link {
	color:#66516f;
	text-decoration:none;
}

a:visited {
	color:#66516f;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight:100;
	color:#333333;
	padding:15px 0px 10px 0px;	
}
img {
	border:0px;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:#50385a;
	padding-top:5px;
	font-weight:100;
}

/* top navigation */
#headerwrapper {
	width: auto;
	background-color: #181B1D;
	height: 80px;
}

#header {
	width: 800px;
	position:relative;
	margin: 0px auto;
}
#logo {
	float: left;
}
#mainnav {
	float:left;
	height:80px;
}
#mainnav li {
	width:80px;
	text-align: left;
	list-style: none;
	float: left;
	margin:0px;
	padding:0px;	
}
#mainnav li a:link, #mainnav li a:visited { 
	border-left: solid 1px #343738;
	text-decoration: none;
	display:block;
	color:#FFF3F0;
	padding: 55px 5px 0 10px;
	margin:0px;
}
#mainnav li a:hover {
	border-left: solid 1px #FFF;
	color:#FFF;
}

#cobox {
	position: absolute;
	width:139px;
	height:91px;
	top:0px;
	right:0px;
	background-color: #32373a;
	border-left: 1px solid #3c4144;
	border-right: 1px solid #3c4144;
	padding: 10px 0px 0px 9px;
}
#cobox p {
	color:#d8d9da;
}
#cobox img {
	position: absolute;
	top: 101px;
	left: -1px;
}
#cobox div.loginout {
  text-align:right; 
  padding:0 5px 5px 0;
}
#cobox div.loginout a {
  color: #FFF;
}

#cobutton {
	position: relative;
	margin-left:9px;
	margin-top:-28px;
}

/* main content wrapper and corners */
#bgwrapper{
	background-image: url(/images/tile.gif);
	background-repeat: repeat;

}

#wrapperlanding {
	width: 800px;
	height:100%;
	background: #f6f6f6;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

/*#wrapperlanding#top {
	position: absolute;
	top: -2px;
	left: 0px;
}*/


#wrapper #top {
	position: absolute;
	top: 0px;
	left: 0px;
}

#bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
}



#topinside {
	position:absolute;
	padding:0;
	margin-left:-20px;

}

#bottominside {
	position:absolute;
	bottom:18px;
	margin-left:170px;

}

#topleftcorner {
	position:absolute;
	top:0px;
	left:0px;
}

#toprightcorner {
	position:absolute;
	top:0px;
	right:0px;
}

#botleftcorner {
	position:absolute;
	bottom:0px;
	left:0px;
}

#botrightcorner {
	position:absolute;
	bottom:0px;
	right:0px;
}

#whitewrapper {
	width: 800px;
	background: #f6f6f6;
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	position:relative;

}
#blackwrapper {
	width: 780px;
	background: #181b1d;
	margin-left:auto;
	margin-right:auto;
	margin-top:-3px;
	margin-bottom:-3px;
}
#leftcontent img {
	padding-top:10px;
	padding-left:20px;
	float:left;

}
#rightcontent {
	padding-top:10px;
	margin-left:540px;
}
.rightimage {
	padding-bottom:17px;
}

.displaynotice {
	position:absolute;
	top:20px;
	right:20px;
	color:#666666;
	font-size:11px;
}

/* bottom nav*/

#footerwrapper {
	width: 100%;
	background-color: #181b1d;
	height: 64px;
	margin-top:50px;
}

#footer {
	width: 800px;
	height: 64px;
	margin: auto;
	position:relative;
}


.bottomnav {
	width:78px;
	text-align: left;
	color: #f6f6f6;
	margin-top:17px;
	padding-left: 10px;
	padding-bottom:36px;
	border-left: solid 1px #343738;
	list-style: none;
	display: block;
	float: left;

}
.bottomnav a {
	color:#FFF;
} 
.bottomnav a:hover {
	text-decoration:none;
} 

.bottomnav a:visited {
	color:#FFF;
}

.bottomnavlast {
	border-right: solid 1px #343738;

}

.bottomnavlink { 
	text-decoration: none;
	color:#fff3f0;
	padding-bottom:37px;
	font-size: 11px;
}	

#footercopyright {
	position:absolute;
	top: 17px;
	right:0px;
	color: #f6f6f6;
	display: block;
	font-size: 11px;
}

/* left nav*/

#leftnav {
	width:190px;
	background:#181b1d;
	float:left;
	padding:10px 0px 0px;
	margin:0px 0px 25px;
	line-height: 100%;
	border-bottom:1px solid #343738;
}

#leftnav ul li {
	font-size:11px;
	color:#FFFFFF;
	border-top:1px solid #343738;
	text-decoration:none;
	list-style:none;
	margin:0px;
	padding:0px;
	display:block;
}

#leftnav ul li a {
	display:block;
	width:auto;
	font-size:11px;
/*	line-height:225%;*/
	height:18px;
	color:#FFFFFF;
	text-decoration:none;
	margin:0px;
	padding:9px 0px 2px 0px;

}


#leftnav ul li ul li {
	font-size:11px;
/*	line-height:225%;*/
	color:#FFFFFF;
	text-decoration:none;
	list-style:none;
	display:block;
/*	margin:0;
	padding:0;
*/}
#leftnav .last {
	border-bottom:none;
}
#leftnav ul li ul li a:link, #leftnav ul li ul li a:visited {
	display:block;
/*	line-height:225%;*/
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
#leftnav a:hover, #leftnav ul li ul li a:hover {
	width:185px;
	display:block;
	width:auto;
	font-size:11px;
/*	line-height:225%;*/
	color:#333333;
	text-decoration:none;
	list-style:none;
	background-color:#ffffff;
	z-index: 1;
}


#leftnav a.selected:link, #leftnav a.selected:visited {
	font-size:11px;
/*	line-height:225%;*/
	color:#333333;
	text-decoration:none;
	background-color:#ffffff;
	border-top:none;
	display:block;
}
#leftnav span.indentmain{
	margin:0px 0px 0px 15px;
}

#leftnav span.indentsecond{
	margin:0px 0px 0px 35px;
}


/* main content*/

#maincontent {
	width:560px;
	float:left;
	position:relative;
	padding:0px 0px 5px 20px;
	background-color:#ffffff;

}

#mainnonav {
	width:760px;
	position:relative;
	margin-left:10px;
	background-color:#ffffff;
	min-height: 100px;

}

.product {
	width:120px;
	height:250px;
	padding:15px 20px 0px 0px;
	float:left;
	text-decoration:none;
}
.item {
	width:120px;
	height:250px;
	padding:15px 20px 0px 0px;
	float:left;
	text-decoration:none;
	padding-bottom:10px;
}
.catalog_item p {
	padding: 0px 0px;
}
/* product detail*/
.itemdetailsection {
	width:250px;
	padding:0 10px 20px 0;
	margin-top:20px;
	float:left;
}

#itemdetailright {
	padding:0 20px 20px 20px;
	text-align:center;
}

.itemtitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height:125%;
	color:#333333;
	font-weight:100;

}

.iteminfo {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height:150%;
	color:#333333;
	font-weight:100;

}

.itemprice {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height:150%;
	color:#990000;
	font-weight:900;
	text-decoration:none;
}
.itemprice strike {
	color: #333
	;
}

.itemdescript {
	font-size:11px;
	line-height:150%;
	color:#666666;
	padding:10px 0 50px 0;
	border-bottom:1px dotted #cccccc;


}

.selectlabels {
	font-size:11px;
	font-weight:bold;
	color:#999999;
/*	padding: 0px 10px 0px 0px;*/
/*	border-right:1px solid #cccccc;*/
	
}
.selectlabels label {
	width: 70px;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	
}
.selectlabelslast {
	font-size:11px;
	font-weight:bold;
	line-height:175%;
	color:#999999;
	margin:15px 0px;
	padding:0px 10px;
	float:left;
}

.addtocart {
	border-top:1px dotted #cccccc;
	padding:15px 0 10px 0;
}

.imagedetail {
	border: 1px solid #cccccc;
	margin:5px;
	position:relative;
}


.imagedetails {
	margin-left:auto;
	margin-right:auto;
	width:240px;
}	

#viewlarger {
	width:240px;
	text-align:center;

}

#viewlarger a {
	text-decoration:none;
	font-size:11px;
	line-height:200%;
	color:#231f20;
}

.suggestions {
	border-top:1px solid #cccccc;
	padding: 10px 0 30px 0;
	margin:0 20px 0 0;
	font-size:11px;
	font-weight:bold;
	line-height:125%;
	color:#666666;
}
.suggestions .catalog_item {
	padding-right:40px;
}


.suggestitem {
	width:146px;
	height:150px;
	margin:15px 0 0px 10px;
	float:left;
	padding-bottom:10px;
}

.suggestitem a {
	color:#50385a;
	font-size:11px;
	line-height:110%;
	font-weight:100;
	text-decoration:none;
	text-align:left;
}

.clear {
	clear:both;
	line-height: 0px;
	height: 0px;
}


/*check out path*/

#headerspacer {
	padding-top:20px;
	background:#ffffff;
}
#checkout, #login_signup, #page {
	padding: 20px;
}
h2.checkoutheader, #page h2 {
	width:auto;
	position:relative;
	padding: 15px 20px;
	background:#e2dfe2;
	margin: 0px;
	border-bottom:1px solid #CCC;
}

h2.checkoutheaderleft {
	padding:10px 0 0 35px;
	float:left;
}

h2.checkoutheaderright {
	padding:10px 0px 0px 350px;
	float:left;
}

#line_items {
	width:100%;
	border-collapse:collapse;
	text-align:center;
}
#line_items th {
	background:#e2dfe2;
	color:#666;
	padding:5px 20px;
	border-bottom:1px solid #CCC;
}
#checkout #line_items th {
	background: none;
	border-top: 1px solid #CCC;
	padding:10px 20px;
}

#line_items td {
	padding:10px 20px;
	border-bottom:1px solid #CCC;
}

.firstcol {
	text-align:left;
}
#line_items td.description {
	text-align: left;
	width:25%;
}

#line_items td.total_label {
	text-align: left;	
}
#line_items tr.subtotal td {
	border:none;
}
#line_items .total {
	font-weight:bold;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}

.buttons {
	width:100%;
	text-align:right;
	padding: 20px 0px;
}


/******************************************************
 *	checkout									*
\*****************************************************/
.checkout_navigation {
	font-size:11px;
	position:absolute;
	top:20px;
	right:20px;
	text-align:right;
}
.checkout_navigation .checkout_navigation_page {
	float:left;
	padding: 0px 10px;
	color:#999;
}
.checkout_navigation .current {
	color:#000;
}
#checkout h3 {
	font-size:12px;
	color:#333;
	font-weight:bold;
	margin: 10px 0px;
}
.address_form, .address {
	float:left;
	width:360px;
}
form p {
	padding: 5px 0px;
}
label {
 font-size:12px;
}
p label, label.form_label {
	float:left;
	width:120px;
	color:#666;
	padding:5px 0px;
}
p label.checkbox_label, p label.radio_label {
	float:none;
	width:auto;
}
p label.radio_label {
	font-weight:bold;
}
.shipping_desc {
	margin-left: 35px;
}
input[type=text],input[type=password], textarea {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	padding: 4px;
	border: 1px solid #CCC;
}
#checkout .address p {
	padding: 5px 10px;
	font-size:12px;
	display:block;
}
#checkout .address p label {
	padding:0px;
}
#checkout .edit {
	font-size:11px;
	font-weight:normal;
	padding-left:5px;
}
#checkout h3, #checkout p {
	padding-left:10px;
}
div.address-info {
  padding-left: 5px;
  font-size: 13px;
}
div.address-info p { 
  padding: 2px 0px 1px 5px;
}
table.address-input td {
  padding: 5px 0;
}
table.address-input td div.address-label {
  color: #666;
  font-size: 12px;
  width: 100px;
}
div.address-selector h4 {
  font-size: 13px;
}

/******************************************************
 *	pages									*
\*****************************************************/
#page h3, #page h4, #page h4 {
	margin: 10px 0px;
	padding:0px;
}
#page p {
	padding: 10px 20px 0px 0px;
}
.mood_slideshow {
	width: 760px;
	height: 500px;
	margin: 0px 20px 10px 20px;
	background:#FFF;
}

/******************************************************
 *	account/session									*
\*****************************************************/
#login, #signup {
	width:358px;
	float:left;
}
#login form, #signup form {
	padding: 20px;
}
#login h2 {
	border-right:1px solid #FFF;
}
#signup {
	border-left:1px solid #CCC;
}
/******************************************************
 *	flash									*
\*****************************************************/

.flash, .message {
	width:auto;
	padding:20px;
	margin-bottom:10px;
	background:#FCFCFC;
	color:#333;
	font-weight:bold;
	font-size:12px;
}
.message {
	text-align:center;
}
.fieldWithErrors {
  display: inline;
}
.warning {
	background: #FC8585;
}
.fieldWithErrors input {
	border: 1px solid #FC8585;
	background:#F9E3E3;
}
#errorExplanation {
  width: auto;
	padding: 15px;
  background-color: #FC8585;
	color: #333333;
}

/*#errorExplanation h3 {
  text-align: left;
  padding: 5px 5px 5px 15px;
  font-size: 14px;
  margin: 0px;
  background-color: #4c0019;
  color: #fff;
}
*/
#errorExplanation p {
	font-size:12px;
	font-weight:bold;
	color: #333333;
}
#errorExplanation ul li {
  font-size: 12px;
  list-style-type: square;
	margin:2px 24px;
}


.hr {
	width:auto;
	border-bottom:1px solid #CCC;
	margin:10px 0px;
}
.paginator {
	clear:both;
	margin: 20px 20px;
	width:auto;
	font-weight:bold;
	color:#6d6d6d;
	font-size:11px;
	text-align:right;
}
