/* 
Client: Monroe Metal
Justin Johnson
copyright eDreamz 2006
 */
html,body{margin:0;padding:0} 
body{background: #D3D3D3; text-align:center; font: 12px Verdana,Arial, Helvetica, sans-serif; color: #333;}

p{margin: 10px 0 10px 0;}
a{color: #e80000; text-decoration: none;}
a:hover{text-decoration: underline;}
.browseCatalog{display:none;}
.red{color: #E80000; font-weight: bold;}
.greyBox{border: 1px solid #C8C8C8; font-size: 11px; margin: 20px 0 0 0; position: relative;}
.greyBox h6{background: #ECECEC; border-bottom: 1px solid #c8c8c8; color: #7C7C7C; margin: 0; padding: 6px; font-size: 10px;}
.greyBox ul{margin: 0; padding: 0; list-style: none;}
.greyBox ul li{background: url(../images/triangle.png) 0 6px no-repeat; padding: 4px 0 4px 15px;}
.new{position: absolute; top: -5px; left:-12px;}
h6.align_right{text-align: right;}
h2{border: 1px solid #CCCCCC; border-top-width: 4px; margin: 0 11px; font-size: 14px; color: #e80000; padding: 10px;}
.breadCrumbs{margin: 10px; padding: 0; font-size: 10px;}
.breadCrumbs li{display:inline; background: url(../images/triangle.png) 0 4px no-repeat; padding: 4px 10px 4px 12px; }
.breadCrumbs a{color: #333; text-decoration: underline;}
.breadCrumbs a:hover{text-decoration: none;}
.littleText td{font-size: 9px;}
.greyBox ul#document_links li{background: url(../images/pdf.png) 0 6px no-repeat; margin-left: 3px;}
.greyBox ul#document_links li a{font-size: 9px;}
.required{color: #f00;}

#print_link{display:none;}
#document_links a{color: #05247F;}
#detail{border: 4px solid #666; font-weight: bold; background:#ECECEC;}
#detail .rightBorder{border-right: 4px solid #666; background: #fff;}
.legend{ color: #e80000; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.legend_info{color: #333; border-bottom: 1px solid #ccc;}

#quoteForm input,#contactForm input{border: 1px solid #ccc; padding: 3px;}
#quoteForm input#add_to_q{border: 0;}

#contactForm{margin-left: 10px;}
#contactForm input#add_to_q{border: 0;}

#quoteTable .editRow{background: #ECECEC; font-weight: bold;  color: #e80000; }
#quoteTable .editRow td{border-top: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; font-size: 11px; padding: 5px;}
#quoteTable {border: 1px solid #C8C8C8; border-top-width: 4px; margin-bottom: 15px;}
#quoteTable th{color: #aaa; font-size: 10px; padding: 5px;}

#leftColumn_sub h4{background: #e80000; color: #fff; font-size: 12px; padding: 4px; margin: 0;}
#leftColumn_sub em{font-size: 9px;}
#leftColumn_sub .subMenu{border: 1px solid #e80000; border-top-width: 0; padding: 5px; font-size: 10px;}
#leftColumn_sub .subMenu a{color: #000; font-weight: bold;}

#leftColumn_sub .subMenu .productList a{color: #e80000; font-weight: normal;}
.productList{margin: 0; padding: 0;}
.productList li{list-style:none;}
 h5{background: #ECECEC; padding: 5px; color: #e80000; border: 1px solid #C8C8C8;}


div#container{width:6.5in;margin:0 auto; text-align: left; background: #fff; }
div#wrapper{float:left;width:6.5in;}
div#content{margin: 0 190px 0 150px;}
div#rightColumn{float:left;width:180px;margin-left:-180px;}
div#leftColumn{float:left;width:150px;margin-left:-772px;}
div#leftColumn_sub{float:left; width: 180px; margin-left:-772px; margin-top: 85px; margin-bottom: 10px; padding: 0 8px;}
div#footer{clear:left;width:6.5in;}
div#sub_content{margin: 0 0 0 205px;}
.sub{padding: 10px 15px 10px 10px;}

#navigation{display:none;}
#nav {display:inline; }
#nav li{display:inline;}




div#content.home_content{padding: 0 10px 0 15px; line-height: 18px;}

#masthead{border-bottom: 4px solid #E80000; height:203px; background: url(../images/masthead_bg.jpg) no-repeat top right;}
#benefitList{margin: 10px 0 0 0; padding: 0 5px 0 5px; font-size: 11px; color: #666; list-style:none;}
#benefitList li{border-bottom: 1px solid #e80000; background: url(../images/i-left-li-bg.gif) no-repeat 0 7px; padding: 4px 0 4px 15px;}
#benefitList li.first{border-top: 1px solid #e80000;}
#footer{background: #5A5A5A; color: #fff; font-size: 9px; padding: 3px;}
#info_content{clear: both; margin-bottom: 15px; padding-left: 5px;}
#info_left{width: 550px; margin-bottom: 15px;}
#info_right{float: right; width: 200px; margin-bottom: 15px;}
#info_right p{padding:  0 8px;}
#info_notes{border-top: 1px solid #c8c8c8;}
#info_notes td{line-height: 18px;}
