/* CSS Document */

/* Colors:

Blue: aed5f1
Brown: 4d240e
Light Grey: e7e8ea
Dark Grey: 818285
Blue text: 6caad3

*/

body {
	margin:0; padding:0;
	background:#e7e8ea; height:100%;
	width:100%;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:13px; line-height:1.2em;
	letter-spacing:.05em;
	}
	
	p {line-height:1.4em;}
	
	li {line-height:1.5em;}
	
	h1 {font-size:24px; font-weight:200; color:#6caad3;text-transform: lowercase; }
	h3 {font-size:17px; color:#6caad3; font-weight:200;text-transform: lowercase;line-height:1.3em; }
	
	a, a:active {text-decoration:underline; color:#4d240e;}
	a:hover, a:active:hover {text-decoration:underline; color:#aed5f1;}
	
/* ---------------- Page Structure ------------------- */
	#container {width:920px; margin:10px auto; }
	#logo {
		position:relative; 
		float:left;
		left:240px; 
		top:10px; 
		margin-bottom:-39px; 
		width:240px;
		z-index:101;
		}
	#shopbag {position:relative; float:left; width:920px; text-align:right; margin:0px; top:-10px; z-index:100;}
	#content {float:left; border:1px solid #d7d8da; background:#FFF; width:920px; 
	margin-top:3px; /* works in all */
  	*margin-top:3px; /* targets IE6 and 7 */
  	_margin-top:-13px; /* targets IE6 */}

	#interior {padding:0px; float:left;}
	#leftcol {float:left; width:165px; margin:0px;}
	#rightcol {float:left; width:740px; margin:20px 0 0 0; padding:0; }
	
	#topNav {float:left; width:912px; text-align:right; border:1px solid #d7d8da; background:#FFF; padding:4px; position:relative; z-index:69;}
	#topLinks {float:left; 
		padding-left:500px;
		
		}
	#topsearch {float:left; width:52px;}
	#topform {float:left; width:170px; }
	.stext { background-color:#aed5f1; }
	
	#main {float:left; width:580px;padding:40px 0px 20px 0px;}
	
	#footer {float:left; text-align:center;color:#FFF; background:#818285; width:924px; padding:10px 0px 30px 0px; margin-top:3px; }
	#footer a, #footer a:active {text-decoration:none; color:#FFF;}
	#footer a:hover, #footer a:active:hover {text-decoration:none; color:#000;}
	
	#footer2 {float:left; text-align:center;color:#FFF; background:#97caed; width:924px; padding:10px 0px 20px 0px; margin-top:3px; }
	#footer2 a, #footer a:active {text-decoration:none; color:#FFF;}
	#footer2 a:hover, #footer a:active:hover {text-decoration:none; color:#000;}
	
	.footerColumn {
		float:left;
		margin-left:10px;
		text-align:left;
		width:135px;
		}
	#footerArrow {
		position:relative;
		float:right;
		margin-right:-12px;
		margin-top:-95px;
		width:30px;
		}
	
	#copyright {width:920px; float:left; text-align:left; color:#999;margin-top:10px; font-size:12px;}
	#poweredby {width:920px; float:left; text-align:right; color:#FFF; 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:#FFF;}
	

/* ---------------- Home Page ------------------- */

.homeBackground {background:url(../images/content/AP-Home-Background.gif) no-repeat; padding:20px;}
.looks {padding-left:8px;}
.homeLookImage {margin-bottom:8px;}
	
/* ---------------- Left Navigation ------------------- */	
	#departmentnav, #designernav {
	position:relative;
	z-index:70;
	width:160px;
	float:left;
	margin-top:-40px;
	}
	
	#departmentnav li #blueDepartment, #departmentnav li #blueDepartment a {color:#6caad3;}
	#departmentnav li #blueDepartment a:hover, #departmentnav li #blueDepartment a:visited:hover {color:#818285;}
	
	#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:#4d240e; }
	#designernav a:hover, #designernav a:active:hover, #departmentnav a:hover, #departmentnav a:active:hover {text-decoration:none; color:#818285;}
	
	#navscroll {width:150px !important; width:140px; margin:5px 12px; height:450px; overflow:auto;}
	
	#navscroll div {margin:6px 0px;}
	
	#leftNav {float:left; width:160px; margin:0; padding:0;}
	#leftNav img {margin-bottom:2px;}
/* ---------------- Designer Page ------------------- */

.shopDesigner a {
	display:block;
	width:535px; 
	padding:5px;
	margin:0px;
	background-color:#aed5f1;
	font-size: 15px;
	text-decoration:none;
	color: #4d240e;
	}
	
	.shopDesigner a:hover, .shopDesigner a:visited:hover {
	text-decoration:none;
	background-color:#e7e8ea;
	color: #4d240e;
	}

	
/* ---------------- Form buttons ------------------- */
input.ftext {background-color:#FFF; border: 1px solid #aed5f1; color:#000;}
input.button {background-color:#aed5f1; color:#FFF; border:0;cursor:pointer; }

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

.flag {padding:3px 0px; text-align:center; font-size:12px; background:#aed5f2; font-weight:200; color:#FFF; }


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

.namerow a, .namerow a:active, .detaillink a, .detaillink a:active {text-decoration:underline; color:#4d240e;}
.namerow a:hover, .namerow a:active:hover, .detaillink a:hover, .detaillink a:active:hover {text-decoration:underline; color:#6caad3;}
	
.pictrow {text-align:left;}

.deptlist {line-height:16px;}

.pictrow img, .alsorec img {border:8px solid #e7e8ea;}

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

.pagecount { padding-top:10px;color:#6caad3; margin-bottom:10px;}

.shortdesc {margin-bottom:10px;color:#000;}
.longdesc {margin-bottom:10px;color:#000;}
.specinst { line-height:16px;}
.price {font-size:18px; line-height:16px;}

.smallcatname {color:#6caad3; font-weight:700;}

.seealso {color:#000;}

.detaillink img {border:0px; margin-top:5px;}
	
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 {font: 12px/1.3; position:absolute; left:620px; top:35px; display:block; z-index:40; }
#linkbutton a:link, #linkbutton a:visited, #linkbutton a:active {text-decoration:none; color:#A8A8A8; }
#linkbutton a:hover, #linkbutton a:visited:hover {text-decoration:none; color:#000; }
#detailtable {position:absolute; top:35px; left:10px;}
.altimgs img {margin-bottom:10px;}
.popupprodname {font-size:12px; line-height:1.3em; color:#000; margin-bottom:3px; padding-left:110px;}

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

}
/* heading styles */
.sbhead {
	background-color:#aed5f1;
	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:#eef5fb;
	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:#aed5f1;
	font-size: 13px;
	color:#FFF;
}
.sbsubtotal p {
	margin-left:5px;
	margin-right:5px;
}
.sbline {
}