@charset "UTF-8"; /* Global */ body { font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin: 0; margin-bottom: 15px; padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ } a img { border: none; } .oneColFixCtr #container { position: relative; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ width: 900px; } .blueText, .shimglobal_movieplayer .title { font-weight: bold; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0; width: 0; } .icon { vertical-align: bottom; } .subheadline { font-size: 1.2em; font-weight: bold; } .nolink { cursor: default; } .listBar { padding-bottom: 10px; } .listBar .button { margin-left: 10px; } .listHeader { font-size: 1.2em; font-weight: bold; min-height: 20px; height: auto !important height: 20px; padding: 3px; } .listHeader .date { float: right; font-size: 0.75em; } .listIntro { padding-bottom: 10px; padding-top: 5px; } .listIntro img { float: left; margin-bottom: 5px; margin-right: 5px; } #listContainer { padding: 5px; } #listMain { font-size: 1.2em; padding: 15px; } #listContent { float: left; margin-right: 15px; width: 500px; } #listContainer ul { line-height: 1.8em; } .listCategory { font-size: 1.6em; font-weight: bold; padding-bottom: 10px; } #header { position: relative; z-index:1; } #logobar { height: 57px; text-align: left; } #logobox .shimglobal_image { float: left; font-size: 0; } #searchform { /* left: 700px; position: absolute; top: 60px; z-index: 99; */ display:inline; float:right; margin-top:5px; margin-right:8px; } #menuContainer { height: 28px; margin-top: 0; padding-left: 10px; position:relative; } #crumbBar { height: 15px; margin: 0; } #crumbMenu { float: right; height: 13px; margin: 0; padding-top: 2px; padding-left: 10px; padding-right: 10px; text-align: right; } .oneColFixCtr #mainContent { clear: both; margin: 0; padding: 0; } #postContent { margin: 0; padding: 0; } #footer { margin-top: 10px; } #footmenu { float: right; text-align:right; } #footswap a.link, #footswap a.hover, #footswap a.visited, #footswap a.active, #footswap a { padding-left: 3px; } #footswap { padding-top: 3px; text-align: right; width: 500px; } #languageSelector { position: relative; float: right; display: inline; text-align: right; margin-top: 5px; margin-right: 10px; } #languageSelector img { height:22px; } #languageList { position: absolute; top: 25px; left: -175px; width: 200px; text-align: left; } #languageList .title_bar { padding: 5px; } #languageList .title_bar .title { float: left; } #languageList .close { display: block; float: right; padding-right: 18px; } #languageList .languages { padding: 10px; } #languageList .languages a { display: block; } /* End Global */ /* * Home page */ /* Content */ #indexMain { float: left; } #articleBrowser_Single_accordion { overflow: auto; } #indexMain .caption { height: 13px; margin: 0; overflow: hidden; padding: 2px 10px; width: 533px; } #indexMain .shimglobal_texttitleimage .title, #indexMain .shimglobal_texttitleimage .text { display: none; } #indexParsys { float:right; } #indexParsys .Accordion { width:330px; } #homeParsys { padding:5px; } /* Post Content */ #bottomParsys { max-height:150px; height:auto !important; height:150px; overflow:hidden; } #bottomParsys .columncontrol { margin-right:4px; padding-left:4px; } #bottomParsys .columncontrol.firstcolumn { padding-left:0; } .featurelist { width:428px; } #featured { float: left; /*height: 150px;*/ width: 428px; } .featurelist .feature, #featured .feature { float: left; height: 68px; margin: 1px; padding-right: 2px; width: 206px; } .featurelist .feature a, #featured .feature a { display: block; } .featurelist .feature img, #featured .feature img { float: left; margin-right: 5px; } .featurelist .feature .title, #featured .feature .title { margin-top: 3px; } .featurelist .thumbs, #featured #thumbs { height: 24px; margin-top: 1px; } .featurelist .thumbs img, #featured #thumbs img { float: right; } .featurelist .selected, #featured #selected { height: 102px; margin: 0px; padding: 5px; } .featurelist .selected img, #featured #selected img { float: left; margin-right: 10px; } #postcontent_middle { min-height: 150px; height: auto !important; height: 150px; padding: 0px 10px; width: 200px; } #postcontent_right { width: 220px; } #postcontent_middle, #postcontent_right { float: left; font-size: 12px; line-height: 1.4em; margin-left: 15px; } /* End Homepage */ /* * Product */ #productContainer { padding: 5px; } #reloadable_content { height: auto; } #productMain { float: left; } /* Tabs Menu */ #productMenu { margin:0; padding:0; width:100%; height:25px; } #productMenu li { cursor: pointer; float: left; list-style-type: none; margin: 0; padding: 5px; text-align: left; width: 140px; } #productMenu .tab_on a, #productMenu .tab_off a { display: block; } /* Group */ #productContainer .landing { font-size: 1.2em; margin-right: 5px; padding: 10px; width: 515px; } #productContainer .landing .text { margin: 10px 0px; } /* Details */ #productContent .features { font-size: 1.2em; height: 480px; margin-right: 0px; padding: 10px; width: 515px; } #productContent .features p { height: 75px; overflow: auto; } #pictoview_btn { left: 440px; padding: 3px; position: absolute; top: 500px; z-index: 10; } #productFeatures { height: 490px; overflow: auto; padding:5px; width: 335px; } #productFeatures .header { font-size: 1.4em; font-weight: bold; padding: 3px; } #productFeatures .content { padding: 3px; } #productFeatures .content td { vertical-align: top; } /* Listing */ #productList_Single_menu { width: auto !important; width: 340px; } #productList_Single_menu img { float: left; margin-right: 3px; } /* Post Content */ #cross_sell_area { margin-left: 10px; padding-bottom: 10px; } .cross_sell { float: left; height: 65px; margin-right: 10px; width: 210px; } .cross_sell img { float: left; margin-right: 5px; } .cross_sell a.linkname { display: block; margin-top: 3px; } /* End Product */ /* * Product Compare */ #compare { clear: both; height: 500px; overflow: auto; width: 888px; } #compare td { padding: 5px; width: 25%; vertical-align: top; } #compare p { font-size: 1.1em; } #compare .specName { font-weight: bold; } #compare select { width: 200px; } /* End Product Compare */ /* * Dealer Locator */ .locate .brand_icon { padding-right: 5px; } .locate .locatebar { float: left; overflow: auto; width: 277px; } #standard_results { height: auto; padding: 10px; } /* Location */ .locate .locatebar .plain { height: 478px; } .locate .locatebar .dropdown { margin-bottom: 10px; } #productContainer #results_container { width: 585px; } #results_container { width: 595px; height: 478px; padding: 10px; overflow: auto; } #results_container #results { height: auto; overflow: auto; width: auto; } #results_container .searchResultsHeadline { font-size: 2em; font-weight: bold; } #results_container .text { font-size: 1.2em; padding: 5px; } #standard_results .location { font-size: 1.4em; font-weight: bold; } /* Radius */ #results { height: auto; overflow: auto; width: 271px; } #map { height: 470px; width: 584px; } .locate .map { font-size: 1.2em; padding: 15px; width: 588px; } .locate .map #masthead { margin-bottom: 5px; } .locate .map .text { padding: 5px; } .locate .search { height: auto; padding: 10px; width: 255px; } #types { font-size: 10px; } /* End Dealer Locator */ /* * Video Browser */ #productContent .video { height: 500px; overflow: auto; text-align: center; width: 590px; } #productContent .video .title { display: block; font-size: 1.8em; font-style: italic; font-weight: bold; margin: 20px; } #productContent .video .description { margin-left: 40px; margin-right: 40px; margin-top: 40px; } #video_thumbs { height: 480px; padding: 10px; overflow: auto; width: 271px; } #video_thumbs .thumb { margin-bottom: 10px; } #video_thumbs .thumb img { float: left; margin-right: 10px; } #video_thumbs .thumb .title a { display: block; font-size: 1.4em; font-weight: bold; } /* End Video Browser */ /* * Article */ #articleContainer { padding: 5px; } #articleContent { font-size: 1.2em; padding: 15px; } #articleContent .media { margin-bottom: 10px; } #articleContent .media.right { margin-left: 10px; } #articleContent .media.left { margin-right: 10px; } #masthead, .masthead { margin-bottom: 15px; width:100%; } #masthead #infoblock { float: right; font-size: 1.2em; } #masthead .headline, .masthead .headline { font-size: 2em; font-weight: bold; } /* End Article */ /* Modal Dialog Popup */ .modalDialog_transparentDivs { filter: alpha(opacity=40); /* Transparency */ opacity: 0.4; /* Transparency */ position: absolute; /* Always needed */ z-index: 1; } .modalDialog_contentDiv { padding: 2px; position: absolute; /* Always needed */ z-index: 100;/* Always needed */ } .modalDialog_contentDiv_shadow { filter: alpha(opacity=30); /* Transparency */ opacity: 0.3; /* Transparency */ position: absolute; /* Always needed */ z-index: 90; /* Always needed - to make it appear below the message */ } #logo_modal, .answer_popup { text-align: left; } #logo_modal .headline, .answer_popup .headline { font-size: 14px; font-weight: bold; } #logo_modal #modal_specs, .answer_popup .text { margin-left: 20px; margin-right: 20px; overflow: auto; } #logo_modal #logo { float: left; margin-right: 1px; } #modal_bar { font-weight: bold; margin-bottom: 5px; padding: 5px; text-align: right; } .answer_popup { padding: 5px; position: absolute; max-width: 800px; z-index: 100; } .answer_popup .text { line-height: 15px; } /* End Modal Dialog Popup */ /* * News Landing */ #newsContainer { padding: 5px; } #hotNews { float: left; width: 300px; } #hotNews .title { display: block; font-size: 1.2em; font-weight: bold; } #hotNews .shimglobal_parsys { padding: 10px; } #hotNews .shimglobal_feature p { margin: 0px; } #newsMain { padding: 15px; font-size: 1.2em; } #newsContent { float: left; margin-right: 15px; width: 500px; } #pageSelection { font-weight: bold; text-align: right; } #newsContent .newsCategory { font-size: 1.6em; font-weight: bold; padding-bottom: 10px; } #newsContent .newsHeader { font-size: 1.2em; font-weight: bold; padding: 3px; } #newsContent .newsHeader .date { float: right; font-size: 0.75em; } #newsContent .newsIntro { padding-bottom: 10px; padding-top: 5px; } #newsContent .newsIntro img, #newsContent .newsIntro .flash_obj { float: left; margin-right: 5px; margin-bottom: 5px; } #newsContent .newsOptions { text-align: right; padding-bottom: 20px; } #newsContent .newsOptions .button { padding: 3px; margin-left: 10px; } /* End News Listing */ /* * Content */ #contentContainer { padding:5px; width:888px; } #contentContainer ul { line-height: 1.8em; } #content { font-size: 1.2em; padding: 15px; } #content .text { margin: 5px 0px; } #content .shimglobal_parsys_cell { margin: 5px 0px; width:100%; } /* 70/30 */ #content .left70 { float: left; width: 550px; } #content .right30 { float: left; margin-left: 10px; width: 285px; } #content .right30 .shimglobal_parsys { padding-left: 10px; } /* 30/70 */ #content .left30 { float: left; width: 290px; } #content .left30 .shimglobal_parsys { padding-right: 10px; } #content .right70 { float: left; margin-left: 10px; width: 555px; } /* 50/50 */ #content .left50 { float: left; width: 415px; } #content .right50 { float: left; margin-left: 10px; width: 425px; } #content .right50 .shimglobal_parsys { padding-left: 10px; } /* End Content */ /* Search Results */ .highlight { font-weight: bold; } .search_result { float: left; height: 20px; margin-right: 3px; width: 25px; } /* End Search Results */ /* * Multi Product */ .galleryCell { float: left; font-size: 0.8em; height: 120px; padding: 10px; margin: 10px; width: 240px; } .galleryCell .thumb { float: left; margin-bottom: 5px; margin-right: 5px; } .galleryCell .listHeader { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; padding: 3px; } .galleryCell .listHeader img { margin-right: 5px; } /* End Mulit Product */ /* * Components */ /* texttitleimage component */ .shimglobal_texttitleimage img { border: none; } .shimglobal_texttitleimage .right { float: right; margin-left: 5px; } .shimglobal_texttitleimage .left { float: left; margin-right: 5px; } .shimglobal_texttitleimage .style1, .instructions .style1 { font-size: 2em; } .shimglobal_texttitleimage .style2, .instructions .style2 { font-size: 1.6em; } .shimglobal_texttitleimage .style3, .instructions .style3 { font-size: 1.2em; } .shimglobal_texttitleimage .lefta { text-align: left; } .shimglobal_texttitleimage .centera { text-align: center; } .shimglobal_texttitleimage .righta { text-align: right; } /* navigation component */ .shimglobal_navigation .nolink { cursor: default; } /* feature component */ .shimglobal_feature { padding: 5px; } .shimglobal_feature img { float: left; margin-right: 10px; } /* newsletterform component */ .shimglobal_newsletterform .newsletterInputCell { width: 150px; } /* forms */ .form_col { float: left; padding: 10px; width: 45%; } .form_item { float: left; padding: 10px; } .form_item label, .form_col label { display: block; } .instructions { margin: 10px; margin-bottom: 20px; padding: 0px; } .question { font-weight: bold; display: block; } .required_icon { float: left; height: 15px; width: 18px; } .required { padding-right:15px; } .clear_hr { clear: both; height: 1px; margin: 0; padding-top: 10px; padding-bottom: 10px; line-height: 0; display: block; border-top: solid 1px #666; } /* download */ .shimglobal_download .title { font-weight: bold; } /* column control */ .shimglobal_columncontrol .columncontrol { float:left; display:inline; } .shimglobal_columncontrol .spacer { float: left; display:inline; height:1px; } /* Poll */ .poll_result_bar { margin-bottom: 5px; height: 6px; } /* End Components */ /* * Accordion */ .Accordion { padding: 0; overflow: hidden; } .AccordionPanel { padding: 0; padding-bottom: 2px; margin: 0; } .AccordionPanelTab { cursor: pointer; font-weight: bold; font-size: 11px; height: 15px; margin: 0; padding: 5px; padding-top: 10px; } .AccordionPanelContent { height: 150px; margin: 0; overflow: auto; padding: 0; } .AccordionPanel .closed { height: 0; } .AccordionPanel .first { height: 150px; } .AccordionPanelContent .innards { padding: 5px; } /* End Accordion */ /* * Horizontal Menu Bar */ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal { cursor: default; font-size: 100%; list-style-type: none; margin: 0; padding: 0; padding-top: 8px; width: auto; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive { z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li { cursor: pointer; float: left; font-size: 100%; list-style-type: none; margin: 0; padding: 0; position: relative; text-align: left; } ul.MenuBarHorizontal li.listhead, ul.MenuBarHorizontal li.primary { padding-left: 7px; padding-right: 7px; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul { cursor: default; font-size: 100%; /*left: -1000em;*/ display: none; list-style-type: none; margin: 0; padding: 0; position: absolute; width: 125px; z-index: 1020; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { /*left: auto;*/ display: block; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li { width: 100%; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul { margin: -5% 0 0 95%; position: absolute; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { cursor: pointer; display: block; } ul.MenuBarHorizontal ul li a { display: block; padding: 7px; margin: 0; } /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; } } /* End Horizontal Menu Bar */ .survey_multi_point_rating { } .survey_multi_point_rating th, .survey_multi_point_rating td.option { text-align:center; width:75px; } .survey_multi_point_rating td div { width:auto !important; width:300px; max-width:300px; } .survey_group_numbered table { text-align:center; } .survey_value .question { display:inline; } .survey_value .instructions, .survey_multiple_choice .instructions { margin:0 0 5px 5px; } .survey_value .required, .survey_group_numbered .required, .survey_multi_point_rating .required, .survey_multiple_choice .required { padding-left:20px; padding-right:0; } .survey_multiple_choice .option { padding:0 5px; } .shimglobal_left_menu_cap { display:none; } .shimglobal_right_menu_cap { display:none; }