/******************************************************************************************************************/ /******** RESET STYLESHEET IS A MODIFIED VERSION OF RESET RELOADED STYLESHEET ************************/ /******************************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, label, legend {margin:0;padding:0;border:0; outline:0;font-weight: normal;font-style:inherit;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:15px;} :focus {outline: 0;} input, textarea {font-family:Arial, Helvetica, sans-serif;} ul, ol {list-style:none;} caption {text-align:left;font-weight:normal;} em {font-style:italic;} strong {font-weight:bold;} sup {font-size:0.7em;vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes:"" "";} /* remove borders from linked images */ a img {border:none;} /* tables still need cellspacing to match in the markup */ table, caption, tbody, tfoot, thead, tr, th, td {font-weight: normal;font-style:inherit;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:15px;} table {border-collapse:separate;border-spacing:1px;} /* th, td {text-align:left;font-weight:normal;vertical-align:top;} */ /******************************************************************************************************************/ /**************************************** * GLOBAL PREDICTABLE ELEMENTS * ******************************************/ /******************************************************************************************************************/ body {background: #20358c;} /* default header styles */ h1, h2, h3, h4, h5, h6, h1.span {color: #20358c;margin:0;font-weight:bold;} h1 {font-size: 1.2em;line-height:1em;margin:15px 0 5px;} h2 {font-size:13px;margin:7px 0 3px 0;color:#900;border:0;padding-bottom:1px;} .home_columns h2, .rightColumn h2 {font-size: 11px;line-height:12px;margin:7px 0 3px 0;color: #20358c;border-bottom:1px solid #990000;} .home_columns h2 a, .rightColumn h2 a {font-size: 11px;line-height:12px;display:block;color: #20358c !important;font-weight:bold;} .home_columns h2 a.arrow, .rightColumn h2 a.arrow {background: url(/images/loginArrow.gif) right top no-repeat;} h2 a:hover {text-decoration:none;color:#333 !important;} h3 {font-size: 1em;color:#666;margin-top:10px;} h4 {color: #20358c;margin:0;font-weight:bold;font-size:14px;margin-top:14px;text-decoration:underline;} /* default link styles */ a, a:visited, a:focus {color:#990000;text-decoration:none;} a:hover, a.note:hover {color:#333;text-decoration:underline;} /* default text styles */ p {margin:0 0 8px 0;} .indent {margin-left:30px;} img.left {float:left;display:inline;margin: 0 10px 10px 0;border:1px solid #ccc;} img.right {float:right;display:inline;margin-left:5px;border:1px solid #ccc;} #changingContent ul.bullets, #changingContent ol.bullets {list-style:disc;margin-top:7px;margin-left:50px;} #changingContent ul.bullets li, #changingContent ol.bullets li {margin-bottom:4px;} /******************************************************************************************************************/ /****************************************GLOBAL LAYOUT ELEMENTS ****************************************************/ /******************************************************************************************************************/ #wrapper {width:940px;margin:30px auto;}/* wraps entirety, defines width and margins for site */ #content {float:left;display:inline;width:910px;margin-bottom:10px;background:#e9e8f3;border:2px solid #fff;padding:15px 5px;}/* wraps entirety */ /* header graphic, link */ #header {float:left;display:inline;width:910px;height:95px; margin: 0 0 10px 10px;background: url(/images/header_background.gif) left bottom no-repeat; position: relative; z-index: 5000;} #header .search {float:left;display:inline;width:890px;height:20px;position:relative;z-index:5;} #header .search form {float:right;display:inline;width:220px;text-align:right;} #header .search form label {font-size:.9em;} #header .search form input {outline:1px solid #ccc;font-size:12px;line-height:12px;} #header .navWrapper {float:left;display:inline;width:905px;margin-top:-15px;position:relative;z-index:1;} #header .logo {float:left;display:inline;width:260px;height:75px;background: url(/images/logo.gif) no-repeat;margin-bottom:10px;} #header .logo a {display:block;width:256px;height:75px;background: url(/images/logo.gif) no-repeat;} #menu {float:right;display:inline;width:642px;} #menu > li {float:left;display:inline;position:relative;width:157px;height:43px;margin-top:22px;} /* top nav and action item link styles */ #menu > li > a {display:block;background: url(/images/menu_aBackground.gif) left 0 no-repeat;height:43px;line-height:43px;font-size:12px;text-align:center;text-decoration:none;font-weight:bold;color:#fff;text-transform:uppercase;} #menu > li.last > a {background: url(/images/menu_aBackground-last.gif) left 0 no-repeat;} /* top nav and action item link hover styles */ #menu > li > a:hover, #menu li a.current {background: url(/images/menu_aBackground.gif) left -43px no-repeat;} #menu > li.last > a:hover, #menu li.last a.current {background: url(/images/menu_aBackground-last.gif) left -43px no-repeat;} .subMenu {background: #8b0f04; position: relative; left=20px; display: none;} .subMenu li {line-height: 35px;font-size:10px;text-align:center;text-decoration:none;font-weight:bold;color:#fff;text-transform:uppercase;padding: 5px 5px; 5px; 5px;} .subMenu li {border-bottom: 1px solid #3b3b3b;} .subMenu li.last {border: none;} .subMenu li a {color: #e4e3e0;} .subMenu li a:hover {color: #fff;} /* content area */ #cartContent {float:left;display:inline;width:915px;background: url(/dealerportal/ShoppingCart/images/shoppingCart_Header.png) left top no-repeat;} #cartContent .home {width:915px;background-image:none !important;} #cartContent .contentHeader {float:left;display:inline;width:915px;height:100px;} #cartContent .contentBody {float:left;display:inline;width:860px;} #changingContent {float:left;display:inline;width:915px;background: url(/images/insidePages_header1.png) left top no-repeat;} #changingContent .home {width:915px;background-image:none !important;} #changingContent .contentHeader {float:left;display:inline;width:915px;height:100px;} #changingContent .contentBody {float:left;display:inline;width:860px;} #changingContent2 {float:left;display:inline;width:915px;background: url(/images/insidePages_header2.png) left top no-repeat;} #changingContent2 .home {width:915px;background-image:none !important;} #changingContent2 .contentHeader {float:left;display:inline;width:915px;height:100px;} #changingContent2 .contentBody {float:left;display:inline;width:860px;} /* footer */ #footer {float:left;display:inline;width:920px;padding-bottom:40px;padding-left:20px;color:#fff;text-align:center;} #footer li {float:left;display:inline;width:920px;color:#fff;font-size:.9em;text-align:center;} #footer li a {margin:0px 5px;color:#fff;text-decoration:none;font-size:.9em;} #footer li a:hover {color:#fff;} /******************************************************************************************************************/ /*************************** CHANGING CONTENT SECTIONS / PER PAGE SECTIONS ****************************************/ /******************************************************************************************************************/ /** flash embed **/ #statesAni {display:inline;width:640px;height:590px;position:relative;z-index:3;padding:20px;background:#fff;border:4px solid #900;} /** products **/ .productDetail {margin:20px 0;} .productDetail li {margin-bottom:10px;} /** popup **/ #contentPopup {background: #e9e8f3;} #popupHeader, #popupFooter {float:left;display:inline;width:100%;overflow:hidden;height:95px; margin:0;background: #e9e8f3 url(/images/popup_header.gif) left top no-repeat;} #popupFooter {margin-bottom:40px;height:160px} #popupFooter p {margin-left:30px;margin-top:50px;} #popupHeader form, #popupFooter form {margin: 40px 0 0 50px;} #popupContent {float:left;display:inline;width:470px;padding:30px;} /** home **/ .home_mainImage {float:left;display:inline;width:910px;height:365px;background: url(/images/home_mainImage.jpg) center 0 no-repeat;} .home_columns {float:left;display:inline;width:910px;} /* all home columns */ .home_columns li {float:left;display:inline;position:relative;width:129px;height:180px;padding:20px 30px 20px 23px;background: url(/images/home_bottomRowColBack.gif) center 0 no-repeat;font-size:11px;line-height:12px;} .home_columns li.click:hover {background: url(/images/home_bottomRowColBack.gif) center -219px no-repeat;cursor:pointer;} /* last column has different bg images */ .home_columns li.last {background-image:none !important;width:182px;padding:0px;} .home_columns li li {background: url(/images/home_bottomRowColBack-last-top.gif) left 0 no-repeat;width:129px;height:52px !important;padding:20px 30px 0 23px;} .home_columns li li.click:hover {background: url(/images/home_bottomRowColBack-last-top-on.gif) left 0 no-repeat;} /* the bottom link, last column */ .home_columns li.last li.bottom {background: url(/images/home_bottomRowColBack-last-bottom.gif) left 0 no-repeat; height:130px !important;} .home_columns li.last li.bottom:hover {background: url(/images/home_bottomRowColBack-last-bottom-on.gif) left 0 no-repeat;} /** home li's clickable style **/ .home_columns li.click a {color:#000;font-size:11px;line-height:12px;} .home_columns li.click a:hover {color:#000;font-size:11px;line-height:12px;color:#990000;text-decoration:none;} /* inside pages */ ul.leftColumn {float:left;display:inline;width:175px;} ul.leftColumn li {float:left;display:inline;width:175px;height:147px;background: url(/images/leftCol-imageBackground.gif) center 0 no-repeat;} ul.leftColumn li img {width:150px;height:125px;margin:12px 0 0 13px;} ul.centerColumn {float:left;display:inline;width:550px;} ul.centerColumn li.top {float:left;display:inline;width:500px;height:25px;padding:0 25px;background: transparent url(/images/centerColumnTop.gif) center 0 no-repeat;} ul.centerColumn li.content {float:left;display:inline;width:500px;padding:0 25px 30px;background: transparent url(/images/centerColumn.gif) center 0 repeat-y;} ul.centerColumn li.content2 {float:left;display:inline;width:800px;padding:0 25px 30px;background: transparent url(/images/centerColumn.gif) center 0 repeat;} ul.centerColumn2 {float:left;display:inline;width:900px;} ul.centerColumn2 li.top {float:left;display:inline;width:890px;height:25px;padding:0 10px;background: transparent url(/images/centerColumnTopAdmin.png) center 0 no-repeat;} ul.centerColumn2 li.content {float:left;display:inline;width:890px;padding:0 10px 30px;background: transparent url(/images/centerColumnAdmin.png) center 0 repeat-y;} ul.centerColumn3 {float:left;display:inline;width:700px;} ul.centerColumn3 li.top {float:left;display:inline;width:700px;height:25px;padding:0 25px;background: transparent url(/images/centerColumn2.png) center 0 no-repeat;} ul.centerColumn3 li.content {float:left;display:inline;width:700px;padding:0 25px 30px;background: transparent url(/images/centerColumn2.png) center 0 repeat-y;} ul.rightColumn {float:right;display:inline;width:129px;margin-top:20px;} ul.rightColumn li {float:left;display:inline;width:129px;height:55px;padding:25px 30px 5px 23px !important;background: url(/images/inside_rightColLiBack.gif) center 0 no-repeat;cursor:pointer;} ul.rightColumn li:hover {background: url(/images/inside_rightColLiBack.gif) center 0 no-repeat;} ul.rightColumn li:hover {background: url(/images/inside_rightColLiBack.gif) center -85px no-repeat;} ul.rightColumn li.dealer {background: url(/images/home_bottomRowColBack-last-top.gif) center 0 no-repeat;height:40px;} ul.rightColumn li.dealer:hover {background: url(/images/home_bottomRowColBack-last-top-on.gif) center 0 no-repeat;height:40px;} ul.rightColumn li.link {background: url(/images/homeRightButton.png) center 0 no-repeat;height:40px;} ul.rightColumn li.link:hover {background: url(/images/home_bottomRowColBack-last-top-on.gif) center 0 no-repeat;height:40px;} /* tabs **************************************************************************************************************************************************/ .tabs {float:left;display:block;width:580px;} .tabs li {float:left;display:inline;position:relative;width:130px;height:26px;margin-right:3px;border:1px solid #ccc;border-bottom:0;} .tabs a {display:block;background:#efefef;line-height:26px;text-align:center;color:#666;} .tabs a:hover, .tabs a.current {background:#900;color:#fff;text-decoration:none;font-weight:bold;} .landingContent {float:left;display:inline;width:460px;padding:15px;border:1px solid #ccc;margin-bottom:20px;} .manualLinkOff { FONT-WEIGHT: bold; FONT-SIZE:10px; COLOR: black; TEXT-DECORATION: none; } .manualLinkOn { FONT-WEIGHT: bold; FONT-SIZE:10px; COLOR: #FFFFFF; TEXT-DECORATION: none } .FSB { SCROLLBAR-FACE-COLOR: #3399CC; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #3399CC; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #3399CC; SCROLLBAR-BASE-COLOR: #3399CC } .tblRS { width: 100%; height: 100px; background-color:white; } .tblRS2 { width: 100%; background-color:white; } .tdRSHeader { width:100%; background-color:#8F0000; text-align:center; vertical-align:top; color: White; font-weight:bold; padding-left: 5px; padding-right: 5px; } .tdRSHeaderFields { color: #000000; background-color:#000000; text-align:left; color: White; font-weight:bold; padding-left: 5px; padding-right: 5px; padding-top:2px; padding-bottom:2px; } .tdRSWhite { background-color:#FFFFFF; text-align:left; padding-left: 5px; padding-right: 5px; padding-top:2px; padding-bottom:2px; font-weight:bold } .tdRSGrey { background-color:#dcdcdc; text-align:left; padding-left: 5px; padding-right: 5px; padding-top:2px; padding-bottom:2px; font-weight:bold } .linkRSWhite { background-color:#FFFFFF; text-align:left; padding-left: 5px; padding-right: 5px; padding-top:2px; padding-bottom:2px; font-weight:bold; font-size:xx-small; color:Black; } .linkRSGrey { background-color:#dcdcdc; text-align:left; padding-left: 5px; padding-right: 5px; padding-top:2px; padding-bottom:2px; font-weight:bold; font-size:xx-small; color:Black; } .sepHdrLINKS { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: white; TEXT-DECORATION: none } .sepHdrLINKS:hover { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: underline } .hdrSepBar { background-color:#6F6050; border-top: solid 1px white; padding-right:5px; padding-left:5px } .hdrSepBarCell { padding-right: 2px; padding-left: 2px; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: white; } .hdrMenuBar { background-color:#000000; border-top: solid 1px white; color: #FFFFFF } .hdrMenuBarCell { border-right: solid 1px black; padding-right: 9px; padding-left: 9px; padding-top:4px; padding-bottom:4px } .LINKS { color:White; font-weight:bold; font-family:Verdana, Arial; font-size: xx-small; text-decoration:none } .LINKS:HOVER { color:#CA2027; text-decoration:underline; } .contentLINKS { color:Black; font-weight:bold; font-family:Verdana, Arial; font-size: xx-small; text-decoration:none } .contentLINKS:HOVER { color:#CA2027; text-decoration:underline; } .hdrLinks { padding-left:5px; padding-right:5px; padding-bottom:5px; font-weight:bold; } .hdrLINKS:hover { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #FF0000; TEXT-DECORATION: underline } .frmValues { border: solid 1px #000000; font-size: 11px; } .frmNames { font-size: 11px; font-weight: bold } .frmGO { font-size:11px; font-weight: bold } .main { padding: 10px; font-family: Verdana, Arial; font-size:small; } TBODY { font-size:x-small } .blackbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold } .blackunderline { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 10px; color: #000000 } .blackregular { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000 } .trulyblack { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none } .header { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; } .copy { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; } /* slider ----------------------------------------------------------------------------------------------------*/ .sliderWrapper {float:left;width:900px;height:380px;position:relative;padding-bottom:30px;background:#eae8f3;} #sliderNav {display:block;width:auto; height:25px;padding:0 10px;position:absolute;bottom:0; left:400px;background: url(/images/bg_sliderNav.png) 0 0 no-repeat;} #sliderNav a {float:left;display:block;width:15px; height:14px;margin-top:5px;background: url(/images/btn_sliderNav.png) center 0 no-repeat;text-indent:-9999px;} #sliderNav a:hover, #sliderNav a.activeSlide {background-position: center bottom;}