@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 72%;	
	font-weight: normal;
	color: #005596;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

p {
	font-size: 1em;
}

p.large-text {
	/*font-size: 1.2em;*/
}

a {
	color: #005596;
	text-decoration: none;
}

#site-wrapper { width: 960px; }

ul#leftnav { list-style: none; padding: 0; margin: 0; }
ul#leftnav li { margin: 0; margin-bottom: 118px; padding: 0; padding-right: 10px; }
ul#leftnav li a { font-family: cursive, Verdana, Helvetica, sans-serif; font-size: 1.2em; color: inherit; text-decoration: none; line-height: 1.2em; }
ul#leftnav li a img { border: none; }

#sidebar-left { float: left; width: 81px; min-height: 801px; margin: 0; padding: 135px 0 0 61px; background-image: url('../images/left-sidebar-bg.jpg'); background-repeat: no-repeat; }
#sidebar-right { float: left; width: 321px; margin: 0; padding: 0; background-image: url('../images/right-sidebar-bg.gif'); background-repeat: repeat-y; }
#sidebar-right-top { padding-bottom: 20px; }
#sidebar-right-content { padding: 0 10px; font-size: .8em; }
#sidebar-right .sidebar-highlight { font-size: .8em;  margin: 0 7px 0 4px; padding: 10px; background-color: #cfd8eb; }
#about #sidebar-right .sidebar-highlight { margin-top: 41px; }
#products #sidebar-right .sidebar-highlight { margin-top: 58px; }
#contact #sidebar-right-content { margin-top: 100px; text-align: center; }

#main { float: left; width: 492px; margin: 0; padding: 185px 0 10px 0; background-image: url('../images/main-bg.jpg'); background-repeat: no-repeat; }
#about #main { padding: 200px 0 10px 0; background-image: url('../images/main-about-bg.jpg'); background-repeat: no-repeat; }
#homepage-main-image { padding-left: 37px; }
#homepage-main-image .img { float: left; width: 252px;  }
#homepage-main-image .desc { padding-top:160px; color: #005596; font-size:1.1em; font-weight:bold; padding-right: 15px; }
#product-list { margin-left: -12px; padding-bottom: 5px; }
#product-list img { float: left; padding: 0; margin: 0; border: 0; }

/* product list on sidebar */
.product-highlight img { border: 0; margin-right: 10px; }
.product-highlight .product-image {float: left; }
.product-highlight .product-title {float: left; width: 180px; }
.product-highlight .product-desc { margin-top: 88px; color: #be1e2d; }

#products .product-highlight { margin-top: 62px; }

#content h2{ padding: 0 37px; }
#content p{ padding: 0 37px; }

#about #content h2, 
#about #content p, 
#about #content .title
{ padding: 0 25px; }

#contact #content h1,
#contact #content h2, 
#contact #content p, 
#contact #content .title
{ padding: 0 25px; }

#about #in-the-news {margin-bottom: 10px;}
#about #in-the-news h2,
#about #in-the-news .news-article 
{ padding: 0 13px; }

/* email address and position */
#email-address{ padding-left: 10px; padding-bottom: 10px; font-size: 1.2em; font-weight: bold;  }
#home #email-address{ margin-top: 250px; }
#about #email-address{ margin-top: 250px; }
#products #email-address{ margin-top: 380px; }
#contact #email-address{ margin-top: 140px; }

/* footer and page postion */
#main-footer { padding: 0 37px; font-size: .8em; }
#home #main-footer { margin-top: 80px; }
#about #main-footer { margin-top: 20px; }
#products #main-footer { margin-top: 40px; }
#contact #main-footer { margin-top: 220px; }

/* Blue drop indicator */
#blue-drop { margin-left: -27px; position: absolute; height: 28px; width: 20px; background-image: url('../images/blue-drop.png'); background-repeat: no-repeat; }
#home #blue-drop { margin-top: -10px; }
#about #blue-drop { margin-top: 126px; }
#products #blue-drop { margin-top: 265px; }
#contact #blue-drop { margin-top: 403px; }

#about-teaser { padding-left: 160px; padding-right: 10px; }
#content .highlight { font-size: 0.9em; margin-left: -12px; padding: 10px 0; background-image: url('../images/content-copy-bg.gif'); background-repeat: repeat-y; }

#content .product-list .product-titles { margin-left: -12px; padding-top: 10px; padding-bottom: 22px; background-image: url('../images/content-copy-bg.gif'); background-repeat: repeat-y; }
#content .product-list .product-titles ul { position: relative; list-style: none; margin: 0; padding: 0; }
#content .product-list .product-titles ul li { display: inline; font-weight:bold; size:1.2em; }
#content .product-list .product-titles ul li.first { position: absolute; left: 95px; }
#content .product-list .product-titles ul li.second { position: absolute;  left: 341px; }
#content .product-list .product { float: left; padding-left: 4px; width: 240px; margin-bottom: 20px; }
#content .product-list .product .product-image { float: left; margin-top: -20px; }
#content .product-list .product .product-info { float:left; font-size:0.8em; margin-left:10px; width: 150px; }

#content .product-list .product .price { font-size: .8em; }
#content .product-list .product .shipping { font-weight: bold; font-size: .6em; }

#contact #content ul { list-style: none; margin: 0; padding: 0; }
#contact #content ul li { float: left; }
#contact #content ul li.first { padding-left: 25px; }
#contact #content ul li.second { padding-left: 25px; }

#products .product .product-info .product-tagline { margin: 5px 0; }

#retailer-info { padding: 20px 25px; }
#retailer-info #retailer-info-text { float: left; width: 300px; }
#retailer-info #retailer-info-button { float: right; }
#retailer-info #retailer-info-button a, #retailer-info #retailer-info-button a img { border: none; }
#retailer-form { display: none; }
#retailer-form label, #retailer-form input { display:block; }
#retailer-form input.text, #retailer-form textarea.text, #retailer-form select.text  { margin-bottom:12px; width:95%; padding: .4em; }

#order-products.highlight { padding: 10px 25px 10px 37px; font-size: 1em; }
#order-products.highlight .shipping { font-weight: bold; font-size: 0.8em; }
#order-products #order-products-text { float: left; width: 300px; }
#order-products #order-products-button { float: right; }
#order-products #order-products-button a, #order-products #order-products-button a img { border: none; }

#order-form { display: none; font-size: .9em; }
#order-form label, #order-form input { display:block; }
#order-form input.text, #order-form textarea.text, #order-form select.text  { margin-bottom:12px; width:95%; padding: .4em; }

#order-form .checkboxes { padding: .4em; }
#order-form .checkboxes input, #order-form .checkboxes label { display: inline; }
#order-form .checkboxes .first-checkbox { width: 160px; display: inline-block; }

#main-footer-nav { margin-bottom: 10px;}
#main-footer-nav a { color: inherit; text-decoration: none; }
#main-footer-nav .lowlight { color: #999; }

#terms-of-use, #privacy, #message { display: none; }

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}