/* -------------------------------------------------- */ /* Reset Styles */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; background:transparent; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */ table[align="left"] { clear:both; float:none; } /*tables with align="left" apply float, this fixes it */ a:active, a:focus { outline:none; } /* removes link dotted line */ *:focus { outline:none; } /*remove webkit focus outline - comment out to apply*/ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote { margin:30px 20px; color:#666; font-style:italic; } button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="file"]:hover { cursor:pointer; } a img, img, fieldset { border: 0; } /* Typography */ em, dfn { font-style: italic; } dfn, label, legend, strong, dl dt { font-weight: bold; } dl, address { margin: 0 0 1.5em 0; } dd { margin-left: 1.5em; } sup, sub { line-height: 0; } sup { font-size:smaller; line-height:normal; vertical-align:super; } sub { font-size:smaller; line-height:normal; vertical-align:sub; } address { font-style: italic; } del { color:#666; } pre { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 13px "Courier New", "andale mono", "lucida console", monospace; line-height: 1.5; } ins { text-decoration: none; } /* remember to highlight inserts somehow! */ del { text-decoration: line-through; } thead th { background:none repeat scroll 0 0 #C3D9FF; } th, td, caption { padding:4px 10px 4px 5px; } th { font-weight:bold; } tfoot { font-style:italic; } abbr, acronym { border-bottom:1px dotted #666; cursor:help; } fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } caption { text-align: left; background:#eee; } em { font-style:oblique; } a { color:#000; text-decoration:underline; } a:focus, a:hover { color:#000; } body { font: 62.5%/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#222; } /* Headings */ h1 { font-size: 2.5em; } h2 { font-size: 2.3em; } h3 { font-size: 2.1em; } h4 { font-size: 1.9em; } h5 { font-size: 1.7em; } h6 { font-size: 1.5em; } /* Spacing */ ol { list-style: decimal; } ul { list-style: square; } li { margin-left: 30px; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; } hr { border:0px #ccc solid; border-top-width: 1px; clear: both; height: 0; } /* Classes */ .left { float:left; display:inline; } .right { float:right; display:inline; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .capital { text-transform:capitalize; } .uppercase { text-transform:uppercase; } .lowercase { text-transform:lowercase; } .caps { font-variant:small-caps; font-weight:bold; letter-spacing:1px; padding:0 2px; text-transform:lowercase; } .large { font-size:1.2em; } .small { font-size:0.8em; } /* Success, notice and error boxes */ #errorContainer { background: #FFCECE; display:none; padding:0.8em; margin-bottom: 1em; border: 2px solid #DF8F8F; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; border-radius:6px; } label.error, label.notice, label.success { display:block; padding:0.3em; } div.error, div.notice, div.success { display:block; padding:1em; } .error { background: #FFCECE; color:#8a1f11; border-color:#DF8F8F; } .notice { background: #FFF6BF; color:#514721; border-color:#FFD324; } .success { background:#E6EFC2; color:#264409; border-color:#C6D880; } .error a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } /* -------------------------------------------------- */ /* Global styles */ a:active, a:focus { outline: none; } body { background:#000 url(../images/pageBG.gif) top repeat; color: #343434; font: 0.625em "Lucida Sans Unicode", "Lucida Grande", sans-serif;; margin: 0 0 32px 0; padding: 0; } #container { background:url(../images/containerBG.png) repeat; position: absolute; top: 0; left: 0; width: 100%; height: 488px; z-index:100; } #content { background-color:#FFF; color:#000; height:350px; left:226px; letter-spacing:-.3px; line-height:1.4em; position:absolute; top:64px; width:626px; z-index:3; } #content big { font-size:1.1em; } #content p { margin-bottom:1em; } #content small { font-size:0.9em; } #content #main { height:350px; position:relative; width:626px; } #contentBlinds { background-color:#000; height: 100%; left:0; position:absolute; top:0; width:100%; z-index:101; } #footer { background-color:#c3c3c3; color:#3F3F3F; font-size:.9em; font:"Lucida Sans Unicode", "Lucida Grande", sans-serif; height:14px; margin:0; padding: 4px 0; position:fixed; text-align: center; bottom:0px; width:100%; z-index:100; } #footerLogo { bottom:29px; position:absolute; right:84px; z-index:3; } #footerToolbar { border-top:1px solid #2D2D2D; bottom:0px; height:26px; left:0px; position:absolute; width: 915px; z-index:100; } #footerToolbar div { border-right:1px solid #171717; height:26px; float:left; z-index:3; } #footerToolbar div a { background:url(../images/footerToolbarBG.png) 0px 0px repeat-x; display:block; z-index:3; } #footerToolbar div a:hover { background-position:0px -190px; } #footerToolbar a.langText span { background-image:url(../images/footerToolbar-langSelect.png); background-repeat:no-repeat; display:block; height:26px; text-indent:-3000px; width:72px; } #footerToolbar .ru span { background-position:0px 0px; } #footerToolbar .de span { background-position:0px -26px !important; } #footerToolbar .fr span { background-position:0px -52px !important; } #footerToolbar .ar span { background-position:0px -78px !important; } #footerToolbar .en span { background-position:0px -104px !important; } #footerToolbar .share { width:72px; } .addthis_toolbox { margin-bottom:5px; } #footerToolbar .facebook { width:75px; } #footerToolbar .news { width:400px; } #footerToolbar .productReg { width:130px; } #footerToolbar .terms { width:60px; } #footerToolbar .privacy { width:100px; } #footerToolbar .language { border-right:none!important; position:relative; width:72px; } #footerToolbar .langSelectContainer { border:0px; height:136px; overflow:hidden; position:absolute; right:0px; top:-136px; width:73px; } #footerToolbar .langSelect { border:0px; bottom:-136px; height:136px; position:absolute; right:0px; width:73px; } #footerToolbar .langSelect a span:hover { cursor:pointer; } #footerToolbar .langSelect a { background-color:#000; border:0px; border-left:1px solid #171717; border-top:1px solid #171717; } #headerLogin { height:10px; left:226px; position:absolute; top:49px; width:10px; z-index:4; } #headerLoginButton { position:absolute; left:448px; top:0px; z-index:2; } #headerLoginContainer { display:none; height:170px; left:0px; overflow:hidden; position:absolute; top:15px; width:626px; z-index:1; } #headerLoginSlide { background-color:#fff; height:40px; left:0px; padding:65px 35px; opacity: .8; position:absolute; top:-170px; width:556px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #headerCreateLinks { float:left; padding-top:3px; } #headerLoginClose { position:absolute; right:5px; top:5px; } #headerLoginForm { background:url(../images/headerLogin-loginBG.png) top right no-repeat; display:block; float:right; height:23px; position:relative; width:412px; } #headerUsername, #headerPassword { background-color:transparent; background-repeat:no-repeat; background-position:19px 5px; border:0px; color:#8C8C8B; font-size:10px; height:15px; margin:0px; padding:2px 7px 0 19px; position:absolute; width:120px; } #headerUsername { left:1px; top:1px; width:145px; } #headerPassword { left:172px; top:1px; width:156px; } #headerSubmit { border:0px; color:transparent; cursor: pointer; font-size:10px; height:21px; overflow: hidden; position:absolute; right:12px; text-indent:-3000px; width:38px; } #horizon { height:515px; left: 50%; margin:-273px 0 0 -452px; padding:0; position:absolute; text-align:left; top: 50%; width:915px; } #load { background: url(../images/ajax-loader.gif); display: none; height: 11px; position: absolute; right: 10px; text-indent: -9999em; top: 10px; width: 43px; z-index:11; } #sidebar { display:none; height:484px; left: 50%; margin:-273px 0 0 -452px; padding:0 32px 0 28px; /*width:226px;*/ position:absolute; top: 50%; width:166px; z-index:102; } #mainLogo { height:268px; left:0px; position:absolute; top:0px; width:226px; z-index:103; } #nav { height:168px; left:57px; position:absolute; top:268px; width:108px; z-index:100; } #nav a { display:block; height:23px; left: 0; outline:0px; position: absolute; top: 0; width:108px; text-indent:-3000px; z-index:102; } #nav a:active, #mainLogo a:active { outline:0px!important; } #nav div { z-index:100; } #nav div div.up { height:57px; left: 0; position: absolute; top: 0; width:108px; z-index:101; } #nav div div.over { display:none; height:57px; left: 0; position: absolute; top: 0; width:108px; z-index:100; } #nav div div.fade { display:none; height:57px; left: 0; position: absolute; top: 0; width:108px; z-index:101; } #nav-shishavac { position:absolute; } #nav-shishavac div.up { background-position:-540px 0px; } #nav-shishavac div.fade { background-position:-540px -57px; } #nav-shishavac div.over { background-position:-540px -114px; } #nav a.nav-shishavac { top:15px; } #nav-mission { position:absolute; top:23px; } #nav-mission div.up { background-position:-216px 0px; } #nav-mission div.fade { background-position:-216px -57px; } #nav-mission div.over { background-position:-216px -114px; } #nav a.nav-mission { top:38px; } #nav-purchase { position:absolute; top:46px; } #nav-purchase div.up { background-position:-432px 0px; } #nav-purchase div.fade { background-position:-432px -57px; } #nav-purchase div.over { background-position:-432px -114px; } #nav a.nav-purchase { top:61px; } #nav-partner { position:absolute; top:69px; } #nav-partner div.up { background-position:-324px 0px; } #nav-partner div.fade { background-position:-324px -57px; } #nav-partner div.over { background-position:-324px -114px; } #nav a.nav-partner { top:84px; } #nav-contact { position:absolute; top:92px; } #nav-contact div.up { background-position:0px 0px; } #nav-contact div.fade { background-position:0px -57px; } #nav-contact div.over { background-position:0px -114px; } #nav a.nav-contact { top:107px; } #nav-media { position:absolute; top:115px; } #nav-media div.up { background-position:-108px 0px; } #nav-media div.fade { background-position:-108px -57px; } #nav-media div.over { background-position:-108px -114px; } #nav a.nav-media { top:130px; } #navBG { background:url(../images/navBG-over.png) center no-repeat; bottom:0px; display:none; height:263px; left:50px; position:absolute; width:126px; z-index:90; } #sounds, #sounds * { width:0px; height:0px; } #subnav { bottom:-38px; height:38px; left:0px; list-style:none; margin:0px; padding:0px; position:absolute; width:626px; } #subnav li { float:left; list-style:none; margin:0px; padding:0px; } #subnav li img.separator { float:left; height:45px; width:1px; } #subnav li a { background-color:transparent!important; display:block; float:left; height:38px; position:relative; text-decoration:none; text-indent:-3000px; width:70px; } #subnav li a span { background-repeat:no-repeat; display:block; height:38px; left:0px; position:absolute; top:0px; width:70px; } #subnav li a span.up { z-index:10; } #subnav li a.revolution span.up { background-position:-210px 0px; } #subnav li a.revolution span.over { background-position:-210px -38px; } #subnav li a.functions span.up { background-position:-140px 0px; } #subnav li a.functions span.over { background-position:-140px -38px; } #subnav li a.features span.up { background-position:-70px 0px; } #subnav li a.features span.over { background-position:-70px -38px; } #subnav li a.faq span.up { background-position:0px 0px; } #subnav li a.faq span.over { background-position:0px -38px; } #subnav li a.videos span.up { background-position:-280px 0px; } #subnav li a.videos span.over { background-position:-280px -38px; } /* Border Glow styles */ div#horizon_bg { position: absolute; top: 14px; left: 14px; width: 887px; height: 487px; border: 0; padding: 0; margin: 0; z-index:1; } .horizon_bg { position: absolute; display: block; border: 0; padding: 0; margin: 0; z-index:1; } .horizon_bg_t { top: -45px; width: 100%; height: 45px; background: transparent url('../images/frameBG-T.png') repeat-x; } .horizon_bg_tr { top: -45px; right: -45px; width: 45px; height: 45px; background: transparent url('../images/frameBG-corners.png') -45px 0 no-repeat; } .horizon_bg_r { right: -45px; height: 100%; width: 45px; background: transparent url('../images/frameBG-R.png') repeat-y; } .horizon_bg_br { bottom: -45px; right: -45px; width: 45px; height: 45px; background: transparent url('../images/frameBG-corners.png') -45px -45px no-repeat; } .horizon_bg_b { bottom: -45px; width: 100%; height: 45px; background: transparent url('../images/frameBG-B.png') repeat-x; } .horizon_bg_bl { bottom: -45px; left: -45px; width: 45px; height: 45px; background: transparent url('../images/frameBG-corners.png') 0 -45px no-repeat; } .horizon_bg_l { left: -45px; height: 100%; width: 45px; background: transparent url('../images/frameBG-L.png') repeat-y; } .horizon_bg_tl { top: -45px; left: -45px; width: 45px; height: 45px; background: transparent url('../images/frameBG-corners.png') 0 0 no-repeat; } .horizon_bg_c { top: 0px; left: 0px; width:888px; height:487px; background: transparent url('../images/frameBG-C.png') repeat; } /* Preloader styles */ .QOverlay { background-color: #000000; z-index: 9999; } .QLoader { background-color: #CCCCCC; height: 1px; } .QAmt { color:#333333; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:40px; font-weight:bold; line-height:50px; height:50px; width:100px; margin:-60px 0 0 -50px; } /* -------------------------------------------------- */ /* language select homepage */ #content .homepage { background-color:#000; height:515px!important; left:-226px; position:absolute!important; top:-64px; width:915px!important; } #content .homepage #homeLogo { padding:20px 0 0 0; text-align:center; } #content .homepage #homeLangSelect { margin:20px 221px; text-align:center; } #content .homepage #homeLangSelect a { background:url(../images/footerToolbarBG.png) 0px 0px repeat-x; border:1px solid #171717; border-bottom:0px; display:block; height:26px; width:473px; } #content .homepage #homeLangSelect a.ar { border-bottom:1px solid #171717; } #content .homepage #homeLangSelect a:hover { background-position:0px -190px; } #content .homepage #homeLangSelect a span { background-image:url(../images/splashLanguage.png); background-repeat:no-repeat; cursor:pointer; display:block; height:26px; text-indent:-3000px; width:473px; } #content .homepage #homeLangSelect a.en span { background-position:0px 0px !important; } #content .homepage #homeLangSelect a.de span { background-position:0px -26px !important; } #content .homepage #homeLangSelect a.fr span { background-position:0px -52px !important; } #content .homepage #homeLangSelect a.ru span { background-position:0px -78px !important; } #content .homepage #homeLangSelect a.ar span { background-position:0px -104px !important; } #content .homepage #videoClipFlash, #content .homepage #videoClipClose { display:none; } #content .homepage #videoClipFlash, #content .homepage #videoClipFlash1 { background-color:#000; height:411px; left:0px; margin:52px 107px; position:absolute; top:0px; width:700px; } /* -------------------------------------------------- */ /* Shishavac? main page */ #content .shishavac { background-color:#000; } #mainHomeFlash { border:1px solid #111; height:350px; width:626px; } #mainHomeFlashLoading { color:#666; padding:150px 0 0 300px; } #mainHomeFlash .homeCountries, #mainHomeFlash .homeLocator, #mainHomeFlash .homeDemo, #mainHomeFlash .homeShop { height:175px; position:absolute; width:310px; } #mainHomeFlash .homeCountries { overflow:hidden; left:0px; top:0px; } #mainHomeFlash .homeLocator { right:0px; top:0px; } #mainHomeFlash .homeDemo { bottom:0px; overflow:hidden; right:0px; } #mainHomeFlash .homeShop { bottom:0px; left:0px; overflow:hidden; } #mainHomeFlash .homeShopCover { bottom:0px; left:0px; position:absolute; z-index:100; } #mainHomeFlash .homeDemoCover { bottom:0px; position:absolute; right:0px; z-index:100; } /* Shishavac? Revolution pages styles */ #content div.revolution { padding:0 50px; width:526px!important; } #content div.revolution h1 { font-size:1.6em; height:70px; line-height:15px; padding:65px 0 10px 0; text-align:center; } #content div.revolution h1 small { font-size:0.8em; } #content div.revolution p { text-indent:40px; } /* Shishavac? Functions pages styles */ #functionsImages { float:left; height:350px; width:356px; } #functionsContent { background-color:#FFF; color:#999; float:left; height:350px; position:relative; width:270px; } #functionsContent h1 { height:14px; left:100px; position:absolute; top:58px; width:70px; } .functionBorder { height:1px; left:26px; position:absolute; top:91px; width:218px; } #functionSubnav { height:12px; left:61px; list-style:none; margin:0px; padding:0px; position:absolute; top:108px; width:148px; } #functionSubnav li { float:left; height:12px; list-style:none; margin:0 13px; padding:0px; width:11px; } #functionSubnav li a { background-position:0px 0px; display:block; float:left; height:12px; position:relative; text-decoration:none; text-indent:-3000px; width:11px; } #functionSubnav li a span.up, #functionSubnav li a span.over { background-image:url(../images/functions-romanNumerals.jpg); background-repeat:no-repeat; display:block; height:12px; left:0px; position:absolute; top:0px; width:11px; } #functionSubnav li a span.up { z-index:10; } #functionSubnav li a.function1 span.up{ background-position:0 0; } #functionSubnav li a.function1 span.over{ background-position:0 -12px; } #functionSubnav li a.function2 span.up{ background-position:-11px 0; } #functionSubnav li a.function2 span.over{ background-position:-11px -12px; } #functionSubnav li a.function3 span.up{ background-position:-22px 0; } #functionSubnav li a.function3 span.over{ background-position:-22px -12px; } #functionSubnav li a.function4 span.up{ background-position:-33px 0; } #functionSubnav li a.function4 span.over{ background-position:-33px -12px; } .function .scrollContent { height:150px; left:35px; padding-right:10px; position:absolute; text-align:justify; top:153px; width:190px; } .function .scrollContent p { text-indent:20px!important; } a.functionNext { display:block; height:7px; position:absolute; right:56px; text-indent:-3000px; top:320px; width:32px; } a.functionNext span.up, a.functionNext span.over { background-image:url(../images/functions-romanNumerals.jpg); background-repeat:no-repeat; display:block; height:7px; left:0px; position:absolute; top:0px; width:32px; } a.functionNext span.up { background-position:0px -24px; z-index:10; } a.functionNext span.over { background-position:0px -31px; } .functionsImagesRight { float:right!important; } .functionsContentLeft { float:right!important; } .functionsContentLeft .scrollContent { padding-left:10px; } .functionsContentLeft a.functionNext { right:35px; } /* Shishavac? Features pages styles */ #content div.features { background-color:#000; height:515px!important; left:-226px; position:absolute; top:-64px; width:915px!important; } #content div.features #featuresFlash { height:515px!important; width:915px!important; } /* Shishavac? FAQ pages styles */ #content div.faq { background-color:#fff; font-size:.9em; height:315px!important; padding:35px 40px 0 40px; position:relative; width:546px!important; } #content .faq a { text-decoration:none; } #content .faq a:hover { text-decoration:underline; } #content .faq h1 { font-size:1.4em; letter-spacing:3px; text-align:center; } #content .faq h1#faqHeader { margin:0 0 35px 0; } #content .faq h1#faqAnswer { margin:30px 0 20px 0; } #content .faq #faqQuestions { margin:0; padding:0; width:546px; } #content .faq #faqQuestions td { padding:4px 0px; } #content .faq .answer { display:none; text-align:center; } /* Shishavac? Video page styles */ #content div.videos h1 { font-size:2.2em; margin:0px; padding:56px 0 50px 0; text-align:center; } #videoThumbs { margin:0px; padding:0px; } #videoThumbs td { font-size:1.1em; margin:0px; padding:6px; } .videoThumb { background:url(../images/video/videoBG.gif) top left no-repeat; height:166px; position:relative; width:280px; } .videoThumbClip { left:4px; position:absolute; top:4px; } .videoThumbPlay { left:98px; position:absolute; top:41px; } /* Shishavac? Video Clip page styles */ #content .videoClip { background-color:#000; height:515px!important; left:-226px; position:absolute!important; top:-64px; width:915px!important; } #videoClipClose { top:37px; position:absolute; right:92px; } #videoClipClose a { display:block; height:30px; width:30px; } #videoClipFlash { height:411px; margin:52px 107px; width:700px; } /* -------------------------------------------------- */ /* Mission page styles */ #content .mission { background-color:#000; height:515px!important; left:-226px; position:absolute!important; top:-64px; width:915px!important; } #missionImages { float:left; height:515px; width:340px; } #missionContent { color:#8C8C8C; float:left; font-size:0.9em; height:473px;/*575px*/ padding:42px 60px 0 60px; position:relative; width:455px;/*575px*/ } #missionClose { bottom:20px; position:absolute; right:20px; } #missionClose a { display:block; height:61px; width:96px; } #missionClose li a img { filter:alpha(opacity=0); opacity:0; } #missionContent p { line-height:1.6em; } #missionHeadline { display:block; margin-bottom:40px; } #missionLogo { height:126px; left:51px; position:absolute; top:33px; width:85px; } #missionSignature { margin:20px 0 10px 0; } /* -------------------------------------------------- */ /* Purchase page styles */ #content div.purchase { background:#000 url(../images/purchaseBG.gif) top left no-repeat; color:#000; } div.purchase .purchaseBox { height:170px; margin-bottom:6px; position:relative; width:625px; } div.purchase .purchaseBox .button { height:42px; left:68px; position:absolute; top:68px; width:211px; } div.purchase .purchaseBox .content { font-size:1.1em; left:328px; position:absolute; top:0px; vertical-align:middle width:211px; } div.purchase .purchaseBox .content h2 { color:#000; font-size:1.3em; font-weight:bold; margin-bottom:10px; } div.purchase #purchaseDealer .content { height:90px; padding-top:80px; } div.purchase #purchaseShop .content { height:122px; padding-top:48px; } #content div.dealers, #content div.dealerdetails { background-color:#fff; padding:0 50px; width:526px!important; } #content div.dealers #frmDealers { border:1px solid #bfbfbf; margin-top:105px; padding:8px; width:350px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; border-radius:8px; } #content div.dealers #frmDealers select { border:1px solid #ffffff; width:350px; } #content div.dealerdetails #allDealerResults { } #content div.dealerdetails .dealerdetailarea { border-top:1px solid #c0c0c0; margin-top:10px; padding-top:10px; position:relative; } #content div.dealerdetails .dealerImage { float:left; margin-left:16px; width:310px; } #content div.dealerdetails .dealerNumber { background:url(../images/dealerNumberDot.gif) center no-repeat; color:#FFF; font-size:1.2em; height:15px; margin-bottom:24px; padding:4px; text-align:center; width:15px; } #content div.dealerdetails .dealerText { float:left; width:200px; } #content div.dealerdetails .first { border-top:0px!important; margin-top:0px!important; } #content div.dealerdetails #frmDealers { border:1px solid #bfbfbf; margin:0; padding:0px; position:absolute; right:50px; top:26px; width:212px; } #content div.dealerdetails #frmDealers select { border:1px solid #ffffff; width:212px; } #content div.dealerdetails #frmDealers select option { width:auto; } #content div.dealerdetails #selectedLocation { font-size:1.1em; text-align:right; } #content div.dealerdetails #selectedLocation h2 { font-size:1.72em; margin-bottom:10px; } .dealerdetails .scrollContent { height:220px; width:546px; } /* -------------------------------------------------- */ /* Partner page styles */ #content div.partner { padding:0 70px; width:486px!important; } #content div.partner h1 { font-size:1.8em; height:30px; margin-bottom:40px; padding-top:70px; text-align:center; } #content div.partner p { line-height:1.5em; text-align:justify; text-indent:40px; } /* -------------------------------------------------- */ /* Contact pages styles */ #content div.contact { background-color:#FFF; color:#000; } #content div.contact p { font-size:1em; } #content div.contact input, #content div.contact select, #content div.contact textarea { border:1px solid #CCC; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1em; padding:2px 4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px; } #content div.contact select { padding:2px 0px; } div.contact .contactHeadline { display:block; padding:64px 0 51px 0; } div.contact .contactDetails { color:#000; font-size:.9em; padding:0 0 35px 0; text-align:center; /*background:url(../images/english/contact/contact-details.gif) top left no-repeat; height:12px; padding:0 0 40px 0; text-indent:-3000px; width:501px;*/ } div.contact #contactSubnav a { background-repeat:no-repeat; display:block; height:36px; text-decoration:none; text-indent:-3000px; width:344px; } #contactSubnav a.generalQuestion { background-position:0px 0px; } #contactSubnav a.purchased { background-position:0px -36px; } #contactSubnav a.distribution { background-position:0px -72px; } div.contact #contactSlideBox { bottom:-125px; height: 130px; left:0px; position: absolute; width: 100%; } div.contact #contactSlideBox a { color:#000; text-decoration:none; } div.contact #contactSlideBox a:hover { color:#000; text-decoration:underline; } #contactSlideBox .slideBoxHeader, #contactSlideBox .slideBoxContent { background: #a0a0a0; color:#000; opacity: .9; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #contactSlideBox .slideBoxHeader { padding:6px 16px 0 16px; height: 20px; right:30px; top:-26px; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } #contactSlideBox .slideBoxContent { height: 130px; position:relative; width: 100%; } .slideBoxContent .slideBoxAddress { left:46px; line-height:1.4em; position: absolute; top:40px; } .slideBoxContent .slideBoxPhone { position: absolute; right:46px; top:30px; } div.contact #contactSubnav { } div.contact .chk { border:0px; width:auto!important; } div.contact .findUsOn { left:0px; padding:23px 0 0 70px; position:absolute; top:350px; width:556px;/*626px*/ vertical-align:middle; } div.contact .findUsOn .findText{ color:#FFF; display:block; float:left; font-size:1.1em; padding:10px 0; } div.contact .findUsOn a.facebook { margin-left:65px; } div.contact .findUsOn a.youtube { margin-left:63px; } div.contact .findUsOn a.youtube img { padding:4px 0; } div.contact .findUsOn a.metacafe { margin-left:45px; } div.contact .findUsOn a.metacafe img{ padding:2px 0; } div.contact .scrollContent { margin:0 15px; padding:0 10px; width:576px; } div.contact .scrollContent table { margin:0px; width:576px; } div.contact .scrollContent table td { padding:2px 3px; } .successMessage { padding:70px 0 0 0; } .successMessage h1 { font-size:1.5em; } .successMessage h2 { font-size:1.3em; } .successMessage .findUsOn-white { padding:50px 0 0 0; text-align:center; } .successMessage .findUsOn-white .findText{ font-size:1.2em;} .successMessage .findUsOn-white a { padding:0 10px; } /* custom checkboxes */ .ez-hide { opacity: 0; filter:alpha(opacity=0); } .ez-checkbox { background: transparent url(../images/checkbox.gif) 0 0 no-repeat; display:inline-block; width:16px; height:16px; } .ez-checked { background-position: 0 -16px; } .ez-checkbox, .ez-radio { zoom: 1; *display:inline; _height:32px; } /* General form styles */ #content .general { overflow:hidden; } .general .scrollContent { height:250px; } .generalDetails { height:81px; width:626px; } .generalDetails h1 { font-size:1.3em; margin:0px; padding:25px 0 6px 0; } .generalDetails p { padding:0 80px; } #FAQOverlay { background-color:#989898; font-size:1.2em; height:350px; left:0px; opacity: .9; padding:80px 20px 20px 20px; position:absolute; top:0px; width:586px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #frmGeneral input, #frmGeneral textarea { width:240px; } #frmGeneral select { width:250px; } #frmGeneral #btnSubmit { border:0px; height:30px; display:block; margin:10px 0 0 0; text-indent:-3000px; width:88px; } #frmGeneral #txtMailingAddress, #frmGeneral #txtComments { height:37px; width:260px; } /* Purchased form styles */ #content .purchased { overflow:hidden; } .purchased .scrollContent { height:250px; } .purchasedDetails { height:81px; width:626px; } .purchasedDetails h1 { font-size:1.3em; margin:0px; padding:25px 0 6px 0; } .purchasedDetails p { padding:0 80px; } #frmPurchased input, #frmPurchased textarea { width:240px; } #frmPurchased select { width:250px; } #frmPurchased #btnSubmit { border:0px; height:30px; display:block; margin:10px 0 0 0; text-indent:-3000px; width:88px; } #frmPurchased #txtPurchasedDay, #frmPurchased #txtPurchasedMonth, #frmPurchased #txtPurchasedYear { padding:2px; text-align:center; } #frmPurchased #txtPurchasedDay { width:50px; } #frmPurchased #txtPurchasedMonth { width:70px; } #frmPurchased #txtPurchasedYear { width:60px; } #frmPurchased #txtSerialContainer { position:relative; } #frmPurchased #txtSerialContainer a, #frmPurchased #txtSerialContainer a:hover { color:#000; text-decoration:underline; } #frmPurchased #txtSerialDescription { background-color:#efefef; border:1px solid #b3b3b3; bottom:18px; display:none; left:0px; padding:3px; position:absolute; width:114px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px; } #frmPurchased #txtHomeNumber, #frmPurchased #txtMobileNumber { width:113px; } #frmPurchased #txtSerialContainer #txtSerial { width:145px; } #frmPurchased #txtQuestions, #frmPurchased #txtStorePurchased, #frmPurchased #txtSerial { width:260px; } #frmPurchased #txtQuestions, #frmPurchased #txtMailingAddress { height:37px; } /* Distribution form styles */ #content .distribution { overflow:hidden; } .distribution .scrollContent { height:210px; } .distributionDetails { height:114px; width:626px; } .distributionDetails h1 { font-size:1.3em; margin:0px; padding:25px 0 6px 0; } .distributionDetails p { padding:0 80px; } #frmSellit input, #frmSellit textarea { width:250px; } #frmSellit select { width:260px; } #frmSellit table { width:576px; } #frmSellit #btnSubmit { border:0px; height:34px; display:block; margin:10px 0 0 0; text-indent:-3000px; width:106px; } #frmSellit #txtCommentsContainer { position:relative; } #frmSellit #txtCommentsCount { bottom:2px; color:#999; position:absolute; left:2px; } #frmSellit #selInterest { width:546px; } #frmSellit #txtOfficeNumber, #frmSellit #txtFaxNumber { width:119px; } #frmSellit #txtComments { width:537px; } #frmSellit #txtCompanyAddress { height:37px; } #frmSellit #txtProductTypeOther { width:100px; } /* Newsletter form styles */ .mission #newsletterOverlay, .purchase #newsletterOverlay { background-color:#000; height:516px; position:absolute; width:915px; } .mission #newsletterOverlay { left:0px; top:0px; } .purchase #newsletterOverlay { left:-226px; top:-64px; } #newsletterOverlay #newsletterBox { background-color:#FFF; height:218px; left:50%; margin:-109px 0 0 -267px; position:absolute; top:50%; width:535px; } #logoNewsletter { background:#000 url(../images/shishavacLogoNewsletter.gif) no-repeat; background-position:top right; float:left; height:218px; width:138px; } #newsletterBoxClose { top:-15px; position:absolute; right:-15px; } #newsletterContent { padding-top:35px; } #newsletterContent p { margin-left:141px; padding:0 20px; } #newsletterContent .successMessage { padding:50px 0 0 0; } #frmNewsletter #btnSubmit { border:0px; height:30px; margin:8px 0 0 0; text-indent:-3000px; width:88px; } #frmNewsletter input, #frmNewsletter textarea { margin:8px 0 0 0; width:210px; } #frmNewsletter select { margin:8px 0 0 0; width:220px; } div.mission .scrollContent, div.purchase .scrollContent { height:130px; width:360px; } /* -------------------------------------------------- */ /* Media page styles */ #content .media { background-color:#FFF; height:400px!important; left:-226px; padding:54px 64px 0 64px; position:absolute!important; top:-64px; width:787px!important; } #content .media h1 { font-size:1.2em; } #content .media h1 big { font-size:1.416em; } #mediaClose { bottom:-61px; position:absolute; right:20px; } #mediaClose a { display:block; height:61px; width:96px; } #mediaClose li a img { filter:alpha(opacity=0); opacity:0; } #mediaForTheMedia, #mediaImages, #mediaInTheMedia { float:left; } #mediaForTheMedia { padding:13px 0 0 60px; width:210px; } #frmMedia {} #frmMedia table { width:200px; } #frmMedia td { padding:0 0 3px 0; } #frmMedia input, #frmMedia select, #frmMedia textarea { border:1px solid #CCC; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1em; padding:2px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; border-radius:4px; } #frmMedia input, #frmMedia textarea { width:188px; } #frmMedia select { width:198px; } #frmMedia #btnSubmit { border:0px; height:30px; display:block; margin:18px 0 0 0; text-indent:-3000px; width:88px; } #mediaImages { height:346px; width:266px; } #mediaInTheMedia { padding:13px 0 0 0; width:250px; } #mediaShishavacText { bottom:-36px; position:absolute; left:62px; } #mediaSources { margin:75px 0 0 10px; } #mediaSources td { padding:1px; } #mediaSources .mediaSourceName { text-align:right; } #mediaSources .mediaSourceCountry { padding-left:35px; text-align:left; } /* -------------------------------------------------- */ /* Product Registration pages styles */ #content .productreg { overflow:hidden; } #content .productreg h1 { font-size:1.4em; margin-bottom:10px; } #content .productreg h2 { font-size:1.1em; margin-bottom:5px; } #content .productreg h3 { font-size:1.1em; font-weight:bold; margin-bottom:5px; } #content .productreg #btnSubmit { border:0px; height:30px; display:block; margin:10px 0 0 0; text-indent:-3000px; width:88px; } #content .productreg .productregDetails { padding:10px 30px; text-align:center; } #content .productreg .scrollContent { height:215px; margin:0 15px; padding:0 10px; text-align:left; width:576px; } #content .productreg input, #content .productreg textarea { width:250px; } #content .productreg select { width:260px; } #content .productreg #selTotal { width:400px; } #content .productreg #selTotalOther { width:60px; } #content .productreg #selTotalServed { width:550px; } #content .productreg #txtFirstName { width:190px; } #content .productreg #txtInitial { width:40px; } #content .productreg #selBirthdayDay, #content .productreg #selBirthdayMonth, #content .productreg #selBirthdayYear { width:50px; } #content .productreg #txtSerialNumber1, #content .productreg #txtSerialNumber2, #content .productreg #txtSerialNumber3, #content .productreg #txtSerialNumber4 { width:125px; } /* -------------------------------------------------- */ /* Terms & Privacy pages styles */ #content .privacy, #content .terms { background-color:#FFF; color:#000; height:425px!important; overflow:hidden; } #content .privacy .scrollContent, #content .terms .scrollContent { height:270px; margin:0 15px; padding:0 10px; text-align:left; width:576px; } #content .privacy .privacyHeadline, #content .terms .termsHeadline { height:85px; margin-bottom:24px; width:625px; } #content .privacy .privacyHeadline h1, #content .terms .termsHeadline h1 { font-size:1.6em; padding-top:50px; } /* -------------------------------------------------- */ /* jScrollPane Styles */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; } .functionsContentLeft .jspVerticalBar { left: 0!important; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background:url(../images/scrollbarTrack.png) center center repeat-y; position: relative; width:7px; } .jspDrag { background:url(../images/scrollbarSlider.png) no-repeat; position: relative; top: 0; left: 0px; cursor: pointer; height: 7px!important; width: 7px; } .jspHorizontalBar { display:none; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { text-indent: -20000px; display: block; cursor: pointer; } .jspArrowUp { background:url(../images/scrollbarTop.png) center center no-repeat; width:7px;} .jspArrowDown { background:url(../images/scrollbarBottom.png) center center no-repeat; width:7px;} .jspArrow.jspDisabled { cursor: default; } .jspVerticalBar .jspArrow { height: 2px; } .jspHorizontalBar .jspArrow { width: 7px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } * html .jspCorner { margin: 0 -3px 0 0; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */