/* CSS Document */
/* colors:

blue headlines: #366da5
aqua (sidebar): #66bccd
*/
body {
	margin:0; padding:0;
	background:#FFF; height:100%;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; line-height:14px;
	}
	
	p {line-height:1.4em;}
	
	li {line-height:1.5em;}
	
	h1 {font-size:24px; font-weight:700; color:#366da5; font-weight:200; }
	h2 {font-size:18px; font-weight:700; color:#366da5; line-height:1.3em; }
	h3 {display:block; background:#999; font-size:16px; width:165px; color:#FFF; padding:4px; margin-bottom:5px; font-weight:800;}
	
	a, a:link, a:active {text-decoration:underline; color:#366da5;}
	a:hover, a:active:hover {text-decoration:underline; color:#66bccd;}
	
	.flag {padding:3px 0px; text-align:center; font-size:12px; background:#66bccd; font-weight:700; color:#FFF; width:130px;}
	
/* ---------------- Trend Report ------------------- */
#trendReport h1 {
	display:block; 
	width:665px; 
	font-size:40px; 
	color:#FFF; 
	padding:20px 0px; 
	text-align:center; 
	background:#d21a87;
	margin:0;
	}
#trendReport h2 {
	display:block; 
	width:665px; 
	font-size:16px; 
	color:#366da5; 
	padding:15px 0px; 
	text-align:center; 
	background:#fde1ed;
	margin:0;
	}
#trendReport li {
	font-size:14px; line-height:1.5em; padding:10px 0; border-bottom:1px solid #fde1ed;
	}
#trendReport a, #trendReport a:link, #trendReport a:active {text-decoration:underline; color:#000; background:#d5c8e2; padding:3px; font-weight:700; text-decoration:none;}
#trendReport a:hover, #trendReport a:active:hover {text-decoration:none; color:#FFF;background:#d21a87;}
/* ---------------- Page Structure ------------------- */
	#container {width:890px; margin:10px auto; }
	#shopbag {width:890px; text-align:right;}
	
	#header {
		float:left;
		width:890px;
		border-top:1px solid #aaccef;
		border-bottom:1px solid #aaccef;
		margin-bottom:11px;
		background:url(../images/content/headerBackground.gif) repeat-x;
		}
		#logo {float:left;}
		.topBarImage {margin-left:5px; margin-bottom:6px;}
		.topBarText {margin-bottom:6px;}
	
	#content {float:left; background:#FFF;width:890px; margin-top:5px;}

	
	#leftcol {float:left; width:206px; margin:0px;}
	#rightcol {float:left; width:665px; margin:0 0 0 15px; padding:0;}
	
	#topnav {width:580px; text-align:center;margin-top:10px;}
	
	
	#footer {
		float:left; 
		text-align:center;
		color:#999; 
		width:890px; 
		margin-top:3px;
		background:url(../images/content/footerBackground.jpg) repeat-x;
		border-top:1px solid #aaccef;
		border-bottom:1px solid #aaccef;
		height:35px;
		}
	
	#footerLeft {float:left;}
	#mailto {float:right; margin-right:10px; width:300px; height:35px; background:url(../images/content/mailingBackground.gif) repeat-x;}
	
	#copyright {width:890px; float:left; text-align:left; color:#366da5;margin-top:10px;}
	#poweredby {width:890px; float:left; text-align:right; color:#CCC; 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:#66bccd;}
	

/* ---------------- Left Navigation ------------------- */	
	#departmentnav, #designernav {
	width:206px;
	float:left;
	background:#f2f5f6;
	}
	
	
	#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:#366da5; }
	#designernav a:hover, #designernav a:active:hover, #departmentnav a:hover, #departmentnav a:active:hover {text-decoration:none; color:#66bccd;}
	
	#navscroll {width:190px !important; width:180px; margin:5px 12px; height:500px; overflow:auto;}
	
	#leftNav {float:left; width:206px; margin:0; padding:0;}
	#leftNav img {margin-bottom:2px;}
	
/* ---------------- Form buttons ------------------- */
input.ftext {background-color:#FFF; border: 1px solid #68BBCD; color:#000;}
input.button {background-color:#68BBCD; color:#FFF; border:0;cursor:pointer; }

/* ---------------- 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:#518OB1; text-align:left;}

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

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

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

.pagecount {font-size:12px; padding-top:10px;color:#366da5; margin-bottom:10px;}
.prodname {font-size:18px; line-height:1.3em; color:#518OB1;}
.smallcatname {font-size:12px; line-height:1.3em; color:#518OB1; margin-bottom:10px;}
.shortdesc {font-size:12px;margin-bottom:10px;color:#000;}
.longdesc {font-size:12px;margin-bottom:10px;color:#000;}
.specinst {font-size:12px; }
.price {font-size:14px;  font-weight:700;}


.seealso {color:#000;}
	
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 ------------------- */


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

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