@import url(lightbox.css);

/* { margin:0; padding:0; } */

* {
padding: 0;
margin: 0;
}

body { 
background:url(images/bg_main.gif) repeat-x #1b1b1b;
margin: 0px 0px 0px 0px;
}

/* tableless styles */

/* set the containing div, fixed, centered */
#main { 
width: 960px;
margin: 0 auto;
background: #cccccc; 
} 

/* set the containing div and center it */
/*#main {
width: 960px;
/* include the IE5.x/Win box model hack   */
/*\width: 980px;
w\idth: 960px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background: #FFFFFF;
} */

/* set the header div */

#bg_header {
background: url(images/bg_hdr.jpg) no-repeat; 
width: 960px;
height: 120px;
}

#bg_footer {
background: url(images/bg_ftr.jpg) no-repeat; 
width: 960px;
height: 79px;
}

#copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 8px;
color: #FFFFFF;
text-align: right;
padding: 8px 5px 0px 0px;
}

#bg_rotate {
float: left;
width: 780px;
height: 301px;
}

#bg_content {
background: url(images/bg_content.gif) repeat #cccccc; 
float: left;
width: 780px;
min-height: 500px;
}

.int_text {
padding: 10px 10px 10px 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 11px;
color: #000000;
}

#bg_header_int {
background: url(images/bg_header_int.gif) no-repeat; 
width: 960px;
height: 48px;
}

.paypal {
padding: 20px 20px 0px 0px;
text-align: right;
}

.thm_bdr {
float: right;
border: 1px solid #999999;
padding: 5px 5px 5px 5px;
margin: 0px 15px 0px 20px;
background: #FFFFFF;
}

.thm_bdr_lt {
float: left;
border: 1px solid #999999;
padding: 5px 5px 5px 5px;
margin: 0px 20px 0px 15px;
background: #FFFFFF;
}



/* thumbnail for before and after */
a.thm95:link img, a.thm100:visited img, a.thm95:active img {
border: 1px solid #32556d;
padding: 5px 5px 5px 5px;
margin: 0px 0px 10px 10px;
background: #EFEFEF;
}

a.thm95:hover img {
border: 1px solid #999999;
padding: 5px 5px 5px 5px;
margin: 0px 0px 10px 10px;
background: #d0e4f0;
}


/* --------------------------------------- */

/* set the navigation div main navigation  */

/* --------------------------------------- */

#leftnav {
padding-top: 10px;
margin: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 11px;
color: #FFFFFF;
}

ul#leftnav {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#leftnav li {
display: block;
margin-left: -7px;
list-style-type: none;
}

#leftnav a:link, #mainnav a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 11px;
color: #32556d;
text-decoration: none;
}

#leftnav a:hover {
color: #2183c6;
text-decoration: none;
}

/* --------------------------------------- */
/*-----------------Left Column-------------*/
/* --------------------------------------- */
.leftnav {
background: url(images/bg_leftnav_hr.gif) no-repeat #cccccc;
margin:0;
float: left;
padding: 0 0 0 0;
width: 180px;
height: 301px;
}

#main .leftnav ul{
margin: 0;
padding: 0;
}

#main .leftnav li {
list-style-type: none;
width: 180px;
}

#main .leftnav li a {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 11px;
color: #32556d;
display: block;
padding: 4px 0 0 5px;
border-bottom: 1px solid #46748e;
text-decoration: none;
height: 21px;
width: 175px;
}

#main .leftnav li a:hover {
background: #d0e4f0 left bottom;
color: #2183c6;
}
/* --------------------------------------- */
/* set the navigation div top navigation - 1st tier */
/* --------------------------------------- */

#topnav {
padding: 8px 10px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #FFFFFF;
float: right;
}

ul#topnav {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#topnav li {
display: inline;
list-style-type: none;
}

#topnav a { padding: 0px 0px 0px 10px; }

#topnav a:link, #topnav a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #888888;
text-decoration: none;
}

#topnav a:hover {
color: #bd080d;
text-decoration: none;
}

#toplogo {
float: left;
margin-right: 90px;
}

#toponline {
float: left;
margin-left: 10px;
}

.ad {
text-align: center;
margin: 20px 0px 20px 0px;
}

/* dropdown menu 2nd tier */

#dropmenudiv {
position:absolute;
border-top: 0px solid #871d1d;
border-right: 1px solid #871d1d;
border-bottom: 1px solid #871d1d;
border-left: 1px solid #871d1d;
z-index: 100;
line-height: 0px;
/* opacity: 0.95;  MOZ/FF/STD CSS3 */
/*filter: alpha(opacity=95); /* IE */

}

.menu_item { 
font-size: 10px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;
color: #666666;
display: block;
background: #e7e2db;
text-decoration: none;
padding: 4px 3px 4px 3px;
line-height: 10px;
}

a.menu, a.menu:active, a.menu:visited { 
font-size: 10px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;
color: #000000;
display: block;
background: #FFFFFF;
text-decoration: none;
padding: 4px 3px 4px 3px;
line-height: 10px;
border-top: 1px solid #871d1d;
}

a.menu:hover { 
font-size: 10px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;
color: #FFFFFF;
display: block;
background: url(images/bg_menu.gif) repeat #871d1d;
text-decoration: none;
padding: 4px 3px 4px 3px;
line-height: 10px;
}

/* set the footer div */
.bg_ftr {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #FFFFFF;
background: url(images/bg_ftr.gif) no-repeat;
margin: 0px 0px 20px 30px;
width: 900px;
height: 20px;
clear: both;
}

#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 9px;
color: #FFFFFF;
clear: both;
text-align: center;
background: url(images/bg_ftr_pj.gif) repeat;
}

#ftrnav {
padding-top: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 9px;
vertical-align: top;
color: #FFFFFF;
}

ul#ftrnav {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#ftrnav li {
display: inline;
list-style-type: none;
}

#ftrnav a { padding: 0px 8px 0px 5px; }

#ftrnav a:link, #ftrnav a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #FFFFFF;
text-decoration: none;
}

#ftrnav a:hover {
color: #ffb400;
text-decoration: none;
}

#ftr_copyright {
padding: 20px 0px 20px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 10px;
color: #FFFFFF;
}

/* --------------------------------------------------------------- */
/* tabcontent styles on home page */
#itemtabs {
/* background: ; */
}

.indentmenu{
font: bold 10px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
/* margin: 3px; */
padding: 0px 0px 0px 0px;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid #888888; /* border*/
border-left: 1px solid #888888;
border-bottom: 1px solid #888888;
background: url(images/bg_tab_off.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #FFFFFF; /*text color*/
padding: 5px 8px;
text-decoration: none;
width: 8px;
border-right: 1px solid #888888; /* divider between menu items*/
}

.indentmenu ul li a:visited{
color: #FFFFFF;
}

.indentmenu ul li a:hover{
color: #EFEFEF;
background: url(images/bg_tab_on.gif) center center repeat-x;
}

.indentmenu ul li a.selected{
color: #EFEFEF !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: #FFFFFF url(images/bg_tab_on.gif) center center repeat-x;
}

.tabcontent{
display:none;
font-family: arial, helvetica, sans-serif;
color: #000000;
font-weight: 400;
font-size: 11px;
line-height: 13px;
}

.container{
padding: 42px 0px 0px 30px;
}


@media print {
.tabcontent {
display:block !important;
}
}

/* --------------------------------------- */
/* interior styles */

/* standard shared styles interior pages */
.bg_int { 
background: url(images/pop_shadow.gif) bottom no-repeat #FFFFFF ;
height: 400px;
width: 960px;
clear: both;
}

.bg_int_elastic { 
background: url(images/pop_shadow.gif) bottom no-repeat #FFFFFF ;
width: 960px;
clear: both;
}

.int_copy {
padding: 20px 20px 20px 20px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 11px;
color: #000000;
}
.page_hd {
text-align: right;
}

.bar_sha {
margin: 0px 0px 0px 0px;
}

hr {
height: 5px;
clear: both;
color: #be080d;
margin-top: 40px;
margin-bottom: 20px;
background: url(images/bg_hr.gif) repeat-x center bottom;
}

.jetski {
height: 75px;
width: 920px;
clear: both;
margin-bottom: 20px;
background: url(images/hr_jetski.gif) no-repeat center bottom;
}

.atv {
height: 75px;
width: 920px;
clear: both;
margin-bottom: 20px;
background: url(images/hr_atv.gif) no-repeat;
}

.cycle {
height: 75px;
width: 920px;
clear: both;
margin-bottom: 40px;
background: url(images/hr_cycle.gif) no-repeat center bottom;
}

.content {
text-align: left;
padding: 20px 40px 20px 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 11px;
color: #000000;
line-height: 13px;
}

.content_400 {
text-align: left;
padding: 20px 40px 20px 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 11px;
color: #000000;
line-height: 13px;
min-height: 400px;
}

.col_wrapper {
float: left;
padding: 0px 0px 0px 0px;
clear: both;
vertical-align: top;
}

/* --------------------------------------- */
/* 1st and 2nd tier menu styles - left navigation  */

a.colnav, a.colnav:link, a.colnav:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #cd0003;
text-decoration: none;
}

a.colnav:hover { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #ffb400;
text-decoration: none;
}

#categoryitems {
padding: 0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 9px;
color: #666666;
}

.openheader { /*class added to contents when they are open*/
background: #FFFFFF;
}

ul#categoryitems {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
padding: 5px 0px 5px 0px;
}

#categoryitems li {
list-style-type: none;
padding: 1px 0px 0px 20px;
}

#categoryitems a, #categoryitems a:link, #categoryitems a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #666666;
text-decoration: none;
line-height: 11px;
}

#categoryitems a:hover {
color: #cf1d20;
text-decoration: none;
}

/* --------------------------------------- */
/* general leftnav bulleted items */
ul#leftnav {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
padding: 5px 0px 5px 0px;
}

#leftnav li {
list-style-type: none;
padding: 1px 0px 11px 15px;
}


/* --------------------------------------- */
/* general button template */

#btn {
width: 114px;
height: 23px;
padding: 5px 0px 0px 8px;
background:url(images/bg_btn.gif) no-repeat;
}

a.btn, a.btn:link, a.btn:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}

a.btn:hover { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #ffb400;
text-decoration: none;
}

/* --------------------------------------- */

.icon {
padding:.8em 0 .4em 30px;
background:url(images/ico_spacer.gif) 0 .2em no-repeat;
}

ul li.icon {
padding:.2em 0 .2em 20px;
}

.audio { background-image:url(images/spacer.gif); } 


/* --------------------------------------- */
/* images - thumbnail, photo and caption, image border  */

.img_cen {
text-align: center;
}

.caption {
font-size: 9px;	
font-family: Arial,Helvetica,sans-serif;	
color: #000000;
}

.border {
border: 1px solid #8d0022;
margin: 0px 0px 10px 0px;
}

.border_cen {
border: 1px solid #8d0022;
}

/* --------------------------------------- */
/* unordered list - regular */
ul.reg {
padding-left: 15px;
display: block;
margin: 10px 5px 5px 5px;
} 

ol.reg {
padding-left: 15px;
display: block;
margin: 10px 5px 5px 5px;
} 

/* --------------------------------------- */      
/* define background cell color */

.bg_gry1  { background: #666666;}
.bg_gry2  { background: #999999;}
.bg_gry3  { background: #EFEFEF;}
.bg_red   { background: #cd0003;} /* base red color */
.bg_grn   { background: #127514;}
.bg_yel   { background: #ffb400;} /* hightlight color */
.bg_whi   { background: #FFFFFF;}
.bg_blk   { background: #000000;}

/* --------------------------------------- */
/* general formatting and styles for forms */

/* gradient header */

h1 {
  font: bold 210%/100% Arial, sans-serif;
	position: relative;
	margin: 5px 0px 0px 0px;
	color: #083151;
}

h1 span {
  background: url(images/gradient_gry.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}

.copybold_h1 {
font-family: Verdana, arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 18px;
color: #32556d;
}

.copybold {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: 700;
font-size: 11px;
color: #32556d;
}


fieldset {
display: block;
border: 1px solid #cccccc;
width: 500px;
padding: 10px 10px 10px 10px;
}

legend {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #b9080d;
padding: 0px 10px 0px 10px;
}

.label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #000000;
width: 150px;
float: left;
text-align: right;
margin-right: 0.5em;
padding-top: 2px;
display: block;
}

.cps_req {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: 400; 
font-size: 9px;
color: #cd0003;
float: right;
padding-right:10px;
line-height: 19px;
} 

.req { /* This is the class for required fields */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #cd0003;
width: 150px;
float: left;
text-align: right;
margin-right: 0.5em;
padding-top: 2px;
display: block;
}

.req_wide { /* This is the class for required fields */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #cd0003;
width: 300px;
float: left;
text-align: left;
margin-left: 1.2em;
padding-top: 2px;
display: block;
}

.wide { /* This is the class for non-required fields */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #000000;
width: 300px;
float: left;
text-align: left;
margin-left: 1.2em;
padding-top: 2px;
display: block;
}

.field { 
float: left;
display: block;
}

.field_wide { 
float: left;
display: block;
padding: 5px 0px 0px 10px;
}

.cps_btn {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
text-align: left;
width: 114px;
height: 23px;
padding: 2px 0px 0px 5px;
margin: 5px 0px 0px 0px;
background:url(images/bg_btn.gif) no-repeat;
}

#cps_cell_00 { 
background: #cee8ee;
padding: 6px 0px 5px 0px;
margin: 1px 0px 1px 0px;
height: 36px;
}

#cps_cell_00_tall { 
background: #cee8ee;
padding: 6px 0px 5px 0px;
margin: 1px 0px 1px 0px;
height: 75px;
}

#cps_cell_01 {
background: #e1e1e1;
padding: 6px 0px 5px 0px;
margin: 1px 0px 1px 0px;
height: 18px;
}

#cps_cell_02 {
background: #cccccc;
padding: 5px 0px 5px 30px;
margin: 1px 0px 1px 0px;
}

#cps_cell_03 {
background: #e1e1e1;
padding: 5px 0px 5px 30px;
margin: 1px 0px 1px 0px;
}

#cps_cell_04 { /* This is used for textarea */
background: #e1e1e1;
padding: 6px 0px 5px 0px;
margin: 1px 0px 1px 0px;
height: 200px;
}

.cps_field { 
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;  
color: #000000;
border: 1px solid #666666;
width: 150px;
height: 14px;
}

.cps_field_caption { 
font-size: 9px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;  
color: #000000;
}

.cps_field_textarea { 
font-size: 10px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;  
color: #000000;
border: 1px solid #666666;
}

/* --------------------------------------- */
/* style for tooltip mousover behavior */

#fixedtipdiv {
position: absolute;
background: url(images/bg_tooltip.gif) no-repeat #EFEFEF;
border: 2px solid #cd0003;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: 400; 
font-size: 9px;
color: #000000;
padding: 10px 10px 10px 10px;
z-index: 100;
}

/* --------------------------------------- */

sup {
font-family: Arial,Helvetica,sans-serif;
font-size: .9em;
}

.clearboth { clear: both; }


/* --------------------------------------- */
/* image with caption */
.float_lt {
float: left;
width: 202px;
margin: 0 10px 10px 10px;
background-color: #fff;
padding: 5px;
border: 1px solid #000000;
font-size: 9px;
}

.float_rt {
float: right;
width: 202px;
margin: 0 10px 10px 10px;
background-color: #fff;
padding: 5px;
border: 1px solid #000000;
font-size: 9px;
}

/* --------------------------------------- */
/* global anchors */

img.logo_brand {
float: left;
border: 1px solid #dcdce9;
padding: 3px 3px 3px 3px;
margin: 0px 20px 10px 0px;
}

/* thumbnail 60 x 60 anchor */
a.ico:link img, a.ico:visited img, a.ico:active img {
border: 1px solid #dcdce9;
padding: 3px 3px 3px 3px;
margin: 0px 0px 10px 10px;
}

a.ico:hover img {
border: 1px solid #ff900a;
padding: 3px 3px 3px 3px;
margin: 0px 0px 10px 10px;
}

/* map anchor */
a.map:link img, a.map:visited img, a.map:active img {
border: 1px solid #2977ad;
padding: 3px 3px 3px 3px;
margin: 0px 0px 10px 10px;
}

a.map:hover img {
border: 1px solid #b9080d;
padding: 3px 3px 3px 3px;
margin: 0px 0px 10px 10px;
}

/* FrogJS Gallery Styles
/* --------------------------------------- */
#FrogJS {
width: 760px;
height: 500px;
margin: 0 auto;
}

#FrogJSCredit {
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption {
text-align: left;
line-height: 140%;
}

/* --------------------------------------- */

a, a:visited, a:active { 
font-size: 11px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;	
color: #2977ad;
text-decoration: underline;
}

a:hover {
font-size: 11px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;	
color: #b9080d;
text-decoration: underline;
}

.pop {
float: left;
margin: 40px 0px 60px 50px;
}

a.pop { 
font-size: 10px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;	
color: #FFFFFF;
text-decoration: underline;
}

a.pop:visited { 
font-size: 10px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;	
color: #FFFFFF;
text-decoration: underline;
}

a.pop:active { 
font-size: 10px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;	
color: #FFFFFF;
text-decoration: underline;
}

a.pop:hover {
font-size: 10px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;	
color: #aa0707;
text-decoration: underline;
}

/* accordian style content

/* --------------------------------------- */
.glossymenu{
margin: 5px 0;
padding: 0;
width: 800px; /*width of menu*/
border-bottom: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: url(images/bar_signs.gif) no-repeat top left;
/* background: black url(images/glossyback.gif) repeat-x bottom left; */
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 13px 0;
padding-left: 70px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/bar_signs_on.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
padding: 20px 45px 20px 45px;
border-bottom: 1px solid #9A9A9A;
margin-bottom: 20px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}