﻿#article-container { width:100%; }
#article-left-container { width: 165px; float: left; margin-right: 10px; }
#article-right-container { overflow: hidden; }
#no-article { color: #D32100; font-weight: bold; }
.module p { margin-bottom: 11px; }

/* Contact Us Form
---------------------------------------------------------*/
#contactUsPageArea { width: 100%; text-align: left; }
#contactUsPageArea label { width: 150px; float: left; font-weight: normal; }
#contactUsPageArea input { width: 330px; float: left; }
#contactUsPageArea textarea { width: 330px; height: 70px; float: left; }
.contactUsSubHeading { font-weight: bold; }
.contactUsFormInstructions { margin: 13px 0 6px 0; display: inline-block; }
.contactUsHeaderItem1 { color: #D32100; font-size: 18px; font-weight: bold; }
.contactUsContentItem1 { margin-bottom: 11px; }
.contactUsValidationSummary { font-weight: bold; }
.contactUsFormSubmitButton, 
.contactUsFormSubmitButton:hover { display: block; background: url(images/buttons/bigred.gif) no-repeat; width: 125px; height: 37px; text-align: center; line-height: 37px; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; }
.contactUsFormSubmitButton:hover { background: url(images/buttons/bigred.gif) no-repeat; }

/* Forms  
---------------------------------------------------------------*/
select.error,
input.error { border:solid 1px red !important; }
label.error { width:auto !important; display:inline; padding: 3px 5px; color:White; background-repeat:no-repeat; height:13px; position:absolute; background-color:red; font-weight:bold; border-right:solid 5px #fff;  border-bottom:solid 5px #fff;}
input[type=text],
input[type=password],
input.FormField { margin-bottom:6px; height:16px; font-size:12px; padding-top:1px; }
input[type=checkbox] { margin:0;width:13px;height:13px;overflow:hidden; }

select { padding-top:0; height:19px; font-size:12px; margin-bottom:6px;}
select.ProdPg { margin:0; width:211px }

/* BUYERS GUIDE LANDING PAGE
---------------------------------------------------------------*/
/* TODO: This Block of css needs to be cleaned up to remove rudundantcies */

#buyersguide a { color: #bc2127; text-decoration: underline;}
#buyersguide a:hover { color: #bc2127; text-decoration: none;}

#buyersguide p,
#buyersguide ul {
margin-bottom: .8em;
line-height: 1.4em;}

#buyersguide img { border: none;}

#buyersguide {
text-align: left;
font: 12px Verdana, sans-serif;
color: black;
background: white;
width: 784px;}

#buyersguide h1 {
font-weight: normal;
font-size: 13px;
height: 19px;
background: url(../images/bground_header.gif) no-repeat;
color: white;
padding: 4px 10px;
margin-bottom: 15px;}

#buyersguide h1 span { font-weight: bold; text-transform: uppercase;}

#buyersguide #main {
min-height: 260px;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;}

#latestarticles {
margin-left: 15px;
float: right;
width: 199px;
min-height: 300px;}

#latestarticles h2 { font-size: 18px; margin-bottom: 10px;}
#latestarticles ul { list-style: none;}

#latestarticles li {
padding-left: 12px;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
background: url(../images/img_bullet.gif) 0 5px no-repeat;}

#latestarticles a { color: black;}

#buyersguide .section {
float: left;
width: 220px;
min-height: 240px;
margin-right: 60px;
margin-bottom: 15px;}

#buyersguide .section img { border: 3px solid #ccc;}
#buyersguide .section h3 { font-size: 14px;}
#buyersguide .section.right { margin-right: 0;}

/* INDIVIDUAL BUYERS GUIDE STYLES */
#sub { width: 560px; float: left;}
#about { margin-top: 10px; width: 558px; padding-right: 10px; border-right: 1px solid #ccc; float: left;}
#about h2 { font-size: 18px;}
