/* * * Style decorations for all common webbrowsers * */ /* * Stylesheet for common webbrowsers * ********************************* */ /* Table of content ----------------------- general definitions header logo banner login main navigation page left column search navigation contact info services middle column cookiepath main category right column footer other templates */ /* clears all the margins and paddings for elements, expect for tables */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, caption { margin: 0;padding:0;} /* clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } a { outline: none;} /* removes borders from links on Mozilla Firefox */ body { font-family: 'Trebuchet MS', Sans-serif; font-weight: normal; font-size: 12px; background: #ffffff url(/pics/tuningstudio/body.gif) repeat-x;} #wrapper { position: relative; width: 100%; background: url(/pics/tuningstudio/xwrapper.gif) left bottom repeat-x;} #headerBgTopLeft { position: absolute; left:0px; top:0px; width: 800px; height: 121px; background: url(/pics/tuningstudio/headerTopLeft.gif) repeat-x;} #header { position: relative; width: 1165px; height: 121px; margin: 0 auto; background: url(/pics/tuningstudio/header.jpg) no-repeat;} #logo { position: absolute; width: 258px; height: 68px; background: url(/pics/tuningstudio/logo.jpg) no-repeat; text-indent: -9999999px; top: 7px;} #bannerHeader { position: absolute; width: 426px; height: 71px; border: 1px solid #70706f; left: 462px; top: 7px; } #bannerHeader img { border: none;} #login { position: absolute; width: 247px; height: 24px; top: 7px; left: 905px; } /* When logged in */ #logged { margin-top: 0.2em;} #logged h4 { display: inline; color:#fff; font-size: 11px; background: url(/pics/tuningstudio/icon-loggedAs.gif) no-repeat; padding-left: 2em; padding-top:0.2em;} #logged h4 span { color: #e7dbbd;} #logged h4 a { color:#b8dd00; text-decoration: none;} #logged p { color: #b8dd00; margin-top: 0.5em;} #logged p a { color:#b8dd00; text-decoration: none; } #logged a:hover { text-decoration: underline;} /* Not logged in */ #notLoggedIn { margin-top: 5px;} #notLoggedIn h4 { float: left; width: 116px; height: 29px;} #notLoggedIn h4 a { display: block; width: 116px; height: 29px; background: url(/pics/tuningstudio/btn-login.gif) no-repeat; text-indent: -999999px;} #notLoggedIn #lnk-register { position: absolute; left: 130px; top: 14px; color:#b8dd00; font-weight: bold; text-decoration: none; } #notLoggedIn a#lnk-register:hover { text-decoration: underline;} #loginForm { position: relative; width: 250px; margin: 0 auto; margin-top: 0.5em;} #loginForm fieldset { border: none;} #loginForm input.textfield { border: 1px solid #d1d1d1; width: 200px; padding:0.5em; display: block; margin-bottom: 1em;} #loginForm h2 { color:#660000; font-size: 16px; font-weight: normal; margin-bottom: 0.5em;} #shortCuts { position: absolute; top: 60px; left: 905px;} #shortCuts ul { list-style-type: none;} #shortCuts li { display: inline; padding-left: 0.5em; margin-right: 0.5em; border-left: 1px solid #fff;} #shortCuts li.firstChild { border: none;} #shortCuts li a { color: #fff; text-decoration: none; text-transform: uppercase;} #shortCuts a:hover { text-decoration: underline;} #mainMenu { position: absolute; top: 89px; height:32px; left: 25px;} #mainMenu ul { list-style-type: none;} #mainMenu li { float:left; margin-right: 20px;} #mainMenu .naviElement { float: left; background: url(/pics/tuningstudio/navi-elementArea.gif) repeat-x;} #mainMenu .leftCorner { float:left; width: 16px; height: 32px; background: url(/pics/tuningstudio/navi-leftCorner.gif) no-repeat;} #mainMenu .linkElement { float:left; height: 24px; } #mainMenu .rightCorner { float:left; width: 16px; height: 32px; background: url(/pics/tuningstudio/navi-rightCorner.gif) no-repeat;} #mainMenu a { color: #b8dd00; text-decoration: none; font-size: 18px; display:inline-block; padding-top: 8px;} #mainMenu .naviElement a { color: #587d00;} #page { position: relative; width: 1165px; margin: 0 auto; top: 5px; padding-bottom: 50px;} .boxWrapper { position: relative; width: 222px; background: url(/pics/tuningstudio/boxWrapper.gif) repeat-y; margin-top: 2px;} .boxHeader { position: relative; width: 222px; height: 6px; background: url(/pics/tuningstudio/boxHeader.gif) left bottom no-repeat; } .boxContent { position: relative; width: 210px; margin: 0 auto;} .boxFooter { position: relative; width: 222px; height: 6px; background: url(/pics/tuningstudio/boxFooter.gif) left bottom no-repeat;} #leftCol { float: left; width:226px;} .searchBox { background: #000000 url(/pics/tuningstudio/searchBox.gif) left bottom repeat-x; padding: 1px 0px;} /* search */ .searchBox fieldset { border: none;} .searchBox form#searchBox { position:relative; width: 214px; margin-left: 4px;} .searchBox #searchBox .textField { position: relative; width: 179px; height: 18px; background: url(/pics/tuningstudio/textField.gif) right top no-repeat; border: none; padding-top: 4px; padding-left: 5px; } .searchBox #searchBox .formSubmitButton { position: absolute; left: 181px; width: 21px; height: 22px; background: url(/pics/tuningstudio/searchSubmit.gif) no-repeat; border: none;} .searchBox p { margin-top: 1em;} .searchBox a { color:#b8dd00; text-decoration: none; text-transform: uppercase; font-size: 14px; margin-left: 5px;} .searchBox a:hover { text-decoration: underline;} .superSearchBox #formSuperSearch { margin-top: 20px;} .superSearchBox #formSuperSearch fieldset { border: none;} .superSearchBox #formSuperSearch .textfield { border: 1px solid #d1d1d1; width: 200px; padding:0.2em; display: block; margin-bottom: 1em; float:left; } .superSearchBox #formSuperSearch select { margin-bottom: 1em;} .superSearchBox label { float:left; font-weight: bold; margin-right: 1em;} .naviBox { position: relative; background:#3e3e3e url(/pics/tuningstudio/naviBox.gif) left top repeat-x; padding-top: 5px;} /* subnavigation */ .naviBox h3 { visibility: hidden;} .naviBox ul { list-style-type: none;} .naviBox li { border-bottom: 1px solid #525252; padding-left: 1em; padding-bottom: 0.5em; margin-bottom: 0.5em; } .naviBox li a { font-size: 16px; font-weight: normal; color: #b8dd00; text-decoration: none;} .naviBox ul ul { margin-left:1em; margin-top: 0.5em;} .naviBox li li { padding:0; border:0;} .naviBox li li a { font-size: 12px; color:#fff;} .naviBox li a:hover { text-decoration: underline;} .naviBox ul ul ul { margin-left:1em;} .naviBox li li a.selected { font-weight: bold; text-decoration: underline;} .contactBox { background:#3e3e3e url(/pics/tuningstudio/contactBox.gif) repeat-x; padding-top: 10px; padding-bottom: 10px;} .contactBox p { color: #fff; margin-left: 6px; margin-bottom: 1em;} .contactBox .email { background: url(/pics/tuningstudio/icon-email.gif) no-repeat; padding-left: 21px;} .contactBox .gsm { background: url(/pics/tuningstudio/icon-gsm.gif) no-repeat; padding-left: 21px; } .greyBox { background: #eaeaea url(/pics/tuningstudio/greyBox.gif) 0 -10px repeat-x;} .greyBox h3 { color:#fff; font-size: 18px; font-weight: normal; margin-left: 8px; padding-top: 3px;} .greyBox ul { list-style-type: none; margin-left: 8px; margin-top: 15px; padding-bottom: 0.5em;} .greyBox li { margin-bottom: 0.5em;} .greyBox li a { font-size: 14px; color:#587d00; text-decoration: none;} .greyBox a:hover { text-decoration: underline;} #middleCol { float: left; width: 700px; margin-right: 5px;} #container { position: relative; width: 700px; } #frontpage {} #fpImage { position: relative; width: 700px; height: 213px; overflow: hidden; background: url(/pics/tuningstudio/fpImage-narrow.gif) no-repeat;} #fpImage img { position: absolute; width:680px; height: 200px; left: 11px; top: 7px;} #frontpageContent { position: relative; width: 660px; padding: 10px; margin: 0 auto; background:#414140 url(/pics/tuningstudio/fpContent.gif) repeat-x; color: #fff;} #frontpageContent h1, #frontpageContent h2, #frontpageContent h2.kapiteeli { color:#fff; font-size: 20px; font-weight: normal; margin-bottom: 1em;} #frontpageContent h4, #frontpageContent h3 { color:#fff;} #frontpageContent p { color: #fff; margin-bottom: 1em;} #frontpageContent a { color: #fff;} #frontpageContent .strong { background: none;} #content { position: relative; width: 691px; margin: 0 auto; padding-bottom: 60px;} #content a { color:#587D00;} #content ul, #content ol { margin-left: 2em;} #content ul ul, #content ol ol { margin-left: 1em;} .prdListing { position: relative; width: 680px; margin:0 auto; /* top: 20px; */} #content .specialPrice { text-decoration: line-through;} .prdRow { clear:both; margin-bottom: 1em;} .prdWrapper { position: relative; float: left; width: 222px; margin:0 2px; background:#fff url(/pics/tuningstudio/prdContent.gif) 0 0 repeat-y;} .prdHeader { position: relative; width: 222px; height: 12px; background: url(/pics/tuningstudio/prdHeader.gif) no-repeat;} .prdContent { position: relative; width: 214px; margin:0 auto; background:#fff url(/pics/tuningstudio/prdDesc.gif) left bottom repeat-x;} .prdImage { float: left; margin-left: 4px; } .prdImage img { border: 1px solid #ededed; width: 90px; /* height:90px;*/ margin-bottom: 0.5em;} .prdDesc { float:left; margin-left: 5px; width: 105px;} .prdContent h5 { margin-bottom: 0.5em; } .prdContent h5 a { font-size: 12px; font-weight: bold; color:#587d00; text-decoration: none; } .prdContent h5 a:hover { text-decoration: underline;} .prdContent fieldset { border: none;} .prdContent .lisaaostoskoriin { display:block; width:78px; height: 15px; background: url(/pics/tuningstudio/icon-add.gif) no-repeat; color:#587d00; font-weight: bold; text-decoration: none; padding-left: 1.5em; } .prdContent .lisaaostoskoriin:hover { text-decoration: underline;} .prdFooter { position: relative; width: 220px; height: 7px; background: url(/pics/tuningstudio/prdFooter.gif) left bottom no-repeat; } .clearRow { position: relative; clear:both; height:10px;} /* Subpages */ #subpage { background: url(/pics/tuningstudio/subpage.gif) no-repeat;} #cookiepath { position: relative; width: 670px; margin: 0 auto; top:15px; margin-bottom: 10px;} #cookiepath h5 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; height: 34px;} #cookiepath a { color: #fff; text-decoration: none;} #cookiepath a:hover { text-decoration: underline;} /* Main Category */ #cateogryImage { position: relative; width: 690px; margin: 0 auto; } #categoryText { margin-top: 5px; position: relative; width: 670px; background: #40403f url(/pics/tuningstudio/categoryText.gif) left top repeat-x; padding: 1em 10px; color:#fff; } #categoryText h1,#categoryText h1 h2,#categoryText h3,#categoryText h4,#categoryText h5 { color: #fff; margin-bottom: 1em;} #categoryText h1, #categoryText h2, #categoryText h2.kapiteeli { color:#fff; font-size: 20px; font-weight: normal; margin-bottom: 1em; } #categoryText h3.kapiteeli, #categoryText h3.kategoria, #categoryText h4.vihrea, #categoryText h5.vihrea_valiotsikko { color: #fff;} #categoryText p { color: #fff; margin-bottom: 1em;} #categoryText a { color: #fff;} .prdListing { position: relative;margin: 2em 0; clear:both;} .prdListing h3.prdTitle { color: #660000; font-size: 18px; font-weight: normal; margin-bottom: 1em; width: 80%;} .prdListing a.morePrds { position: absolute; right: 0px; top: 0px; color:#587d00; font-weight: bold; height: 17px;text-decoration: none; background: url(/pics/tuningstudio/icon-arrow-next.gif) no-repeat; padding-left: 1.5em; padding-top: 1px;} .prdListing a.morePrds:hover { text-decoration: underline;} #paging { position: relative; clear:both; height: 24px; text-align: right; width: 670px; margin: 1em 0;} #paging table { position: absolute; right: 0px;} #paging table td { width: 20px; height: 24px; text-align: center; vertical-align: middle;} #paging table td a { display: block; width: 20px; height: 22px; padding-top: 2px; background: url(/pics/tuningstudio/td-paging.gif) left top no-repeat; font-size: 16px; color:#8aa117; font-weight: bold; text-decoration: none;} #paging a.activePage { background: url(/pics/tuningstudio/td-paging.gif) left bottom no-repeat; color:#660000;} #paging a.oneRight { background: url(/pics/tuningstudio/td-one-right.gif) left top no-repeat; } #paging a.oneLeft { background: url(/pics/tuningstudio/td-one-left.gif) left top no-repeat; } /* Product Card */ #prdCard { position: relative; background-color: #f7f7f7; border: 1px solid #e6dee8; padding: 20px; min-height:350px; margin: 0 auto;} #prdCardDesc { float: left; width: 45%; margin-right: 5%;} #prdCardDesc h2 { font-size: 18px; color:#660000; font-weight: normal;} #prdCardDesc h3 { font-size: 14px; color:#660000; } #prdCardDesc fieldset { border: none;} #prdCardDesc input { border: 1px solid #000; background: url(/pics/tuningstudio/input-prdCardDesc.gif) repeat-x; width: 4em;} #prdCardDesc form .lisaaostoskoriin { display:inline-block; background: url(/pics/tuningstudio/icon-add.gif) no-repeat; color:#587d00; font-weight: bold; text-decoration: none; padding-left: 1.5em; margin-left: 1em;} #prdCardImage { float: left; width: 50%;} #prdCardImage .prdImageWrapper { background:#fff; padding: 10px; border: 1px solid #EAEAEA; text-align: center;} #prdCardImage a img { border: none;} .textArea { width: 97%; margin: 0 auto; margin-top: 1em;} /* .textArea ul, .textArea ol { margin-left: 2em;} .textArea ul ul, .textArea ol ol { margin-left: 1em;} */ #additionalProducts { position: relative; clear: both; margin-top: 2em;} #additionalProducts .prdWrapper { position: relative; float: left; width: 665px; margin:0 0px; background:#fff url(/pics/tuningstudio/prdWrapper-wide.gif) 0 0 repeat-y; margin-bottom: 2em;} #additionalProducts .prdHeader { position: relative; width: 665px; height: 12px; background: url(/pics/tuningstudio/prdHeader-wide.gif) no-repeat;} #additionalProducts .prdContent { position: relative; width: 659px; margin:0 auto; background:#fff url(/pics/tuningstudio/prdContent-wide.gif) center bottom repeat-x;} #additionalProducts .prdImage { float: left; margin-left: 4px; } #additionalProducts .prdImage img { border: 1px solid #ededed; width: 90px; /* height:90px;*/ margin-bottom: 0.5em;} #additionalProducts .prdDesc { float:left; margin-left: 5px; width: 545px;} #additionalProducts .prdContent .lisaaostoskoriin { display:block; width:78px; height: 15px; background: url(/pics/tuningstudio/btn-addCart.gif) no-repeat; text-indent: -99999px;} #additionalProducts .prdFooter { position: relative; width: 665px; height: 5px; background: url(/pics/tuningstudio/prdFooter-wide.gif) left bottom no-repeat; } #rightCol { float:left; width: 227px;} #adsContainer { position: relative; width: 210px; height: 200px; overflow: hidden;} #adsContainer .ad { width: 220px; height: 200px; } .paymentTypes { /* width: 220px;*/ height: 245px; /* background: #fbf9f7 url(/pics/tuningstudio/paymentTypes.gif) no-repeat;*/ background: #eaeaea url(/pics/tuningstudio/greyBox.gif) repeat-x; overflow: hidden; } .paymentTypes h3 { font-size: 16px; /* color:#000;*/ color:#fff; text-align:center; margin-top:0.2em; padding-top: 5px;} .imgContainer { position: relative; width: 230px; height: 200px; overflow: hidden; top: 10px; } .imgContainer a img { border: none;} .imgContainer img {position:absolute; top:-100px; left: 3px;} .banners { text-align: center;} .banners a img { border: none; margin-bottom: 1em;} #footer { width:100%; height:47px;background: #000 url(/pics/bg-footer.gif) repeat-x;color: #fff;} html>body #footer { position:fixed;bottom:0; z-index:10; /* Prevent certain problems with form controls */} #footer table { width: 940px; margin: auto;} #footer table tr {} #footer table td {} /* #footer table td.footerLogo {width:181px;height:27px;} */ #footer a img { padding-top:8px;border:none;} #footer form { padding-top: 5px; font-weight: bold; text-align: center;} #footer form fieldset { border: 0px; } #footer form select { width: 400px; border: 1px solid #000; background-color: #f9f9f9; font: normal normal 12px Courier New, Sans-serif; } #footer form #naytaOstoskorisi { padding-left: 40px; color: #c1e800; } #footer form #naytaOstoskorisi a { color: #c1e800; text-decoration: none; } #footer form #naytaOstoskorisi a:hover { color: #fff; text-decoration: underline; } #footer .footerContact { position: absolute; top: 30px; margin-left: 48px;} /* Other templates */ /* * Shopping Cart * ***************** */ #content id#loginForm { margin: 0;} .shoppingCart form fieldset { border: 0px; } .shoppingCart form input#tuotekpl { background: url(/pics/bg-input.gif); border:1px solid #000; width: 30px; text-align: center;} .shoppingCart table { width: 95%; border-collapse: collapse; margin:0;padding:0em; border-top: 1px solid #DEE3CE;} .shoppingCart td,.shoppingCart th { text-align: center; border-bottom: 1px solid #DEE3CE; padding: 0.5em 0;} .shoppingCart .product { text-align: left;} .shoppingCart .prince { width: 100px;} .shoppingCart .icon { width: 10px;} .shoppingCart .total { text-align: right;} .shoppingCart .delivery { border:none;} .shoppingCart .delivery td, .shoppingCart .delivery th { border:none; text-align: left;} #contentLoginForm fieldset { border: none;} #contentLoginForm input.textfield { border: 1px solid #d1d1d1; width: 200px; padding:0.5em; display: block; margin-bottom: 1em;} #contentLoginForm h2 { color:#660000; font-size: 16px; font-weight: normal; margin-bottom: 0.5em;} .edit tr { vertical-align: top;} .edit input.textfield { border: 1px solid #d1d1d1; width: 200px; padding:0.2em; display: block; margin-bottom: 1em;} .sarake1 { width: 200px;} textarea.teksti { width: 400px; height: 200px;} /* * Form Designer * pagetemplates/formdesignerform.vm * ********************************** */ #fd { width: 508px; padding-top: 2em;} #fd h2 { margin-bottom: 1em;} #fd label { font-weight:bold; } #fd fieldset { border:1px solid #CCCCCC; margin:0 0 1.5em; padding:1.4em; clear:both; } #fd legend { font-size:1.2em; font-weight:bold; padding: 0; padding-right: 0.5em;} #fd legend strong {} #fd input[type="text"], input[type="password"], input.text, input.title, textarea, select { background-color:#FFFFFF; border:1px solid #BBBBBB; } #fd input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666666;} #fd input[type="text"], input[type="password"], input.text, input.title, textarea, select { margin:0.5em 0; } #fd .FormDesignerFieldTypeAddress input, .FormDesignerFieldTypeText input, .FormDesignerFieldTypeEmail input { padding:5px; width:240px; } #fd input.title { font-size:1.5em; } #fd textarea { height:180px; padding:5px; width:300px; float:left; margin-right: 1em;} #fd input[type="checkbox"],#fd input[type="radio"],#fd input.checkbox,#fd input.radio { position:relative; top:0.25em; } #fd form.inline { line-height:3; } #fd form.inline p { margin-bottom:0; } #fd button, .button { background-color:#BDCF23; border:medium none; color:#FFFFFF; cursor:pointer; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1em; font-weight:bold; line-height:1; padding:3px 8px; text-align:center; text-decoration:none; white-space:nowrap; } #fd .error,#fd .notice,#fd .success { border:2px solid #DDDDDD; margin-bottom:1em; padding:0.8em; }