input { font: 11px Arial, Helvetica, sans-serif; color: #555; }
select { font: 11px Arial, Helvetica, sans-serif; color: #555; }
textarea { font: 11px Arial, Helvetica, sans-serif; color: #555; }

body { margin: 0 auto; padding: 0; text-align: center; background: #000 url(/assets/img/pagebkgd.jpg); background-position: top center; }  

p { margin: 0; }

a { color: #79D824; }
a:hover { color: #FFF; text-decoration: none; }
a:active { color: #212121; text-decoration: none; }

#maincontainer { margin: 0 auto; text-align: left; background: url(/assets/img/midbkgd.jpg) no-repeat; background-position: top center; }

#headercontainer { margin: 0 auto; width: 940px; height: 115px; text-align: left; }

.topLink { float: right; font: 11px Arial, Helvetica, sans-serif; color: #FFF; line-height: 40px; }
.topLink h1 { float: right; }
.topLink a { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
.topLink a:hover { color: #FFF; text-decoration: none; border-bottom: 0px; }
.topLink a:active { color: #666; text-decoration: none; border-bottom: 0px; }

.topRadio { float: right; width: 330px; height: 39px; background: url(/assets/img/radiobkgd.jpg) no-repeat; background-position: top right; }
.topRadio select { width: 225px; margin: 9px 70px 0px 0px; }

.topNav { float: right; font: 12px Arial, Helvetica, sans-serif; color: #FFF; line-height: 45px; padding-top: 5px; }
.topNav li { float: left; list-style-type: none; padding: 0px 20px 0px 20px; background: url(/assets/img/vertdots.jpg) no-repeat; background-position: top right; }
.topNav a { color: #E82223; text-decoration: none; }
.topNav a:hover { color: #FFF; text-decoration: none; }
.topNav a:active { color: #666; text-decoration: none; }
.topNav b { font: 18px Arial, Helvetica, sans-serif; font-weight: 900; color: #FFF; line-height: 40px; padding-left: 15px; }

.topLogo { float: left; width: 146px; height: 40px; }

#featurecontainer { width: 100%; height: 270px; background: url(/assets/img/featurebkgd.png) repeat-x; }
* html #featurecontainer { width: 100%; height: 270px; background: #000; }
#featurecontainer #featureText { margin: 0 auto; width: 940px; font: 16px Arial, Helvetica, sans-serif; color: #666; font-weight: 200; line-height: 18px; padding: 10px 0px 0px 2px; margin-bottom: -28px; }

#bodycontainer { margin: 0 auto; width: 940px; height: 190px; text-align: left; background: #373936; border: 2px solid #212521; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
#bodycontainer h1 { font: 24px Arial, Helvetica, sans-serif; color: #FFF; line-height: 25px; font-weight: 400; padding: 20px 0px 9px 20px; }
#bodycontainer .bodyText { font: 12px Arial, Helvetica, sans-serif; color: #DDD; line-height: 19px; padding: 0px 0px 15px 20px; }

#bodycontainer .bodyLink a { font: 10px Arial, Helvetica, sans-serif; font-weight: 900; color: #79D824; line-height: 12px; text-decoration: none; text-transform: uppercase; }
#bodycontainer .bodyLink a:hover { color: #FFF; text-decoration: none; }
#bodycontainer .bodyLink a:active { color: #212121; text-decoration: none; }
#bodycontainer .bodyLink b { font-size: 14px; }

#bodycontainer #fanImg { float: left; position: relative; margin: -211px 0px 0px 830px; z-index: 100; }

#calloutcontainer { margin: 0 auto; width: 940px; height: 105px; text-align: left; }
#calloutcontainer .calloutAdj { float: left; margin-right: 9px; }

#spacer { margin: 0 auto; width: 940px; height: 45px; clear: both; }
#moreBtn { clear: left; float: left; position: relative; margin: -30px 0px 0px 379px; z-index: 300; }
#fanBtn { clear: left; float: left; position: relative; margin: -30px 0px 0px 772px; z-index: 400; }
* html #fanBtn { clear: left; float: left; position: relative; margin: -30px 0px 0px 389px; z-index: 400; }

#subheadcontainer { width: 100%; height: 75px; background: url(/assets/img/featurebkgd.png) repeat-x; border-bottom: 1px solid #000; }
#subheadcontainer #subBanner { margin: 0 auto; width: 940px; text-align: right; }

#subbodycontainer {  margin: 0 auto; margin-top: -20px; width: 940px; text-align: left; }

#subbodyLcol { float: right; display: inline; width: 696px; text-align: left; background: #373936; border: 2px solid #212521; }
#subbodyLcol h1 { font: 24px Arial, Helvetica, sans-serif; color: #FFF; line-height: 25px; font-weight: 400; padding: 20px 20px 9px 20px; }
#subbodyLcol h2 { font: 16px Arial, Helvetica, sans-serif; color: #59C30F; line-height: 21px; font-weight: 200; padding: 0px 0px 6px 0px; }
#subbodyLcol .bodyText { font: 12px Arial, Helvetica, sans-serif; color: #DDD; line-height: 19px; padding: 0px 20px 15px 20px; }

#subbodyLcol .bodyLink a { font: 10px Arial, Helvetica, sans-serif; font-weight: 900; color: #79D824; line-height: 12px; text-decoration: none; text-transform: uppercase; }
#subbodyLcol .bodyLink a:hover { color: #FFF; text-decoration: none; }
#subbodyLcol .bodyLink a:active { color: #212121; text-decoration: none; }
#subbodyLcol .bodyLink b { font-size: 14px; }

#subbodyLcol .Rcallout { float: right; margin: 20px 20px 0px; width: 229px; overflow: hidden; background: url(/assets/img/subcallout_bkgd.jpg) no-repeat; }
#subbodyLcol .Rcallout .title { padding: 15px 15px 0px; font: 12px Arial, Helvetica, sans-serif; color: #FFF; line-height: 18px; }
#subbodyLcol .Rcallout .title b { font: 18px Arial, Helvetica, sans-serif; font-weight: 900; color: #E82223; text-transform: uppercase; letter-spacing: 1px; }
#subbodyLcol .Rcallout .text { padding: 6px 15px; font: 12px Arial, Helvetica, sans-serif; color: #FFF; line-height: 18px; }
#subbodyLcol .Rcalloutbtm { clear: right; float: right; margin: 0px 20px 20px 20px; width: 229px; }

#subbodyRcol .Rcallout { float: left; margin: 10px 0px 0px; width: 229px; overflow: hidden; background: url(/assets/img/subcallout_bkgd.gif) no-repeat; }
#subbodyRcol .Rcallout .title { float: right; padding: 5px 15px 5px; font: 12px Arial, Helvetica, sans-serif; color: #FFF; line-height: 18px; }
#subbodyRcol .Rcallout .text { padding: 6px 15px; font: 12px Arial, Helvetica, sans-serif; color: #FFF; line-height: 18px; }
#subbodyRcol .Rcalloutbtm { float: left; margin: 0px 0px 20px 0px; width: 229px; }

#subbodyRcol .Rcallout2 { float: left; margin: 10px 0px 0px; width: 229px; overflow: hidden; background: url(/assets/img/subcallout_bkgd.gif) no-repeat; }
#subbodyRcol .Rcallout2 .title { padding: 15px 15px 0px; font: 12px Arial, Helvetica, sans-serif; color: #FFF; line-height: 18px; }
#subbodyRcol .Rcallout2 .title b { font: 18px Arial, Helvetica, sans-serif; font-weight: 900; color: #E82223; text-transform: uppercase; letter-spacing: 1px; }
#subbodyRcol .Rcallout2 .text { padding: 6px 15px; font: 12px Arial, Helvetica, sans-serif; color: #FFF; line-height: 18px; }

#subbody2 { float: right; display: inline; width: 696px; text-align: left; background: #373936; border: 2px solid #212521; }
#subbody2 h1 { font: 24px Arial, Helvetica, sans-serif; color: #FFF; line-height: 25px; font-weight: 400; padding: 20px 20px 9px 20px; }
#subbody2 h2 { font: 16px Arial, Helvetica, sans-serif; color: #59C30F; line-height: 21px; font-weight: 200; padding: 0px 0px 6px 0px; }
#subbody2 .bodyText { font: 12px Arial, Helvetica, sans-serif; color: #DDD; line-height: 19px; padding: 0px 20px 15px 20px; }

#subbody2 .bodyLink a { font: 10px Arial, Helvetica, sans-serif; font-weight: 900; color: #79D824; line-height: 12px; text-decoration: none; text-transform: uppercase; }
#subbody2 .bodyLink a:hover { color: #FFF; text-decoration: none; }
#subbody2 .bodyLink a:active { color: #212121; text-decoration: none; }
#subbody2 .bodyLink b { font-size: 14px; }

#category_list { width:200px; float:left; margin: 0px 0px 20px 0px; }
#category_list .video { border: 2px solid #222; height: 120px; overflow:hidden; }
#category_list .install { border: 2px solid #222; width: 196px; height: 120px; overflow:hidden; }
#category_list .bodyLink { padding: 7px 5px 0px 3px; }
#category_list .bodyLink a { font: 14px Arial, Helvetica, sans-serif; font-weight: 400; color: #79D824; line-height: 12px; text-decoration: none; text-transform: none; }
#category_list .bodyLink a:hover { color: #FFF; text-decoration: none; }
#category_list .bodyLink a:active { color: #212121; text-decoration: none; }
#category_list .bodyLink b { font-size: 16px; }

#gallery {  }
.galleryImg { max-width: 650px; max-height: 400px; overflow: hidden; }
#gallerythumbs li { padding: 3px; }

#subbodyRcol { float: left; width: 228px; text-align: left; }
#subbodyRcol .subNav { width: 228px; font: 14px Arial, Helvetica, sans-serif; line-height: 35px; color: #FFF; background: url(/assets/img/subnavbkgd_off.jpg) no-repeat; display: block;}
#subbodyRcol .subNav a { color: #FFF; text-decoration: none; padding-left: 10px; }
#subbodyRcol .subNav a:hover { color: #4E981A; text-decoration: none; }
#subbodyRcol .subNav a:active { color: #999; text-decoration: none; }
#subbodyRcol .subNavON { width: 228px; font: 14px Arial, Helvetica, sans-serif; line-height: 35px; color: #FFF; background: url(/assets/img/subnavbkgd_on.jpg) no-repeat; display: block;}
#subbodyRcol .subNavON a { color: #FFF; text-decoration: none; padding-left: 10px; }
#subbodyRcol .subNavON a:hover { color: #FFF; text-decoration: none; }
#subbodyRcol .subNavON a:active { color: #FFF; text-decoration: none; }
#subbodyRcol .calloutAdj { margin-bottom: 3px; }

.productMenu { width: 33%; float: left; }

.smallText { font-size: 11px; line-height: 13px; }

.left { float: left; }
.right { float: right; }
.right img { margin: 0px 0px 15px 20px; border: 1px solid #333; }

#footercontainer { width: 100%; height: 65px; background: #020602; }
#footercontainer #footer { margin: 0 auto; width: 930px; font: 10px Arial, Helvetica, sans-serif; color: #999; line-height: 15px; font-weight: 200; padding-top: 18px; }
#footercontainer #footer a { color: #999; text-decoration: none; padding: 0px 10px; border-right: 1px dotted #777; }
#footercontainer #footer a:hover { color: #FFF; text-decoration: none; }
#footercontainer #footer a:active { color: #666; text-decoration: none; }

#desc  { color:#999; font-size:10px; font-weight: 200; margin: -2px 6px 0px 0px; }

/* DEFINITION LIST: 2 COLUMNS */
dl.twocol { border-bottom:1px dotted #666; font-size:1.2em; margin:1.75em 0 3em; overflow:hidden; width:400px; }
	dl.twocol dt, dl.twocol dd { border-top:1px dotted #666; display:inline; float:left; margin-bottom:0.5em;  }
	dl.twocol dt { color:#fff; padding:13px 25px 13px 0; width:195px; }
	dl.twocol dd { background:url(../img/icon_tag.png) no-repeat 0 10px; color:#fff; font-size:1.25em; height:52px; line-height:51px; padding:10px 0 0 65px; width:102px; }
	dl.twocol dd.alt { background:url(../img/icon_tag2.png) no-repeat 0 10px; }
		dl.twocol dd p { line-height:0.8em; padding-top:12px; }
		dl.twocol dd em { font-size:0.6em; font-weight:normal; }
		
	* html dl.twocol dd { background:url(../img/icon_tag.gif) no-repeat 0 10px; }
	* html dl.twocol dd.alt { background:url(../img/icon_tag2.gif) no-repeat 0 10px; }
	
	
/* TABBED CONTENT */
ul.tabs {  float:left; font-size:12px; height:35px; line-height:35px; margin-top:2em; width:99%; }
	ul.tabs li { background:url(../img/tab-bg.jpg) no-repeat left top; float:left; height:50px; line-height:16px; margin-right:2px; padding-left:16px; position:relative; text-align:center; width:auto; }
		ul.tabs li a { background:url(../img/tab-bg.jpg) no-repeat right top; color:#fff; display:block; font-weight:bold; height:100%;  outline:none; padding:8px 16px 10px 0; text-decoration:none; }
		ul.tabs li a:hover { background-color:transparent; color:#000; }
		ul.tabs li.active a { color:#fff; }
		ul.tabs li a span { bottom:-6px; display:block; height:8px; left:40%; position:absolute; width:15px; z-index:999;}
		ul.tabs li.active a span { background:url(../img/tab-arrow.gif) no-repeat; }
	
		ul.tabs li:hover,
		ul.tabs li.active { background:url(../img/tab-bg.jpg) no-repeat left bottom; cursor:pointer; }
	
		ul.tabs li a:hover, 
		ul.tabs li:hover a,
		ul.tabs li.active a { background:url(../img/tab-bg.jpg) no-repeat right -100px; }
	
	div.tab-container { background:#373936; clear:both; float:left; margin-bottom:2em; min-height:500px; overflow:hidden; width:99%; }
		div.tab-content { line-height:1.5em; padding:25px 25px 0; }