/* CSS Document */
/* 
BROWN:  630
PINK:   C99 
DARK PINK: C66 
LIGHT GREY: ebe9e5

MINT GREEN: c8d9c9
*/
body {
	margin:0; padding:0;
	background:#fcf8ec url(../images/background.jpg); 
	height:100%;
	width:100%;
	font-family: Helvetica, Arial sans-serif;
	font-size:12px; line-height:14px;
	color:#630;
	}
	
	p {line-height:1.4em;}
	
	li {line-height:1.5em;}
	
	h1 {font-size:42px; font-weight:300; color:#630; text-transform:lowercase; }
	h2 {font-size:18px; font-weight:300; text-transform:lowercase; color:#C66;}
	h3 {display:block; background:#999; font-size:16px; width:165px; color:#FFF; padding:4px; margin-bottom:5px; font-weight:800;}
	
	
	a, a:active {text-decoration:underline; color:#C66;}
	a:hover, a:active:hover {text-decoration:underline; color:#630;}
	
	h1 a, h1 a:active, h1 a:visited, h1 a:hover, h1 a:visited:hover, .catname a, .catname a:active, .catname a:hover, .catname a:visited:hover {text-decoration:none;}
	.Flag {padding:3px 0px; text-align:center; font-size:12px; background:#c8d9c9; font-weight:700; color:#FFF; }
	
/* ---------------- Page Structure ------------------- */
	#container {width:960px; margin:10px auto; }
	#shopbag {width:960px; text-align:right;}
	#content {float:left; background:#FFF; width:960px; margin-top:0px; border:1px solid #d6d0c9;}

	#interior {padding:5px; float:left;}
	#leftcol {float:left; width:200px; margin:0px;}
	#rightcol {float:left; width:740px; margin:0px 0px 0px 10px; padding:0; border-top:23px solid #e5b1a8; padding-top:40px; }
	
	#topnav {width:750px; text-align:center;margin-top:10px; }
	#main {float:left; width:760px;padding:40px 0px 20px 0px;}
	
	#footer {float:left; text-align:center;color:#999; width:960px; margin-top:10px;}
	#footer a, #footer a:active {text-decoration:none; color:#999;}
	#footer a:hover, #footer a:active:hover {text-decoration:none; color:#FFF;}
	
	#copyright {width:960px; float:left; text-align:left; color:#6f430e;margin-top:10px;}
	#poweredby {width:960px; float:left; text-align:right; color:#6f430e; font-size:80%; margin-bottom:10px;}
	#poweredby a, #poweredby a:active {text-decoration:none; color:#999;}
	#poweredby a:hover, #poweredby a:active:hover {text-decoration:none; color:#6f430e;}
	
/*  ------------------- Home Page -------------------  */

#homePhoto {
	float:left;
	position:relative;
	z-index:1;
	width:740px;
	border-bottom:17px solid #e5b1a8;
	margin-bottom:10px;
	margin-top:-63px;
	}
#homeLeft {
	float:left;
	width:372px;
	}
#homeNews {
	float:left;
	width:372px;
	color:#FFF;
	background:#6f430e url(../images/content/brownBackground.gif);
	}
	#homeNews .interior {
		padding:8px;
		}
#homeProducts {
	float:left;
	width:360px;
	margin-left:8px;
	}
	.homeRandom {
		float:left;
		width:180px;
		}
		
#joinList {
	border:1px solid #c8d9c9;
	float:left;
	width:345px;
	margin-top:8px;
	}
	#joinList .interior {
		margin:1px; padding:8px;
		background:url(../images/content/greenBackground.gif) repeat-x;
		}
	
/* ---------------- Left Navigation ------------------- */	
	#departmentnav, #designernav {
	width:200px;
	float:left;
	background:#fbf3f2;
	}
	
	
	#departmentnav ul, #designernav ul {
		list-style-type:none;
		margin:8px 0 0 15px; padding:0;
		}
		
	#departmentnav li, #designernav li {
		margin:4px 0px;
		}
	
	
	#designernav a, #designernav a:active, #departmentnav a, #departmentnav a:active {text-decoration:none; color:#630; }
	#designernav a:hover, #designernav a:active:hover, #departmentnav a:hover, #departmentnav a:active:hover {text-decoration:none; color:#C66;}
	
	#navscroll {width:190px !important; width:180px; margin:5px 12px; height:500px; overflow:auto;}
	
	#leftNav {float:left; width:200px; margin:0; padding:0;}
	#leftNav img {margin-bottom:2px;}
	
/* ---------------- Designer Page ------------------- */

.shopDesigner a {
	display:block;
	width:535px; 
	padding:5px;
	margin:0px;
	background-color:#c8d9c9;
	font-size: 15px;
	text-decoration:none;
	color: #630;
	}
	
	.shopDesigner a:hover, .shopDesigner a:visited:hover {
	text-decoration:none;
	background-color:#C99;
	color: #630;
	}
	
#designContentnav {
	width:150px;
	background:#FFF;
	padding:0px 0px 0px 8px;
	}
#designContentnav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
#designContentnav a, #designContentnav a:link, #designContentnav a:visited
{
display: block;
padding: 3px;
width: 140px;
color:#630;
text-decoration:none;
border-bottom: 1px solid #C99;
}
#designContentnav a:hover, #designContentnav a:visited:hover {
text-decoration:none;
color:#c8d9c9;
}
	
/* ---------------- Form buttons ------------------- */
input.ftext {background-color:#FFF; border: 1px solid #c8d9c9; color:#000;}
input.button {background-color:#C99; color:#FFF; border:0;cursor:pointer; padding:3px; }

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


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

.namerow a, .namerow a:active, .detaillink a, .detaillink a:active {text-decoration:underline; color:#C66; margin-bottom:3px;}
.namerow a:hover, .namerow a:active:hover, .detaillink a:hover, .detaillink a:active:hover {text-decoration:underline; color:#630;}



.smallcatname {color:#630; font-weight:800;}
	
.pictrow {text-align:center;}
.pictrow img {border:1px solid #ebe9e5;}

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

.catname, .deptname {color:#000; margin-bottom:5px; margin-top:10px; font-size:15px; text-decoration:none;}

.pagecount {font-size:12px; padding-top:10px;color:#630; margin-bottom:10px;}
.prodname {font-size:24px; line-height:1.3em; color:#C66;}

.shortdesc {font-size:12px;margin-bottom:10px;color:#630;}
.longdesc {font-size:12px;margin-bottom:10px;color:#630;}
.specinst {font-size:12px; line-height:16px; font-style:italic;}
.price {font-size:14px; line-height:16px; color:#C66; font-weight:600;}

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

/* ---------------- detail.asp styles ------------------- */


.linkbutton a:link, .linkbutton a:visited, .linkbutton a:active {display:block; background:#630; width:600px; height:24px; text-decoration:none; color:#FFF;padding:5px; text-align:center;}
.linkbutton a:hover, .linkbutton a:visited:hover {text-decoration:none;background:#C66; color:#FFF; }
#detailtable {position:absolute; top:35px; left:10px;}
.altimgs img {margin-bottom:10px;}
.popupprodname {font-size:24px; line-height:1.3em; color:#C66; margin-bottom:3px;}

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

}
/* heading styles */
.sbhead {
	background-color:#630;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	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:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#630;
}
.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:#630;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFF;
}
.sbsubtotal p {
	margin-left:5px;
	margin-right:5px;
}
.sbline {
}