/*============================================================ Essentials ============================================================*/ html { margin: 0; padding: 0; border: none;} body { text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #716D69; background:#4d4943 url('../grfx/img/bg.gif') repeat-x top left; /*background-color: #c7c4be;*/ margin: -12px 0 20px 0;} ul li { list-style: none;} h1 { font: bold 18px/1.1em "Arial", Helvetica, sans-serif; margin-bottom: .6em; color: #494846;} h2 { margin-bottom: .2em; font-weight: bold; color: #fff; font-size:20px;} h3 { margin-bottom: .2em; font-weight: bold; color: #756f6a;} h4 { font-size: 12px; margin: .2em 0; font-weight: bold; color: #756f6a;} h5 { font: 700 11px/1.3em Arial, Helvetica, sans-serif; margin: .2em;} h1.prod { color: #fff; font-weight: bold;} p { margin-bottom: 1.5em; margin-top: .2em; color: #756f6a; } a { text-decoration: none;} .highlight a:link, .highlight a:visited { color: #888785;} a:link, a:visited { color: #716D69;} a:hover, a:active { color: #716D69; text-decoration: underline;} a img {border: none;} /*============================================================ Wrapper ============================================================*/ #Site-Wrapper { text-align: left; width: 1040px; margin: 0 auto; padding:0; background:url('../grfx/img/bg-wrap.png') no-repeat top left; } /*#wrapper { background: transparent url(../grfx/img/bkg_content_top.jpg) no-repeat top left; padding:0 10px 5px;}*/ /*============================================================ Header ============================================================*/ #header { /*background: url(../grfx/img/bg-header.gif) no-repeat top left;*/ width: 1040px; height: 224px; padding: 0; margin: 0; position:relative; } #website-logo-wrapper h1 { display:none;} #global-tel-wrapper { position:absolute; top: 45px; right:138px;} #global-tel-summary { background: url('../grfx/img/global-tel-no.gif') no-repeat top left; width:130px; height: 10px; display:block; text-indent:-9999px; } #tagline-wrapper { position:absolute; top: 66px; right:138px;} #tagline-summary { background: url('../grfx/img/tagline.gif') no-repeat top left; width:347px; height: 16px; display:block; text-indent:-9999px; } #header-nav-wrapper { position:absolute; top: 100px; right:138px;} #header-nav-wrapper ul {} #header-nav-wrapper ul li { float:left; width:auto; padding:0 10px; background: url('../grfx/img/divider.gif') no-repeat top right; } #header-nav-wrapper ul li.last { float:left; width:auto; padding:0 0 0 10px; background:none;} #primary-nav-wrapper { position:absolute; bottom: 0; left:145px;} #primary-nav-wrapper ul { margin:0; position:relative; width:745px; padding:0 0 0 5px;} #primary-nav-wrapper ul li { float: left; width:auto;} #primary-nav-wrapper ul li.last { position:absolute; top:0; right:0; } #primary-nav-wrapper ul li a { color:#fff; /*width:55px;*/ font-size:0.9em; text-align:center; height:19px; /*padding:11px 0 0 0;*/ padding:11px 5px 0 5px; display:block; border-left:#393836 1px solid;} /*#primary-nav-wrapper ul li a#TopBanner1_lnkLT800 { background:url('../grfx/img/nav1.gif') no-repeat top left;} #primary-nav-wrapper ul li a#TopBanner1_lnk1200 { background:url('../grfx/img/nav-2.gif') no-repeat top left;} #primary-nav-wrapper ul li a#TopBanner1_lnk1200ta { background:url('../grfx/img/nav-3.gif') no-repeat top left;} #primary-nav-wrapper ul li a#TopBanner1_lnk1500 { background:url('../grfx/img/nav-4.gif') no-repeat top left;} #primary-nav-wrapper ul li a#TopBanner1_lnk1500ta { background:url('../grfx/img/nav-5.gif') no-repeat top left;} #primary-nav-wrapper ul li a#TopBanner1_lnkHB12 { background:url('../grfx/img/nav-6.gif') no-repeat top left;} #primary-nav-wrapper ul li a#TopBanner1_lnkUC { background:url('../grfx/img/nav-7.gif') no-repeat top left;} #primary-nav-wrapper ul li a#TopBanner1_lnkCC { background:url('../grfx/img/nav-8.gif') no-repeat top left;} #primary-nav-wrapper ul li a#TopBanner1_lnkCT { background:url('../grfx/img/nav-9.gif') no-repeat top left;}*/ #primary-nav-wrapper ul li#TopBanner1_lnkaccess a { border-right:#393836 1px solid;} #primary-nav-wrapper ul li#TopBanner1_lnkCart a { width:157px; display:block; background:url('../grfx/img/button-basket.gif') no-repeat top left; text-align:left; padding:11px 0 0 25px;} #primary-nav-wrapper ul li a:hover { color:#ffcc00; text-decoration:none;} /*============================================================ Menu ============================================================*/ /*#menu { display:block; height:30px; min-height:30px; background: #292726 url(../grfx/img/bkg_nav.jpg) top no-repeat; width:750px; border-top: 3px solid #ECC840;} #menu ul { margin:0; padding:0 0 0 10px; list-style-type:none; border-left: 1px solid #333230;} #menu li { display:block; float:left; width:95px; border-right: 1px solid #252422; border-left: 1px solid #333230;} #menu li.list1t { border-left: 1px solid #333230;} #menu li.list2t {} #menu li.list3t {} #menu li.list4t {} #menu li.list5t {} #menu li.list6t {} #menu a { display:block; width:95px; padding-top:8px; padding-bottom:8px; color:#F6F6F1; text-decoration:none; text-align:center; font-size: 11px; font-weight:bold;} #menu a#item1t {} #menu a#item2t {} #menu a#item3t {} #menu a#item4t {} #menu a:hover {color:#fc0;}*/ /*============================================================ Content Area ============================================================*/ #content, #Layout1-Wrapper { background: #fff; margin: 0 0 0 138px; width: 758px; padding:0 0 10px 6px;} #content h1 { margin:0; padding:10px 0;} #contentHome { background: #fff; margin: 0 0 0 138px; width: 757px; padding:0 0 10px 7px;} /*#mainHome { width: 750px;}*/ #main { width:569px; padding:0 47px 0 0; } #right { width:181px; margin:0; padding:0 0 0 3px;} /*============================================================ Content Company Info/About/News/Etc ============================================================*/ #content-page { font-size: 11px; line-height: 16px; padding:25px 35px;} #content-page ul { margin:0; padding:10px 0;} #content-page li { padding: 4px 20px;} #content-page ul#dwnlds { margin:0; padding:0;} #content-page ul#dwnlds li { padding: 0 0 2px 15px; background: transparent url(../grfx/img/icon_dwnld2.gif) no-repeat top left;} /*============================================================ Flash Content ============================================================*/ #flashcontent { padding:0 5px 3px 0; background:url('../grfx/img/bg-flash-inset.gif') no-repeat top right; margin:3px 0 0 0; } #flashcontent-home { padding:0 0px 3px 0; margin:3px 0 0 0; } #hbflashcontent { background:url('../grfx/img/HB12-main.jpg') no-repeat top left; display:block; width:560px; height:307px; padding:0 0 0 0; margin:3px 0px 3px 0; border-right:5px #eed057 solid; } #ucflashcontent { background:url('../grfx/img/Utility-Cart-Beauty-Shot.jpg') no-repeat top left; display:block; width:560px; height:307px; padding:0 0 0 0; margin:3px 0px 3px 0; border-right:5px #eed057 solid; } #ccflashcontent { background:url('../grfx/img/Polar-Cub-Cart-loading-rock.jpg') no-repeat top left; display:block; width:560px; height:307px; padding:0 0 0 0; margin:3px 0px 3px 0; border-right:5px #eed057 solid; } #ctflashcontent { background:url('../grfx/img/4CubTrailerInset-B.jpg') no-repeat top left; display:block; width:560px; height:307px; padding:0 0 0 0; margin:3px 0px 3px 0; border-right:5px #eed057 solid; } #hbflashcontent p, #ucflashcontent p, #ccflashcontent p, #ctflashcontent p { text-indent:-9999px;} /*============================================================ Product Page (Main Column) ============================================================*/ #prod-intro { color: #E4E0D7; background: #3C3733 url('../grfx/img/bkg_prod_title.gif') no-repeat top left; font-size:11px; line-height:15px; width:565px; padding:0 0 20px 0; min-height:100px; height:auto !important; height:100px;} #prod-intro h2 { margin:0; padding:0 0 8px 0;} #prod-intro span.yellow { color:#ECC840; font-weight:bold;} #ltseries { background:url('../grfx/img/lt-series.gif') no-repeat top left; padding:18px 40px 0 90px; height:102px;} #hdseries { background:url('../grfx/img/hd-series.gif') no-repeat top left; padding:18px 40px 0 90px; height:102px;} #taseries { background:url('../grfx/img/ta-series.gif') no-repeat top left; padding:18px 40px 0 90px; height:102px;} #hbseries { background:url('../grfx/img/hb-series.gif') no-repeat top left; padding:18px 40px 0 90px; height:102px;} #cubcart { background:url('../grfx/img/cub-cart.gif') no-repeat top left; padding:18px 40px 0 90px; height:102px;} #cubtrailer { background:url('../grfx/img/cub-trailer.gif') no-repeat top left; padding:18px 40px 0 90px; height:102px;} #utilitycart { background:url('../grfx/img/utility-cart.gif') no-repeat top left; padding:18px 40px 0 90px; height:102px;} #prod-intro img.hdr { padding:12px 0 3px 0;} #prod-features { width:260px; margin-top:10px; margin-bottom:10px; padding: 10px 10px 15px 0; font: normal 11px/1em Arial, Helvetica, sans-serif; background: transparent url(../grfx/img/dotline_horz.gif) repeat-y top right;} #prod-features ul/*, #content-page.sitemap ul*/ { margin:0; padding:2px 0 0;} /*#content-page.sitemap li { padding: 2px 0 5px 40px; background: transparent url(../grfx/img/icon_list_light.gif) no-repeat top left; }*/ #prod-features li { padding: 5px 0 5px 40px; background: transparent url(../grfx/img/icon_list_light.gif) no-repeat top left;} #prod-features li.odd { background: #eeeee4 url(../grfx/img/icon_list_light.gif) no-repeat top left;} #prod-features ul#dwnlds { margin:0; padding:0; padding-top:10px;} #prod-features ul#dwnlds li { padding: 2px 0 2px 40px; background: transparent url(../grfx/img/icon_dwnld.gif) no-repeat top left;} #prod-features ul#dwnlds li.hdr, #prod-features li.hdr { font-weight:bold; background: none; padding-left:30px; font-size:11px;} #prod-acc .hdr { font-weight:bold; background: none; font-size:11px;} #prod-acc { font: normal 11px/1.2em Arial, Helvetica, sans-serif;} .col1 { width:125px; padding:15px 10px 25px 10px;} .col2 { width:120px; padding:15px 10px 25px 0; } #prod-acc img { padding:5px 0 8px 0;} /*============================================================ Product Page (Right Column) ============================================================*/ #prod-specs { background:url('../grfx/img/bg-product-spec.gif') no-repeat top left; width:181px; padding:8px 0 0 0; } #prod-specs ul { margin:0; padding: 0;} #prod-specs li { border-bottom:1px solid #f0f0ec; padding: 4px 0 6px 10px; font-size: 10px;} #prod-specs li.first { border-top:1px solid #f0f0ec; font-size: 11px; } #prod-specs li.hdr { font-weight:bold; background: #3e3a39; color: #E0DED9; padding-top:6px;} #prod-specs .profile { padding: 0 0 5px 10px;} #prod-specs li.last { border: none;} #prod-specs .price { background:url('../grfx/img/price.gif') no-repeat top left; width:181px; height:61px; display:block; color:#fff; font-size:3.5em; padding:40px 0 0 0; font-weight:bold; font-style:italic; text-align:right; margin:0;} #prod-specs .price strong { display:none;} #prod-specs .buttons { background:url('../grfx/img/button-addtobasket.gif') no-repeat top left; width:159px; height:21px; display:block; text-transform:uppercase; padding:8px 0 0 22px;} #prod-specs .buttons a { color:#FFF;} #prod-specs .buttons a:hover { text-decoration:none;} #prod-cart { background:url('../grfx/img/bg-prod-cart.gif') no-repeat top left; width:181px; height:210px; display:block;} #prod-cart ul { display:none;} /*#prod-cart ul { margin:0; margin-left:1px; padding:0; font-size:11px; font-weight: bold;} #prod-cart li { padding: 4px 20px; border-bottom:1px solid #dfdfd7; border-top:1px solid #f4f4eb;} #prod-cart a { color: #A9A5A1; text-decoration:none;} #prod-cart a:hover { color: #C3C1BF; text-decoration: none;} #contactForm { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #716D69;}*/ /*============================================================ Footer ============================================================*/ #footer { margin: 0 0 0 138px; width:729px; padding:21px 14px 0 21px; background:url('../grfx/img/bg-footer.png') no-repeat top left; position:relative;} #footer-nav-wrapper { display:block; padding:0; margin:0;} #footer-nav-wrapper ul { padding:0; margin:0;} #footer-nav-wrapper ul li { float:left; width:auto; padding:0 10px 0 5px; background:url('../grfx/img/footer-div.gif') no-repeat center right;} #footer-nav-wrapper ul li.first { padding:0 10px 0 0px;} #footer-nav-wrapper ul li.last { padding:0 0px 0 5px; background:none;} #footer-nav-wrapper ul li a { color: #a6a191; text-decoration:none; font-size:0.9em;} #footer-nav-wrapper ul li a:hover { text-decoration:underline;} #copyright-wrapper { clear:left; color: #a6a191; font-size:0.9em; display:block; padding:3px 0 0 0; margin:0;} #relatedsites-wrapper { position:absolute; top:41px; right:14px;} #relatedsites-wrapper h3 { float:left; margin:0; padding:2px 4px 0 0; color: #a6a191; font-size:0.9em;} #relatedsites-wrapper #relatedsites-select { float:left;} #relatedsites-wrapper #relatedsites-select select.txtfield { font-size:0.9em; color:#666666; margin-top:0 !important;} #locations-wrapper { display:none;} #company-address-wrapper { margin:78px 0 0 0; color:#fff; font-size:0.9em;} #author-wrapper { position:absolute; top:125px; right:14px;} #author-wrapper a { background:url('../grfx/img/media52.gif') no-repeat top left; width:102px; height:15px; display:block; text-indent:-9999px;} #company-vat-wrapper { color:#fff; font-size:0.9em; padding:4px 0 0 0;} #contact-details-wrapper { color:#fff; font-size:0.9em; margin:19px 0 0 0;} #contact-details-wrapper span.row-email { background:url('../grfx/img/contact-div.gif') no-repeat center right; padding:0 3px 0 0; margin:0 3px 0 0;} #contact-details-wrapper span.row-email span.label-email { display:none;} #contact-details-wrapper a { color:#fff;} #contact-details-wrapper span.row-tel span.label-tel { padding:0 2px 0 0;} #Footer-Navigation-Container { display:none;} /*============================================================ Misc ============================================================*/ #logo { float: left; display: block; margin-top: 85px;} .txtfield { color: #716D69; font:normal 10px/1.5em Arial, Helvetica, sans-serif; margin-top:.4em; } #disclaimer { font-size: 9px; padding-left:20px; margin-top:5px; line-height:12px;} .clear { clear:both;} .yellow { color: #ECC840; font-weight:bold;} .clamcorp { float: right; padding: 0 15px 0 0; width: 185px;} #horline { margin: 10px 0; border-bottom: 1px solid #dddbd6;} #horline.addtocart { margin: 5px 0 8px;} #formFields { padding: 2px 10px;} #formFields.dark { background: #f5f4ed; border-bottom: 2px solid #fff; padding: 2px 10px;} .textfieldDark { background: #f5f4ed;} #extSites { margin-top:5px;} /* RWZ 1/29/07 */ .dealerheader { font: 10px Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; line-height: 14px; background: #56514E; padding: 3px 5px;} .dealerdata { font: 10px Arial, Helvetica, sans-serif; color: #716D69; padding: 4px 0;} .nodealers { font: 11px arial, helvetica, sans-serif; color: Red;} .clamimgfooter { float:left; margin-right: 10px;} .orderdetailheader { font: 10px Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; line-height: 14px; background-color: #494949; padding: 3px 5px;} #cartbuttons {} .signinheader { background-color: #E7C02B; font: 14px Arial, Helvetica, sans-serif; color: Black; font-weight: bold; line-height: 18px;} .signinlabels { font: 12px Arial, Helvetica, sans-serif; text-align: right;} #salesenquiries, #salesNo { visibility:hidden; } #free-delivery { float:left; margin:-125px 0px 0px 688px; display:none; } #flashcontent-prodseries { } #Footer-Contact-Details-Wrapper { text-align:center; background:#b0b0a3; padding:10px; margin:0px -10px -10px -10px;} /*////// Additions //////*/ #Footer-Author { width:200px; margin-top:-15px; } .clamcorp { text-align:right; right:0; margin-right:-30px; } .clamcorp select { width:110px ; right:0; } td.dark select, td.formFields select { width:250px; border: 1px solid #969696; height:18px; margin-bottom:5px;} td.formFields input[type=text] { width:250px; border: 1px solid #969696; height:18px; margin-bottom:5px; } #txtMessage { width:420px; border: 1px solid #969696; } /* ------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------- */ #Header-Wrapper { visibility:hidden; height:0; width:0} #home-columnB, #Layout1-ColB-Wrapper { width:600px; position:relative; } #Footer-Contact-Details-Wrapper { text-align:center; background:#b0b0a3; padding:10px; margin:0px -10px -10px -10px;}