/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,caption{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

/* Generic Styles */
html {background:#026991 url(images/bg_v2.png) repeat-x}
body {font-size:62.5%; background:transparent /*url(!images/bg_2.jpg) no-repeat top center */ }
input, select, td, th {font-size:1em}
h1 {font:bold 1.6em arial; color:#555; position:relative; letter-spacing:-1px}
h1 a {text-decoration:none}
h2 {font:bold 1.4em arial; color:#444}
h2 a {text-decoration:none}
h3 {font:bold 1.2em arial; color:#333}
h4 {font:bold 1.1em arial; color:#222}
h5 {font:bold 1em arial; color:#111}
li li, li p, td p, blockquote p {font-size:1em}
ul {list-style-type:none}
ul.list {list-style-type:disc; margin:16px 0 16px 32px}
ul.list li {margin-bottom:10px}
ol {margin:16px 0 16px 32px}
p {margin:8px 0}
address {margin:16px 32px; font-family:georgia, "times new roman"; font-style:normal}
blockquote {margin:16px 32px; padding-left:48px; background:url(images/quote.png) no-repeat top left}
p {clear:left; margin-top:16px}
a {color:#003e7d}
a:hover {color:#3371b0; text-decoration:none}
a.none {text-decoration:none}
br {clear:left}
strong {font-weight:bold}

button {padding-right:10px; margin-right:3px; font-weight:bold; font-size:1.2em; text-align:center; background:url(images/stdbtn_right.png) right no-repeat; cursor:pointer}
button span {position:relative; display:block; height:22px; line-height:22px; padding-left:20px; background:#06a0db url(images/sprite_buttons.png) no-repeat; color:#fff; white-space:nowrap}
button:hover span {background:#06a0db url(images/sprite_buttons.png) 0 -22px no-repeat}
button.startnow {float:left; display:block; width:100px; height:22px; background:url(images/startbtn.gif) top left no-repeat}
button.startnow:hover {background:url(images/startbtn.gif) bottom left no-repeat}
button.vipbtn {background:url(images/startbtn_right.png) right no-repeat}
button.vipbtn span {height:22px; line-height:22px; background:#cd0000 url(images/sprite_buttons.png) 0 -44px no-repeat; color:#fff}
button.vipbtn:hover span {background:#cd0000 url(images/sprite_buttons.png) 0 -66px no-repeat}

a.startnow {float:left; display:block; width:100px; height:22px; background:url(images/startbtn.gif) top left no-repeat}
a.startnow:hover {background:url(images/startbtn.gif) bottom left no-repeat}

.standard-content {float:left; padding-left:3px}
.onecolumn {float:left; width:138px; padding-right:7px}
.twocolumn {float:left; width:293px; padding-right:7px}
.threecolumn {float:left; width:448px; padding-right:7px}
.fourcolumn {float:left; width:603px; padding-right:7px}
.center {margin:0 auto; text-align:center}
.left {float:left}
.right {float:right}
.clear {clear:both}
.clearleft {clear:left}
.clearright {clear:right}
.no-clear {clear:none}
.relative {position:relative}
.textleft {text-align:left}
.textright {text-align:right}
.textcenter {text-align:center}
.ll {float:left; text-align:left}
.rr {float:right; text-align:right}
.bold {font-weight:bold}
.italic {font-style:italic}
.normal {font-style:normal}
.underline {text-decoration:underline}
.stronger {font-weight:bold; font-size:1.2em; font-style:italic}

.f11 {font-size:11px}
.f14 {font-size:14px}
.f16 {font-size:16px}
.f18 {font-size:18px}
.f20 {font-size:20px}
.pad10 {padding:10px}
.pad10-t {padding-top:10px}
.pad10-r {padding-right:10px}
.pad10-b {padding-bottom:10px}
.pad10-l {padding-left:10px}
.pad16 {padding:16px}
.pad16-t {padding-top:16px}
.pad16-r {padding-right:16px}
.pad16-b {padding-bottom:16px}
.pad16-l {padding-left:16px}
.mar16 {margin:16px}
.mar16-b {margin-bottom:16px}
.mar10 {margin:10px}
.mar10-br {margin:0 10px 10px 0}
.mar10-t {margin-top:10px}
.mar10-b {margin-bottom:10px}
.px100w {width:100px}
.px150w {width:150px}
.px178w {width:178px}
.px200w {width:200px}
.px250w {width:250px}

.banner-160x600 {float:left; width:160px; text-align:center; padding:7px 0; border-bottom:1px dotted #026991}
.banner-160x600-top {padding:0 0 7px 0}
.banner-300x250 {float:right; width:300px; height:250px; padding:0 7px 7px 7px}
.banner-728x90 {float:left; width:100%; height:90px; text-align:center}
#banner-top {float:left; width:468px; height:63px; padding-top:3px}

.bg-default {background:#fff}
.box {float:left; padding:10px; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.vipbox {padding:10px; border:2px dashed #cd0000}
.vip {color:#cd0000}
.hexkey {color:#06a0db}
.error {float:left; margin:7px; padding:0 7px; font-weight:bold; background:#cd0000; color:#fff}
.subheading {margin:0 7px; font-weight:bold; color:#555}
.contrast {color:#fff}
.star {display:inline; margin:0 2px 0 2px; padding:0; font:bold 1.5em arial; color:#cd0000}
.preload {display:none; visibility:hidden}
.titlesmall {font-weight:bold; font-size:1em}
.flatlist li {display:inline}
.arrowlist {list-style-image:url(images/arrow_grn.gif); margin-left:16px; padding-left:0; font-weight:bold}
.col3-list li {clear:both; width:98%}
.col3-list li span {display:block; float:left; width:32%}
.backtotop {background:url(images/arrow_grn_up.gif) no-repeat top left; padding-left:16px; margin:16px 0 64px 0}
.contentbox {float:left; clear:both; width:715px; border:1px solid; border-color:#666; background:#f9f9f9; margin:10px 0; padding:16px}
.related {margin:16px 0 16px 16px; padding:10px; border:1px solid #ccc}
.related span {display:block; width:90px; margin:-18px 0 10px; background:#fff; font-weight:bold; text-align:center}

/* Specific - but re-usable */
.author {margin-left:16px; font:italic 1em arial}
.oldprice {text-decoration:line-through}
#moreresources {float:right; border:1px solid; border-color:#ccc; background:#f0f0f0; padding:10px; margin-left:20px}
.browselist {list-style-image:url(images/arrow_grn.gif); margin:16px 0 16px 22px; font-weight:bold}
.browselist li {margin-bottom:3px}
.browselist li.sublistlink {list-style-image:none; font:normal 11px arial; line-height:1em; margin-left:7px}
  .sublistlink a {color:#777}
  .sublistlink a:visited {color:#777}
  .sublistlink a:hover {color:#333}
.rsslist {list-style-image:url(images/rss.gif); margin:16px 0 16px 22px; font-weight:bold}
.rsslist li {margin-bottom:7px}
.rsslist li.rsslink {list-style-image:none; font:normal 1em arial; margin:0 0 12px 7px}
.arrowlist-dn {list-style-image:url(images/arrow_grn_dn.gif); margin:7px 0 7px 16px; padding-left:0}
.arrowlist-up {list-style-image:url(images/arrow_grn_up.gif); margin:7px 0 7px 16px; padding-left:0}
.list3 li {float:left; width:240px}
a.prioritylink {color:#cd0000}
a.prioritylink:visited {color:#cd0000}
.warnlist {list-style-image:url(images/fraudbullet.gif); margin-left:16px; padding-left:16px}
.data {clear:both; float:left; position:relative; width:734px; padding:12px 10px 10px 10px; border:1px solid #ccc}
.muted {color:#aaa; font-style:italic}
.bright {color:#090}
.layer1 {position:relative; z-index:1}
.layer0 {position:relative; z-index:0}
/* End Generic Styles */

/* LAYOUT */
#container {text-align:center; width:952px; margin:0 auto; position:relative}
#wrap {float:left; text-align:left; width:772px; background:#fff url(images/bg2_v2.png) repeat-x}
/* LAYOUT - Header */
#natco {float:left; width:772px; height:24px; font-size:1.1em; text-align:right; background:url(images/bg_natco.png) repeat-y right}
  #natco ul {padding:7px 7px 0}
  #natco ul li {color:#fff; display:inline}
  #natco ul li a {color:#fff; text-decoration:none}
  #natco ul li a:visited {color:#fff}
  #natco ul li a:hover {text-decoration:underline}
#logobox {clear:both; float:left; width:284px; height:54px; padding:12px 0 0 20px}
#logo {position:relative; width:162px; height:54px; overflow:hidden}
#logo a {display:block; position:absolute; top:0; left:0; width:162px; height:54px; background:transparent url(images/logo_bl_v2.png) no-repeat; z-index:13}
#menubox {clear:both; float:left; width:772px; height:122px}
#menu {float:left; width:772px; height:49px}
  #menu li {display:inline}
  #menu ul li a {color:#efefef; text-decoration:none; font-size:16px; font-weight:bold; text-decoration:none}
  #menu ul li a:visited {color:#efefef}
  #menu ul li a:hover {color:#fff; text-decoration:none}
  #menu li#tab01 a,#tab02 a,li#tab03 a,li#tab04 a,li#tab05 a,#tab06 a,#tab07 a,#tab08 a {display:block; float:left; height:19px; background:#0079ae; text-align:center; padding-top:7px;  margin:23px 0 0 2px; -moz-border-radius:7px 7px 0 0; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; border-radius:7px 7px 0 0}
  #menu li#tab01 a {width:76px; margin-left:0}
  #menu li#tab02 a {width:76px}
  #menu li#tab03 a {width:110px}
  #menu li#tab04 a {width:98px}
  #menu li#tab05 a {width:83px}
  #menu li#tab06 a {width:76px}
  #menu li#tab07 a {width:116px}
  #menu li#tab08 a {width:83px}
  #menu li#tab01 a:hover,#tab02 a:hover,#tab03 a:hover,#tab04 a:hover,#tab05 a:hover,#tab06 a:hover,#tab07 a:hover,#tab08 a:hover {height:22px; padding-top:10px; margin:18px 0 0 2px}
  #menu li#tab01 a:hover {margin-left:0}
  ul#menu00 {}
  ul#menu01 li#tab01 a,ul#menu02 li#tab02 a,ul#menu03 li#tab03 a,ul#menu04 li#tab04 a,ul#menu05 li#tab05 a,ul#menu06 li#tab06 a,ul#menu07 li#tab07 a,ul#menu08 li#tab08 a {float:left; height:22px; margin-top:18px; background:#fff; text-align:center; padding-top:9px; font-size:16px; font-weight:bold; color:#000; text-decoration:none; -moz-border-radius:7px 7px 0 0; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; border-radius:7px 7px 0 0}
  ul#menu01 li#tab01 a:hover,ul#menu02 li#tab02 a:hover,ul#menu03 li#tab03 a:hover,ul#menu04 li#tab04 a:hover,ul#menu05 li#tab05 a:hover,ul#menu06 li#tab06 a:hover,ul#menu07 li#tab07 a:hover,ul#menu08 li#tab08 a:hover {padding-top:9px; color:#06a0db}
  ul#menu01 li#tab01 a {width:74px}
  ul#menu02 li#tab02 a {width:74px}
  ul#menu03 li#tab03 a {width:108px}
  ul#menu04 li#tab04 a {width:96px}
  ul#menu05 li#tab05 a {width:81px}
  ul#menu06 li#tab06 a {width:74px}
  ul#menu06 li#tab07 a {width:114px}
  ul#menu06 li#tab08 a {width:81px}
#submenubox {clear:both; float:left; width:772px; height:73px; background:#fff; overflow:hidden; -moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px; border-radius:0 7px 0 0}
#submenu {float:left; position:relative; width:763px; height:28px; margin-top:10px; padding-left:7px; font-size:1.1em}
  #submenu ul li {display:inline; padding-right:7px}
#menusrch {float:left; position:relative; width:736px; height:33px; margin:0 16px; background:#f0f0f0; border:1px solid #999; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px}
  .topsrch {margin:7px 0 0 7px; padding:0; font-size:1.2em}
  .topsrch label {display:block; float:left; padding:3px 5px 0 0; font-weight:bold; font-size:1.2em}
  .topsrch input[type='text'] {display:block; float:left; width:225px; height:16px; margin-right:3px; border:1px solid #7f9db9; background:#fff}
  .topsrch-field {display:block; float:left; width:225px; height:16px; margin-right:3px; border:1px solid #7f9db9; background:#fff}
  .topsrch select {display:block; float:left; width:130px; height:20px; margin-right:3px; border:1px solid #7f9db9; background:#fff}
  .topsrch input[type='submit'] {margin-left:5px}
  .topsrch p {margin:0}
  .btn_srch {display:block; float:left; margin:-2px 10px 0 0}
  ul#advsrch {float:left; height:20px}
  ul#advsrch li {display:block; float:left; font-weight:bold; font-size:1.2em}
  ul#advsrch li a {display:block; float:left; line-height:20px; padding-right:30px}
  ul#advsrch li#rsslink a {display:block; float:left; height:20px; padding:0 16px 0 25px; background:url(images/sprite_extras.png) 0 0 no-repeat}
  ul#advsrch li#rsslink a:hover {background:url(images/sprite_extras.png) 0 -40px no-repeat}
  ul#advsrch li#helplink a {display:block; float:left; height:20px; padding:0 16px 0 25px; background:url(images/sprite_extras.png) 0 -20px no-repeat}
  ul#advsrch li#helplink a:hover {background:url(images/sprite_extras.png) 0 -60px no-repeat}
  #srchdivide {position:absolute; top:0; right:0}
/* LAYOUT - Content */
#content,#icontent {clear:both; float:left; width:765px; padding:24px 0 0 7px; font-size:1.2em; line-height:1.3em; position:relative}
#icontent {font-size:1.2em}
#contentcontainer {float:left; width:760px; margin:0 auto; text-align:center}
.contentwrap {float:left; clear:both; width:756px}
/* LAYOUT - Footer */
#footer {clear:both; position:relative; width:772px; height:156px; padding-top:0; font-size:1.2em; color:#b4b4b4; line-height:1.2em; text-align:center; background:#026991 url(images/bg_footer3.jpg) 0 31px no-repeat}
  #footer a {color:#ddd}
#footerbar {padding-bottom:16px}
#social-01 {position:absolute; top:108px; left:30px}
#footerspace {clear:both; width:772px; height:26px; background:#026991}
#reserved {float:left; width:160px; margin:10px 0 0 10px; padding:103px 0 0; text-align:center}
#reserved img {margin-bottom:10px}
#adcolumn {float:left; width:160px; margin:0 0 0 10px; background:#fff; -moz-border-radius:7px 7px 0 0; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; border-radius:7px 7px 0 0}
/* END LAYOUT */

/* Standard Forms */
.stdform {margin:0; padding:0; font:12px arial}
.stdform fieldset {border-bottom:1px dashed #444; padding-bottom:7px; margin-bottom:16px}
.stdform legend {display:block; float:left; background:#fff; padding:0 5px 0 10px; margin-bottom:10px; font:bold 1.2em georgia,"times new roman"; color:#444}
.stdform label {display:block; float:left; clear:both; text-align:right; width:200px; margin:2px 5px 0 0; padding-right:10px}
.stdform select {display:block; float:left; width:182px; height:20px; margin:0 7px 7px 0; border:1px solid #7f9db9; background:#fff; font:12px arial}
.stdform input[type='text'] {display:block; float:left; width:180px; height:15px; margin:0 7px 7px 0; border:1px solid #7f9db9; background:#fff; font:12px arial}
.stdform-text {display:block; float:left; width:180px; height:15px; margin:0 7px 7px 0; border:1px solid #7f9db9; background:#fff; font:12px arial}
/* give password fields the class below */
.stdpass {display:block; float:left; width:180px; height:15px; margin:0 7px 7px 0; border:1px solid #7f9db9; background:#fff; font:12px arial}
.stdform textarea {display:block; float:left; border:1px solid #7f9db9; background:#fff; font:12px arial}
.stdform input[type='radio'], input[type='checkbox'] {display:block; float:left}
.stdform input[type='submit'], input[type='reset'] {display:block; float:left; margin:7px 7px 0 0; font:12px arial}
.stdform button {float:left; margin:7px 7px 0 0}
.stdform textarea:focus, input[type='text']:focus, select:focus, input:focus {border:1px solid #000}
.stdform input[type='text'].phonepre {display:block; float:left; width:26px; height:15px; margin:0 2px 7px 0; border:1px solid #7f9db9; background:#fff; font:12px arial}
.stdform input[type='text'].phonenum {display:block; float:left; width:32px; height:15px; margin:0 7px 7px 0; border:1px solid #7f9db9; background:#fff; font:12px arial}
.stdform select.phonesel {display:block; float:left; width:80px; height:20px; margin:0 7px 7px 0; border:1px solid #7f9db9; background:#fff; font:12px arial}
.stdclear {margin-bottom:7px}
.required {font-weight:bold; background:url(images/required.gif) no-repeat top right}
.radiotext {float:left; padding:3px 16px 7px 0}
.stdmargin {float:left; padding-left:215px}
select.month {width:60px}
select.year {width:113px}
.stdform input[type='text'].cvd {width:32px; margin-right:7px}
.join {display:block; float:left; padding:3px 5px 0 4px; font-size:12px}
#payment-choice div#cardchoice {float:left; clear:left; width:280px; padding:10px 20px 20px 0; border-right:1px solid #999}
#payment-choice div#paypalchoice {float:left; width:280px; padding:10px 0 20px 20px}
#payment-choice div img {padding-right:2px}

/* Ad Rates */
.adratesbox {clear:both; float:left; width:600px; padding:10px; border-top:1px solid #ccc}
.adratestext {float:left; margin:20px 0 0 100px}
.adratesinfo {float:left; width:300px; padding-top:16px}
.adratesimg {float:right}

/* Link Pages */
#linkex1, #linkex2 {float:left; width:600px; padding-top:42px; margin:0 0 16px 60px}
#linkex1 {background:#fff url(images/linkplace.gif) no-repeat}
#linkex2 {background:#fff url(images/linksubmit.gif) no-repeat}
#linkexbox1, #linkexbox2 {float:left; width:564px; padding:16px; background:#fff}
#linkexbox1 {border:2px solid #76bbff}
#linkexbox2 {border:2px solid #0e87ff}
.linkextext {float:left; width:260px}
.code {float:left; width:300px}

/* search page */
.topicbox {float:left; width:358px; padding:10px 0 0 16px; background:url(images/bg_topicbox.png) no-repeat}
.adv-srchbtn {margin-left:105px}

/* map location*/
#mapContainer {clear:both; float:left; width:600px; height:600px; border:2px solid; border-color:#333; margin-top:10px}
/* dealer map */
#dealermap {float:left; padding:16px 16px 16px 0}

#popup {margin:12px}

/* POP-UPS (ColorBox) */
/* Core Style */
#colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden}
#cboxOverlay {position:fixed; width:100%; height:100%}
#cboxMiddleLeft, #cboxBottomLeft {clear:left}
#cboxContent {position:relative; overflow:hidden}
#cboxLoadedContent {overflow:auto}
#cboxLoadedContent iframe {display:block; width:100%; height:100%; border:0}
#cboxTitle {margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer}
/* custom style */
#cboxOverlay {background:url(images/colorbox/overlay01.png)}
#colorbox {}
#cboxTopLeft {width:21px; height:21px; background:url(images/colorbox/controls.png) -100px 0 no-repeat}
#cboxTopRight {width:21px; height:21px; background:url(images/colorbox/controls.png) -129px 0 no-repeat}
#cboxBottomLeft {width:21px; height:21px; background:url(images/colorbox/controls.png) -100px -29px no-repeat}
#cboxBottomRight {width:21px; height:21px; background:url(images/colorbox/controls.png) -129px -29px no-repeat}
#cboxMiddleLeft {width:21px; background:url(images/colorbox/controls.png) left top repeat-y}
#cboxMiddleRight {width:21px; background:url(images/colorbox/controls.png) right top repeat-y}
#cboxTopCenter {height:21px; background:url(images/colorbox/border.png) 0 0 repeat-x}
#cboxBottomCenter {height:21px; background:url(images/colorbox/border.png) 0 -29px repeat-x}
#cboxContent {background:#fff}
#cboxLoadedContent {margin-top:28px}
#cboxTitle {position:absolute; top:4px; left:0; text-align:center; width:100%; font-size:12px}
#cboxCurrent {position:absolute; top:4px; left:58px; color:#949494}
#cboxSlideshow {position:absolute; top:4px; right:30px; color:#0092ef}
#cboxPrevious {position:absolute; top:0; left:0px; background:url(images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#cboxPrevious.hover {background-position:-75px -25px}
#cboxNext {position:absolute; top:0; left:27px; background:url(images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#cboxNext.hover {background-position:-50px -25px}
#cboxLoadingOverlay {background:url(images/colorbox/loading_background.png) center center no-repeat}
#cboxLoadingGraphic {background:url(images/colorbox/loading.gif) center center no-repeat}
#cboxClose {position:absolute; top:0; right:0; background:url(images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#cboxClose.hover {background-position:-25px -25px}