/* General Styles */

.clear {
	clear:both;
	}

p {
	margin-top:0px;
	margin-bottom:8px;
	}

h1, h2, h3, h4 {
	margin-bottom:0px;
	margin-top:0px;
	}
	
h1 {
	font-size:1.2em;
	font-weight:bold;
	}	

h2 {
	font-size:1.1em;
	font-weight:bold;
	}	
	
h3 {
	font-size:1.1em;
	font-weight:bold;
	}		
	
h4 {
	font-size:.9em;
	color:#333333;
	font-weight:bold;
	}			

body {
	background-color:#F6F9FE;
	margin:0px 0px 30px 0px;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	background-image:url(graphics/bg_main.gif);
	background-repeat:repeat-y;
	}


/* Keep anchor styles together */

a, a:visited {
	color:#666666;
	}

a:active, a:hover, a:visited:hover {
	}

#topNav .navBox a:hover, #topNav .navBox a:visited:hover {
	text-decoration:underline;
	}		

#topNav .navBox a {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
	}
		
.leftNav a, .leftNav a:visited {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;	
	color:#333333;
	text-decoration:none;
	}
	
.leftNav a:active, .leftNav  a:hover {
	color:#59b5e0;
	text-decoration:underline;
	}		

.leftNavList a:link, .leftNavList a:visited {
	text-decoration:underline;
	}

.navStuff a:link, .navStuff a:visited {
	color:#59B5E0;
	}	
	
.linksDiv a:link, .linksDiv a:visited {
	color:#59B5E0;
	text-decoration:underline;
	}	

.prodName a:hover {
	color:#59B5E0;
	}

.prodBuyLink a, .prodBuyLink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:bold;
	text-decoration:none;
	}

.prodBuyLink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #59B5E0
}	

.siteMap a {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	}

.siteMap a:visited {
	color:#333333;
	text-decoration:none;
	}

.sitemap a:active, .sitemap  a:hover, .sitemap  a:visited:hover {
	text-decoration:underline;
	}

	
a.promo, a.promo:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#59B5E0;
	text-decoration:underline;
	}

a.promo:active, a.promo:visited:active, a.promo:hover, a.promo:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#59B5E0;
	text-decoration:none;
	}
	
.helpLink a, .helpLink a:visited {
	text-decoration:underline;
	}

.helpLink a:hover {
	color:#59b5e0;
	}
	
#pageFoot a:link, #pageFoot a:visited {
	text-decoration:none;
	}

#pageFoot a:hover, #pageFoot a:visited:hover {
	color:#59b5e0;
	text-decoration:underline;
	}


.searchCopyright a:link, #pageFoot a:visited {
	text-decoration:none;
	}

/* Page divs and wrappers */

#pageHead {
	position:relative;
	top:0px;
	left:0px;
	background-image:url(graphics/bg_header.gif);
	background-repeat:repeat-x;
	width:100%;
	}

#logoStuff {
	width:760px;
	background-color:#eaeaea;
	border:1px solid white;
	padding:4px;
	}

#topNav {
	width:760px;
	height:30px;
	background-color:#59B5E0;
	border:1px solid white;
	padding:0px 4px 0px 4px;
	color: white;
	font-size:1.2em;
	font-weight:bold;
	}

#topNav .searchBox {
	border:0px solid red;
	height:24px;
	display:block;
	float:right;
	padding:4px 4px 0px 0px;
	}
	
/* This all lines up nicely in FireFox; could use some pixel tweaking in IE (form and button) */	

#topNav .searchBox form {
	border:0px solid yellow;
	margin:-5px 0px 0px 0px;
	padding:0px;
	}	
	
#topNav .searchBox input {
	border:0px solid red;
	padding:2px;
	font-size:.9em;
	}

#topNav .searchBox button {
	border:0px solid blue;
	padding:0px;
	margin:0px;
	background:transparent;
	position:relative;
	bottom:-4px;
	}

#topNav .navBox {
	border:0px solid red;
	height:24px;
	display:block;
	float:right;
	padding:7px 4px 0px 4px;
	}	

#topGraphic {
	width:768px;
	height:80px;
	border:1px solid white;
	padding:0px;
	margin:0px;
	background:url(graphics/silver-lining.gif);
	}

#topGraphic img {
	border:0px solid blue;
	position:relative;
	top:13px;
	left:0px;
	}

#contentWrapper {
	width:768px;
	border:0px solid green;
	margin:0px;
	padding:0px;
	}
	
#leftBox {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 2px;
	padding:0px;
	/* width:170px; *** */
	width:160px;
	float:left;
	}	
	
.leftNav {
	background-color:#D9DFE1;
	}	

.leftNavHead {
	background-color:#B6D4E0;
	border-bottom:1px solid white;
	font-size:1.1em;
	font-weight:bold;
	color:#333333;
	padding:2px 2px 4px 2px;
	}

.leftNavList {
	border-bottom:1px solid white;
	padding: 4px 4px 4px 4px;
	}

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

.browseForm select {
	font-size:.9em;
	/* width:170px; *** */
	width:160px;
	}

.browseForm input {
	font-size:.9em;
	/* width:165px; *** */
	width:155px;
	}

.browseForm button {
	border:0px solid blue;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px -3px;
	background:transparent;
	}

.helpLink {
	font-size:.9em;
	font-weight:normal;
}


/* These are for the sorting/navigation box at the top of the product index page */

/* This all lines up nicely in FireFox; could use some pixel tweaking in IE (form and button) */	
/* Or vice-versa... */	
.itemNav form {
	border:0px solid yellow;
	margin:-5px 0px 0px 0px;
	padding:0px;
	}	
	
.itemNav select {
	font-size:.9em;
	}

.itemNav button {
	border:0px solid blue;
	padding:0px;
	margin:0px;
	background:transparent;
	position:relative;
	bottom:-4px;
	}
	
.navStuff {
	font-size:85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#59B5E0;
	}

.pageNav {
	font-size:85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;		
	}
	
.linksDiv {
	border:1px dotted #999999;
	font-size:85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin:4px;
	padding:4px;
	}

#rightBox {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:124px;
	float:right;
	}	
	
#pageFoot {
	border:0px solid red;
	width:768px;
	padding-top:30px;
	font-size:1em;
	}	

.footer {
	width:768px;
	margin:0px;
	padding:0px;
	}

.prodBrowseTbl {
	font-size:.9em;
	border:1px solid #B7C5CD;
	background-color:white;
	}

.prodEntryTbl {
	margin:10px 0px 10px 5px;
	border:1px solid #B7C5CD;
	background-color:white;
	}

.prodName {
	font-weight:bold;	
	}

#featuredProduct {
	display:block;
	float:right;
	margin:4px 0px 4px 8px;
	}

.featureBox {
	width:150px;
	background-color:white;
	border:1px solid #59B5E0;
	}
	
.featureHead {
	background-color:#59B5E0;
	padding:4px;
	color:white;
	font-size:.9em;
	font-weight:bold;
	}	

/* Style for articles */

.artTitle {
	font-size:1.2em;
	font-weight:bold;
	margin:0px;
	padding:0px;
	}
	
.artByline {
	font-weight:bold;
	font-style:italic;
	color:#666666;
	}		
	
.artTeaser {
	padding:8px 0px 8px 0px;
	font-style:italic;
	color:#666666;
	}			
	
.artHead {
	font-weight:bold;
	margin:0px;
	padding:0px;	
	}			

.artAbout {
	font-size:1.1em;
	font-weight:bold;
	}		

.pageDesc {
	padding:4px 4px 16px 8px;
	font-size:1.2em;
	font-style:italic;
	color:#333333;
	}
	
.contentBox {
	border:0px solid red;
	margin:0px 0px 0px 2px;
	padding:0px;
	width:580px;
	float:left;
	}

.content {
	font-size:1.2em;
	padding:4px 8px 0px 8px;
	}

.sitetitle {
	font-weight:bold;
	font-style:italic;
	}		
	

/* Styles for Product Pages */

td.prodTblHead {
	background-color:#59B5E0;
	border:1px solid white;
	padding:4px 4px 4px 4px;
	color: white;
	font-size:1em;
	font-weight:bold;
	}


.prodInfoBlock {
	margin-top:20px;
	}

.prodInfo {
	font-size:.9em;
	}

.itemDetails {
	font-size:.9em;
	}
	
.detailsHeader {
	font-weight:bold;	
	}





/* I don't think we'll be using these */

#prodBox {
	border:1px solid #eaeaea;
	background-color:white;
	padding:8px;
	}

#prodBox img {
	margin:0px 12px 0px 12px;
	}

#prodBox a {
	text-decoration:underline;
	font-style:italic;
	}
	
.prodDesc {
	border:1px solid red;
	float:left;
}	

img.prodThumb {
	margin:0px 12px 0px 12px;
	}
	
.rightAd {
	padding:0px 0px 16px 4px;
	}	

.promoBox {
	border:1px solid red;
	width:580px;
	}
	
.promoPic {
	border:1px solid green;
	width:210px;
	position:relative;
	left:0px;
	top:0px;
	}	
	
.promoText {
	border:1px solid yellow;
	width:350px;
	position:relative;
	top:0px;
	left:220px;
	}	

/* Styles for special offer stuff */
.specialOffer {
	}
	
a.offerLink, a.offerLink:visited {
	color:#EE3B3B;
	}	


/* Billing and Shipping Tables */

.bsHead {
	background-color:#59B5E0;
	color:white;
	font-weight:bold;
	}
	
.bsDark {
	background-color:#B6D4E0;
	}
	
.bsLight {
	background-color:#D9DFE1;
	}		
	
	
/* I AM NOT OBSOLETE! New stuff for google ads down here */

#linksBottom {
	margin:6px 0 0 0;
	padding:6px 4px;
	}