﻿body {color:#000; font-size:.75em; background-color: #eee; margin:0; font-family: Verdana, Sans-Serif; font-size: .75em; }
h1 {font-size:1.6em; font-weight:normal; color:#fff; margin:0;}
h2 {font-size:1.3em; font-weight:normal; color:#fff; margin:0;}
h3 {font-size:1.1em; font-weight:normal; color:#0e408b;}

a {color:#a01d21; text-decoration:underline;}
a:hover {text-decoration:none;}

ul { list-style: none;}
li { background-image: url(../images/redBullet.gif); background-repeat: no-repeat; padding-left:10px; background-position:0 5px;}


/* Master IDs */
#wrap {width:960px; background: url(../images/wrap-bkg.gif) repeat-y; margin:0 auto; position: relative; overflow: hidden;}
#shadow-btm {width:960px; height:14px; background: url(../images/shadow-btm.png) no-repeat; margin:0 auto;}
#header {width:800px; background: url(../images/header-bkg.jpg) no-repeat #fff; margin:0 auto; padding:4px 80px 10px 60px;}
#header .logo {}
#header .address {margin:15px;}
#content {width:940px; background-color:#fff; margin:0 auto;}
#home-promos {}
#footer {width:880px; background-color:#fff; margin:0 auto; border-top:20px solid #bbb; padding:20px 30px;}

/* ---------- Navigation ---------- */
#nav-holder {width:940px; height:55px; background: url(../images/nav_holder-bkg.gif) repeat-x; margin:0 auto;}
#nav { margin:0; padding:0; /*width:900px; */height: 30px; position:relative; clear:both; display:block; background: #bbb url(../images/nav-bkg.gif) repeat-x;}
		
		#nav li {list-style:none; float:left; background-image: url(../images/nav.gif); padding:0;}
		#nav li.current {text-indent: -5000px; background:none;}
			#nav a { display:block; height:30px; text-indent: -5000px;}
			#nav a:hover { background-image: url(../images/nav.gif) }
		
		#home {width: 96px; margin-left:23px; background-position: 0px 0;}
		#manufacturers {width: 194px; margin-left:13px; background-position: -109px 0;}	
		#retailers {width: 139px; margin-left:13px; background-position: -316px 0;}
		#about {width: 121px; margin-left:12px; background-position: -467px 0;}
		#contact {width: 137px; margin-left:12px; background-position: -600px 0;}
		#faq {width: 77px; margin-left:12px; background-position: -749px 0;}
			#home a:hover {background-position: 0px -60px;}
			#manufacturers a:hover {background-position: -109px -60px;}
			#retailers a:hover {background-position: -316px -60px;}
			#about a:hover {background-position: -467px -60px;}
			#contact a:hover {background-position: -600px -60px;}
			#faq a:hover {background-position: -749px -60px;}


/* home page */
#homebillboard {background: url(../images/home-promo.jpg) no-repeat #001e4b;}
#homeflash {width:630px; height:300px; background-color:Gray; margin-left:20px; float:right; border-left:1px solid #FFF;}
#homepromo {height:260px; padding:20px 0px 20px 20px; }
#homepromo p {color:#fff;}

#navlist {margin: 10px 0 5px 0; padding-left: 0; list-style: none;}
#navlist li {padding-left: 30px; padding-bottom:8px; height: 20px; background-image: url(../images/bigBullet.gif); background-repeat: no-repeat; background-position: 0 0; color: #FFF; font-size:14px;}

#features {margin:0; width:100%; height:95px; background: url(../images/features-bkg.gif) repeat-x #a01d21;}
#features p {color:#fff;}
#features a {color:#fff;}
.homefeature {height:75px; /*background: url(../images/features-bkg.gif) no-repeat #a01d21; border-right:1px solid #640F12; border-left:1px solid #BB575A;*/ padding:10px 0;}
.homefeature img {margin:10px 10px 0 0;}
.homefeature p {margin-left:60px; font-size:11px; margin-top:.5em;}
.NoLine {text-decoration:none;}

/* all pages */
#textarea {padding:20px;}
#left-col {width:600px; float:left; padding-bottom:20px;}
#left-col h1 {color:#0e408b;}
#left-col h2 {color:#0e408b;}
#right-col {width:284px; background-color:Silver; float:right; margin:33px 0 50px 0;}
.box-top {width:284px; height:33px; background: url(../images/right-boxtop.gif) no-repeat #001e4b; padding-top:20px;}
.box-btm {width:244px; background: url(../images/right-boxbtm.jpg) no-repeat bottom #bbb; padding:20px; overflow:hidden;}
.box-btm ul {margin:0 .75em; padding:.5em;}
.box-btm li {margin:.25em 0;}

/* faq */
.faqbox {padding:15px;}
p.faq {margin-left:2.5em;}
.grayBkg {background-color:#ddd;}
#questions li {padding-bottom:.5em;}

/* contact */
.ValidateMessage {color: #a01d21;}

/* site map */
#sitemap li {padding-bottom:1em;}

/* formatting */
.Border {border:1px black solid;}
.NoBorder {border:none;}
.NoMargin {margin:0;}
.TopMargin {margin-bottom:0;}
.BottomMargin {margin-top:0;}
.Margin {margin:1em;}
.SectionHdr {font-weight:bold; font-size:1.4em;}
.ItemHdr {font-weight:bold; font-size:1.2em;}
.Bold {font-weight: bold;}
.Italicize {font-style:oblique;}
.Red {color:#a01d21;}
.Blue {color:#0e408b;}
.Gray {color:Gray;}
.White {color:#FFFFFF;}
.Black {color:#000000;}

/* float */
.FloatLeft {float:left;}
.FloatRight {float:right;}
.Clear {float:none;clear:both;}
.Center {margin-left:auto; margin-right:auto;}
.Overflow {overflow:auto;}

/* text alignment */
.TextLeft {text-align:left;}
.TextCenter {text-align:center;}
.TextRight {text-align:right;}

/* cell widths */
.Full {width:90%;}
.Half {width:49%;}
.OneThird {width: 33%;}
.TwoThirds {width: 66%;}
.OneQuarter {width: 24%;}
.Forty {width:39%;}
.Sixty {width:59%;}

/* cells that are 3/4 width of parent container */
.ThreeQuarters {width: 74%;}

/* cells that are 1/5 width of parent container */
.OneFifth {width: 19.8%;}
.FourFifths {width: 79.2%}

/* Fonts */
.TextSmall {font-size:.8em;}
.TextLarge {font-size:1.2em;}
