/*** GENERAL STYLES ***/

body {background: #e1e1e1; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 13px; color: #555;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 16px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #f60; text-decoration: underline;}

.hide {display: none;}
.alert {color: #d00;}
.small {font-size: 11px;}

.clearleft {clear: left;}
.clearright {clear: right;}
.floatleft {float: left; margin: 0 20px 0 0;}
.floatright {float: right; margin: 0 0 0 20px;}
.imgleft {float: left; margin: 0 20px 20px 0;}
.imgright {float: right; margin: 0 0 20px 20px;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 990px; padding: 0 9px; margin: 0 auto; text-align: left; background: #fff url(../images/outer.gif);}
#main {position: relative; margin: 0 6px; background: url(../images/main.gif) left top repeat-y; width: 978px;}
	html>body #main {height: auto;}
	body.home #main {background: none;}
#leftbottom {position: absolute; left: 0; bottom: 0; width: 228px; height: 30px; background: url(../images/leftbottom.gif); border-bottom: 2px solid #fff;}
	body.home #leftbottom {display: none;}


/*** TOP STYLES ***/

#printlogo {display: none;}
#top {position: relative; margin-bottom: 7px;}
#top h1 {position: relative; height: 92px; background: url(../images/top-h1.gif) left top repeat-x; font-size: 15px;}
#top h1 a {position: absolute; left: 24px; top: 34px; width: 351px !important; height: 40px !important; color: #0690c5;}
#top h1 .ir {background: url(../images/top-logo.gif) no-repeat;}

#topnav {height: 32px; margin: 0 6px; background: #e1e9ef url(../images/topnav.gif);}
#topnav li {float: left;}
#topnav a {display: block; text-align: center; line-height: 32px; font-size: 13px; color: #636363; text-decoration: none; background: url(../images/topnav-a.gif) right top no-repeat;}
#topnav a:hover {color: #f60;}
#topnav li.on a {color: #0076a3;}

#topnavhome, #topnavcont {background: url(../images/topnav-li.gif) left top no-repeat;}
#topnavcont {background-position: right top;}
#topnavhome a {width: 88px;}
#topnavabou a {width: 103px;}
#topnavcatv a {width: 171px;}
#topnavnews a {width: 138px;}
#topnavdeal a {width: 129px;}
#topnavsupp a {width: 154px;}
#topnavfaqs a {width: 84px;}
#topnavcont a {width: 111px; background: none;}

#searchform {position: absolute; right: 20px; top: 55px;}
#searchtext {border: 1px solid #ccc; width: 200px; font-size: 11px; color: #ccc;}
#searchsubmit {border: 1px solid #ccc; background: #2db7eb; font-size: 11px; color: #fff; font-weight: bold; text-transform: uppercase;}


/*** BANNER STYLES ***/

#banner {margin: 0 6px 7px 6px; height: 78px; padding: 0 25px; background-color: #096587;}
	body.home #banner {margin-bottom: 15px; height: 242px; padding: 0;}
	body.catv #banner {background-image: url(../images/banner-cable.jpg);}
	body.soun #banner {background-image: url(../images/banner-sound.jpg);}
	body.deal #banner {background-image: url(../images/banner-dealers.jpg);}
	body.supp #banner {background-image: url(../images/banner-support.jpg);}
	body.abou #banner, body.news #banner, body.faqs #banner, body.cont #banner {background-image: url(../images/banner-globe.jpg);}
#banner h1, #banner h2 {display: inline; font-size: 18px; font-weight: normal; color: #2db7eb; line-height: 78px;}
#banner h2 {color: #fff;}


/*** LEFT NAV STYLES ***/

#leftnav {float: left; width: 228px; padding-bottom: 30px;}
#leftnav h1 {background: #049bd3 url(../images/leftnav-h1.gif) left top no-repeat; font-size: 14px; font-weight: normal; padding: 0 15px; height: 29px; line-height: 29px; overflow: hidden; color: #fff;}
#leftnav ul {margin-bottom: 10px; font-size: 11px;}
#leftnav li {border-bottom: 1px solid #d5d5d5;}
#leftnav li a {display: block; width: 188px; padding: 3px 20px; margin: 1px 0; background: url(../images/leftnav-a.gif) 8px 6px no-repeat; color: #666; text-decoration: none;}
#leftnav li a:hover, #leftnav li.on a {background-color: #e9e9e9;}
#leftnav .ad {display: block; margin: 15px 11px;}


/*** CONTENT STYLES ***/

#content {float: right; width: 710px; padding: 15px 20px 0 0; color: #444;}
#content h1 {font-size: 18px; margin-bottom: 20px; font-weight: normal; line-height: 20px;}
#content h2 {font-size: 14px; margin: 1.5em 0 1em 0;}
#content h3 {font-size: 13px; margin-bottom: 5px;}
#content ul {margin: 1.5em 20px;}
#content ul li {padding-left: 10px; background: url(../images/bullet.gif) 0 6px no-repeat; margin-bottom: 10px;}
	body.cont #content ul {margin: -1.5em 0 1.5em 0;}
	body.cont #content ul li {margin-bottom: 0;}
	#content .column ul {margin: 0 0 1.5em 0;}
	#content .column ul li {margin-bottom: 0;}
#content p.indent {margin-left: 30px;}

.column {float: left;}
.half {width: 305px; padding-right: 35px;}
.third {width: 190px; padding-right: 35px;}
.fourth {width: 135px; padding-right: 35px;}

#titleDigitalFreedom {background: url(../images/drake-digital-freedom-logo.gif) no-repeat; height: 79px; width: 710px; padding: 0; text-indent: -9999px;}

p.question {margin: 3em 0 .8em 0;}
p.answer {}

#dealerform {margin: 2em; 30px;}
#dealerform p {clear: both;}
#dealerform .longlabel label {float: left; width: 250px;}
#message {width: 450px; height: 80px; margin-top: 10px;}
p.checkboxes {margin: 1.5em 20px;}
#dealerform .shortlabel {margin: 0;}
#dealerform .shortlabel label {float: left; width: 165px; padding-left: 35px;}
#dealerform .shortlabel input {width: 280px; margin-bottom: 3px;}
#firstname, #lastname {width: 125px !important;}
#city {width: 140px !important;}
#state {width: 40px !important;}
#zip {width: 60px !important;}
#dealerform .spacer {background: #eee; margin: 5px 0 8px 35px; width: 450px;}
#dealersubmit {margin-left: 200px; font-weight: bold; color: #fff; background: #f60; text-transform: uppercase; border: 0; margin-top: 6px;}


/*** TABLE STYLES ***/

table {border-collapse: collapse; margin: 1.5em 0; width: 100%;}
td, th {padding: 3px 10px; border: 1px solid #ccc;}
thead td, thead th {font-weight: bold; color: #fff; background: #0597ce;}
tr.alt td, tr.alt th {background: #eee;}
.center {text-align: center;}
.right {text-align: right;}
.nowrap {white-space: nowrap;}


/*** HOME STYLES ***/

#homenews {float: left; width: 198px; background: url(../images/homenews.gif) left top no-repeat; padding: 15px;}
#homenews h4 {color: #0980ad; font-size: 12px;}
#homenews h4 a {border-left: 1px solid #636363; margin-left: 4px; padding-left: 6px;}
#homenews ul {overflow: hidden;}
	html>body #homenews ul {position: relative; height: auto;}
#homenews li {width: 198px; border-bottom: 1px solid #e1e1e1; padding: 8px 0; font-size: 11px;}
	html>body #homenews li {position: relative; bottom: -1px;}
#homenews li strong {font-size: 9px; color: #333;}
#homenews li a {color: #666; line-height: 14px; text-decoration: none;}
#homenews li a:hover {color: #0980ad; text-decoration: underline;}
#homenews li a:hover srong {text-decoration: none;}


/*** PROMO STYLES ***/

#promos {clear: both; margin: 0 -20px 0 0; padding: 30px 0 0 0; width: 730px;}
.promo {width: 356px; height: 160px; margin: 0; background: #f8f8f8;}
.promo h3 {background: #049bd3 url(../images/promo-h3.gif) left top no-repeat; font-size: 14px !important; font-weight: normal; padding: 0 15px; margin: 0 !important;}
.promo h3 a {display: block; height: 29px; line-height: 29px; overflow: hidden; color: #fff; text-decoration: none;}
.promo p {height: 101px; overflow: hidden; padding: 15px; background: url(../images/promo-p.gif) left 101px no-repeat; font-size: 11px; line-height: 15px; margin: 0 !important;}


/*** FOOTER STYLES ***/

#footer {clear: both; margin: 0 -9px; padding: 25px 0 15px 0; background: url(../images/footer.gif) left bottom no-repeat; line-height: 45px; font-size: 11px; color: #636363;}
#footerborder {border-top: 1px solid #ccc; margin: 0 15px; padding: 0 10px; width: 958px;}
#footer p {margin: 0;}
#footer p a {color: #636363;}
#footer ul {margin: 0; padding: 1px 0; float: right;}
#footer li {display: inline;}
#footer li a {text-decoration: none; color: #0690c5;}
#footer li a:hover {text-decoration: underline;}