BODY { margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: black; background: url(images/background_gradient.gif) #bfbfbf repeat-x fixed ; }
BODY.mceContentBody { background-image: none; background-color: White; }
SELECT, TEXTAREA { font-family: Arial, sans-serif; font-size: 12px; color: black; border: solid 1px #8c8c8c; }
SELECT OPTION { padding-right: 12px; }
INPUT[type="text"] { font-family: Arial, sans-serif; font-size: 12px; color: black; border: solid 1px #8c8c8c; }

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

/* content width control */
.min_width { width: 850px; max-width: 846px; }
.min_width_huge { width: 990px; max-width: 1085px; } /* this is messy between the pages - clean it up */
.outer_margin { padding-bottom: 10px; }

/* header */
.header { height: 79px; border-bottom: solid 1px white; }
.header, .colour_to_right_1 { background: #06398d; }
.header .site_logo { float: left; margin: 12px 0 0 19px; border: none; }
.header .planit_box { float: right; width: 79px; height: 79px; }
.header .planit_box IMG { margin: 13px 0 0 9px; display: block; border: none; }
.header .yanmar_mase { float: left; margin: 10px 0 0 20px; }

.nav_primary { height: 30px; margin-bottom: 10px; }
.nav_primary, .colour_to_right_2 { background: #06398d; }
.nav_primary UL { display: block; margin: 0; height: 30px; float: left; padding: 0;}
.nav_primary LI { float: left; display: block; margin: 0; padding: 0;}
.nav_primary A { background-repeat: no-repeat; background-position: left -30px; height: 30px; display: block; }
.nav_primary A.button1 { width: 111px; background-image: url(images/button_products.gif) }
.nav_primary A.button2 { width: 160px; background-image: url(images/button_generatorfinder.gif) }
.nav_primary A.button3 { width: 105px; background-image: url(images/button_dealers.gif) }
.nav_primary A.button4 { width: 115px; background-image: url(images/button_aboutus.gif) }
.nav_primary A.button5 { width: 130px; background-image: url(images/button_contactus.gif) }
.nav_primary A.button6 { width: 89px; background-image: url(images/button_home.gif) }
.nav_primary A:hover { background-position: left 0px; }
.nav_primary A.selected { background-position: left -60px !important; } /* !important is for IE6 */

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

.nav_secondary { padding-left: 15px; }
.nav_secondary UL { background: #666666; padding: 0 5px; }
.nav_secondary UL A { border-bottom: solid 1px #999999; }
.nav_secondary UL A:hover { padding-bottom: 0px; border-bottom: solid 3px #999999; }
.nav_secondary_login { padding-top: 3px; padding-left: 5px; }
.nav_secondary .bullet_img { vertical-align: middle; }

.nav_tertiary { margin-left: 10px; }
.nav_tertiary UL { background: #999999; padding: 0 5px; margin-bottom: 10px; }
.nav_tertiary UL A { border-bottom: solid 1px #666666; }
.nav_tertiary UL A:hover { padding-bottom: 0px; border-bottom: solid 3px #666666; }

/* keep this nav_vertical down here to override sec and ter directives */
.nav_vertical UL A.selected { padding-bottom: 0px; border-bottom: solid 3px #de0031;  }
.nav_vertical UL A.icon240 { padding-left: 33px; background: url(images/icon240.gif) 0 5px no-repeat;  }
.nav_vertical UL A.icon400 { padding-left: 33px; background: url(images/icon400.gif) 0 5px no-repeat;  }
.nav_vertical UL A.icontwin { padding-left: 33px; background: url(images/icontwin.gif) 0 5px no-repeat;  }

.separator { background: #999999; height: 1px; font-size: 1px; }
.bullet_gt { color: #df0031; }
/*.bullet_img { vertical-align: top; }*/
.login { color: black; font-size: 13px; font-weight: bold; }

/* main content area */
.main { } /* basically replaced by cutoff_container */
.with_one_nav { width: 710px; }
.with_one_nav_small { width: 370px; }
.with_two_navs { width: 590px; }

.breadcrumb { font-size: 11px; font-weight: bold; color: #999999; background: white; margin: 0; padding: 10px 0 9px 5px; /* border-bottom: solid 1px #999999; */ }
.breadcrumb .bullet_img { vertical-align: middle; margin: 0 7px 0px 7px; }
.breadcrumb A { color: black; text-decoration: none; border-bottom: 2px solid #cccccc; }

.cutoff_container { margin-left: 10px; float: left; }
.cutoff_container .cutoff_corner_top { /*margin: 1px 1px 0 1px; */ border: solid 1px #999999; border-bottom: none; background: white; }
.cutoff_container .cutoff_corner_bottom { clear: both; }
.cutoff_container .cutoff_corner_bottom .bottom_left { float: left; }
.cutoff_container .cutoff_corner_bottom .bottom_middle { margin: 0 25px 0 15px; background: url(images/cutoff_corner_bm.png); padding-top: 35px; }
.cutoff_container .cutoff_corner_bottom .bottom_right { float: right; }

.content_area { margin-top: 5px; background: white; }
.content { margin: 0; width: 100%; }
.content TD { vertical-align: top; }
.content2 { padding: 15px 10px 0 9px; min-height: 324px; } /* content that isn't in a table */
.peekaboofix { height: 1%; }

/* copy these to admin.css to make them work in the mceEditor dropdown */
H1 { font-family: Arial, Sans-Serif; font-size: 26px; font-weight: bold; color: #df0031; margin: 0 0 13px 0; line-height: 32px; }
H2 { font-family: Arial, sans-serif; font-size: 15px; font-weight: bold; color: #06398d; margin: 13px 0; }
H3 { font-family: Arial, sans-serif; font-size: 25px; font-weight: bold; color: #df0031; margin: 13px 0; line-height: 35px; }
H4 { font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; color: black; margin:  0 0 11px 0; line-height: 25px; }
H5 { font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; color: black; margin:  0 0 11px 0; line-height: 25px; }
H6 { font-family: Arial, sans-serif; font-size: 15px; font-weight: bold; color: #1f4b94; margin: 15px 0 0 0; padding: 0; background: white; text-align: left; }

.main P, .mceContentBody P { line-height: 20px; margin: 0 0 10px 0; font-size: 13px; }
.main UL, .mceContentBody UL {  list-style: square url(images/bullet.gif) outside; margin: 0 0 10px 17px; padding: 0; }
.main OL, .mceContentBody OL { list-style: outside; margin: 2px 0 0 23px; padding: 0; }
.main LI, .mceContentBody LI { margin: 2px 0 4px 0; line-height: 20px;  }
.main A, .mceContentBody A { color: Black; }

/* home page */
.homepage { position: relative; width: 800px; height: 440px; padding: 35px 0 0 35px; background: url(images/background_home.gif) no-repeat 0 0; }
.homepage H1 { color: #06398d; width: 340px; font-size: 18px; font-weight: bold; line-height: 26px; }
.homepage .logo_strip { width: 500px; height: 74px; padding-top: 1px; margin: 26px 0 20px -36px; border-top: solid 2px #ff0000; background: white; }
.homepage .logo_strip .bottom_shadow { padding-top: 8px; background: url(images/bottom_shadow.png) repeat-x; border-top: solid 2px #ff0000; }
.homepage P { color: #06398d; width: 310px; font-size: 13px; font-weight: bold; line-height: 25px; margin-bottom: 7px; }
.homepage #rotator { position: absolute; top: 0px; left: 350px; }

/* textblock pages */
.textblock .column1 { padding: 15px 20px 0 9px; }
.textblock .column2 { padding: 5px 10px 10px 10px; width: 210px; }
.textblock .column2 IMG { float: left; margin-top: 10px; }
.textblock .column2 P.caption { font-size: 11px; line-height: 15px; margin-bottom: 0; clear: left; }

/* product list */
.product_list { padding: 10px; }
.product_list .stripebar { margin: 10px 0; }
.product_list .filter { margin: 0 0 13px 0; font-weight: bold; color: #1f4b94; }

.product_list TABLE { width: 100%; }
.product_list TD, .product_list TH { width: 10%; }

/* common things used on product_list and generator_finder_results */
.product_table { border-collapse: collapse; }
.product_table TD, .product_table TH { padding: 0; border: solid 1px white; text-align: center; vertical-align: middle; height: 20px; font-family: Arial, Sans-Serif; background: white; }
.product_table .product_name TD { height: 34px; padding: 0 8px; text-align: right; font-family: Arial, Sans-Serif; font-size: 20px; color: white; background: #000034; }
.product_table .product_name .product { float: left; }
.product_table .product_name .product A { color: White; text-decoration: none; }
.product_table .product_name .product IMG { margin-left: 6px; border: none; }
.product_table .product_name .product .brand { color: #df0031; }
.product_table .product_name .rrp { font-size: 12px; vertical-align: baseline; }
.product_table .product_name .exgst { font-size: 12px; vertical-align: top; }
.product_table .header_group TD { font-size: 12px; font-weight: bold; color: white; background: #999999; }
.product_table TH { border-bottom: none; font-size: 11px; font-weight: bold; background: #cbcbcb; }
.product_table .details TD { border-top: none; font-size: 11px; background: #e5e5e5; }
.product_table .details TD.max { color: #1f4b94; font-weight: bold; }
.product_table .details .icon_240plug, TD.icon_240plug { background: #df0031 url(images/icon240plug.gif) no-repeat center center; color: #df0031; font-size: 1px; text-align: left; }
.product_table .details .icon_400plug, TD.icon_400plug { background: #1f4b94 url(images/icon400plug.gif) no-repeat center center; color: #1f4b94; font-size: 1px; text-align: left; }
.product_table .details .icon_twinplug, TD.icon_twinplug { background: #1f4b94 url(images/icontwinplug.gif) no-repeat center center; color: #1f4b94; font-size: 1px; text-align: left; vertical-align: bottom; }
.product_table .details TD.icon_1500 { background: #4368a5 url(images/icon1500.gif) no-repeat center center; color: #4368a5; font-size: 1px; text-align: left; }
.product_table .details TD.icon_3000 { background: #869ec5 url(images/icon3000.gif) no-repeat center center; color: #869ec5; font-size: 1px; text-align: left; }
.product_table .details TD.icon_open { background: #80447c url(images/iconopen.gif) no-repeat center center; color: #80447c; font-size: 1px; text-align: left; }
.product_table .details TD.icon_closed { background: #a4479c url(images/iconclosed.gif) no-repeat center center; color: #a4479c; font-size: 1px; text-align: left; }

/* product page specific */
.product_detail { margin-top: 5px; border: solid 10px white; }
.product_detail TABLE { width: 100%; }
.product_detail TD, .product_list TH { width: 10%; }
.product_detail .product_name { padding: 2px 0 12px 0; line-height: 35px; font-family: Arial, Helvetica, Sans-Serif; font-size: 26px; font-weight: bold; color: #06398d; background: white; }
.product_detail .product_name TD { font-family: Arial, Helvetica, Sans-Serif; font-size: 18px; font-weight: bold; }
.product_detail .product_name .brand { color: #df0031; }
.product_detail .tabs { background: url(images/line_grey.gif) repeat-x left bottom; height: 35px; }
.product_detail .tabs P { float: right; font-size: 12px }
.product_detail .tabs .tab { display: block; text-decoration: none; padding: 12px 0 0 10px; font-weight: bold; color: White; float: left; width: 155px; height: 18px; background: url(images/product_tabs.gif) no-repeat bottom left; margin: 5px 1px 0 0; }
.product_detail .tabs .selected { background-position: top left; color: Black; }
.product_detail #contents2 { display: none; }
.product_detail .specs { width: 100%; border-top: solid 15px white; }
.product_detail .specs TD { padding: 0; vertical-align: top; background: white;}
.product_detail .spec_details {  width: 345px }
.product_detail .spec_details TABLE { width: 335px; border-top: solid 1px #999999; border-bottom: solid 1px #999999; margin: -7px 0 15px 0; }
.product_detail .spec_details TD { border-top: solid 1px #cccccc; vertical-align: middle; padding: 10px 0 8px 7px; width: 50%; }
.product_detail .spec_details .top_row TD { border-top: none; }

.product_detail H3 A { color: #999999; }
.product_detail .image_area { width: 345px; height: 300px; }
.product_detail .image_area IMG { display: block; border: solid 10px white; border-bottom-width: 0; float: right; }
.product_detail .enlarge { width: 340px; background: white; padding-bottom: 13px; float: right; }
.product_detail .enlarge IMG { border: none; }
.product_detail .price { height: 49px; padding: 1px 6px 0 0; color: #000034; font-family: Impact, Arial, Sans-Serif; font-size: 40px; float: right; }
.product_detail .price .rrp { font-size: 13px; vertical-align: baseline; }
.product_detail .price .exgst { font-size: 13px; vertical-align: top; }
.product_detail .downloads { background: #e6e6e6; padding: 0 11px 11px 11px; margin-left: 20px; border-top: solid 10px white; }
.product_detail #contents1 { padding: 0 10px; }

/* form elements */
INPUT.search_field { width: 110px; 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: 55px; height: 20px; border: none; margin: 10px 0 6px 65px; }
.image_button { width: 55px; height: 20px; 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.input_when_label_value, TEXTAREA.input_when_label_value { color: #999999; }
INPUT.input_when_users_value, TEXTAREA.input_when_users_value { color: Black; }

/* contact us */
.contact_us_form { margin-bottom: 4px; }
.contact_us_form .field { width: 215px; margin-bottom: 4px; display: inline; padding: 2px 0 1px 2px; }
.contact_us_form TEXTAREA { width: 444px; margin-bottom: 4px; padding: 2px 0 1px 2px; }
.contact_us_form .col1 { margin-right: 10px; }
.inline_select { float: left; margin-right: 1px; }
.contact_us_area .image_button { float: right; }
.contact_us_popup { background: white; }
.contact_us_popup .image_button { float: left; }

/* search results page */
.search_results { margin: 2px 0 0 0; width: 689px; }
.search_results TD { background: url(images/dot_99grey.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: #df0031 !important; }
.more_link { text-align: left; margin: -5px 0 16px 0; padding-left: 1px;}
.stripebar { background: #999999; font-size: 1px; height: 1px;}

/* dealer */
.dealer_page { border-top: solid 15px white; border-bottom: solid 15px white; margin-top: 5px;}
.dealer_page .column1 { background: white; width: 325px; padding: 0 10px; }
.dealer_page .column1 H4 { margin: 0 0 -7px 0; }
.dealer_page .column1 H2 { margin-top: 18px; margin-bottom: 4px; }
.dealer_page .column2 { border-right: 1px solid #999999; } /* this was originally used to shine through background */
.dealer_page .column3 { background: white; }
.dealer_map { margin: 2px 0 0 41px; }

/* generator finder */
H1 .description { color: Black; }
.wizard { width: 100%; }
.step { background: #f0f0f0; padding: 10px 0 0 8px; height: 170px; border-bottom: 10px solid white; clear: both; }
.step .number { font-size: 150px; line-height: 140px; font-weight: bold; color: #df0031; float: left; margin: 0 17px 0 0; }
.helplink, .helplink A { color: #df0031; font-size: 11px; }
.AspNet-RadioButtonList UL { list-style: none none outside; margin-left: 100px; }
.AspNet-RadioButtonList LI { padding-left: 21px; text-indent: -21px; }
.AspNet-RadioButtonList LI INPUT { margin-right: 5px; }
.navigation { background: white; padding: 0 10px 10px 10px; }
.show_results { float: left; }
.icon_240plug_inv { background: url(images/icon240plug_inv.gif) no-repeat top left; font-size: 17px; color: #f0f0f0; text-align:left;  }
.icon_400plug_inv { background: url(images/icon400plug_inv.gif) no-repeat top left; font-size: 17px; color: #f0f0f0; text-align:left; }
.icon_1500_inv { background: url(images/icon1500_inv.gif) no-repeat top left; font-size: 17px; color: #f0f0f0; text-align:left;  }
.icon_3000_inv { background: url(images/icon3000_inv.gif) no-repeat top left; font-size: 17px; color: #f0f0f0; text-align:left; }
.power_required { font-size: 14px; font-weight: bold; }
.power_required INPUT { text-align: center; width: 60px; }
.power_required .error { font-weight: normal; }

/* generator finder results page */
.generator_finder_results { margin-top: 5px; border-bottom: solid 9px white; }
.generator_finder_results .separator { background: none; border-top: solid 8px white; border-bottom: solid 8px white; font-size: 5px; padding: 0; height: 5px; }
.generator_finder_results .border { width: 10px; border-left: none!important; border-right: none!important; background: white!important; font-size: 1px!important; padding: 0!important; height: auto!important; }
.generator_finder_results .col_wide  { width: 80px; }
.generator_finder_results .col_thin  { width: 65px; }
.generator_finder_results .col_adjust  { width: 64px; }
.generator_finder_results H1 { background: white; margin: 0; padding: 13px 10px 7px 10px; }
.generator_finder_results H6 { background: white; margin: 0; padding: 7px 10px 4px 10px; }
.generator_finder_results .other_generators { border: none; border-top: solid 10px white; background: none; padding-top: 20px; }

/* popup */
.popup { background: white; }
.popup .main { padding-right: 10px; }
.popup .close { float: right; font-family: Sans-Serif; font-size: 20px; font-weight: bold; text-decoration: none; color: #df0031; margin-right: 3px; }

/* power calculator */
/* common styles */
.power_calc TABLE { width: 100%; }
.power_calc TD { border-bottom: solid 1px #cccccc; height: 30px; font-size: 14px; }
.power_calc INPUT { text-align: center; }
.power_calc .description { padding-left: 5px; border-left: solid 1px #cccccc; }
.power_calc .watts, .power_calc .quantity { background: #f0f0f0; text-align: center; width: 100px; font-weight: bold; }
.power_calc .spacer { width: 20px; }
.power_calc .last { border-right: solid 1px #cccccc; }
/* header rows */
.power_calc TH { background: #cccccc; font-size: 15px; height: 20px; font-weight: bold; text-align: left; padding: 0; }
.power_calc TH.description { padding-top: 2px; height: 18px; }
.power_calc TH A { float: right; width: 61px; height: 20px; color: #1f4b94; font-size: 1px; background: url(images/show_hide.gif) no-repeat; }
.power_calc TH A.hide { background-position: 0 0; }
.power_calc TH A.show { background-position: 0 -20px; }
.power_calc .col_header { border: none; }
.power_calc .col_header TD { color: #666666; font-size: 11px; font-weight: normal; border-bottom: none; height: 17px; padding-top: 8px; }
/* line rows */
.power_calc .calc_line .description INPUT { border: none; }
.power_calc .converter_icon { width: 30px; }
.power_calc .converter_icon IMG { border: none; }
.power_calc .calc_line .quantity INPUT { width: 20px; }
.power_calc .calc_line .watts { text-align: left; padding-left: 7px; width: 93px; }
.power_calc .calc_line .watts INPUT { width: 50px; margin-right: 4px; }
.power_calc .just_inserted { border: solid 2px red; }

.power_calc .watts SPAN, .power_calc .watts INPUT, .power_calc .quantity INPUT, .power_calc .converter_icon A { visibility: hidden; }
.power_calc .show_row .watts SPAN, .power_calc .show_row .watts INPUT, .power_calc .show_row .quantity INPUT, .power_calc .show_row .converter_icon A { visibility: visible; }

.power_calc .error { color: Red; font-weight: bold; }
.power_calc .hidden { display: none; }
/* footer rows */
.power_calc .calc_footer { margin-bottom: 19px; }
.power_calc .subtotal { color: #df0031; font-size: 16px; font-weight: bold; }
.power_calc .subtotal .watts, .power_calc .subtotal .quantity { font-size: 18px; text-align: center; }
.power_calc .main_footer { border-top: solid 1px #cccccc; margin-bottom: 10px;}
.power_calc .main_footer TD { border-bottom: solid 2px #cccccc; }
.power_calc .main_footer .description { border-left: none; }
.power_calc #grand_total_display { font-size: 26px; color: White; background: #df0031; text-align: right; padding: 4px 130px 0 0; border-bottom: solid 10px white; }

/* converter */
.converter { padding: 0 10px 10px 10px; }
.converter H1 { padding-top: 10px; }
.converter SELECT { width: 100%; }
.converter .arrow_down { background: url(images/arrow_down.gif) no-repeat 38px 20px; height: 30px; margin-bottom: 0; }
.converter_table { font-size: 12px; padding: 0; display: none; }
.converter_table TH { border-right: solid 1px white; border-bottom: solid 1px white; background: #999999; color: White; text-align: center; vertical-align: middle; height: 20px; font-family: Arial, Sans-Serif; }
.converter_table TD { height: 25px; border-right: solid 1px white; }
.converter_table H2 { margin: 5px 0; }
.converter_table .user_input { width: 86px; padding: 0; background: #ff9900; }
.converter_table TH.user_input { border-bottom: solid 1px #ff9900; }
.converter_table TD.user_input { padding: 0 5px 0 5px; }
.converter_table .user_input INPUT { text-align: center; height: 15px; width: 78px; }
.converter_table .arrow_right { background: white url(images/arrow_right.gif) no-repeat center center; width: 13px; }
.converter_table .constant { color: Black; background: #cbcbcb; text-align: center; font-family: Arial, Sans-Serif; }
.converter_table .result { color: Black; background: #ffff00; font-weight: bold; text-align: center; font-family: Arial, Sans-Serif; }
.converter .insert { float: right; margin: 10px 1px 0 0;  }
.converter .insert IMG { border: none; }
.input_wrapper { background: white; border: solid 1px black; border-right: solid 1px #999999; border-bottom: solid 1px #999999; }
.input_wrapper INPUT { border: none; }