BODY { margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: black; }
INPUT, SELECT, TEXTAREA { font-family: Arial, sans-serif; font-size: 12px; color: black; }

/*IMG { behavior: url(iepngfix.htc); }*/ /* IE5.5 & 6 PNG24 transparency Fix - moved to products1.aspx */

.min_width { width: 850px; max-width: 846px; }
.header { background: #000033; height: 80px; }
.site_logo { float: left; margin: 14px 0 0 16px; border: none; }
.planit_box { float: right; width: 79px; height: 80px; border-left: solid 3px #333366; border-right: solid 3px #333366 }
.planit_box IMG { margin: 15px 0 0 12px; display: block; border: none; }
.colour_to_right_1 { background: #000033; }
.colour_to_right_2 { background: #333366; }
.outer_margin { padding-bottom: 10px; }

.nav_primary { background: #333366; height: 30px; margin-bottom: 10px; }
.nav_primary UL { display: block; margin: 0 0 0 5px; padding: 0;}
.nav_primary LI { float: left; display: block; margin: 0; padding: 0;}
.nav_primary A { float: left; width: 105px; height: 18px; margin-left: 10px; padding: 9px 0 0 5px; font-size: 14px; font-weight: bold; color: white; text-decoration: none; }
.nav_primary A:hover { border-bottom: solid 3px white; }
.nav_primary A.selected { color: #ffcc00; border-bottom: solid 3px #ffcc00; }

/* nav vertical directives apply to both seconday and tertiary navs */
.nav_vertical { width: 110px; float: left; }
.nav_vertical UL { list-style: none; margin: 0; padding: 0;}
.nav_vertical LI { display: inline; }
.nav_vertical UL A { display: block; padding: 6px 2px 3px 0; line-height: 20px; font-size: 12px; color: white; text-decoration: none; }
.nav_vertical UL A.last_item { padding-bottom: 4px; border-bottom: none; }

.nav_secondary { padding-left: 15px; }
.nav_secondary UL { background: #666666; padding: 0 5px; margin-bottom: 9px; }
.nav_secondary UL A { border-bottom: solid 1px #333333; }
.nav_secondary UL A:hover { padding-bottom: 1px; border-bottom: solid 3px #333333; }

.nav_tertiary { margin-left: 10px; }
.nav_tertiary UL { background: #999999; padding: 0 5px; margin-bottom: 10px; }
.nav_tertiary UL A { border-bottom: solid 1px #333333; }
.nav_tertiary UL A:hover { padding-bottom: 1px; border-bottom: solid 3px #333333; }
/* keep this nav_vertical down here to override sec and ter directives */
.nav_vertical UL A.selected { padding-bottom: 1px; border-bottom: solid 3px #ffcc00;  }

.separator { background: url(images/dot_wh_bg.gif) bottom left repeat-x; height: 1px; font-size: 1px; }
.bullet_gt { color: #0099ff; }
.nav_link { color: Black; }

.main { border: dotted 1px #333333; margin-left: 10px; margin-bottom: 10px; float: left; min-height: 324px; }
.with_one_nav { width: 708px; }
.with_one_nav_small { width: 370px; }
.with_two_navs { width: 588px; }
H1 { font-size: 15px; font-weight: normal; margin: 0; line-height: 20px; margin: -3px 0 5px 0; }
H1 STRONG { font-weight: bold; color: #000033; }
H2 { font-size: 12px; font-weight: bold; margin: 13px 0; }
H3 { font-size: 12px; font-weight: normal; color: #0099ff; margin: 13px 0; }
H4 { font-size: 12px; font-weight: bold; margin: 13px 0 0 0; }
.main P, .mceContentBody P { line-height: 20px; margin: 0 0 10px 0; }
.main UL, .mceContentBody UL { list-style: outside square; margin: 0 0 10px 17px; padding: 0; }
.main OL, .mceContentBody OL { list-style: outside; margin: 2px 0 0 17px; padding: 0; }
.main LI, .mceContentBody LI { margin: 2px 0 4px 0; line-height: 20px;  }
.main A, .mceContentBody A { color: Black; }

.homepage { background: url(images/home_page.jpg) no-repeat; width: 974px; height: 611px; }

.breadcrumb { border-bottom: solid 1px #cccccc; font-size: 11px; color: #999999; height: 10px; margin: 0 9px; padding: 11px 0 7px 0; }
.breadcrumb A { color: black; text-decoration: none; border-bottom: 2px solid #999999; }

.content { padding: 12px 0 10px 9px; }
.two_columns { margin-right: 243px; }
.one_column { padding-right: 10px; }

/* product page */
.product_width { width: 970px; max-width: 970px; }
.details_table { margin: 2px 0 0 0; width: 333px; }
.details_table TD { background: url(images/dot_wh_bg.gif) repeat-x bottom left; padding: 11px 0 7px 0; }
.details_table .set_col_width { width: 164px; }

.center_box { width: 100%; height: 100%; }
.center_box TD { text-align: center; vertical-align: middle; padding: 0; }

.tab_bar { background: url(images/tab_bar.gif) repeat-x bottom; height: 32px; margin: -1px 9px 0 9px; }
.tab_bar .tab { height: 32px; float: left; }
.tab_bar .tab A { display: block; height: 22px; padding: 10px 12px 0 9px; color: #0099ff; text-decoration: none; background: url(images/tab_seperator.gif) no-repeat 0 2px; /*IE6*/ float: left; }
.tab_bar .selected { background: url(images/tab_selected_right.gif) no-repeat right top; }
.tab_bar .selected A { background: url(images/tab_selected_left.gif) no-repeat left top; padding-left: 9px; }
.tab_bar .next_tab A { background: none; }
.tab_bar .first A { background: none; padding-left: 2px; }

.product_content { padding-right: 9px; }
.product_images { float: right; margin: 9px 0 0 10px; }
.product_images IMG { border: 0; }
.product_images .last { margin-right: 0; }
.main_image { position: relative; width: 335px; height: 240px; }
.main_image .enlarge { position: absolute; top: 225px; left: 0; }
.thumbnail { float: left; position: relative; width: 76px; height: 55px; margin: 10px 10px 0 0; }
.thumbnail .preview { position: absolute; top: 40px; left: 61px; }
.fourth_image { margin-right: 0; }
.hiddenAtStart { display: none; }
.product_footer_spacer { height: 10px; clear: both; }
.product_footer { height: 30px; padding: 10px 0 0 0; margin: 0 9px; background: url(images/dot_33grey.gif) repeat-x; color: #333333; clear: both; }
.RRP_amount { float: right; font-size: 25px; color: #0099ff; margin: -1px 0 0 3px; }
.RRP_hide { float: right; visibility: hidden; }
.RRP_show { float: right; }
.unsinkable { float: left; margin-left: 8px; }
.whatsThis { margin-top: 1px; font-size: 11px; }

#tabContents2, #tabContents3, #tabContents4 { display: none; }

/* textblock pages */
.right_column { float: right; width: 225px; padding-bottom: 10px; }
.right_column IMG { float: left; margin-top: 10px; }

/* form elements */
.search_field { width: 100px; height: 17px; border: solid 1px #999999; color: #999999; padding: 1px 4px 0 4px; display: block; float: left; /* this removes 1px top margin in IE */ }
.search_button { width: 57px; height: 22px; border: none; margin: 10px 0 3px 53px; }
.image_button { width: 57px; height: 22px; border-left: 8px solid white!important; float: left; }
.dropdown { width: 215px; margin-bottom: 10px; float: left; margin-right: 2px; /* spaces following buttons out evenly, if there are any */ }

.input_when_label_value { color: #999999; }
.input_when_users_value { color: Black; }

/* homepage */
.darkpage { background: white; }
.darkpage .nav_secondary UL { background: url(images/home_page_secondary_nav.png) repeat; }
.darkpage .login { color: black; }
.darkpage .search_field { background: #cccccc; }
.darkpage .search_field { border: solid 1px #666666; color: #666666; }
.darkpage .separator { background: url(images/dot.gif) top left repeat-x;}

/* search results page */
.search_results { margin: 2px 0 0 0; width: 689px; }
.search_results TD { background: url(../images/dot.gif) repeat-x top left; padding: 5px 0 2px 0; line-height: 20px; }
.search_results .col1 { width: 257px; padding-right: 5px; }
.search_results .col2 { width: 78px; }
.search_results .col3 { width: 86px; }

.site_search OL { margin: 9px 0 0 35px; }

/* misc */
.right { text-align: right; }
.spacer { clear: both; height: 1px; font-size: 1px; } 
.highlight { color: #0099ff !important; }
.more_link { text-align: left; margin: -5px 0 16px 0; padding-left: 1px;}

/* dealer */
.middle_border { background: url(images/dot_33grey.gif) repeat-y 360px; width: 360px; padding: 0; }
.dealer_page { margin: 5px 0;}
.dealer_page TD { vertical-align: top; }
.dealer_map { margin: 2px 0 0 33px; }
.dealer_text { padding: 3px 15px 0 7px; }
.dealer_text H3 { margin-top: 24px; margin-bottom: 4px; }