/********************************
	Global
********************************/

html, body { width: 100%; min-height: 100%; }

body { background: #fff url(/images/body_bg.png) repeat-x top left; color: #666; font-size:62.5%; text-align:center; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; margin:0; padding: 0;}

/* 16px x 62.5% = 10px base font size - font sizing with em is now scale of 10 */

* html body { font-size: 52.5%; }

/** Text Formatting **/

p, h1, h2, li, a { line-height: 1.4em; padding: 0; margin: 0; letter-spacing: 0.03em; }

p { font-size: 1.1em; } 

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } 

h2, h3 { font-size: 2.1em; color: #ccc; letter-spacing: .05em; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: normal; }

h4 { font-size: 1.5em; color: #ccc; font-weight: normal; margin: 0 0 10px 0; }

a, a.link, a:visited { color: #666; text-decoration: none; }

a:hover { color: #df7a1c; text-decoration: underline; }

ul { margin-top: 0; padding-top: 0; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }

sup { bottom: .5ex; }

sub { top: .5ex; }

img { border: 0px; }

/** Form Formatting **/

form { margin: 0; padding: 0; }

label { color: #005568; float: left; text-align: right; margin: 0 15px 0 0; display: block; width: 20em; font-weight: bold; padding: 5px 0 0 0; font-size: 1.3em; }

label span.required { font-size: .8em; font-weight:normal;padding: 0 2px; }

/** Clearfix **/

* html .clearfix { height: 1%; overflow: visible; } /* float clearing for IE6 */ 

*+html .clearfix { min-height: 1%; } /* float clearing for IE7 */

.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* float clearing for everyone else */

:focus { -moz-outline-style: none; } /* removes selection border from around image in FF */

/********************************
	Containers
********************************/

div#container { width: 973px; margin: 0 auto; 0; position: relative; text-align: left; min-height: 100%; }

div#shadow { background: url(/images/shadow_bg.png) repeat-y top left; }

* html div#shadow { background: none; }

div#columns { background: #000 url(/images/columns_bg.png) no-repeat top left; width: 950px; margin: 0 0 0 14px; }


/********************************
	Header
********************************/

div#header { background: url(/images/header_bg.png) no-repeat top left; height: 179px; }

* html div#header { background: url(/images/header_bg_ie6.png) no-repeat  14px 0px; }

/** Logo **/

div#logo {  width: 45px; height: 25px; background-color: transparent; position: absolute; top: 20px; left: 30px; }

div#logo a { display: block; width: 100%; height: 100%; }

div#logo span { display: none; }

/** Nav **/

div#nav { position: absolute; top: 66px; left: 14px; *top: 62px; }

div#nav ul { margin: 0; padding: 0; list-style: none; }

div#nav ul li { float: left; display: block; }

div#nav ul li#home { float: left; display: block; padding: 0 23px; *padding: 0 23px; }

div#nav ul li#about { float: left; display: block; padding: 0 34px; *padding: 0 32px; }

div#nav ul li#accessories { float: left; display: block; padding: 0 30px; *padding: 0 32px; }

div#nav ul li#news { float: left; display: block; padding: 0 27px; *padding: 0 29px; }

div#nav ul li#buy { float: left; display: block; padding: 0; *padding: 0; }

div#nav ul li a { color: #fff; font-size: 1.4em; } 

div#nav ul li a:hover { color: #ed1c24; text-decoration: none; }

div#nav ul li.active a { color: #ed1c24; }

@media screen and (-webkit-min-device-pixel-ratio:0) { div#nav ul li#about { padding: 0 40px; } div#nav ul li#news { padding: 0 27px; } div#nav ul li#buy { padding: 0 7px; } }

/** H1 **/

div#header h1 { font-size: 3.9em; color: #8dc63f; letter-spacing: 0em; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; position: absolute; top: 110px; left: 60px; visibility: hidden; }

div#header h1 span { color: #c7c8ca; letter-spacing: 0em; font-weight: normal; }

/** Breadcrump **/

div#breadcrumb { position: absolute; top: 160px; left: 60px; }

div#breadcrumb ul { margin: 0; padding: 0; list-style: none; }

div#breadcrumb ul li { float: left; display: block; font-size: 1.2em; color: #ccc; *font-size: 1.3em; }

div#breadcrumb ul li a { color: #ccc; text-decoration: underline; }

div#breadcrumb ul li a:hover { text-decoration: none; }

@media screen and (-webkit-min-device-pixel-ratio:0) {  div#breadcrumb ul li { font-size: 1.3em; } }


/** Search **/

div#search { position: absolute; top: 125px; right: 60px; }

div#search form { display: block; margin: 0 0 10px 0; }

div#search form input.text { background: url(/images/search_bg.png) no-repeat top left; border: 0px; padding: 5px 0 0 10px; margin: 0; width: 224px; height: 17px; }

div#search form input.button { position: absolute; top: 3px; right: 17px; }

div#search form img.button { position: absolute; top: 13px; right: 17px; *top:19px; }

div#search a#ask { color: #eee; padding: 0 0 0 6px; text-decoration: none; font-size: .95em; font-family: Arial, Helvetica, sans-serif; *font-size: 1.1em; }

div#search a#ask:hover { text-decoration: underline; }

div#module-holder { margin-left:280px; }

@media screen and (-webkit-min-device-pixel-ratio:0) { div#search a#ask { font-size: 1.1em; } }

/********************************
	Left
********************************/

div#left { width: 212px; margin: 46px 38px 0 38px; float: left; _margin-left: 20px; }

div#left h2 { padding: 0 0 7px 7px; }

/** topics **/

div#topics { margin: 0 0 15px 0; }

div#topics ul { margin: 0; padding: 0; list-style: none; }

div#topics ul li { display: block; padding: 0 0 0 7px; _height: 20px; }

div#topics ul li div.active { background-color: #333; }

div#topics ul li div.active a { border: 0px; background: url(/images/bullet_arrowDwn.png) no-repeat 180px 10px; }

div#topics ul li.off a { border-top: 0px; _border-bottom: 1px solid #717171;  }

div#topics ul li a { display: block; padding: 10px 2px 10px 5px; letter-spacing: .05em; font-size: 1.6em; color: #ccc; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; border-top: 1px solid #717171; border-bottom: 1px solid #717171; background: url(/images/bullet_arrow.png) no-repeat 180px 10px; margin-top: -1px; *padding: 8px 2px 8px 5px;}

div#topics ul li a:hover { text-decoration: none; color: #ed1c24; }

div#topics ul li ul { display: none; }

div#topics ul li div.active + ul { margin: 0 0 0 -7px; padding: 0; list-style: none; background-color: #000; display: block; }

div#topics ul li div.active + ul li { display: block; }

div#topics ul li div.active + ul li a { display: block; padding: 7px 0 7px 17px; font-size: 1.4em; color: #ccc; background: none; border-top: 0px; }

div#topics ul li div.active + ul li a:hover { text-decoration: none; color: #ed1c24; }

@media screen and (-webkit-min-device-pixel-ratio:0) { div#topics ul li a { padding: 10px 2px 10px 5px; } }

/********************************
	Announcements
********************************/

div#announcements { width: 612px; float: left; margin: 74px 0 40px 0; }

div#announcements h2 { background: url(/images/announcements_bg.png) no-repeat top left; height: 30px; text-align: center; }

div#announcements ul { margin: 0; padding: 0 3px; list-style: none; }

div#announcements ul li { display: block; padding: 7px 13px; color: #ccc; font-size: 1.4em; border-bottom: 1px solid #3c3f42; } 

div#announcements ul li.last { border-bottom: 0px; }

div#announcements ul li a { font-size: .9em; color: #ed1c24; text-decoration: underline; padding: 0 3px 0 7px; }

div#announcements ul li a:hover { text-decoration: none; }

div#announcements ul li span { color: #999; }

div#announcements.empty { margin-bottom:0; margin-top:64px; }


/********************************
	Question
********************************/

div#question { width: 606px; float: left; margin: 74px 0 20px 0; }

div#question h2 { background: #030501 url(/images/question_bg.png) no-repeat top left; border-bottom: 1px solid #717171; padding: 5px 0 5px 15px; margin: 0 0 10px 0; }

/** Answer **/

table#answer { margin: 0 0 0 14px; padding: 0; width: 606px; border: 0px; }

table#answer h3 { padding: 0 5px 0 0; }

table#answer p { font-size: 1.5em; color: #ccc; line-height: 1.8em; padding: 2px 0 0 0; margin: 0 0 15px 0; *padding: 0; }

table#answer div { font-size: 1.5em; color: #ccc; line-height: 1.8em; padding: 2px 0 0 0; margin: 0 0 15px 0; *padding: 0; }

table#answer ol { color: #ccc; margin: 0 0 10px 15px; list-style-type: decimal; }

table#answer ul { color: #ccc; margin: 0 0 10px 15px; list-style-type: disc; }

table#answer li { font-size: 1.4em; color: #ccc; margin: 0 0 5px 0; }

table#answer a { display: block; font-size: 1.4em; line-height: 1.7em; color: #ed1c24; margin: 0 0 10px 0; text-decoration: underline; }

table#answer a:hover { text-decoration: none; }


/********************************
	Results
********************************/

div#results { width: 606px; float: left; margin: 74px 0 20px 0; position: relative; }

div#results h2 { background: #030501 url(/images/question_bg.png) no-repeat top left; border-bottom: 1px solid #717171; padding: 5px 0 5px 10px; margin: 0 0 10px 0; }

div#results div#pagination { background: none; position: absolute; top: -5px; right: -5px; }

div#results div#pagination p { background: none; }

div#results ul { margin: 0; padding: 0; list-style: none; }

div#results ul li { display: block; margin: 10px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #717171; }

div#results ul li.off { border: 0px; }

div#results ul li h4 { padding: 0 10px 0 10px; margin: 0; }

div#results ul li h4 a { font-size: 1.1em; color: #ed1c24; font-weight: normal; margin: 0; padding: 0; line-height: 1.6em;  }

div#results ul li p { padding: 0 10px 0 10px; margin: 0; line-height: 1.6em; font-size: 1.3em; color: #ccc; }

div#results ul li p a { font-size: 1em; color: #ed1c24; text-decoration: underline; padding: 0 3px 0 7px; }

div#results ul li p a:hover { text-decoration: none; }

div#results ul li p span { color: #ed1c24; }


/********************************
	Module
********************************/

div.module { float: left; width: 286px; margin: 0 35px 0 0; position: relative; _margin: 0 25px 0 0; }

div.module h2 { background: url(/images/module_bg.png) no-repeat top left; height: 34px; padding: 4px 0 0 15px; }

div#rss { position: absolute; top: 10px; right: 11px; background: url(/images/rss_bg.png) no-repeat top right; height: 20px; padding: 8px 25px 0 0; }

div.module ul { margin: 0; padding: 0; list-style: none; }

div.module ul li { display: block; padding: 0 10px 0 20px; background: url(/images/bullet_dash.png) no-repeat 10px 13px; _height: 20px; }

div.module ul li a { font-size: 1.3em; display: block; margin: 0 0 5px 0; letter-spacing: .07em; color: #ccc; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; text-decoration: underline; }

div.module ul li a:hover { text-decoration: none; }

/** Pagination **/

div#pagination { background: url(/images/pagination_bg.png) no-repeat top left; height: 38px; display: table; float: right; margin: 10px 10px 0 0; }

div#pagination p { background: url(/images/pagination_right_bg.png) no-repeat top right; padding: 10px 7px; color: #ccc;}

div#pagination p a { color: #ed1c24; }

div#pagination p a.active { color: #fff; }

/** Helpful **/

div#module_helpful { background: #0a0a0a url(/images/module_helpfulBtm_bg.png) no-repeat bottom left; padding: 0 0 16px 0;}

div#module_helpful h2 { background: url(/images/module_helpful_bg.png) no-repeat top left; }

div#module_helpful form { border-left: 2px solid #202122; border-right: 2px solid #202122; padding: 10px; background-color: #0a0a0a; _padding: 10px 0 10px 10px; }

div#module_helpful form p { font-size: 1.3em; color: #ccc; margin: 0 0 15px 0; }

div#module_helpful form table { width: 270px; padding: 0; margin: 0 0 15px 0; border: 0px; } 

div#module_helpful form td.input { padding: 0 5px 7px 0; }

div#module_helpful form td.text { font-size: 1.3em; color: #ccc; } 

div#module_helpful form textarea { background-color: #252525; border: 1px solid #717171; padding: 10px; color: #ccc; width: 230px; height: 50px; overflow:auto; }

div#module_helpful form p.privacy { font-size: 1em; color: #ccc; font-style: italic; width: 200px; padding: 5px 0 0 0; }



/********************************
	Footer
********************************/

div#footer { background: url(/images/footer_bg.png) no-repeat top left; padding: 33px 7px 15px 9px; font-family: Arial, Helvetica, sans-serif; }

* html div#footer { background: url(/images/footer_bg_ie6.png) no-repeat 14px 0px; }

div#footer ul { margin: 0; padding: 0; list-style: none; }

div#footer ul li { float: left; display: block; padding: 0px 5px; }

div#footer ul li a { color: #0000FF; font-size: 1em; text-decoration: underline; }

div#footer ul li a:hover { text-decoration: none; }

div#footer ul li a:visited { color: #800080; }

div#footer div#copyright { float: right; color: #000; }


/********************************
	Got a Question Box
********************************/

div#gotaquestion { width: 417px; background: #fff; text-align: left; }

div#gotaquestion h1 { color: #95ca4d; font-size: 2.1em; border-bottom: 1px solid #82b33d; padding: 5px 10px 5px 10px; } 

div#gotaquestion h2 { color: #95ca4d; font-size: 1.6em; padding: 0 0 5px 0; font-weight: bold; display: inline; }

div#gotaquestion span.legal { font-size: 1.1em; font-style: italic; color: #666; }

div#gotaquestion form { padding: 5px 10px 5px 10px; }

div#gotaquestion p { font-size: 1.4em; line-height: 1.4em; color: #231f20; padding: 0 0 10px 0; }

div#gotaquestion div#email, div#gotaquestion div#topic { position: relative; padding: 0 0 10px 0; }

div#gotaquestion div#email label { position: absolute; right: 15px; top: 0px; }

div#gotaquestion div#email label a { font-size: .9em; font-style: italic; color: #666; text-decoration: underline; }

div#gotaquestion  input.submit_text_box { border: 1px solid #82b33d; padding: 5px; color: #666; font-size: 1.2em; width: 200px; }

div#gotaquestion div#input_question textarea { border: 1px solid #82b33d; padding: 5px; color: #666; font-size: 1.2em; width: 360px; height: 75px; overflow: hidden; display: block; padding: 10px; margin: 10px 0; }