/* ======================== ======================== */ /* ------------------------ ------------------------ */ /* ........................ ........................ */ /* ======================== system exclusive ======================== */ .sys_jsActive { /* applied to indicate that JS is running */ } .sys_jsNotReady { /* applied to during page load, removed when DOM + images are loaded */ } /* ======================== general ======================== */ * { margin: 0px; padding: 0px; } body { font-size: 10px; font-family: Arial, Helvetica, sans-serif; background-color: #ebebeb; } .sys_jsActive .entrySubLinks { height: 0px; overflow: hidden; } fieldset { border: 0px; width: 913px; margin: 0 auto; padding-top: 20px; } a { text-decoration: none; color: #000; } a img { border: 0; } /* ======================== mainArea ======================== */ #mainArea { width: 913px; } .sys_jsActive #mainArea { background: url(/internet/img/VolvoSplash/mainBg.gif) no-repeat; overflow: hidden; } #main_abv { float: left; width: 646px; } .sys_jsActive #main_abv { height: 252px; } #main_volvoBAs { padding: 0px 10px 0px 13px; z-index: 3000; position: relative; /* IE8beta fix */ } /* ------------------------ header ------------------------ */ #header { height: 70px; position: relative; } #header span { font-size: 2.4em; font-weight: bold; color: #666; padding: 10px; position: absolute; top: 0px; left: 0px; width: 700px; } /* ------------------------ main_volvoGroup ------------------------ */ #main_volvoGroup { position: relative; } .sys_jsActive #main_volvoGroup { height: 45px; } #main_volvoGroupLink { font-size: 1.6em; font-weight: bold; color: #666; white-space: pre; } .sys_jsActive #main_volvoGroupLink { position: absolute; bottom: 5px; left: 28px; } #main_volvoGroupSelect select { position: absolute; bottom: 5px; right: 16px; width: 250px; } /* ------------------------ main_vcc ------------------------ */ #main_vcc { padding-left: 22px; float: left; } #main_vcc div { height: 45px; position: relative; } #main_vcc .entryWrap02 { padding-bottom: 1px; position: relative; /* IE8beta fix */ } #main_vccLink { font-size: 1.6em; font-weight: bold; color: #666; position: absolute; bottom: 5px; left: 15px; white-space: pre; } /* ------------------------ entries ------------------------ */ .sys_jsNotReady .entryImg { background-image: none; } .entryWrap { position: relative; width: 207px; float: left; } .sys_jsActive .entryWrap { height: 92px; } .entryObj { width: 202px; height: 89px; display: block; background: url(/internet/img/VolvoSplash/entryBg.gif); padding: 5px 0 0 5px; } .entryWrap select { position: absolute; left: 15px; bottom: 42px; display: none; width: 176px; } .entryImg { display: block; width: 196px; height: 65px; } .entryLink { display: block; width: 196px; height: 18px; background-color: #4bf; text-decoration: none; background: #fff 0px -65px no-repeat; } .entryLink span { position: absolute; top: -9999px; } /* ------------------------ entry specifics ------------------------ */ .e1 .entryImg { background-position: -196px 0px; } .e1 .entryLink { background-position: -196px -65px; } .e2 .entryImg { background-position: -392px 0px; } .e2 .entryLink { background-position: -392px -65px; } .e3 .entryImg { background-position: -588px 0px; } .e3 .entryLink { background-position: -588px -65px; } .e4 .entryImg { background-position: -784px 0px; } .e4 .entryLink { background-position: -784px -65px; } .e5 .entryImg { background-position: -980px 0px; } .e5 .entryLink { background-position: -980px -65px; } #main_vcc .entryWrap { width: 233px; height: 185px; } #main_vcc .entryObj { width: 228px; height: 180px; background-position: -207px 0px; } #main_vcc .entryLink { width: 221px; height: 175px; background-position: 0 0; } #main_vcc .entryImg { position: absolute; top: 162px; left: 5px; width: 221px; height: 17px; background-position: 0 -174px; opacity: 1; /* display: block; */ } /* ------------------------ entry mosueover ------------------------ */ .sys_entryIsActive .entryObj { opacity: .4; } .sys_entryIsActive .entryActive .entryObj { opacity: 1; } .sys_entryIsActive .entryActive .entryImg { opacity: .4; } .sys_entryIsActive .entryActive select { display: block; } .sys_entryIsActive #main_volvoGroupLink, .sys_entryIsActive #bannerArea, { opacity: .4; } .sys_entryIsActive #main_volvoGroupSelect { opacity: .4; } .sys_notVcc #main_vccLink { opacity: .4; } .entryActive .e0 .entryLink { background-position: 0px -82px; } .entryActive .e1 .entryLink { background-position: -196px -82px; } .entryActive .e2 .entryLink { background-position: -392px -82px; } .entryActive .e3 .entryLink { background-position: -588px -82px; } .entryActive .e4 .entryLink { background-position: -784px -82px; } .entryActive .e5 .entryLink { background-position: -980px -82px; } #main_vcc .entryActive .entryImg { display: none; } /* ======================== bannerArea ======================== */ #bannerArea { clear: both; margin-top: 8px; display: block; position: relative; text-align: center; font-size: 1.4em; } #bannerArea span { position: absolute; top: 40px; left: 28px; color: #f8f8f8; z-index: 3100; cursor: pointer; cursor: hand; } /* ======================== introText ======================== */ #introText { text-align: center; font-size: 1.3em; margin-top: 15px; line-height: 1.6em; } /* ======================== footer ======================== */ #footer { text-align: center; font-size: 1.1em; color: #6b6b6b; margin-top: 20px; } #footer a { color: #6b6b6b; padding: 0 .7em; }