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: #aaa;
	background: #aaa;
	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;
        xfont-weight: bold;
        display:block;
}

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;}

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;
}

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;
}



.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: 0px;
	height: 15px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #5B5B5B;
}


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

.ProductGroupTree li a:hover, .leftbox li a:hover {
	padding: 1px 0px 1px 13px;
	display: block;
	background-image: url(nav-arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	color: #00add0;
	text-decoration: none;
}

.ProductGroupTree li ul li  {
	margin: 0px;
	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;
}

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; }

#takaisin {
	height: 23px;
	background-image: url(btn-takaisin.png);
	background-repeat: no-repeat;
	width: 79px;
    float: left;
    text-indent: -9999px;
}

#etusivu-next  {
	height: 24px;
	background-image: url(btn-seuraava.png);
	background-repeat: no-repeat;
	width: 76px;
        float: right;
        text-indent: -9999px;
}
#etusivu-prev {
	height: 24px;
	background-image: url(btn-edellinen.png);
	background-repeat: no-repeat;
	width: 76px;
        float: left;
        text-indent: -9999px;
}

#yhteistyossa {
	height: 20px;
	background-image: url(yhteistyossa_otsikko.gif);
	background-repeat: no-repeat;
	width: 120px;
    text-indent: -9999px;
    margin: auto;
}

#tulosta {
	height: 29px;
	background-image: url(btn-tulosta.png);
	background-repeat: no-repeat;
	width: 100px;
       text-indent: -9999px;
        float:left;
}

#rekisteroidy {
	height: 34px;
	background-image: url(btn-rekisteroidy_top.png);
	background-repeat: no-repeat;
	width: 123px;
    float: left;
    text-indent: -9999px;
}

#laajennettuhaku {
	background-image: url(btn-laajennettu_haku.png);
	background-repeat: no-repeat;
	width: 106px;
	margin: 5px 10px;
        float: right;
        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-left: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0px;	  
	  } 	


.carouselbox, .carouselbox_body, .carouselbox_head, .carouselbox_head h2 { 
	  background: transparent url(carouselboxbg.png) no-repeat bottom right; 
	  margin:0;
	} 
	
/* 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-left: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0px;	  
	  } 	

.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;} 

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

hr.tabit {display: none;}

/*### TABIT TUOTERYHMISSÄ ###*/

#tabit {
    margin: 0 5px; 0 5px;  
     float: left;
     width: 96%;
     font-size: 93%;
     line-height: normal;
     vertical-align: bottom;
     border-bottom: 1px solid #A8A8AF;
}

#tabit ul {
     margin: 0;
     padding: 0;
     padding-top: 10px;     
}

#tabit li {
     float: left;
     background: url("http://www.extremevideo.fi/gfx/tab-left_both.gif") no-repeat left top;
     margin: 0;
     padding: 0 0 0 9px;
}

#tabit a {
     display: block;
     background: url("http://www.extremevideo.fi/gfx/tab-right_both.gif") no-repeat right top;
     padding: 5px 15px 4px 6px;
     text-decoration: none;
     font-weight: bold;
     color: #000;
     float: none;
}

#tabit a:hover {
     color: #000;
     text-decoration: underline;
}

#tabit #valittu-tabi {
    background-image:url("http://www.extremevideo.fi/gfx/tab-left_both-selected.gif");
}

#tabit #valittu-tabi a {
    background-image:url("http://www.extremevideo.fi/gfx/tab-right_both-selected.gif");
	color: green;
    text-decoration: none;
}

/* Lajinavit */
.boxheadlongboard, .boxheadskate, .boxheadsnowboard, .boxheadmotocross, .boxheadski, .boxheadoutlet, .boxheadhotstuff, .boxheadwm    {
	background-repeat: no-repeat;
	width: 150px;
    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-dropin.png);
}


.boxheadwm {
	height: 36px;
	background-image: url(boxtopleft-wm.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-lumitykki.gif) no-repeat left bottom;
	margin-bottom: 10px;
}

.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;
}

.boxcontentmember {
     padding: 10px;
     text-align: left;
     vertical-align: top;
     background: #fff;
     background-image: url(http://www.extremevideo.fi/gfx/clubitausta.jpg);
     background-repeat: no-repeat;
     background-position: right top;
}


.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;
}

#footer {
     margin-top: 90px;
     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;
     color: #fff;
}

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

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







#checkout {height: 400px;}


.taulukko {width: 100%;}


#etusivu {
     width: 100%;
     background: #001a2f;
     background-image: url(http://www.extremevideo.fi/gfx/etusivu/skullbg.gif);
     background-position: top right;
     background-repeat: repeat-y;
}

#etusivubottom {
     width: 100%;
     background: #001a2f;
     background-image: url(http://www.extremevideo.fi/gfx/etusivu/skullbg.gif);
     background-position: bottom right;
     background-repeat: repeat-y;
     color: #fff;
}


#etusivu td a {
     display: block;
     background: #4e5c65;
     color: #fff;
}

#etusivu td a:hover {
     background: #35434c;
     text-decoration: none;
     font-weight: bold;
}

#etusivunosto {padding: 8px;}


.LoginFormUser, .LoginFormPasswd, .RecoveryFormUser, .ShoppingCartQuantityField, .fastSearch {
     height: 25px;
     padding: 3px;
     border: 1px solid #bbb;
     background: #FFF url(inputbg.gif) no-repeat -4px -4px; 
}
.LoginLoginButton {
 margin: 10px 10px 10px 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 {
	background: url(delete.png) no-repeat;
	height: 16px;
	width: 16px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}


#kuljetusinfo {
	background-color: #FFFFCC;
	padding: 15px;
	border: 2px solid #FFCC00;
}

.aletahti {
     position:absolute;
     left:0px;
     width:45px;
     height:41px;
     background:url(aletahti.gif) no-repeat;
     text-align:center;
     color:#fff;
     font-weight:bold;
     padding-top:14px;
     font-size:11px;
}
.pcardpic .aletahti {
     left:170px;
     top: 20px;
   }
.pcardpic img {
     margin: 5px;
   }


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


#flvplayer-preload, #lisacontent-preload, .btnShowShout, .btnShowCheck, .btnShowPayment, .btnShowRightColumn, .btnShowGChat {
	display: none;
}

/*### ETUSIVU ###*/

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

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


/*### GALS BANNERI ###*/
#gals-mainokset {
	height: 187px;
	overflow: hidden;
}
.gals-nav-container {
	width: 98%;
	margin: 0px;
}




#tuoteuutuudet {
    height: 180px;
    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:100;
	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: 102;
	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:103;
	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:99;
	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;
}

.plistcard .pic {
	margin: 0;
	text-align: center;
        float:left;
}


.prodinfo {
	padding-top: 5px;
	border-top: 1px dotted #DDD;
	xbackground: url(listcardspacer.png) no-repeat left top;


}

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 h2 {
     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 .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;
}

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

}
.textinfo {
	margin: 10px 0;
        font-size: 13px;
        color: #666;
}

.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 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;}



.plistcardvt {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1640px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:0px; /* default, width of left corner */
 margin-bottom:-14px; /* spacing under listcard */
}

.plistcardvt .content,
.plistcardvt .t,
.plistcardvt .b,
.plistcardvt .b div {
 background:transparent url(gfx/listcardvt.png) no-repeat top right;
}

.plistcardvt .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:30px 12px 0px 140px;
}

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

.plistcardvt .b {
 /* bottom */
 position:relative;
 width:100%;
}

.plistcardvt .b,
.plistcardvt .b div {
 height:18px; /* height of bottom line*/
 font-size:1px;
 margin-bottom: 0px;
}

.plistcardvt .b div {
 position:relative;
 width:140px; /* bottom corner width */
 margin-left:0px;
 background-position:bottom left;
}

.plistcardvt .pic {
	float: left;
	width: 250px;
        min-height: 275px;
	margin: 0 12px 0 0;
	text-align: center;
}

.plistcardvt .pic table {
        margin: 0 30%;
	

}
.plistcardvt .info {
	margin-left: 262px;

}
.plistcardvt h2 {
	font-size: 14px;
	padding: 20px;
	
}
.plistcardvt .b {background-position:bottom right;}
.plistcardvt .tuotehinta {font-size: 19px;}

.plistcardvt .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}


.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 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;
}

.megamenu .column ul li a{
text-decoration: none;
}

.megamenu .column ul li a:hover{
color: red;
}





    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	#slider-container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		background:#fff;		
		margin-bottom:2em;
		margin-left:30px;
		}							
	#slider-content{
		position:relative;
		}			

.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: 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-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	background-color: #f6f6f6;
	font-size: 9px;
}
.out {
	border: 1px solid #e2e2e1;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 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 .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 {
    z-index: 3;
    display: none;
}

.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 {
    background-position: -32px 0;
}

.jcarousel-skin-dropin .jcarousel-next-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-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-dropin .jcarousel-prev-horizontal:active {
    background-position: -64px 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 {
    background-position: 0 -32px;
}

.jcarousel-skin-dropin .jcarousel-next-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-vertical:hover {
    background-position: 0 -32px;
}

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

.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 h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	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{
background: url(icon-kysy.png) no-repeat scroll 1px 50%;
padding:2px 0 2px 21px;
line-height: 19px;
}
.meilaa{
background: url(icon-meilaa.png) no-repeat scroll 1px 50%;
padding:2px 0 2px 21px;
line-height: 19px;
}
.kerro, #kerro{
background: url(icon-kerro.png) no-repeat scroll 1px 50%;
padding:2px 0 2px 21px;
line-height: 19px;
}
.etsi{
background: url(icon-etsi.png) no-repeat scroll 1px 50%;
padding:2px 0 2px 21px;
line-height: 19px;
}

#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, .twitter, .feed{
       height:16px;
       width:16px;
       text-indent: -9999px;
       float: left;
       margin: 2px;
}
.email {background: url(email.png) no-repeat;}
.facebook {background: url(facebook.png) no-repeat;}
.twitter {background: url(twitter.png) no-repeat;}
.feed {background: url(feed.png) no-repeat;}

.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{
        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 #BDC7D8;
       font-size:11px;
       padding:2px;

}


#sorterblock h1 {
	font-size: 1.2em;
        background:transparent url(none);
        margin:0;
        padding:0 5px 0 0;
border:none;
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;
       
}
h2 a {color: #000;}

.widecard .pic {
	width: 250px;
        float:left;
        text-align: center;
        xborder: solid 1px #e4e4e4;
        margin-top: 15px;
}
.widecard .info{
        margin-left: 250px;

}

.FB_ElementReady {width: 100%}

.newstuffbox {
	border:solid 1px #ebebeb; 
        border-top:none; 

}
.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;}





@media print {
    #toppanel, #footer, #col2, #ostoskori{ display: none; }
	
	



}