/* CSS Document */

/* colors

hot pink #db3d77
dark brown #0a0401
light tan #ccaa77

*/

body {
	margin:0; padding:0;
	background:#0a0401; height:100%;
	width:100%;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:12px; line-height:14px;
	}
	
	p {line-height:1.4em;}
	
	li {line-height:1.5em;}
	
	h1 {font-size:32px; font-weight:400; color:#db3d77; margin-top:20px; }
	h2 {color:#ccaa77;}
	h3 {
		display:block; 
		width:150px;
		background:#db3d77;
		color:#FFF; 
		font-size:12px;  
		padding:4px; 
		margin-bottom:5px; 
		font-weight:500; 
		text-transform:uppercase;
		text-align:center; 
		letter-spacing:2px;}
	
	a, a:active {text-decoration:underline; color:#db3d77;}
	a:hover, a:active:hover {text-decoration:underline; color:#ccaa77;}
	
	hr {height:1px; width:100%; border:0;color:#ccaa77; background:#ccaa77; margin:-1px 0 !important; margin:-10px 0; padding:0;}
	
/* ---------------- Page Structure ------------------- */
	#container {
	width:980px;
	margin:0px auto;
	 }
	 #border {
	 float:left;
	 width:980px;
	 background:#0a0401 url("../images/global/bg-brown.gif") top left repeat-y ;
	 margin:0; padding:0;
	 }
	
	
	#content {
	float:left; 
	width:940px;
	margin-left:25px !important; margin-left:10px;
	padding:0;
	
	 }
	 
	 #header {
	 float:left;
	 width:930px;}
	 
	 #headLeft {
	 float:left;
	 width:234px;
	 }
	 
	 #headRight {
	 float:left; 
	 background:url("../images/global/header.gif") top left no-repeat;
	 width:695px;
	 }
	 #ddeal	 {
	 	float:left;
		margin-top:20px;
		margin-left:80px;
	 }
	 	#topsearch {
			float:right;
			margin-top:60px;
			margin-right:10px;
			}
	 
	 #mainContent {
	 float:left;
	 width:930px;

	 }
	 #pinkLine {
	 float:left;
	 width:930px;
	 background:#FFF url("../images/global/pinkLine.gif") top left repeat-y;
	 }
	  #fullPagePinkLine {
	 float:left;
	 width:930px;
	 background:#FFF url("../images/global/pinkBarFullPage.gif") top left repeat-x;
	 }

	.inside {padding:10px; }
	#leftcol {
		float:left; 
		width:234px; 
		}
	#rightcol {
		float:left; 
		background:#FFF url("../images/global/pinkBar.gif") top left no-repeat;
		padding-top:22px;
		width:695px; 
		border-left:1px solid #ff6dc0;
		}
	
	
	
	#footer {float:left; text-align:left;width:940px; margin-top:2px; 
	
	margin-left:20px; /* works in all */
  *margin-left:20px; /* targets IE6 and 7 */
  _margin-left:10px; /* targets IE6 */

	
	border-top:1px solid #4f2e15;}
	#footer a, #footer a:active {text-decoration:none; color:#999;}
	#footer a:hover, #footer a:active:hover {text-decoration:none; color:#FFF;}
	
	#copyright {width:940px; float:left; text-align:left; color:#FFF;margin-top:7px;}
	#copyright a, #copyright a:active {text-decoration:underline; color:#FFF;}
	#copyright a:hover, #copyright a:active:hover { color:#ff6dc0;}
	#poweredby {width:980px; float:left; text-align:right; color:#000; font-size:80%; margin-bottom:10px;}
	#poweredby a, #poweredby a:active {text-decoration:none; color:#ccaa77;}
	#poweredby a:hover, #poweredby a:active:hover {text-decoration:none; color:#FFF;}
	
	.joinmailing {padding-top:10px;}
	
/* ---------------- LEFT NAV  ------------------------ */

/* adjust these three numbers to change the height of the left nav. make it shorter than the content and a scrollbar will appear. */
.designnav {height:360px;}
.departmentnav {height:530px;}
.recnav {height:100px;}

.navbox {
	padding:3px;
	margin-left:25px;
	width:203px;
	overflow:auto;
	scrollbar-3dlight-color:#ccaa77;
	scrollbar-arrow-color:#b6993c;
	scrollbar-base-color:#ccaa77;
	scrollbar-darkshadow-color:#ccaa77;
	scrollbar-face-color:#ccaa77;
	scrollbar-highlight-color:#ccaa77;
	scrollbar-shadow-color:#000000;
}


.navbox a {
	display: block;
	text-decoration:none;
	color: #543019;
	}
.navbox a:hover {color: #db3d77; }
a.navhere {
	display: block;
	text-decoration:none;
	font-size:12px;
	color: #db3d77;
	font-weight:800;
}
	

/* ---------------- HOME Page ------------------- */

#homepage {margin:-16px -10px -10px -10px;}
.homephoto {
	float:left;
	background:#db3d77 url("../images/home/pink-bar.gif") top left repeat-y;
	padding:0px 10px 15px 10px;
	margin-top:-2px;
	}
#homeyellow {
	float:left;
	width:695px;
	background:#ccaa77 url("../images/global/yellowBack.gif"); 
	}
.homeTable {
	margin-left:15px;
	}	
.homeTableCell {
	background:#ccaa77;
	}
	
	.homeTableCell p {
	font-size:11px;
	margin:0; padding:0;
	}
	.homeTableCell h2 {
	color:#0a0401;
	text-transform:uppercase;
	font-size:14px;
	margin:0; padding:0;
	}
	
/* ---------------- Designer Content Pages ------------------- */

#designernav {
	width:180px;
	background:#ccaa77;
	padding:10px;
	border:1px solid #ccaa77;
	}
#designernav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
#designernav a, #designernav a:link, #designernav a:visited
{
display: block;
padding: 3px;
width: 160px;
background:#ccaa77;
color:#0a0401;
text-decoration:none;
border-bottom: 1px solid #ccaa77;
}
#designernav a:hover, #designernav a:visited:hover {
background:#ccaa77;
text-decoration:none;
color:#FFF;
}
	
/* ---------------- Form buttons ------------------- */
input.ftext {background-color:#FFF; border: 1px solid #ccaa77; color:#000;}
input.button {background-color:#ccaa77; color:#FFF; border:0;cursor:pointer; }

/* ---------------- Shopping specific styles ------------------- */

.product {padding-left:8px;}

.shopt {
	padding:0;
	margin:-1px 0 -3px 0 !important;
	margin:0 0 -3px 0;
	}
	
.namerow, .smallprice {font-size:12px; line-height:16px;color:#000; text-align:left;}

.namerow a, .namerow a:active, .detaillink a, .detaillink a:active {text-decoration:none; color:#000;}
.namerow a:hover, .namerow a:active:hover, .detaillink a:hover, .detaillink a:active:hover {text-decoration:none; color:#000;}
	
.pictrow {text-align:left;}

.deptlist {font-size:10px; line-height:16px;}

.pagecount {font-size:12px; padding-top:10px;color:#000; margin-bottom:10px; }
.prodname {font-size:22px; line-height:1.3em; color:#000; font-weight:200;}
.shortdesc, .smallcatname, .longdesc, .crosslink {font-size:12px;margin-bottom:8px;color:#000;}
.specinst {font-size:10px; line-height:16px;}
.price {font-size:12px; line-height:16px;}


.pictrow img {border:1px solid #ccaa77; padding:3px;}
.detaillink a, .detaillink a:visited {text-decoration:0; border:0;}
.detaillink img {border:0; padding:0;}



.seealso {color:#000;}

.alsorec {clear:both;float:left;}
	
div.float {float:left; margin:5px 15px 5px 0px;overflow:visible;}
div.item {float:left; margin:5px 15px 5px 0px;width:130px;}



/* ---------------- shopping bag styles ------------------- */
.shoppingbag {

}

.itemdesc a, .itemdesc a:active {text-decoration:underline; color:#000;}
	.itemdesc a:hover, .itemdesc a:active:hover {text-decoration:underline; color:#FFF;}
/* heading styles */
.sbhead {
	background-color:#ccaa77;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
.sbhead  p {
	margin-top: 0;
	margin-bottom: 0;
	margin-left:5px;
	margin-right:5px;
}
.sbqtyhead, .sblistpricehead, .sbtotalpricehead {
	text-align:right;
}
/* item row styles  */
.sbitem {
	background-color:#ccaa77;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
}
.sbitem p {	
	margin-left:5px;
	margin-right:5px;
}
.sbimage {
	width:110px;
	text-align:center;
}
.sbitemname {
	width:320px;
}
.itemremove {
	text-align:right;
}
.sbqty {
	width:50px;
	text-align:right;
}
.sblistprice {
	width:100px;
	text-align:right;
}
.sbtotalprice {
	width:100px;
	text-align:right;
}
/* summary lines */

.sbsubtotal {
	background-color:#ccaa77;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.sbsubtotal p {
	margin-left:5px;
	margin-right:5px;
}
.sbline {
}