/* GENERAL SECTION*/
html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0 auto;
	width: 100%;
	height: 100%;	
}

.red {
	color: red;
}

.blue {
	color: blue;
}

.red_italic {
	color: red;
	font-style: italic;
}

.bold {
	font-weight: bold;
}

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

.validation_error {
	color: red;
}

/*Button Stuff */
.button_link  {
	color:#FFF;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif;
	background-color:#036;
	border:1px solid;
	border-color: gray;
	text-decoration: none;
	padding: 5px;
	margin: 10px 10 10 10;
}

.button_link a {
	color:#FFF;
	text-decoration: none;
	font-size: 18px;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif;
	padding: 5px;
	margin: 10px 10 10 10;
}

.submit-button {
	border: 1px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	color: #fff;
	padding: 0.5em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

.submit-button  a{
	color: #fff;
	text-decoration: none;
}

.submit-button :hover{
	color: #fff;
}

.submit-button:active {
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}	

/* HEADER SECTION */

.header {
background-color: #fff;
	width: 1080px;
	width: 100%;
	Text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
}

.banner {
	width:990px; 
	margin: 0px auto 0px auto; 
}

.banner-left {
	float: left;
	width: 60%;
}

.banner-right {
	float: right;
	width: 35%;
}

.css-logo {
	float: left;
	background-color: #fff;	
	margin-left: 0px;
	margin-top: 5px;
	font-size:2.9em;
	font-family: "Times New Roman",Georgia,Serif;
	font-weight: 500;
	color: #660000;	
	padding-top: 30px;
	padding-bottom: 30px;
	box-shadow: 5px 5px 5px #888888;
	border-top: 1px solid #127360;
	border-left: 1px solid #127360;	
	border: 1px solid #374C8C;
}

.css-logo a{
	text-decoration: none;
	color: #013953;	
}

.css-logo a:hover{
	color: #0272a7;	
}

.second-logo {
	float: left;
	margin-left: 100px;
	margin-top: 8px;
	margin-bottom: 10px;
	font-size:13px;
	font-family: 'Raleway', sans-serif;
	font-weight:100;
	font-style: italic; 
	color: #000;
}

.header-phone {
	float:right;
	padding-top: 20px;
	width: 115px;
}

.header-phone a:link{
	text-decoration: none;
	color: #000;
}

.header-phone a:visited{
	text-decoration: none;
	color: #000;
}

.header-phone  a:hover{
	color: #0272a7;
	text-decoration: none;
}

.header-email {
	float:right;
	margin-top: 10px;
	padding-right: 5px
}

.header-email a:link{
	text-decoration: none;
	color: #000;
}
.header-email  a:hover{
	color: #0272a7;
	text-decoration: none;
}

.header-search{
	float:right;
	margin-top: 15px;
	width: 200px;
}

/* STICKY FOOTER */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -3em;
}

/* HOME PAGE */

.topper {
	background-color: #f0f0f0;
	border: 1px solid #d0d0d0;
	width: 960px;
	margin: 0px auto 2px auto;
	padding: 5px 0px 5px 0px;
}

.topper-text {
	margin: 0px auto 0px auto;
	font-size: 32px;
	font-weight: 100;
	display: block;
	width: 900px;
	text-align: center;
	line-height:110%;
	color: #a0a0a0;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
}

.home-products {
	overflow: auto;
	border: 1px solid #d0d0d0;
	width: 960px;
	margin: 0px auto 20px auto;
	padding-top: 25px;
}

.fp-images {
	overflow: auto;
	width: 950px;
	margin: 0px auto 0px auto;
	padding: 5px 5px 5px 5px;
	Text-align:center;
}

.image_box {
	display:inline-block;
	border: 1px solid gray;
	width: 140px;
	height: 125px;
	padding: 0px 0px 0px 0px;
	margin: 5px 7px 5px 5px; 
	text-align: center;
}

/* CONTENT SECTION */
.content {
	overflow: auto;
	width: 900px;
	background-color: #FFF;
	margin: 20px auto 10px auto;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

.content ul {
	text-align: left;
	font-size: 12px;
}

.content h2 {
	margin: 0 0 .5em 0;
	color: #036;
}

.content h3 {
	margin: 0 0 .5em 0;
	color: #036;
	font-style: normal;
	font-family:Arial,Helvetica,sans-serif;
}

.content h5 {
	text-align: left;
}

.content p {
	text-align: left;
	max-width: 90%;
	margin-left: 20px;
}

.content a {
	text-decoration: underline;
	color: #036;
}

.content a:hover {
	text-decoration: underline;
	color:#3366cc;
}

.secondary_nav {
    padding: 4px;
    color: #000;
    font-weight: 100;
    text-shadow: 2px 2px 3px #A0A0A0;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.secondary_nav a{
    color: #036;
    padding: 0.2em 0.2em;
    text-decoration: none;
    font: 14px verdana, arial, helvetica, sans-serif;
}

.secondary_nav a:hover {
    color: #000;
    text-decoration: underline;
}

.content td {
	padding: 10 10 10 10;
}

.contact-table {
	margin-left: 18px;
}

.contact-table tr,td{
	text-align: left;
}

.contact-table td{
	width: 275px;
}

.content_left {
	background-color: #FCFCFC;
	float: left;
	width: 50%;
	margin-bottom: 10px;
	border: 1px solid #EEE;
	text-align: left;
	padding: 3px;
	font-size: 14px;
}

.content_right {
	background-color: #FCFCFC;
	float: right;
	width: 46%;
	margin-bottom: 10px;
	border: 1px solid #EEE;
	text-align: left;
	padding: 3px;
	font-size: 14px;
}

.content_center {
	background-color: #FCFCFC;
	margin-bottom: 10px;
	border: 1px solid #EEE;
	padding: 3px;
	font-size: 14px;
	clear: both;
}

/*CATEGORY SECTION */
.td_subcat_text {
	text-align: left;
	padding: 20px 5px 20px 5px;
}

/*SUBCATEGORY SECTION*/
.subcategory_page {
	text-align: left;
	padding: 0px 15px 20px 15px;
}

.subcategory_page a:hover {
	text-decoration: underline;
	color: #000;
}

.subcategory_page h3 {
	text-align: center;
}

.subcategory_page h5 {
	color: #036;
}

.subcategory_page img {
	border: none;
}

/* PRODUCT SECTION*/
.product {
	width: 950px;
	background-color: #FFF;
	margin: 10px auto 5px auto;
	padding: 5px 5px 5px 5px;
	text-align:center;
}

.product-title {
	border: 1px solid gray;
	padding: 5px 10px 5px 10px;
	background-color: #fff;
	display:inline-block;
}

.product h2 {
	margin: 0 0 .5em 0;
	color: #036;
}

.product h3 {
	margin: 0 0 .5em 0;
	color: #036;
	font-style: normal;
	font-family:Arial,Helvetica,sans-serif;
}

.product h5 {
	text-align: left;
	margin-left: 50px;
}

.product p {
	text-align: left;
	max-width: 90%;
	margin-left: 50px;
	margin-right: 50px;
}

.product a {
	text-decoration: underline;
	color: #036;
}

.product a:hover {
	text-decoration: underline;
	color:#3366cc;
}

.product-table {
	border: 1px solid #DDD;
	font-size: 14px;
	width: 90%;
}

.product-table td, th {
	padding:3px 10px 3px 10px;
}

.product-table th {
	background-color: #013953;
	color: #fff;
	text-align:center;
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
}

.product-table tr.alt td {
	background-color: #FFF;
}

.product-table tr.norm td {
	background-color:#FFF;
}

.spec_table {
	border: 1px solid #DDD;
	font-size: 14px;
	width: 90%;
}

.spec_table td, th {
	padding:3px 10px 3px 10px;
}

.prod_img_desc {
	width: 95%;
	margin: 10px 10px 10px 10px;
}

.prod_img {
	float: left;
	width: 34%;
	margin-bottom: 25px;
	vertical-align: center;
	padding: 2 2 2 2;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.prod_desc {
	float: right;
	text-align: left;
	width: 60%;
	padding: 2 2 2 2;
	margin-right: 20px;
}

.infobox {
	border: 1px solid #ccc;
	padding: 10px 10px 10px 10px;
	margin: 25px 25px 25px 25px;
	text-align: left;
	align: center;
}


.infolist {
	padding: 5px 5px 5px 5px;
	margin: 25px 225px 25px 75px;
	text-align: left;
}

.infotable {
	border: 1px solid #000;
	padding: 10px;
	align: center;
}

.chem_table {
	position:relative;
	left: 30px;
	padding: 0px 2px 0px 2px;
	text-align: left;
}

.chem_table td,th {
	padding: 0px 5px 0px 5px;
	text-align: left;
}

.infotable td, th {
	padding:3px 10px 3px 10px;
}

.all-product-page {
	text-align: left;
	margin: 10px 25px 10px 25px;
	padding: 20px 15px 20px 15px;
	font-size: 14px;
}

.all-product-page a {
	text-decoration: none;
	color: #066;
}

.all-product-page a:hover {
	text-decoration: underline;
	color: #000;
}

.all-product-page h3 {
	text-align: left;
	margin-left: 50px;
}

/*CART AND CHECKOUT SECTION*/
.check-out h2 {
	margin: 0 0 .5em 0;
	color: #000080;
}

.check-out h3 {
	margin: 0 0 .5em 0;
	color: #036;
	font-style: normal;
	font-family:Arial,Helvetica,sans-serif;
}

.check-out {
	background-color: #f0f0f0;
	margin: 10px auto 10px auto;
	border: 1px solid #CCC;
	padding: 10px 5px 10px 5px;
	width:875px;
	text-align: center;
	float: center;
	font-size: 14px;
}

.checkout-left {
	background-color: #fff;
	border: 1px solid #aaa;
	float: left;
	width: 48%;
	margin-bottom: 10px;
	text-align: left;
	padding: 3px;
	font-size: 14px;
	clear: left;
}

.checkout-right {
	background-color: #fff;
	border: 1px solid #aaa;	
	float: right;
	width: 48%;
	margin-bottom: 10px;
	text-align: left;
	padding: 3px;
	font-size: 14px;
	clear: right;
}

.co-note {
	border: 1px solid #aaa;
	text-indent: 20px;
	font-size: 12px;
	font-style: italic;
	color: #369;
	line-height: 80%
}

.checkout-notes {
	border: 1px solid #aaa;
	clear: both;
	text-align: left;
	width: 98%;
	margin: 5px 0px 0px 0px;
	padding: 5px;
}

.checkout-bottom {
	background-color: #FFF;
	border: 1px solid #aaa;	
	clear: both;
	text-align: left;
	margin: 10px 5px 5px 5px;
	border: 1px solid #EEE;
	padding: 5px;
}

/* for sticky footer*/
.push {
	height: 3em;
	clear: both;
}

/* FOOTER SECTION */

.footer {
	clear: both;
	overflow: auto;
	width: 100%;
	height: 3em;
	color: #036;
	border-top: 1px solid gray;
	font-size: 14px;
	text-align: center;
	height: 100px;
	background-color: #fff;
    background-image: url(/system/assets/images/footer_grad.gif);
	background-repeat: repeat-x;
}

ul#footerlist {
	text-align: center;
}

ul#footerlist li {
	display: inline;
}

ul#footerlist li a {
	float: center;
	width: 7em;
	text-decoration: none;
	color: #036;
}

ul#footerlist li a:hover {
	text-decoration: underline;
	color: #3366cc;
}