/* CSS Document */

body {
	margin:0 0 0 0; 
	padding:0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	background:#CCC;
	}
	
a:link {color:#999;decoration:underline;}
a:visited {color:#999; decoration:underline;}
a:hover {color:#000; decoration:underline;}
a:visited:.hover {color:#000; decoration:underline;}

input.button {background-color:#B91F21; color:#F79F1A; cursor:pointer; border:1px solid #B91F21;}


p {
	font:12px/1.4 Arial, Helvetica, sans-serif;
	}

h1 {
	color:#000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:30px;
	font-weight:500;
	}
	
h2 {
	color:#000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:500;
	}
h3 {
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:300;
	padding-left:15px;
	background:#FFF url("../images/plus_grey.gif") no-repeat top left;
	}
h3 a:link {color:#000;text-decoration:none;}
h3 a:visited {color:#000; text-decoration:none;}
h3 a:hover {color:#666; text-decoration:none;}
h3 a:visited:.hover {color:#000; text-decoration:none;}

ul {
	font:12px/1.4 Arial, Helvetica, sans-serif;
	}
.clear {clear:both;}
hr {
	text-align:center;
	height:1px; width:100%; border:0;color:#AAA; background:#AAA;}
/* ---------------------- SHOPPING PAGE STRUCTURE ----------------------- */

#container {
	position:relative;
	text-align:left;
	margin: 10px auto 0 auto;
	padding:0;
	width:800px;
	}

#allborder {
	float:left;
	width:800px;
	border:1px solid #CACACA;
	margin:0; padding:0;
	}
#header {
	float:left;
	width: 800px;
	color: #000;
	background:#AAA;
	height:25px;
	text-align: right;
	margin: 0;
	padding: 0;
}
#content {
	float:left;
	width: 800px;
	color: #000;
	text-align: left;
	margin: 0;
	padding: 0px 0px 15px 0px;
	background:#FFF url("../images/greyBackground.gif") repeat-y;
}
#logo {
	position:relative;
	top:0px; left:1px;
	width:210px;
	z-index:20;
	}

#deptnav {
	float:right;
	width:495px;
	margin:0px 30px 0px 0px !important; margin:0px 15px 0px 0px;
	padding:0;
	border-bottom:1px solid #CACACA;
	border-top:1px solid #CACACA;
	border-left:1px solid #CACACA;
	z-index:30;
	}
#leftcol {
	float: left;
	text-align: left;
	margin: 15px 0 0 0;
	padding: 0;
	width: 208px;
	}
	#leftPic {
	float:right;
	}

#main {
	
	float: left;
	text-align: left;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width: 565px;	
	z-index:2;
	
	}

#midcol {
	float: left;
	text-align: left;
	vertical-align:top;
	margin:0;
	padding: 0;
	width: 565px;
	z-index:3;
	}

#bottomNav {
	float: left;
	background:#FFF url("../images/greyBackground.gif") repeat-y;
	margin:0px;
	padding:0; 
	width:770px;
	border-top:1px solid #CACACA;
	border-right:30px solid #646464;
	padding-top:-2px;
	text-align:center;
	}
#footer {
	float: left;
	background:#AAA;
	border-top:1px solid #CACACA;
	margin:0px;
	padding:0px; 
	width:780px;
	color:#FFF;font: 12px Helvetica, Arial, sans-serif;
padding: 12px 10px 12px 10px;
	}	
	#footer p {padding:2px 10px; color:#FFF;font: 12px Helvetica, Arial, sans-serif; }
    
	#footer a:link, #footer a:active, #footer a:visited {color:#F0DAB5; text-decoration:none;}
	#footer a:hover, #footer a:visited:hover {color:#FFF; text-decoration:none;}
	#copyright {float: left;}
	#poweredby {float: right;}
	.spacer {clear:both;}
	
/* ------------- Shopping Formatting -------------- */
input.ftext {background-color:#FFF; border: 1px solid #AAA; color:#000;}
input.button {background-color:#AAA; color:#FFF; border:0;cursor:pointer; }

.shopt {
	padding:0;
	margin:-1px 0 -3px 0 !important;
	margin:0 0 -3px 0;
	}
	
.namerow {font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif;line-height:16px; color:#7F7F7F; text-align:left; padding-left:16px;}
	.namerow a:link, .namerow a:visited {color:#7F7F7F; text-decoration:none;}
	.namerow a:hover, .namerow a:visited:hover {color:#000;text-decoration:none;}
.longdesc {font-size:12px; line-height:16px; width:225px; margin-top: 12px; padding-top: 8px;}
.shortdesc {font-size:12px; line-height:16px;margin-top:10px; width:225px;}
.specinst {font-size:12px; line-height:16px;margin-top:10px;}
.deptlist {font-size:14px; line-height:16px;}
.price {font-size:12px; line-height:16px;margin-top:10px;margin-bottom:5px;}
.prodname { font-size: 18px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; font-weight:400;}
.catname h1{ font-size: 18px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; margin-bottom: 0px;}
	.catname h1 a:link, .catname h1 a:visited {color:#9D3F0C; text-decoration:none;}
	.catname h1 a:hover, h1 .catname a:visited:hover {color:#000;text-decoration:none;}
.deptname h1 { font-size: 18px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#999;}
.pagecount {color:#999; font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif; }
	.pagecount a:link, .pagecount a:visited {color:#000; text-decoration:underline; font-weight:700;}
	.pagecount a:hover, .pagecount a:hover {color:#999;text-decoration:underline; font-weight:700;}

	
div.float {float:left; margin:5px 15px 5px 0px;overflow:visible;}
div.item {float:left; margin:5px 15px 5px 0px;width:130px;}
.product a:link, .product a:visited {color:#999; text-decoration:none;}
.product a:active, .product a:hover {color:#999; text-decoration:underline;}
.prodtable {margin-top: 12px;}
.pictrow img {border:1px solid #CACACA;}
.namerow img {border:1px solid #CACACA;}
.smallprice {margin-bottom: 12px;}
.navrow {padding-top: 20px;}

.prodformlabel {font-size:10px;}

	
.flag {background:#999; color:#FFF; padding:3px; width:146px;}

/* ---------------------- LEFTNAV ----------------------- */

/* ---------------------- OLD VNAV
#vnav
{
	margin: -1px 0 -1px -19px !important; margin: -1px 0 -1px 22px;
	width:170px;
	
}
 ----------------------- */
#vnav
{	width:170px;
	margin: -1px 0 -1px 19px; padding:0;
	
}
#vnav ul, #vnav li
{
	margin: 0;
	padding: 0;
	list-style-type:none;
	font-weight:400;
	display:block;
}
#vnav ul
{	margin:0; padding:0;
	border-bottom-width: 0;
	list-style-type: none;
}

#vnav ul li, #vnav ul li a
{
	margin: 0;
	padding: 0;
	line-height: normal;
	
}
#vnav ul li a
{
	padding: 6px 5px 6px 20px;
	color:#999;
	text-decoration:none;
}
#vnav ul li a, #vnav ul li a:link, #vnav ul li a:visited, #vnav ul li a:active, {
	text-decoration: none;
	cursor: pointer;
	color:#999;
	
}

#vnav ul li a:hover {color:#000;
}


/* ---------------------- TOPNAV ----------------------- */

 #navcontainer { margin-left: 30px; margin-top:15px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font: 12px Helvetica, arial,verdana sans-serif;
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
{
display: block;
padding: 5px 0px;
width: 167px;
color: #999;
border-bottom:1px solid #CACACA;
background-color: #fff;
text-decoration: none;
}

#navcontainer .lastitem a
{
display: block;
padding: 5px 0px;
width: 167px;
color: #999;
border-bottom:0px solid #CACACA;
background-color: #fff;
text-decoration: none;
}

#navcontainer a:hover
{
color: #F79F1A;
background-color: #fff;
text-decoration: none;
}

/* ---------------------- CONTENT PAGE STRUCTURE ----------------------- */
#maincontent {
	float:left;
	width: 800px;
	color: #000;
	text-align: left;
	margin: 0;
	padding: 0;
	background:#FFF url("../images/greyBackchain.gif") repeat-y;
}
#contentleftcol {
	float: left;
	text-align: left;
	margin: 35px 0 0 0;
	padding: 0;
	width: 37px;
	z-index:1;
	}

#contentmain {
	float: left;
	text-align: left;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width: 638px;	
	z-index:2;
	}
	.inside {
	margin-left:0px;
	margin-right:100px;
	}
#contentmidcol {
	float: left;
	text-align: left;
	vertical-align:top;
	margin:0;
	padding: 0;
	width: 638px;
	}
#contentrightcol {
	float: right;
	text-align: left;
	vertical-align:top;
	margin:-52px 31px 0px 0px !important; margin:-52px 15px 0px 0px;
	padding:0px;
	width: 90px;	
	}

/* ---------------------- GEM PAGE ----------------------- */
.gemProperty {
float:left;
width:190px;
margin:0px 10px 0px 0px;
}
.gemProperty p {
	color:#999;
	margin:-16px 0px 0px 15px;
	}
	
/* ---------------------- PRESS/SEEN ON PAGES ----------------------- */
.lineupLeft {
	float:left;
	margin-right:10px;
	}
	.lineupLeft p {width:200px;}
.smalllineupLeft {
	float:left;
	margin-right:10px;
	}
	.smalllineupLeft p {width:130px;}
	
/* ---------------------- HOME PAGE STRUCTURE ----------------------- */
#homecontent {
	float:left;
	width: 800px;
	color: #000;
	text-align: left;
	margin: 0;
	padding: 0;
	background:#FFF url("../images/homegreyBackground.gif") repeat-y;
}
#photoBack {
	float:left;
	z-index:35;
	text-align: left;
	margin: 0;
	padding: 0;
	width:388px;
	}
#asSeen {
	position:absolute;
	top:410px !important;
	left:20px;
	z-index:40;
	}
#homedeptnav {
	position:absolute;
	top:25px; right:30px !important; right:32px;
	width:495px;
	margin:0px;
	padding:0;
	border-bottom:1px solid #CACACA;
	border-top:1px solid #CACACA;
	border-left:1px solid #CACACA;
	z-index:30;
	}
#editorialGraphic {
	position:absolute;
	z-index:2;
	top:156px; left:1px;
	}
#tagline {
	position:absolute;
	z-index:1;
	top:172px;
	left:58px;
	}

#homemain {
	
	float: left;
	text-align: left;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width: 380px;	
	z-index:2;
	}

#homemidcol {
	float: left;
	text-align: left;
	vertical-align:top;
	margin:0 0 0 10px;
	padding: 0;
	width: 370px;
	z-index:3;
	
	}

.homeProducts {
	float:left;
	margin-right:10px;
	width:170px;
	font-size:10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:16px; color:#999; text-align:left; 
	}
	.homeProducts a, .homeProducts a:link {text-decoration:none;}
	

.detaillink  {background:#AAA; width:302px;font-size:11px; padding: 2px 0px 2px 0px;margin:0;}
.detaillink img {margin-right: 2px; border: none; padding-bottom: 1px;}

.detaillink a:link,  .detaillink a:visited {color:#FFF; text-decoration:none;}
.detaillink a:active, .detaillink a:hover {color:#000; text-decoration:none;}
.picalt a:link, .picalt a:visited {	color:#fff; text-decoration:none;	}
.picalt a:active, .picalt a:hover {	color:#000; text-decoration:none;}


/* ---------------- shopping bag styles ------------------- */
.shoppingbag {width: 600px; margin-top: 20px; margin-bottom: 20px;

}
/* heading styles */
.sbhead {
	background-color:#666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
.sbhead  p {
	margin-top: 0;
	margin-bottom: 0;
	margin-left:5px;
	margin-right:5px;
color: #FFF;
}
.sbqtyhead, .sblistpricehead, .sbtotalpricehead {
	text-align:right;
}
/* item row styles  */
.sbitem {
	background-color:#eeeeee;
	font-family: Verdana, 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:#666;
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.sbsubtotal p {
	margin-left:5px;
	margin-right:5px;
color: #FFF;
}
.sbline {
}

.reclink {
	display:block;
	font-size: 11px;
	background-color:#aaa;
	color:#fff;
	padding:2px;
	margin-top:10px;
	text-align:center;
}
.reclink a:link, .reclink a:visited  { color:#fff; text-decoration:none;}
.reclink a:active, .reclink a:hover  { color:#000; text-decoration:none; }
