/* *********************************************************************************************************************** QUIKSILVER.FI | CSS Created: 111007 *********************************************************************************************************************** */ /* *********************************************************************************************************************** GLOBAL STYLES *********************************************************************************************************************** */ body {padding:0; margin:0; font-family: "Lucida Grande", Verdana, sans-serif; background:url('../images/_bgMain_ss2010_v2.jpg') no-repeat #000 center top; font-size:62.5%;} a {color:#ff3333; text-decoration:underline;} a:hover {color:#ccc; text-decoration:none;} .clearer {clear:both; margin:0; padding:0;} #positionRelative {position:relative; width:960px;} /* *********************************************************************************************************************** WRAPPERS and CONTAINERS *********************************************************************************************************************** */ #wrapperGlow {width:960px; min-height:470px; margin:0px auto; padding:0; background:url('../images/_bgGlow.png');} #wrapperGlowEtusivu {width:960px; min-height:580px; margin:0px auto; padding:0; background:url('../images/_bgGlow.png');} #wrapperTop {width:840px; height:85px; margin:0; padding:0 60px 0 60px;} #wrapperSub {width:900px; margin:0; padding:0 30px 0 30px;} #wrapperSubContent {float:right; width:660px; margin:15px 0 0 0; padding:0; color:#343434;} #wrapperNavSub {float:left; width:240px; margin:0; padding:5px 0 0 0;} #wrapperFooter {width:930px; height:115px; margin:0px auto; padding:40px 0px 0 30px; background:url(../images/_bgFooter.png) no-repeat top center;} /* TEAM WRAPPERS */ #wrapperSubTeam {width:900px; margin:0; padding:0 30px 0 30px;} #wrapperSubContentTeam {float:left; width:660px; margin:15px 0 0 0; padding:0; color:#343434;} #wrapperSubContentWideTeam {float:left; width:900px; margin:15px 0 0 0; padding:0; color:#343434;} #wrapperNavSubTeam {float:left; width:240px; margin:0; padding:5px 0 0 0;} /* *********************************************************************************************************************** NAV (main) *********************************************************************************************************************** */ #navMain {width:840px; height:18px; margin:0 60px 0 60px; padding:15px 0 0px 0;} #navMain a {text-decoration:none;} /* *********************************************************************************************************************** NAV (sub) *********************************************************************************************************************** */ #navSub .top {width:250px; height:43px; margin:0; padding:0; background:url('../images/_bgSubNavTop.png') no-repeat top;} #navSub .middle {width:220px; margin:0 0 0 0; padding:0 30px 20px 0px; background:url('../images/_bgSubNavMiddle.gif') repeat-y;} #navSub .bottom {width:250px; height:43px; margin:0; padding:0; background:url('../images/_bgSubNavBottom.png') no-repeat top;} .navSubTitle {margin:0 0 0 40px;} #navSub {width:250px; margin:0; padding:0;} #navSubList ul {margin:0; padding:10px 0 0 0; list-style:none;} #navSubList2 ul {margin:0 0 0 15px; padding:0;} #navSubList li {float:none; font-size:1.1em; font-weight:bold; margin:0; padding:0 0 3px 0; list-style:none; /*background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:0 .5em;*/} #navSubList li a {color:#000; margin:0; padding:0; text-decoration:none;} #navSubList li a:hover {color:#ec3c4a; text-decoration:none;} #navSubList li a#current {color:#ec3c4a; text-decoration:none;} #navSubList li .spacer {float:none; color:#0076a2; text-decoration:none; margin:0; padding:5px 20px 2px 0; font-size:1.3em; /*background-image:url('../images/_iconArrowRight.gif'); background-repeat:no-repeat; background-position:0 .5em;*/} #navSubList li .spacer a#current {color:#ec3c4a; text-decoration:none;} #navSubList .middle p {margin:0 0 0 15px; padding:0;} #navSub #kantisKirjautuminen {margin:0; padding:0 0 0 40px} /* *********************************************************************************************************************** SUB *********************************************************************************************************************** */ #wrapperSubContent .imgLeft, #wrapperSubContentTeam .imgLeft {float:left; margin:0; padding:0 20px 16px 0;} #wrapperSubContent .top, #wrapperSubContentTeam .top {width:660px; height:63px; margin:0; padding:0; background:url('../images/_bgSubContentTop.png') no-repeat;} #wrapperSubContent .middle, #wrapperSubContentTeam .middle {width:560px; min-height:220px; margin:0 0 0 10px; padding:0 30px 0 30px; background:#fff;} #wrapperSubContent .bottom, #wrapperSubContentTeam .bottom {width:660px; height:63px; margin:0; padding:0; background:url('../images/_bgSubContentBottom.png') no-repeat top;} #wrapperSubContentWideTeam .imgLeft {float:left; margin:0; padding:0 20px 16px 0;} #wrapperSubContentWideTeam .top {width:900px; height:63px; margin:0; padding:0; background:url('../images/_bgSubContentTopWide.png') no-repeat;} #wrapperSubContentWideTeam .middle {width:800px; min-height:220px; margin:0 0 0 10px; padding:0 30px 0 30px; background:#fff;} #wrapperSubContentWideTeam .bottom {width:900px; height:63px; margin:0; padding:0; background:url('../images/_bgSubContentBottomWide.png') no-repeat top;} /* *********************************************************************************************************************** FRONT (ETUSIVU) *********************************************************************************************************************** */ #frontLeftColumn {float:left; width:469px; margin:0; padding:0; /*background:#cc0099*/;} #flashNosto {float:left; width:472px; height:470px; margin:0; padding:33px 0 0 33px; position:absolute; z-index:5; background:url('../images/_bgFrontFlashNosto.png') no-repeat;} #flashNostoOverlay {float:left; width:480px; height:470px; margin:0; padding:0; top:33px; left:33px; position:absolute; z-index:7; background:url('../images/_bgFrontFlashOverlay.png') no-repeat;} #flashImg {margin:0; padding:0; position:absolute; z-index:6;} #frontRightColumn {float:right; width:491px; margin:0; padding:0; /*background:#cc0000;*/} #frontRightColumn .info {margin:0; padding:20px 60px 10px 30px; font-size:1.2em; font-weight:bold; color:#fff;} #frontRightColumn #wrapperNostot {position:relative; width:430px; margin:0; padding:0;} #frontRightColumn #wrapperNews {float:left; width:220px; margin:0; padding:8px 0 0 0; /*background:#cc0099;*/} #frontRightColumn #wrapperBanner {float:right; position:absolute; left:220px; z-index:4; width:225px; height:263px; margin:0; padding:13px 0 0 13px; background:url('../images/_bgFrontBanner.png');} #wrapperNews .newsItem {width:250px; margin:0 0 0px 0; padding:0;} #wrapperNews .newsItem .top {width:250px; height:9px; margin:0; padding:0; background:url('../images/_bgFrontNewsTop.png') no-repeat bottom;} #wrapperNews .newsItem .middle {width:250px; margin:0; padding:5px 0 5px 0; background:#fff;} #wrapperNews .newsItem .bottom {width:250px; height:9px; margin:0; padding:0; background:url('../images/_bgFrontNewsBottom.png') no-repeat;} #wrapperNews .newsItem ul {margin:0; padding:0 10px 0 11px; list-style:none;} #wrapperNews .newsItem li {margin:0; padding:0 0 3px 19px; background-image:url(../images/_iconCross.gif); background-repeat:no-repeat; background-position:0 0; font-size:1.2em; color:#ff3333;} #wrapperNews .newsItem a {color:#ff3333; text-decoration:none;} #wrapperNews .newsItem a:hover {color:#006699; text-decoration:underline;} /* *********************************************************************************************************************** MYYMÄLÄHAKU *********************************************************************************************************************** */ #wrapperSubContent .middle #hakuTable {margin:15px 0 0 0; padding:0;} #wrapperSubContent #hakuTable .arrow {width:15px; margin:0; padding:0 10px 3px 0;} #wrapperSubContent #hakuTable .nimi {width:140px; margin:0; padding:0 10px 3px 0;} #wrapperSubContent #hakuTable .osoite {width:170px; margin:0; padding:0 10px 3px 0;} #wrapperSubContent #hakuTable .zip {width:60px; margin:0; padding:0 10px 3px 0;} #wrapperSubContent #hakuTable .kaupunki {width:135px; margin:0; padding:0 0 3px 0;} #wrapperSubContent #hakuTable .kauppaInfo {width:560px; margin:0; padding:3px 0 10px 25px;} #wrapperSubContent #hakuTable .kartta {float:left; width:320px; height:170px; margin:0 10px 0 0; padding:0; background:url('');} #wrapperSubContent #hakuTable .tiedot {float:right; width:205px; height:170px; margin:0; padding:3px 0 10px 0;} /* *********************************************************************************************************************** TUOTESIVU (etu ja sisä) *********************************************************************************************************************** */ #wrapperSubContent .middle #tuoteNostot {width:560px; height:300px; margin:0; padding:0;} #wrapperSubContent #tuoteNostot .nostoIso {float:left; width:279px; height:300px; margin:0; padding:0; border-right:1px solid #fff;} #wrapperSubContent #tuoteNostot .nostoWrapperPienet {float:right; width:280px; height:150px; margin:0; padding:0;} #wrapperSubContent #tuoteNostot .nostoPieni1 {width:280px; height:149px; margin:0; padding:0; border-bottom:1px solid #fff;} #wrapperSubContent #tuoteNostot .nostoPieni2 {width:280px; height:150px; margin:0; padding:0;} /* *********************************************************************************************************************** TYPE ELEMENTS *********************************************************************************************************************** */ h1 {font:2.4em "Lucida Grande", Verdana, sans-serif; color:#343434; margin:0; padding:0 0 20px 0;} h2 {font:16px "Lucida Grande", Verdana, sans-serif; color:#e33c00;} h3 {font:bold 0.9em Trebuchet MS, Verdana; line-height:1.4em;} h4 {font:bold 1.2em "Lucida Grande", Verdana, sans-serif;} p {font:1.1em "Lucida Grande", Verdana, sans-serif; line-height:1.4em; margin:0;} p.errors {font:1.1em "Lucida Grande", Verdana, sans-serif; line-height:1.4em; margin:0 0 5px 0; padding:5px; border:solid 1px #FF0033; color:#000;} #wrapperSubContent h4 {color:#ccc;} #wrapperNews .newsItem p {color:#006699; font-size:1.1em; margin:0; padding:0 30px 0 30px;} #navSubList li h2 {color:#0076a2; text-decoration:none; margin:0; padding:5px 20px 2px 0; font-size:1.3em; font-weight:bold;} /* *********************************************************************************************************************** FORM ELEMENTS *********************************************************************************************************************** */ form {margin:0; padding:0;} input, textarea {font-family:"Lucida Grande", Verdana, sans-serif; font-size:1.1em; color:#000;} label {color:#464646; cursor:pointer; padding:3px 0 0 2px; line-height:18px; vertical-align:top;} .loginKantis {font-family:"Lucida Grande", Verdana, sans-serif; font-size:1.1em; border:solid 1px #000; color:#000; margin:0 0 5px 0; padding:0;} .textinput {width:236px; height:15px; background:url(../images/input.gif) no-repeat left top; border:none; padding:4px 8px;} .textarea {width:336px; height:125px; background:url(../images/textarea.gif) no-repeat left top; border:none; padding:4px 8px;} select {font-size:1.1em; color:#000; width:130px; border:solid 1px #000; margin:0 15px 0 0; padding:1px;} checkbox {font-size:1.1em; color:#464646; border:solid 1px #b3b5bd;} .buttonSubmit {width:103px; height:25px; color:#fff; font-weight:bold; font-size:1.2em; padding:4px 10px 6px 0; margin:0; background:url('../images/_iconCrossSubmit.gif') no-repeat left top; cursor:pointer; border:none;} .buttonSubmitLong {width:130px; height:25px; color:#fff; font-weight:bold; font-size:1.2em; padding:4px 0px 6px 0; margin:0; background:url('../images/_iconCrossSubmitLong.gif') no-repeat left top; cursor:pointer; border:none;} a.buttonSubmit {width:103px; height:25px; color:#fff; font-weight:bold; font-size:1.2em; padding:4px 10px 6px 0; margin:0; background:url('../images/_iconCrossSubmit.gif') no-repeat left top; cursor:pointer; border:none; text-decoration:none; display:block;} a.buttonSubmitLong {width:130px; height:25px; color:#fff; font-weight:bold; font-size:1.2em; padding:4px 0px 6px 10px; margin:0; background:url('../images/_iconCrossSubmitLong.gif') no-repeat left top; cursor:pointer; border:none; text-decoration:none; display:block;} /* *********************************************************************************************************************** TOP / HEADER *********************************************************************************************************************** */ #topLogo {float:left; width:250px; height:85px; margin:0; padding:0 0 0 0; background: url('../images/_logo.gif') no-repeat;} /* *********************************************************************************************************************** FOOTER *********************************************************************************************************************** */ .logoSamsung {float:left; display:inline; width:177px; height:60px; margin:0; padding:0;} .logoEvian {float:left; display:inline; width:127px; height:60px; margin:0; padding:0;} .logoKia {float:left; display:inline; width:127px; height:60px; margin:0; padding:0;} .footerBanner {float:left; display:inline; width:236px; height:60px; margin:0; padding:0;} .logoRoxy {float:left; display:inline; width:233px; height:60px; margin:0; padding:0;} .btnDoop {float:left; display:inline; width:15px; height:60px; margin:0; padding:0; background:url('../images/_btnDoop.png') no-repeat left bottom;} .copyright {clear:both; margin:0; padding:5px 0 0 0; text-align:center; font-size:0.9em; color:#fff;}