/*#########################################################
###          Document Stylesheet for Dropin             ###
###       Type: Formatting for Structure & Text         ###
###          Jussi Lahtinen / Smilehouse Oy             ###
#########################################################*/


/* ----------------------------------------------------- */
/* Resetting style formats								 */
/* ----------------------------------------------------- */

html, body, font { font-size: 11px; margin: 0; padding: 0;  }
* {	font-size: 1em;	margin: 0; padding: 0; outline: 0;}
img { border: none; }
ul, ol, li { list-style: none; }
:focus, a:active { outline: none; }
table, td, form, fieldset {	border: none; border-collapse: collapse; border-spacing: 0;}


table th { font-weight: bold; }
hr {
	display: block;
	width: 100%;
	height: 1px;
	color: #dadada;
	background: #dadada;
	border: none;
	}

a { text-decoration: none; 
    color: #00add0;}

a:hover { text-decoration: underline;}    

/* ----------------------------------------------------- */
/* Reusable classes   	          						 */
/* ----------------------------------------------------- */
.hide	{ display: none;	}
.inline	{ display: inline;	}
.block	{ display: block;	}
.nfloat	{ float: none;		}
.lfloat,.left{ float: left;		}
.rfloat,.right{ float: right;		}
.clear, .clearThis	{ clear: both;		}
.lclear	{ clear: left;		}
.rclear	{ clear: right;		}
.center	{ text-align: center;		}
.debug { border: 1px solid red; }

/***** clearfix *****/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* ----------------------------------------------------- */
/* Typography           								 */
/* ----------------------------------------------------- */

body,ol,dl,td,th,caption,pre,p,blockquote{font: 1.0em; font-family:"lucida grande", tahoma, verdana, arial, sans-serif;}
font,ul,input,textarea, select {font: 1.0em; font-family:"lucida grande", tahoma, verdana, arial, sans-serif;}
h1, h2, h3 {font-family:"lucida grande", tahoma, verdana, arial, sans-serif;}

/* ----------------------------------------------------- */
/* Forms                								 */
/* ----------------------------------------------------- */
 
form {margin:0; padding:0; display:inline;}

label {cursor: pointer; padding-left:4px;}

fieldset {
	border: 1px solid #ccc;
	padding: 1em;
        margin-bottom: 1em;
}

legend {
	padding: 0.5em;
	background: transparent;
	font-size: 1.3em;
	font-weight: bold;	
}
  
.req {	color: #FF0000;}

.campaign {	display: table-cell;
color: #388000;
}

ul.list li {list-style: disc inside;}

/** BODY ELEMENTS **/

body {
       text-align: left;
       background: #fff url(bg.png) repeat-x 0px 87px;
}

h1 {
	font-size: 1.2em;
        background:#E8E8E8 url(h1bg.gif) repeat-x scroll 0 0;
        border:1px solid #DDD;
        margin:0 0 10px;
        padding:5px 10px;
        text-shadow:0.1em 0.1em 0.1em #FFF;
}

h2 {font-size: 14px;}
h3 {font-size: 13px;}

p { margin: 5px 0;}

/** MAIN CONTAINERS **/

#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */

}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:190px;

}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-370px;

}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 0px 0 370px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:170px;
	position:relative;
	margin-left:-50%;
	left:190px;
	xoverflow:hidden;
}
#col3 {
	float:left;
	width:160px;
	position:relative;
	left:10px;
	overflow:hidden;

}

#printlogo {display:none;}


.alert, .notice, .success {padding:10px 20px 10px 45px;margin-bottom:1em;border:2px solid #ddd;}
.alert {background:#FBE3E4 url(icon-alert.png) no-repeat 5px 50%;color:#bd184e;border-color:#FBC2C4;}
.notice {background:#d0e0ff url(icon-info.png) no-repeat 5px 50%;color:#514721;border-color:#5e9eff;}
.success {background:#E6EFC2 url(icon-ok.png) no-repeat 5px 50%;color:#264409;border-color:#C6D880;}
.alert a {color:#bd184e;}
.notice a {color:#5e9eff;}
.success a {color:#264409;}
	
#tooltip { 
    display:none; 
    background:transparent url(black_arrow.png); 
    font-size:11px; 
    height:70px; 
    width:150px; 
    padding:25px; 
    color:#fff; 
    z-index: 500;
    position: absolute;
}

ul.ProductGroupTree, .ProductGroupTree li ul {
margin: 0px;
padding: 0px;
}

.ProductGroupTree li, .leftbox li {
	text-align: left;
	padding: 0;
	height: 15px;
	margin: 1px 0 0 0;
	color: #5B5B5B;
}

.ProductGroupTree li a, .leftbox li a {
	padding: 1px 0px 1px 10px;
	display: block;
	background-image: url(nav-arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	color: #393939;
}

.ProductGroupTree li a:hover, .leftbox li a:hover {
	color: #00add0;
	text-decoration: none;
}

.ProductGroupTree li ul li  {
	margin: 0;
	padding: 0 0 0 10px;
}

.ProductGroupTree li ul li a {
	padding: 2px 0px 2px 15px;
	display: block;
	background-image: url(nav-arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}

.sel a:link, .sel a:visited, .sel a:active {color: #00add0;}


/*### PIKAHAKU ###*/
#topsearch {
	background: url(topsearchbg.gif) no-repeat;
	height: 30px;
	width: 170px;
        margin-bottom: 10px;

}
.ProductSearchButton {
     margin: -13px 0 0 0;
     float:right;
}


#searchbox {
     height: 16px;
     border: 0;
     margin: 6px 0 5px 10px;
     width: 125px;
     background: #fff;
     float:left;

}
#display {
	display:none;
	float:left; 
	border-left:solid 2px #dedede;
	border-right:solid 2px #dedede;
	border-bottom:solid 2px #dedede;
	overflow:hidden;
        z-index: 9000;
        position: absolute;
        background:#fff;
        width: 300px;
}

.searchname{
     float:left;
     width: 230px;
	 margin: 10px 0 0 10px;
}
.searchpic{float:left;}

.display_box {
	padding:4px; 
	border-top:solid 2px #dedede; 
	font-size:12px; 
	clear: both;
}

.display_box:hover {
	background:#3b5998;
	color:#FFF;
}
#shade {background-color:#00CCFF;}


/*### YLANAVI ###*/

ul#nav_main {
width: 611px;
float: left;
}


ul#nav_main li {
height: 27px;
float: left;
text-indent: -9999px;
}
ul#nav_main li a{

height: 27px;
display: block;
background: url(mainnav.png) no-repeat;
}


ul#nav_main li a#nav_etusivu {  width: 259px; background-position: 0 0; }
ul#nav_main li a#nav_tuotteet {  width: 71px; background-position: -259px 0; }
ul#nav_main li a#nav_merkit{  width: 58px; background-position: -330px 0; }
ul#nav_main li a#nav_lajit{ width: 48px; background-position: -388px 0; }
ul#nav_main li a#nav_myymalat {  width: 76px; background-position: -436px 0; }
ul#nav_main li a#nav_aspa{  width: 99px; background-position: -512px 0; }


ul#nav_lisa {
width: 385px;
float: right;
}


ul#nav_lisa li {
height: 27px;
float: left;
text-indent: -9999px;
}
ul#nav_lisa li a{

height: 27px;
display: block;
background: url(lisanav.png) no-repeat;
}


ul#nav_lisa li a#nav_uutuudet {  width: 96px; background-position: 0 0; }
ul#nav_lisa li a#nav_keylooks{ width: 78px; background-position: -96px 0; }
ul#nav_lisa li a#nav_outlet {  width: 69px; background-position: -174px 0; }
ul#nav_lisa li a#nav_shopinshop {  width: 92px; background-position: -243px 0; }
ul#nav_lisa li a#nav_gals {  width: 50px; background-position: -335px 0; }

.tuotehinta {
     color: #00add0;
     font-size: 14px;
     font-weight: bold;
}

.vanhahinta {
     color: #999;
     font-size: 11px;
}

.pcardinfo .vanhahinta {font-size: 14px;}


.header {
	height: 60px;
	vertical-align: bottom;
	background-image: url(toplogo.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.headernav {
	height: 27px;
	vertical-align: bottom;
	background-image: url(headernavbg.png);
	background-repeat: repeat-x;
	background-position: bottom;
       margin-bottom: 10px;
}

#logo {
	height: 60px;
	width: 159px;
    float: left;
    text-indent: -9999px;
}

.organic {
	height: 62px;
	width: 316px;
        display: block;
	background-image: url(organic-nappi.png);
	background-repeat: no-repeat;
        text-indent: -9999px;
}

ul#teesit  {
margin:0 auto;
width:999px;
}

ul#teesit li {
	height: 52px;
    float: left;
   text-indent: -9999px;
}

ul#teesit li a {
	height: 52px;
    display: block;
    background: url(teesit.png) no-repeat;
}

ul#teesit li a#teesi1 { width: 200px; background-position: 0 0; }
ul#teesit li a#teesi2 { width: 200px; background-position: -200px 0; }
ul#teesit li a#teesi3 { width: 200px; background-position: -400px 0; }
ul#teesit li a#teesi4 { width: 200px; background-position: -600px 0; }
ul#teesit li a#teesi5 { width: 199px; background-position: -800px 0; }


ul#social  {
margin:0 auto;
width:500px;
}

ul#social li {
	height: 35px;
    float: left;
   text-indent: -9999px;
}

ul#social li a {
    height: 35px;
    display: block;
    background: url(socialmedia.png) no-repeat;
}

ul#social li a#social1 { width: 102px; background-position: 0 0; }
ul#social li a#social2 { width: 124px; background-position: -102px 0; }
ul#social li a#social3 { width: 105px; background-position: -226px 0; }
ul#social li a#social4 { width: 80px; background-position: -333px 0; }
ul#social li a#social5 { width: 85px; background-position: -413px 0; }

/*### Nappeja ###*/

.takaisin, #takaisin, #etusivu-next, #etusivu-prev, #oikea-next, #oikea-prev, #tulosta, #rekisteroidy  {
	background-repeat: no-repeat;
    float: left;
    text-indent: -9999px;
}

.takaisinnappi {
z-index:1;position:relative; margin-left:-18px; width: 82px;
	height: 27px;
        display:block;
	background-repeat: no-repeat;
        float: left;
        text-indent: -9999px;
	background-image: url(btn-takaisin_tk.gif);
	
}


#takaisin, .takaisin {
	height: 23px;
	background-image: url(btn-takaisin.png);
	width: 79px;
}
#etusivu-next  {
	height: 24px;
	background-image: url(btn-seuraava.png);
	width: 76px;
    float: right;
}
#etusivu-prev {
	height: 24px;
	background-image: url(btn-edellinen.png);
	width: 76px;
}
#oikea-next  {
	height: 16px;
	background-image: url(icon-next.png);
	width: 16px;
    float: left;
}
#oikea-prev {
	height: 16px;
	background-image: url(icon-prev.png);
	width: 16px;


}
#oikea-kampanja{
	height: 16px;
	width: 125px;
        font-weight: bold;
        color: grey;
        float:left;
        text-align: center;
}

#tulosta {
	height: 29px;
	background-image: url(btn-tulosta.png);
	width: 100px;
}
#rekisteroidy {
	height: 34px;
	background-image: url(btn-rekisteroidy_top.png);
	width: 123px;
}
#yhteistyossa {
	height: 20px;
	background-image: url(yhteistyossa_otsikko.gif);
	background-repeat: no-repeat;
	width: 120px;
    text-indent: -9999px;
    margin: auto;
}
.ajaxload {
	height: 16px;
	background-image: url(ajax-loader.gif);
	background-repeat: no-repeat;
	width: 16px;
	padding:40px;
    text-indent: -9999px;
}

#nav_ostoskori {
    height: 42px;
	width: 40px;
    float: left;
    text-indent: -9999px;
}


.darkbox, .darkbox_body, .darkbox_head, .darkbox_head h2 { 
	  background: transparent url(darkboxbg.png) no-repeat bottom right; 
	  margin:0;
	} 
.darkbox{margin-bottom:12px;} 

	/* set the top-right image */ 
.darkbox_head { 
	  background-position: top right; 
	  padding-right: 15px; /* right corner width */ 
	  
	 } 
	 /* set the top-left image */ 
.darkbox_head h2 { 
	  color: #e4e4e4;
	  background-position: top left; 
	  padding-left: 13px;
	  padding-top : 7px;
	  padding-bottom : 11px; 
	  font-size: 11px; 

	  } 
	  /* set the lower-left corner image */ 
.darkbox_body {
	background-position: bottom left;
	margin-right: 10px; /* interior-padding right */
	padding: 0 0 10px 10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
 
	  } 	


.carouselbox, .carouselbox_body, .carouselbox_head, .carouselbox_head h2 { 
	  background: transparent url(carouselboxbg.png) no-repeat bottom right; 
	  margin:0;
	} 


/* girlsboksi  */
.carouselbox {margin-bottom:12px;} 

	/* set the top-right image */ 
.carouselbox_head { 
	  background-position: top right; 
	  padding-right: 25px; /* right corner width */ 
	  
	 } 
	 /* set the top-left image */ 
.carouselbox_head h2 { 
	  color: #b8b8b8;
	  background-position: top left; 
	  padding-left: 15px;
	  padding-top : 9px;
	  padding-bottom : 20px; 
	  font-size: 14px; 
	  color: #fff;
      font-weight: bold;

	  } 
	  /* set the lower-left corner image */ 
.carouselbox_body {
	background-position: bottom left;
	margin-right: 10px; /* interior-padding right */
	padding: 0 0 10px 10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	  } 	

.carouselbox_head a:link, .carouselbox_head a:visited, .carouselboxgirls_head a:link, .carouselboxgirls_head a:visited {
       color: #fff;
       float: right;	
       font-weight: normal;  
	  } 	

.carouselboxgirls, .carouselboxgirls_body, .carouselboxgirls_head, .carouselboxgirls_head h2 { 
	  background: transparent url(carouselbggirls.png) no-repeat bottom right; 
	  margin:0;
	} 
/* set the top-right image */ 
.carouselboxgirls_head { 
	  background-position: top right; 
	  padding-right: 25px; /* right corner width */ 
	  
	 } 

/* set the top-left image */ 
.carouselboxgirls_head h2 { 
	  color: #b8b8b8;
	  background-position: top left; 
	  padding-left: 15px;
	  padding-top : 9px;
	  padding-bottom : 20px; 
	  font-size: 14px; 
	  color: #fff;
      font-weight: bold;

	  } 
		  /* set the lower-left corner image */ 
.carouselboxgirls_body {
	background-position: bottom left;
	margin-right: 10px; /* interior-padding right */
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0px;	  
	  } 	

.carouselboxgirls {margin-bottom:12px;} 

	
/* tarjousboksi  */
.carouselbox.tarjous, .carouselbox.tarjous .carouselbox_body, .carouselbox.tarjous .carouselbox_head, .carouselbox.tarjous .carouselbox_head h2 { 
	  background: transparent url(carouselbgtarjous.png) no-repeat bottom right; 
	  margin:0;
	} 
	
.carouselbox {margin-bottom:12px;} 

	/* set the top-right image */ 
.carouselbox_head { 
	  background-position: top right; 
	  padding-right: 25px; /* right corner width */ 
	  
	 } 
	 /* set the top-left image */ 
.carouselbox_head h2 { 
	  color: #b8b8b8;
	  background-position: top left; 
	  padding-left: 15px;
	  padding-top : 9px;
	  padding-bottom : 20px; 
	  font-size: 14px; 
	  color: #fff;
      font-weight: bold;

	  } 
	  /* set the lower-left corner image */ 
.carouselbox_body {
	background-position: bottom left;
	margin-right: 10px; /* interior-padding right */
	padding: 0 0 10px 10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	  } 	

.carouselbox_head a:link, .carouselbox_head a:visited, .carouselboxtarjous_head a:link, .carouselboxtarjous_head a:visited {
       color: #fff;
       float: right;	
       font-weight: normal;  
	  } 	

.carouselboxtarjous, .carouselboxtarjous_body, .carouselboxtarjous_head, .carouselboxtarjous_head h2 { 
	  background: transparent url(carouselbgtarjous.png) no-repeat bottom right; 
	  margin:0;
	} 
/* set the top-right image */ 
.carouselboxtarjous_head { 
	  background-position: top right; 
	  padding-right: 25px; /* right corner width */ 
	  
	 } 

/* set the top-left image */ 
.carouselboxtarjous_head h2 { 
	  color: #b8b8b8;
	  background-position: top left; 
	  padding-left: 15px;
	  padding-top : 9px;
	  padding-bottom : 20px; 
	  font-size: 14px; 
	  color: #fff;
      font-weight: bold;

	  } 
		  /* set the lower-left corner image */ 
.carouselboxtarjous_body {
	background-position: bottom left;
	margin-right: 10px; /* interior-padding right */
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0px;	  
	  } 	

.carouselboxtarjous {margin-bottom:12px;} 





.carouselboxjoulu, .carouselboxjoulu_body, .carouselboxjoulu_head, .carouselboxjoulu_head h2 { 
	  background: transparent url(carouselbgjoulu.png) no-repeat bottom right; 
	  margin:0;
	} 
/* set the top-right image */ 
.carouselboxjoulu_head { 
	  background-position: top right; 
	  padding-right: 25px; /* right corner width */ 
	  
	 } 

/* set the top-left image */ 
.carouselboxjoulu_head h2 { 
	  color: #b8b8b8;
	  background-position: top left; 
	  padding-left: 15px;
	  padding-top : 9px;
	  padding-bottom : 20px; 
	  font-size: 14px; 
	  color: #fff;
      font-weight: bold;

	  } 
		  /* set the lower-left corner image */ 
.carouselboxjoulu_body {
	background-position: bottom left;
	margin-right: 10px; /* interior-padding right */
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0px;	  
	  } 	

.carouselboxjoulu {margin-bottom:12px;} 

.carouselbox_body h3 {font-weight:normal;font-size:11px;} 



/*### TABIEN ALLA 1px VIIVA ###*/

hr.tabit {display: none;}


/* Lajinavit */
.boxheadlongboard, .boxheadskate, .boxheadsnowboard, .boxheadmotocross, .boxheadski, .boxheadoutlet, .boxheadhotstuff, .boxheadbrands, .boxheadwm, .boxheadgopro    {
	background-repeat: no-repeat;
	width: 170px;
    text-indent: -9999px;
}
.boxheadlongboard {
	height: 40px;
	background-image: url(boxtopleft-longboarding.png);
}
.boxheadskate {
	height: 44px;
	background-image: url(boxtopleft-skate.png);
}
.boxheadsnowboard {
	height: 40px;
	background-image: url(boxtopleft-snowboarding.png);
}
.boxheadmotocross {
	height: 48px;
	background-image: url(boxtopleft-motocross.png);
}
.boxheadski {
	height: 43px;
	background-image: url(boxtopleft-ski.png);
}

.boxheadoutlet {
	height: 31px;
	background-image: url(boxtopleft-outlet.png);
}

.boxheadhotstuff {
	height: 35px;
	background-image: url(boxtopleft-hotstuff.png);
}

.boxheadbrands {
	height: 35px;
	background-image: url(boxtopleft-brands.png);
}

.boxheadwm {
	height: 36px;
	background-image: url(boxtopleft-wm.png);
}

.boxheadgopro {
	height: 32px;
	background-image: url(boxtopleft-gopro.png);
}


.boxheadrighttarjoukset{
	height: 35px;
	background-image: url(boxtopright-tarjoukset.gif);
	background-repeat: no-repeat;
	width: 160px;
    text-indent: -9999px;
}
.boxheadrighttop5 {
	height: 35px;
	background-image: url(boxtopright-viikontop5.gif);
	background-repeat: no-repeat;
	width: 160px;
    text-indent: -9999px;
}
#top5 table td{padding: 2px;}


.productinfo a:link, .productinfo a:visited {
	font-size: 10px;
    color: #545454;
}

.boxheadrightostivatmyos{
	height: 44px;
	background-image: url(boxtopright-ostivatmyos.gif);
	background-repeat: no-repeat;
	width: 160px;
    text-indent: -9999px;
}


.leftbox {
	padding: 0 10px 10px 10px;
	background: url(leftboxbg.gif) no-repeat left bottom;
	margin-bottom: 10px;
text-align: left;
}

.rightbox {
	padding: 0 10px 10px 10px;
	background: url(rightboxbg.gif) no-repeat left bottom;	
}

.rightbox ol li{
	list-style: decimal;
    list-style-position:inside;
    padding: 5px;
}

.boxcontent {
     padding: 10px;
     text-align: left;
     vertical-align: top;
     background: #fff;
}

.table {
	width:100%;
        border-width: 1px;
	border-style: solid;
	border-color: #c7c7c7;
	border-collapse: collapse;
}

.table th {
	text-align: left;
        background-image: url(thbg.gif);
        background-repeat: repeat-x;
}

.table td {background: #f7f7f7;}


.table td, .table th {
border:1px solid #DDD;
padding: 4px;


}

.TableBg {background: #c7c7c7;}

.TableRow td {
     background: #00add0;
     padding: 4px;
}


.tableFooter td {
font-size: 12px;
background: #e1e4e4;
}

.brands {
     text-align: center;
     padding-bottom: 10px;
}
.brands a {margin: 0 2px;}



#footer {
     text-align: center;
}

#localFooter {
	background-repeat: repeat-x;
	clear: both;
    line-height: 1.2em;
	text-align: center;
	color: #fff;
	background-image: url(footernavbg.png);
}

ul#localFooter {
     margin: 0;
     padding: 11px 0 6px;

}

#localFooter li {
     display: inline;
     margin: 0;
     padding: 0;
}

#localFooter li a {
     padding: 0 .3em 0 .65em;
     color: #ccc;
     border-left: 1px solid #a9a9a9;
}

#localFooter li a.first {
     padding-left: 0;
     border-left-width: 0;
}

#localFooter li a:hover.first {
     padding-left: 0;
}

#localFooter p {
     margin: 0;
     padding: 10px 10px 12px;
}

#localFooter li a:hover {
     padding: 0 .3em 0 .65em;
     color: #fff;
}


.taulukko {width: 100%;}



.LoginFormUser, .LoginFormPasswd, .RecoveryFormUser, .ShoppingCartQuantityField {
     height: 25px;
     padding: 3px;
     border: 1px solid #bbb;
     background: #FFF url(inputbg.gif) no-repeat -4px -4px; 
}
.LoginLoginButton {
 margin: 10px 10px 10px 0;
}

.compactlogin  {
     
border:1px solid #ccc;width:650px;padding:4px;

}
.compactlogin .LoginFormUser, .compactlogin .LoginFormPasswd {
     height: 18px;
     width: 150px;
     margin: 2px 0;
}

.compactlogin .LoginLoginButton {
 margin: 0;
}


.RecoveryFormUser {width: 270px;}

.ProductAmountField {
     height: 17px;
     width: 30px;
     border: 1px solid #bbb;
 
}
.pcardinfo .ProductAddButton, .pcardinfo .options {
     float: left;
 
}


.ProductOptionsField {
     border: 1px solid #bbb;
     margin:-1px 10px;
     font-size: 15px;
     
}

.WishlistItemDelete, .WishlistClear, .WishlistOrder, .WishlistItemAddBasket, .WishlistOrder, .WishlistAddBasket {
	margin: 0;
	padding: 0;
        border-style:none;
	text-indent: -9999px;
}

.WishlistItemDelete {
	background: url(btn-poista.png) no-repeat;
	height: 23px;
	width: 52px;
}
.WishlistItemAddBasket {
	background: url(btn-siirra_koriin.png) no-repeat;
	height: 21px;
	width: 87px;
}
.WishlistAddBasket {
	background: url(btn-siirra_kaikki.png) no-repeat;
	height: 21px;
	width: 122px;
}
.WishlistClear {
	background: url(btn-tyhjenna_lista.png) no-repeat;
	height: 21px;
	width: 103px;
}

.WishlistOrder {
	background: url(btn-tilaa_tuotteet.png) no-repeat;
	height: 28px;
	width: 134px;
}

.tarjouslatka, .outletlatka {
margin-right:20px;position:relative;
   }

.pcardpic .tarjouslatka, .pcardpic .outletlatka {
width:250px;position:relative;
   }
.aletahti {
     position:absolute;
     left:0px;
     width:52px;
     height:30px;
     text-align:center;
     color:#fff;
     font-weight:bold;
     padding-top:11px;
     font-size:11px;
}

.outletlatka .aletahti {background:url(aletahti.gif) no-repeat;}
.tarjouslatka .aletahti {background:url(dropintahti.gif) no-repeat;}

.pcardpic .aletahti {
     left:170px;
     top: 20px;
   }
.pcardpic img {
     margin: 2px;
   }


/*### SHOW HIDE DIVS ###*/


#flvplayer-preload, #lisacontent-preload {
	display: none;
}

/*### ETUSIVU ###*/

#mainokset {
	height: 200px;
	overflow: hidden;
}
#oikeanlaidanbanneri {
	height: 116px;
	overflow: hidden;
}

.etusivu-nav-container {
	margin: 5px 0 10px 0;
}

.oikea-nav-container {
	margin: 5px 0 0 0;
}



#tuoteuutuudet {
    height: 190px;
    width: 140px;
    overflow: hidden;
    text-align:center;
}

/** paging **/	


.paging {
	text-align: center;
	margin: 25px 0px;
	color:#666;
	border:0px;
}

.paging .dots {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 12px;
        border:0px;
}

.paging a:link,
.paging a:visited,
.paging a:hover,
.paging a:active {
	text-decoration:none;
	color:#00add0;
    background:#F9F9F9 url(h1bg.gif) repeat-x scroll 0 0;
	border:1px solid #E6E6E6;
	margin: 0px 2px;
	padding:3px 6px;
	font-size:12px;
	font-weight: bold;
}
.paging .thisPage {
	background: #00add0;
	font-weight: bold;
	color: #FFF;
}
.paging a:hover {background:#00add0; color:#FFF; border-color:#E6E6E6;}
.paging span {text-decoration:none; background:#fff; padding:3px 6px; border:1px solid #E6E6E6; margin: 0px 2px; color:#ccc; font-size:12px;}



/** laajennettu haku **/

#haku  {
	margin: 0;
	padding: 0;
}

#haku th {
	background-color: inherit;
	font-weight: normal;
	border-bottom: 1px solid #F3F6F8;
	padding: 8px;
	line-height: 14px;
    text-align:left;
}
#haku td {
	background-color: inherit;
	border-bottom: 1px solid #F3F6F8;
}
#haku tbody tr:hover {
	color: inherit;
	background-color: #f7f6f7;
}
#haku input {padding: 1px;}
#haku td{ padding: 8px;}
#haku .submit {	border: 0px;}



/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}

#TB_secondLine {display:none;}

#TB_window a:link, #TB_window a:visited {color: #666;}
#TB_window a:hover {color: #000;}
#TB_window a:active, #TB_window a:focus {color: #666;}


/* thickbox settings */

#TB_overlay {
	position: fixed;
	z-index:10000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #fff;
	z-index: 10002;
	color:#000;
	display:none;
	border: 4px solid #00add0;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background: url(popupheaderbg.png) repeat-x;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{padding:15px;}

#TB_ajaxContent p{padding:5px 0px 5px 0px;}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:10003;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:9999;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


.prodinfo {
	padding-top: 5px;
	border-top: 1px dotted #DDD;

}

table.newlisttable{
	border-spacing: 10px;
	border-collapse: separate;
        width: 100%;
     
}
.newlistcard {
	border: 1px solid #bebfc1;
        border-top: 0;
        border-right: 0;
        background: url(newlistcardbg.png) no-repeat right top;
        margin: 5px;
}

.newlistcard.tarjous {background: url(newlistcardbgtarjous.png) no-repeat right top;}
.newlistcard.outlet  {background: url(newlistcardbgoutlet.png) no-repeat right top;}

.newlistcard .pic {
	text-align: center;
        padding: 5px;
        vertical-align: middle;
}


.newlistcard .prodinfo h3 {
     font-size: 11px;
     height: 30px;
	 

}
.newlistcard .prodinfo {
	padding: 5px;
	border-top: 1px dotted #DDD;
	border-right: 1px solid #bebfc1;
	background: #f7f7f7;
        height:75px;
}



.plistcard {
 position:relative;
 margin:0px auto 5px 16px;  /* default, width of left corner */
 min-width:8em;
 max-width:1580px; /* based on image dimensions */
 z-index:1; 
}

.plistcard .pic {
	margin: 0;
	text-align: center;
        float:left;
}
	
.plistcard .content,
.plistcard .t,
.plistcard .b,
.plistcard .b div {
 background:transparent url(listcard.png) no-repeat top right;
}

.plistcard .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 15px 15px 0px 0px;
}

.plistcard .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:11px; /* top slice width */
 margin-left:-11px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.plistcard .b {
 position:relative;
 width:100%;
}

.plistcard .b,
.plistcard .b div {
 height:16px; /* height of bottom cap/shade */
 font-size:1px;
}


.plistcard .b {background-position:bottom right;}

.plistcard .b div {
 position:relative;
 width:11px; /* bottom corner width */
 margin-left:-11px;
 background-position:bottom left;
}


/* variants  */

.plistcard.tarjous .content,
.plistcard.tarjous .t,
.plistcard.tarjous .b,
.plistcard.tarjous .b div {
	background-image:url(listcard-tarjous.png);
}
.plistcard.uutuus .content,
.plistcard.uutuus .t,
.plistcard.uutuus .b,
.plistcard.uutuus .b div {
	background-image:url(listcard.png);
}
.plistcard.outlet .content,
.plistcard.outlet .t,
.plistcard.outlet .b,
.plistcard.outlet .b div {
	background-image:url(listcard-outlet.png);
}
.plistcard.hitti .content,
.plistcard.hitti .t,
.plistcard.hitti .b,
.plistcard.hitti .b div {
	background-image:url(listcard.png);
}
.plistcard.ennakko .content,
.plistcard.ennakko .t,
.plistcard.ennakko .b,
.plistcard.ennakko .b div {
	background-image:url(listcard.png);
}


.tablepad td {
	padding: 4px;
	vertical-align: middle;
}
.tablepadtop td {
	padding: 4px;
	vertical-align: top;
}
.tablepad20 td {
	padding: 15px 4px;
	vertical-align: middle;
}


.tablepad input, .tablepad select  {
	margin-right: 5px;

}


.productcardtable {
	margin: 10px 0;
        padding-top: 5px;
        border: 1px dotted #DDD;
        border-left: none;
        border-right: none;
}
.productcardtable td {
	padding: 5px 0;
	vertical-align: middle;
}

.rahattakaisin {
	background: url(rahattakaisin.png) no-repeat left center;
	padding-left: 65px;
	margin: 10px 0 10px 5px;
	padding-top: 15px;
        font-size: 11px;
	height: 70px;
        text-align: left;
}

.pcardpic {
	float: left;
	width: 230px;
        min-height: 375px;
	margin: 0 12px 0 0;
	text-align: center;
}
.pcardinfo {
	margin-left: 250px;
}
.pcardinfo p {

        font-size: 13px;

}
.pcardinfo p, .pcardinfo li, .pcardinfo h3 {

  
        color: #666;
}
.pcardinfo li {list-style: disc inside;}



.pcardinfo h2{
	font-size: 18px;
        font-weight: bold;
        border-bottom: 1px dotted #DDD;
        margin: 5px 0;
}
.spacer{
   border-bottom: 1px dotted #DDD;
   margin: 5px 0;
}
.productcode {color: #bdbdbd;}


.keylookinfo {
	margin-left: 250px;
     margin-top:30px;

}

     
.keylookinfo li a {
	font-size: 11px;
	color: #4D4C52;
	font-weight: bold;
    background: url(square_blue.png) no-repeat 0px 0px;	
	padding-left: 22px;
}
.keylookinfo li a:hover {
	color: #666;
	text-decoration: underline;
}

.keylookinfo ul li {
	padding-top: 3px;
	padding-bottom: 3px;

}

.keylookinfo p {
	font-size: 14px;

}
#keylooks {
	margin-top: 15px;
}

#keylooks h2 {
	font-size: 16px;
	padding-left: 15px;
}

.megamenu {
position: absolute;
display: none;
left: 0;
top: 0;
background: #fbfcfb;
border: 1px solid #00add0;
border-width: 3px;
padding: 10px;
z-index: 100;
}

.megamenu .column{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
}


.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #e0e0e0;
font: bold 13px Arial;
margin: 0 0 5px 0;
}


	

.formError {
			position:absolute;
			top:300px; left:300px;
			width:150px;
			padding-bottom:15px;
			display:block;
			z-index:5000;
		}
		.formError .formErrorContent {
				width:100%; 
				background:#000;
				color:#fff;
				font-family:tahoma;
				font-size:10px;
				box-shadow: 1px 1px 6px #000;
				-moz-box-shadow: 1px 1px 6px #000;
				-webkit-box-shadow: 1px 1px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
		.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				
			}
		.formError .formErrorArrow div{
					box-shadow: 1px 4px 5px #000;
					-moz-box-shadow: 1px 4px 5px #000;
					-webkit-box-shadow: 1px 1px 5px #000;
					font-size:0px; 
					
				}
			.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
			.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
			.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
			.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
			.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
			.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
			.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
			.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} 
.zoom {
	height: 25px;
	background-image: url(icon-zoom.gif);
	background-repeat: no-repeat;
	width: 25px;
	float: left;
	text-indent: -9999px;
	position: absolute;
        margin:5px;
}

.zoomtext {
	background-image: url(icon-zoom.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
        margin: 5px;

}

.merkit {
text-align:left;	
background: url(merkitbg.png) repeat-x;
	height: 30px;
}

.maksutavat {
text-align:center;	
padding-bottom: 10px;
}

.vaiheet {
	background: url(vaiheetbg.gif) repeat-x;
	width: 100%;
    margin: 0 0 10px 0;
}


#ostoskori {
	background: url(smallcartbg.png) no-repeat;
	float: right;
	margin: 12px 15px 0 0;
	height: 45px;
	width: 196px;
}
#ostoskorimenu {
	width: 180px;
        float:right;
}

.total {
	font-size: 14px;
}


.cartcontent {
	padding: 10px 5px 0px 45px;
}

.cartcontent b {
	font-size: 14px;
}

.cartcontent a:link, .cartcontent a:visited{
	margin-top: 3px;
    padding: 2px 0px 2px 10px;
	background-image: url(blue-arrow.png);
	background-repeat: no-repeat;
	background-position: 2px;

}
.in {
	border: 1px solid #e2e2e1;
	padding: 1px 5px 1px 5px;
	background-color: #f6f6f6;
	font-size: 9px;
}
.out {
	border: 1px solid #e2e2e1;
	padding: 1px 5px 1px 5px;
	background-color: #f6f6f6;
	color: #d1d1d1;
	font-size: 9px;
	background-image: url(outofstock.gif);
	background-repeat: no-repeat;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 120px;
    height: 145px;
    margin: 0 10px;
}
.jcarousel-item select {
    font-size: 10px;
}
.jcarousel-item .pic {
   height: 86px;
   width: 100px;
   text-align:center;
   min-height: 10em;
   display: table-cell;
   vertical-align: middle;

}


.jcarousel-item a:link, .jcarousel-item a:visited {
        color: #545454;
}



/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next, .jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-dropin .jcarousel-container-horizontal {
    width: 85%;
    padding: 0px 40px;
}

.jcarousel-skin-dropin .jcarousel-container-vertical {
    width: 150px;
    height: 300px;
    padding: 40px 0;
}

.jcarousel-skin-dropin .jcarousel-clip-horizontal {
    width:  100%;
    height: 145px;
}

.jcarousel-skin-dropin .jcarousel-clip-vertical {
    width:  150px;
    height: 300px;
}


.jcarousel-skin-dropin .jcarousel-item-horizontal {margin-right: 10px;}

.jcarousel-skin-dropin .jcarousel-item-vertical {margin-bottom: 10px;}

.jcarousel-skin-dropin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-dropin .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-dropin .jcarousel-next-horizontal:hover,
.jcarousel-skin-dropin .jcarousel-prev-horizontal:hover{
    background-position: -32px 0;
}

.jcarousel-skin-dropin .jcarousel-next-horizontal:active,
.jcarousel-skin-dropin .jcarousel-prev-horizontal:active{
    background-position: -64px 0;
}

.jcarousel-skin-dropin .jcarousel-next-disabled-horizontal,
.jcarousel-skin-dropin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-dropin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-dropin .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}


.jcarousel-skin-dropin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-dropin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-dropin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-dropin .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 55px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-dropin .jcarousel-next-vertical:hover,
.jcarousel-skin-dropin .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-dropin .jcarousel-next-vertical:active,
.jcarousel-skin-dropin .jcarousel-prev-vertical:active{
    background-position: 0 -64px;
}

.jcarousel-skin-dropin .jcarousel-next-disabled-vertical,
.jcarousel-skin-dropin .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-dropin .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-dropin .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 55px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-dropin .jcarousel-prev-disabled-vertical,
.jcarousel-skin-dropin .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-dropin .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}






/* sliding panel */
#toppanel {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 270px;
	color: #999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}


#panel .ots{
	font-size: 1.2em;
	padding: 10px 0 5px;
	color: white;

}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {color: white;}


#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;

}

#panel .content .left {
	width: 600px;
	float: left;
	padding: 0 15px;
	background: url(korttikuva.gif) no-repeat right top;
}

#panel .content .right {
	width: 250px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}


#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.LoginFormUser, #panel .content input.LoginFormPasswd {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
}

#panel .content input:focus {
	background: #545454;
}


#panel li {
		list-style: disc inside;
}

/* Panel Tab/button */
.tab {
  	background: url(tab_b.png) repeat-x 0 0;
	height: 22px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 22px;
	width: auto;
	line-height: 22px;
	margin: 0;
	right: 230px;
  	color: white;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(tab_l.png) no-repeat left 0;
  	height: 22px;
	width: 26px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(tab_r.png) no-repeat left 0;
  	height: 22px;
	width: 26px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.userlinks {
	width: 410px;
	
}


.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 22px;
  	background: url(tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #fff;
        font-weight: bold;
}

.tab ul.login li a:hover {
	color: #00add0;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 140px;
	position: relative;
	top: 0px;
        font-size: 11px;
}

.tab a.open {background: url(bt_open.png) no-repeat left 0;}
.tab a.close {background: url(bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(bt_close.png) no-repeat left -19px;}



.kysy, #kysy, .meilaa, .kerro, #kerro, .etsi{
padding:2px 0 2px 21px;
line-height: 19px; 
}

.kysy, #kysy{background: url(icon-kysy.png) no-repeat scroll 1px 50%;}
.meilaa{background: url(icon-meilaa.png) no-repeat scroll 1px 50%;}
.kerro, #kerro{background: url(icon-kerro.png) no-repeat scroll 1px 50%;}
.etsi{background: url(icon-etsi.png) no-repeat scroll 1px 50%;}

#bookmarks {
	background: url(slogan.png) no-repeat;
	float: left;
	margin: 27px 0 0 50px;
	height: 23px;
}
	
#bookmark {
       height:23px;
       width:190px;
       text-indent: -9999px;
       float: left;

}
.email, .facebook, .youtube, .twitter, .feed, .Girls, .Men, .Unisex{
       height:16px;
       width:16px;
       text-indent: -9999px;
       float: left;
       margin: 2px;
       background-repeat: no-repeat;
}
.email {background: url(email.png);}
.facebook {background: url(facebook.png);}
.twitter {background: url(twitter.png);}
.youtube {background: url(youtube.png);}
.feed {background: url(feed.png);}
.Girls {background: url(icon-female.png) no-repeat; float: right;}
.Men {background: url(icon-male.png) no-repeat; float: right;}
.Unisex {background: url(icon-unisex.png) no-repeat; float: right;       height:19px;
       width:19px;}


.snowboard, .ski, .mx, .skate, .longboard, .surf {
	   padding:5px 28px;  
	   font-weight: bold;
	   }
.snowboard {background: url(icon-snowboard.png) no-repeat;}
.ski {background: url(icon-ski.png) no-repeat;}
.mx {background: url(icon-mx.png) no-repeat;}
.skate {background: url(icon-skate.png) no-repeat;}
.longboard {background: url(icon-longboard.png) no-repeat;}
.surf {background: url(icon-surf.png) no-repeat;}

#sorterblock, .topblock{
        color:#000;
        background:#E8E8E8 url(h1bg.gif) repeat-x scroll 0 0;
        border:1px solid #DDD;
        margin:0 0 10px;
        padding:5px 10px;
        }
		
#sorterblock td{padding:3px;}

#sorterblock select {
       border:1px solid #909090;
       font-size:11px;
       padding:2px;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       border-radius: 3px;

}

.topblock a {
        color:#000;

        }

#sorterblock h2 {
	font-size: 1.2em;
        background:transparent url(none);
        margin:0;
        padding:0 5px 0 0;
        float:left;
}

#sorterblock .groupname {
        margin:5px 5px 0 0;
        float:left;
}
.comment {
	background: url(commentbg.gif) no-repeat right top;
	height: 90px;
        margin-bottom: 10px;
}

.comment .commentimg {
	background: url(commentimgbg.gif) no-repeat left top;
	float: left;
	width: 110px;
}
.comment img {margin:5px;}

.commentcontent {
        float: left;
        color: #545454;
        font-size: 12px;
	margin:15px 10px 10px 10px;
}
.comment .time, .commentcontent .time  {
	color: #afafaf;
        font-size: 10px;
}
.comment .name, .commentcontent .name{
        font-size: 12px;
        font-weight: bold;
}
.comment a:link, .comment a:visited, .commentbox a:link, .commentbox a:visited {
        font-size: 10px;
}
.commentbox {
	background: url(rightcommentboxbg.png) no-repeat left top;
	width: 160px;
        height: 200px;
        clear: both;
}
.commentbox .commentcontent {
	padding: 5px;
	margin: 15px 5px 5px 5px;
}
.commentbox .commentimg {
	padding: 5px;
}
.addcommentbottom .sendbutton {
	margin-left: 198px;
}


.addcommentboxbottom {
	background: url(addcommentbottombg.gif) no-repeat left top;
	width: 270px;
        height: 105px;
}

.addcommentcontent {
	padding: 5px 8px;

}
.commenttextarea {
	height: 50px;
	width: 248px;
	border: 1px solid #acacac;
	margin: 0px 0px 2px;
}
 .addcommentcontent .sendbutton {
	float: left;
}


.addcommentcontent .showcomments {
	font-size: 10px;
	float: left;
	width: 198px;
}


.productcomment {
	background: url(commentbgproductcard.png) no-repeat left top;
	height: 90px;
}
.productcommentbg {
	background: url(commentbgproductcardright.png) no-repeat;
	float: right;
	height: 62px;
	width: 9px;
	margin-top: 10px;
}
.addcommentbottom {
	background: url(addcommentleftbg.gif) no-repeat 90px top;
	width: 460px;
        height: 100px;
}
.addcommentbottompic {
	float: left;
	width: 80px;
        margin-right:20px;
}
.addcommentbottomcontent {
	float: left;
	padding: 5px 10px;
}

.feedpic {display:block;margin:auto;}

.widecard {
	background: url(widecardbg.gif) no-repeat left top;
        padding: 20px;
       
}

.widecard h2 a {color: #000;}

h3 a {color: #000;}

.widecard .pic {
	width: 200px;
        float:left;
        text-align: center;
        margin-top: 15px;
}
.widecard .info{
        margin-left: 200px;

}

.top50card {
        height: 130px;

}
.top50card .pic {
	width: 80px;
        float:left;
        text-align: center;
}
.top50card .info{
        margin-left: 80px;

}

.FB_ElementReady {width: 100%}

.newstuffbox {
	border:solid 1px #dadada; 
        border-top:none; 
	border-radius-bottom-left: 6px;
	border-radius-bottom-right: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-radius-bottom-left: 6px;	
	-webkit-border-radius-bottom-right: 6px;	
}
.small  {font-size: 10px;}
.bigger {font-size: 12px;}
.help {margin-bottom: -4px;}
.highlight {font-size: 12px; color: #00add0;}

.kumppanit {
	padding: 10px 0;
	background: url(kumppanibg.png) repeat-x bottom;
        text-align: center;
        margin: auto;
border-top:solid 1px #ebebeb; 
}
.kumppanitable td {
	padding: 10px 15px;
        color: #fff;
}
.kumppanitable {margin: auto;}
.kumppanitable img {border: 1px solid #c3c3c4;}

.orderlinks {margin:auto;width:500px;}
.width {width:600px; clear:both;}
#box-security {display:none;}


#tuotteetmenu a {color:#393939;font-size:12px;}
#merkitmenu a {color:#393939;font-size:11px;}



/* SHARE IT */

#shareit-box {
	position:absolute;
	display:none;
        z-index:100;
}

	#shareit-header {
		width:138px;
	}


	#shareit-body {
		width:138px; height:100px;
		background:url(../gfx/shareit/shareit.png);
	}

		#shareit-blank {
			height:20px;
		}

		#shareit-url {
			height:50px;
			text-align:center;
		}

			#shareit-url input.field{
				width:100px; height:26px;
				background: transparent url(../gfx/shareit/field.gif) no-repeat;
				border:none; outline:none;
				padding:7px 5px 0 5px;
				margin:3px auto;font-size:11px;
			}

		#shareit-icon  {
			height:20px;
		}
		
			#shareit-icon ul {
				width:130px;
				margin:0; padding:0 0 0 8px;
			}

			#shareit-icon ul  li{
				float:left;
				padding:0 2px;
			}
			
	


/* DIGG IT */

#diggit-box {
	position:absolute;
	display:none;
}

	#diggit-header {
		width:178px;
	}


	#diggit-body {
		width:178px; height:100px;
		background:url(../gfx/shareit/diggit.png);
	}

		#diggit-blank {
			height:20px;
		}

		#diggit-url {
			height:50px;
			text-align:center;
		}

			#diggit-url input.field{
				width:100px; height:26px;
				background: transparent url(../gfx/shareit/field.gif) no-repeat;
				border:none; outline:none;
				padding:7px 5px 0 5px;
				margin:3px auto;font-size:11px;
			}

		#diggit-icon  {
			height:20px;
		}
		
			#diggit-icon ul {
				width:130px;
				margin:0; padding:0 0 0 8px;
			}

			#diggit-icon ul  li{
				float:left;
				padding:0 2px;
			}
			


.hlbox {
        border: 1px solid #dadada;
	padding:10px;
	background:#f9f9f9;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}

.bordertable td{
	border: 1px solid grey;
	padding: 3px;
	}	



.bigfooter {
	padding: 35px 0;
	background: url(bigfooterbg.png) repeat-x center;
     margin: auto;

}

.bigfootertable {
	width: 100%;

}

.bigfootertable td {
	padding: 0px;
	color: #000;
	vertical-align: top;
	text-align: center;
	margin: auto;
}
.footerpic {
	float: left;
}
.footertext {
	float: left;
	text-align: left;
	margin: 20px 0 0 5px;
}
.footermobile{
	margin-left: auto;
    margin-right: auto;
    width: 285px;

}
.footerforum{
	margin-left: auto;
    margin-right: auto;
    width: 320px;

}

.footernouto{
	margin-left: auto;
    margin-right: auto;
    width: 355px;

}

.bigfootertable {margin: auto;}

#lahetanro {margin-bottom: -6px;}
#nro {height: 17px; width: 120px;}

ul#navi_lisa {
width: 313px;
float: right;
}


ul#navi_lisa li {
height: 27px;
float: left;
text-indent: -9999px;
}
ul#navi_lisa li a{

height: 27px;
display: block;
background: url(lisanavi.png) no-repeat;
}


ul#navi_lisa li a#nav_uutuudet  {  width: 59px; background-position: 0 0; }
ul#navi_lisa li a#nav_hot { width: 50px; background-position: -59px 0; }
ul#navi_lisa li a#nav_restocked { width: 80px; background-position: -109px 0; }
ul#navi_lisa li a#nav_keylooks  { width: 58px; background-position: -189px 0; }
ul#navi_lisa li a#nav_outlet    {  width: 66px; background-position: -247px 0; }




.ProdListFilterRadio_Kaikki, .ProdListFilterRadio_Girls, .ProdListFilterRadio_Men, .ProdListFilterRadio_Unisex, .ProdListFilterRadio_muut {
	background: url(ProdListFilterRadioBg.png) no-repeat;
display: block;
float: left;
margin:0 5px 0 0;
padding:6px 18px 6px 8px;

}

.ProdListFilterRadio_Kaikki{
padding:6px 10px 6px 7px;

}



.ProdListFilterRadio_Kaikki input, .ProdListFilterRadio_Girls input, .ProdListFilterRadio_Men input, .ProdListFilterRadio_Unisex input, .ProdListFilterRadio_muut input{
margin:0;width:13px;height:13px;overflow:hidden;
    vertical-align: bottom;
    position: relative;

}




.ProdListFilterRadio_Kaikki label{
padding-left:4px;
font-weight: bold;
}

.ProdListFilterRadio_Girls label{
color: #ce0475;
padding-left:4px;
font-weight: bold;
}

.ProdListFilterRadio_Men label{
color: #00add0;
padding-left:4px;
font-weight: bold;
}

.ProdListFilterRadio_Unisex label,
.ProdListFilterRadio_muut label{
padding-left:4px;
font-weight: bold;
}


.choose{
padding:10px;
font-weight: bold;
border-left:1px solid #dadada;	
border-right:1px solid #dadada;	
}
input#MostSold, input#MostViewed {
margin:0 0 0 7px;width:13px;height:13px;overflow:hidden;
    vertical-align: bottom;
    position: relative;

}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #dadada;	
	height:26px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(tabbg.png) no-repeat 0 0;
	font-size:11px;
        font-weight: bold;
	display:block;
	height: 26px;  
	line-height:26px;
	width: 101px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: 0px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0px -62px;		
	cursor:default !important; 
	color:#000;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* men */
ul.tabs a.d 			{ background-position: -100px 0; }
ul.tabs a.d:hover 	{ background-position: -100px -31px; }
ul.tabs a.d.current  { background-position: -100px -62px; color: #00add0;}

/* girls */
ul.tabs a.g 			{ background-position: -200px 0; }
ul.tabs a.g:hover 	{ background-position: -200px -31px; }
ul.tabs a.g.current  { background-position: -200px -62px; color: #c61172;}




/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

div.panes {
	border:1px solid #dadada;
border-top: none;	
padding: 10px;		
}


/* Kampanjatyökalun määritykset*/

#bettertogether .jcarousel-list li,
.jcarousel-item {
    float: left;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 510px;
    height: 145px;
    margin: 0;
}

#bettertogether .jcarousel-skin-dropin .jcarousel-clip-horizontal {
    width:  510px;
    height: 145px;
}


.campaign{display: table-cell;}

.packettable {
	margin-left: -20px;
        width: 100%;


}


.productpacket {
        overflow: hidden;
}

.productpacket .right{
        border-left:1px solid #CACACA;
        margin:5px;
        padding-left:10px;
        width:100px;
}


.saasto{
	color: #c91368;	
        font-weight:bold;
        text-transform:uppercase;
        margin-bottom: 5px;
}


.productpacket td.packetinfo{
	padding:5px 7px 5px 20px;
        vertical-align: bottom;
        background: url(icon-greyplus.png) no-repeat left center;
}


.productpacket h4{margin: 5px 0;}


#news {
	float: left;
	margin: 32px 0 0 20px;
}

.newsticker {
	color: #666;
}

/* Piilottaa tilauksen tiedot maksuvahvistussivulta, printti css näyttää tiedot*/
#tilausyhteenveto{display: none;}