/* CSS Document */

/* COLORS

Green: 9C0

Blue: 0F3A67

*/
body {
	margin:0; padding:0;
	background:#FFF; height:100%;
	width:100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px; line-height:14px;
	
	}
	
	p {line-height:1.4em;color:#0F3A67;}
	
	li {line-height:1.5em;}
	
	.navlist ul {margin:1px 1px 1px 4px; padding:2px; color:#0F3A67; list-style-type:none; }
	
	h1 {font-size:24px; font-weight:700; color:#0F3A67; line-height:1.2em;}
	h2 {font-size:22px; font-weight:500; color:#9C0;}
	h3 {font-size:16px; color:#0F3A67; }
	
	.landingPage {color:#0F3A67; }
	
	.landingPage p {font-size:11px;}
	
	a, a:active {text-decoration:underline; color:#0F3A67;}
	a:hover, a:active:hover {text-decoration:underline; color:#9C0;}
	
	
	#brandlist ul {list-style-type:none; margin:0; padding:0;}

	#brandlist li {

		display: block; float:left; width:25%; padding-bottom:10px;

		}

	#brandlist ul li a {

		display:block;

		}
		
		.copybox {border:3px solid #0F3A67; padding:5px;}
		
		.callout {color:#00447A; font-size:1.5em; line-height:1.4em; margin-top:0px;}
	
	hr {height:2px; width:100%; border:0;color:#00447A; background:#00447A; margin:-1px 0 !important; margin:-10px 0; padding:0;}

/* ---------------- Landing Page ------------------- */

.lptoptable {padding:0; margin:0; }

.lptopquote {font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:justify; font-weight:700; color:#0F3A67;}

.lptopcopy {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align: left; }

.lptoplink {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align: center; }

.lpbottomtable img {margin-bottom:10px;}

.lpbottomcopy {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.3em; text-align:center;color:#0F3A67;}

.lpbottomcopy a, .lpbottomcopy a:active, .lptopcopy a, .lptopcopy a:active {text-decoration:none; color:#0F3A67; font-weight:800;}
.lpbottomcopy a:hover, .lpbottomcopy a:active:hover, .lptopcopy a:hover, .lptopcopy a:active:hover {text-decoration:none; color:#9C0; font-weight:800;}

.lptoplink a, .lptoplink a:active, .lptoplink a:visited {text-decoration:none; color:#9C0;}

.lptoplink a:hover, .lptoplink a:visited:hover  {text-decoration:none; color:#0F3A67; }

/* ---------------- Page Structure ------------------- */
	#container {width:960px; margin:0; padding:0; }
	#shopbag {Position:absolute;width:940px;text-align:right;z-index:10;}
	#content {float:left;width:950px; }
	
	#leftcol {float:left; width:240px; }
		#leftnav {float:left; width:229px; background:#FFF url(../images/BM-Nav-Middle.gif) repeat-y; }
		#cats {width:200px; overflow:auto; height:200px; color:#FFF;}
	#rightcol {float:left; width:710px; margin-top:65px; }
	
	#topnav {width:580px; text-align:center;margin-top:10px;}
	#main {float:left; width:580px;padding:40px 0px 20px 0px;}
	
	#bottom {float:left; padding-left:240px;}
	
	#footer {float:left; text-align:center; color:#999; width:710px; margin-top:10px; border-top:2px solid #0F3A67; padding:10px 0px 0px 0px;}
	#footer a, #footer a:active {text-decoration:none; color:#999;}
	#footer a:hover, #footer a:active:hover {text-decoration:none; color:#FFF;}
	
	#copyright {float:left; text-align:left; color:#0F3A67; width:617px; margin-top:10px;}
	
	#poweredby { float:left; text-align:right; width:617px; color:#FFF; margin-bottom:10px; font-size:9px;}
	#poweredby a, #poweredby a:active {text-decoration:none; color:#0F3A67;}
	#poweredby a:hover, #poweredby a:active:hover {text-decoration:none; color:#9C0;}
	
	
/* ---------------- Left Navigation ------------------- */
.navheada {
	width: 200px;
	font-family: "Century Gothic", Arial;
	font-size: 16px;
	font-weight: normal;
}
.navheadb {
	color: #60382C;
	width: 200px;
	font-family: "Century Gothic", Arial;
	font-size: 16px;
	font-weight: normal;
}

.navheada-on {
	color: #fff;
	width: 200px;
	font-family: "Century Gothic", Arial;
	font-size: 16px;
	font-weight: normal;
}
.navheada-on a {
text-decoration:none;
color:#FFF;
}

.navbox {
	padding:3px;
	width: 200px;
	height:460px;
	overflow:auto;
	scrollbar-3dlight-color:#9C0;
	scrollbar-arrow-color:#FFF;
	scrollbar-base-color:#9C0;
	scrollbar-darkshadow-color:#9C0;
	scrollbar-face-color:#9C0;
	scrollbar-highlight-color:#FFF;
	scrollbar-shadow-color:#000000;

}


.navbox a {
	display: block;
	text-decoration:none;
	font-family:"Century Gothic", Arial;
	font-size:14px;
	color: #036;
	}
.navbox a:hover {color: #FFF; }
a.navhere {
	display: block;
	text-decoration:none;
	font-family:"Century Gothic", Arial;
	font-size:14px;
	color: #036;
	font-weight:800;
}
.subnav {
	margin-left:10px;
	}
	
/* ---------------- Form buttons ------------------- */
input.ftext {background-color:#FFF; border: 1px solid #0F3A67; color:#000;}
input.button {background-color:#0F3A67; color:#FFF; border:0;cursor:pointer; }

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

.flag {font-size:11pt; background:#0F3A67; color:#FFF; text-align:center;}


.shopt {
	padding:0;
	margin:10px 0 0 10px;
	}
	
.namerow, .smallprice {font-size:13px; line-height:1.6em;color:#0F3A67; text-align:center;}


.namerow a, .namerow a:active, .detaillink a, .detaillink a:active {text-decoration:underline; color:#0F3A67;}
.namerow a:hover, .namerow a:active:hover, .detaillink a:hover, .detaillink a:active:hover {text-decoration:underline; color:#9C0;}
	
.pictrow {text-align:center; line-height:1.8em;font-size:13px;}

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

.catname, .deptname {color:#0F3A67; margin-bottom:15px; margin-top:10px; font-size:25px;}

.pagecount {font-size:12px; padding-top:10px;color:#0F3A67; margin-bottom:10px; }
.prodname {font-size:25px; line-height:1.3em; color:#9C0;margin-left:12px; padding-bottom:10px;}
.shortdesc {font-size:12px;margin-bottom:10px;color:#0F3A67;margin-left:12px;}
.longdesc {font-size:12px;margin-bottom:10px;color:#0F3A67;margin-left:12px;border-top:1px solid #9C0; padding-top:5px;}
.specinst {font-size:12px; line-height:16px;margin-left:12px;color:#0F3A67; font-style:italic; }
.price {font-size:12px; line-height:16px;margin-left:12px;color:#0F3A67;}
.prodformtable {margin-left:12px;color:#0F3A67;}

#addtobag {margin-left:12px;}

.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 ------------------- */

#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:#0F3A67; }
#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 ------------------- */

/* heading styles */
.sbhead {
	background-color:#9C0;
	font-family: "Century Gothic", Arial;
	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: "Century Gothic", Arial;
	font-size: 14px;
	color:#000;
}
.sbitem p {	
	margin-left:5px;
	margin-right:5px;
}
.sbimage {
	width:110px;
	text-align:center;
}
.sbitemname {
	width:320px;
}
.itemremove {
	text-align:right;
	width:75px;
}
.sbqty {
	width:50px;
	text-align:right;
}
.sblistprice {
	width:100px;
	text-align:right;
}
.sbtotalprice {
	width:100px;
	text-align:right;
}
/* summary lines */

.sbsubtotal {
	background-color:#9C0;
	color:#FFF;
	font-family: "Century Gothic", Arial;
	font-size: 14px;
}
.sbsubtotal p {
	margin-left:5px;
	margin-right:5px;
}
.sbline {
}



#leftnav ul {
	list-style-type: none;
	display:block;
	margin-left:0;
	padding-left:5px;
}
#leftnav ul ul {
	padding-left:10px;
	font-weight:bold;
	display:none;	
}
#leftnav ul ul ul{
	font-weight:normal;
	display:none;
}
#leftnav a {
	text-decoration:none;
	font-family:"Century Gothic", Arial;
	font-size:14px;
	color: #036;
	}