/* COMMON */
*{
padding: 0px;
margin: 0px;
font-family: Arial, Tahoma, "sans-serif";
}
html, body {
height: 100%;
}
h1{
color: #2593ba;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 10px;
}
h2,caption{
color: #2593ba;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
text-align: left;
}
h3, h3 a, dt{
color: #348720;
font-size: 12px;
padding-top: 5px;
font-weight: bold;
}
a img{
border: 0px;
}
a{
color: black;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
p,strong,li,label{
color: #595959;
font-size: 12px;
}
strong{
font-weight: 700;
}
.page-wrapper{
width: 880px;
margin-left: auto;
margin-right: auto;
background-image: url(/files/Tunturi-teema/kuvat/taustakaaret.png);
background-repeat: no-repeat;
background-position: bottom;
}
button{
width: 150px;
}
/* COMMON END */

/* HEADER */
.header{
width: 880px;
height: 130px;
}
.header .header-links{
width: 590px;
height: 130px;
float: left;
}
.header .header-basket{
width: 290px;
height: 30px;
float: right;
margin-top: 25px;
text-align: right;
}
.header .header-infolinks{
width: 290px;
height: 25px;
float: right;
margin-top: 15px;
text-align: right;
}
.header .header-infolinks a{
font-size: 12px;
}
.header .header-infolinks ul{
list-style-type: none;
}
.header .header-infolinks ul li{
display: inline;
margin: 5px;
}
.CustomerNavigation{
background-color: #B5DFBA;
margin: 4px;
padding: 3px;
padding-top: 0px;
text-align: center;
}
/* HEADER END */

.slides{
width: 880px;
height: 350px;
background-image: url(/files/Tunturi-teema/kuvat/slide1.jpg);
}

/* CONTENT */
.content-wrapper{
width: 880px;
height: auto;
}
.content-haku{
width: 160px;
padding-left: 10px;
padding-right: 10px;
height: 150px;
margin-top: 187px;
float: left;
}
.content-haku label{
font-size: 13px;
text-transform: uppercase;
color: #007ab6;
}
.content-haku #SearchInput{
height: 23px;
width: 121px;
border: 1px solid gray;
margin: 1px;
padding: 1px;
font-size: 18px;
color: #007ab6;
}
.content-haku #SearchButton{
background-image: url(/files/Tunturi-teema/kuvat/hakunappi.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
border: 0px;
height: 28px;
width: 28px;
vertical-align: bottom;
}
.content-haku #SearchButton span{
display: none;
}
.content-main{
padding-left: 10px;
padding-right: 10px;
margin-top: 30px;
width: 675px;
height: auto;
float: right;
margin-bottom: 30px;
}
.content-main ul{
margin-left: 30px;
}
.content-main .NavigationList{
margin: 10px;
}

.content-main ul.NavigationList{
list-style-type: none;
}

.content-main ul.NavigationList li{
display: inline;
float: left;
width: 130px;
height: 140px;
margin: 10px;
text-align: center;
}

/* JÃ„LLEENMYYJÃ„T */
.jmItem {
	display:inline;	
	float:left;
	height:90px;
	margin:10px;
	width:220px;
}

/* TUOTEALAKATEGORIAT */
.content-main ul.NavigationList li{
background-repeat: no-repeat;
background-position: top;
}

/* ergometrit */
.content-main ul.NavigationList li.CategoryID-4{background-image: url(/files/Tunturi-teema/kuvat/ergometri.png);}

/* kuntopyÃ¶rÃ¤t */
.content-main ul.NavigationList li.CategoryID-5{background-image: url(/files/Tunturi-teema/kuvat/kuntopyora.png);}

/* recumbentit */
.content-main ul.NavigationList li.CategoryID-6{background-image: url(/files/Tunturi-teema/kuvat/recumbentti.png);}

/* Pilates */
.content-main ul.NavigationList li.CategoryID-11{background-image: url(/files/Tunturi-teema/kuvat/pilates.png);}

/* Yoga */
.content-main ul.NavigationList li.CategoryID-12{background-image: url(/files/Tunturi-teema/kuvat/yoga.png);}

/* Classic */
.content-main ul.NavigationList li.CategoryID-13{background-image: url(/files/Tunturi-teema/kuvat/classic.png);}

/* Fun */
.content-main ul.NavigationList li.CategoryID-14{background-image: url(/files/Tunturi-teema/kuvat/fun.png);}

/* Power Roller */
.content-main ul.NavigationList li.CategoryID-19{background-image: url(/files/Tunturi-teema/kuvat/powerroller.png);}

/* PyÃ¶rÃ¤laukut */
.content-main ul.NavigationList li.CategoryID-21{background-image: url(/files/Tunturi-teema/kuvat/pyoralaukut.png);}


/* Yepp */
.content-main ul.NavigationList li.CategoryID-22{background-image: url(/files/Tunturi-teema/kuvat/yepp-lastenistuin.jpg);}


.content-main ul.NavigationList a{
display: block;
padding-top: 130px;
}

/* CONTENT END*/

/* FOOTER */
.footer{
background-color:#555555;
background-image:url(/files/Tunturi-teema/kuvat/footertausta.jpg);
background-repeat:repeat-x;
clear:both;
color:white;
height:19px;
padding-top:8px;
text-align:center;
width:880px;
}
.footer strong{
color: #57df64;
}
.footer strong a{
color: white;
}
.footer p{
color: white;
font-size: 11px;
}
/* FOOTER END */

/* MENU */
.menu, .menu div{
width: 165px;
}
.menu{
position: absolute;
left: 50%;
top: 300px;
margin-left: -435px;
height: auto;
}
.menu .middle-content{
padding-left: 15px;
width: 150px;
min-height: 184px;
background-image: url(/files/Tunturi-teema/kuvat/menu/middle.png);
background-repeat: no-repeat;
background-position: bottom;
color: white;
font-size: 14px;
}
.menu .middle-content ul{
list-style-type: none;
}
.menu .middle-content ul li ul li{
text-align: center;
font-size: 10px;
padding-top: 1px;
padding-bottom: 1px;
margin-left: 0px;
}
.menu .middle-content ul li ul{
margin-top: 3px;
margin-bottom: 0px;
}
.menu .middle-content ul li a:hover{
color: #58ea69;
}
.menu .middle-content ul li{
width: 147px;
text-align: center;
color: white;
margin-left: -6px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 12px;
}
.menu .middle-content ul .Current{
background-image: url(/files/Tunturi-teema/kuvat/menu/valinta.png);
}
.menu .middle-content ul li a{
color: white;
}
.menu .middle-content ul li a:hover{
text-decoration: none;
}
.menu .middle-content p{
color: white;
}
.menu .middle-container{
height: auto;
background-image: url(/files/Tunturi-teema/kuvat/menu/repeat.png);
background-repeat: repeat-y;
}
.menu .top{
background-image: url(/files/Tunturi-teema/kuvat/menu/top.png);
background-repeat: no-repeat;
height: 16px;
}
.menu .bottom{
background-image: url(/files/Tunturi-teema/kuvat/menu/bottom.png);
background-repeat: no-repeat;
height: 14px;
}
/* MENU END */

/* PRODUCT LIST */
.Product{
width: 600px;
/* height: 120px; */
margin-top: 20px;
margin-bottom: 15px;
/*padding-right: 235px;*/
clear:both;
}
.ProductImage{
}
.ProductImage img{
margin-right: 10px;
}
.detailsLink{
color: #0073af;
font-size: 11px;
}
.ProductDesc{
display: inline;
width: 440px;
float: left;
}
.ProductImageContainer{
display: inline;
float: left;
padding-bottom: 20px;
}
/* PRODUCT LIST END */

/* PRODUCT DETAILS */
.buy{
float: right;
width: 280px;
margin-top: 20px;
}
fieldset{
border: 0px;
margin-top: 5px;
}
.ProductFullDesc{
float: left;
margin-top: 10px;
}
.ProductSmallDescPicture{
display: inline;
float: left;
}
.ProductSmallDescShort{
display: inline;
float: left;
width: 380px;
font-weight: bold;
}
.ProductSmallDesc{
width: 655px; 
}
.BuyFormQuantity input{
width: 25px;
border: 1px solid gray;
margin: 1px;
padding: 1px;
}
.BuyFormQuantity label{
font-size: 11px;
color: gray;
}
.BuyFormQuantity{
width: 80px;
display: inline;
float: left;
}
button.AddToCart{
background-image: url(/files/Tunturi-teema/kuvat/lisaa-ostoskoriin.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
border: 0px;
height: 19px;
width: 111px;
vertical-align: bottom;
background-color: transparent;
}
button.AddToCart span{
display: none;
}
/* PRODUCT DETAILS END*/

/* CART */
#CartTable,#PreviewTable,#OrderHistoryTable{
width: 670px;
margin-top: 20px;
margin-bottom: 20px;
}
#CartTable thead,#PreviewTable thead,#OrderHistoryTable thead{
margin: 2px;
margin-bottom: 4px;
background-image: url(/files/Tunturi-teema/kuvat/menu/valinta.png);
}
#CartTable th, #CartTable td, 
#PreviewTable th, #PreviewTable td,
#OrderHistoryTable th, #OrderHistoryTable td{
font-size: 12px;
text-align: left;
padding: 1px;
}
td,dl{
color: gray;
font-size: 13px;
}
dd{
margin: 2px;
}
th{
color: black;
font-size: 13px;
}
.CartPic{
width: 32px;
}
.VariationName{
display: none;
}
.CartTotal, .CartQuantity, .CartPrice{
width: 100px;
}
/* CART END */

/* CHECKOUT */
#CheckoutStage{
margin-left: 30px;
margin-bottom: 20px;
}
.CurrentCheckoutStage{
font-weight: bold;
color: #348720;
}
.HeaderItem{
margin-bottom: 10px;
}
#LoginSubmit{
margin-top: 10px;
}
#NewCustomerContinue a{
font-size: 16px;
color: #348720;
margin-bottom: 30px;
}
#NewCustomerContinue{
margin-bottom: 30px;
}
.FormItem{
margin-top: 10px;
text-align: left;
}
.GroupLabel{
font-size: 12px;
font-weight: bold;
color: #348720;
}
.GroupItem{
clear:left;
height:auto;
margin: 6px -15px 0;
overflow:visible;
padding:0 15px 39px;
position:relative;
width:100%;
}
.GroupItem label{
display: block;
width: auto;
float: none;
}
.GroupItem div{
float:left;
margin-right:5px;
padding-bottom:0;
width:auto;
}
label{
display: block;}
.GroupErrorMessage{
color: red;
font-size: 9px;
width: 300px;
}
.FormErrorMessage{
color: red;
font-size: 9px;
width: 300px;
}
.GroupItem .FormErrorMessage{
display: none;
}
#CheckoutNewCustomer,#CheckoutReturningCustomer{
width: 290px;
display: inline;
float: left;
padding: 10px;
}
/* CHECKOUT END*/
