@import url(http://www.google.fi/cse/api/overlay.css);
html,body { height: 100%; } 

html>body #wrapper{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-color:  #333;	
	}
	
#wrapper{
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	min-height:100%;
	width: 90%;
 	width: expression(document.body.clientWidth < 950? "770px": "950px" );
	max-width: 950px;
	min-width: 770px;
	background-color: #FFFFFF;
	margin-bottom: -32px;
	position: relative;
	
	 
}

#logo{
	width: 100%;
	height: 50px;
	background-color: #333333;
	background-image: url(images/btnsbgfull.gif);
	background-repeat: repeat-x;
	background-position: right;	
}

#languages{
z-index: 1;
position: absolute; top: 5px; 
width: 45%;
margin-left: 50%;
height: 30px;
text-align: right;
}

#btns{
	z-index: 100;
position: absolute; top: 30px; 
padding-top: 2px;
width: 100%;
text-align: right;
}

#btns ul{

height: 20px;
}

#btns ul, #btns ul li ,#languages ul, #languages ul li{
	list-style: none;
	margin: 0;
	
}

#languages ul li{
display:inline;
padding-right: 5px;
}


 


#btns ul li {
	height: 20px;
display:inline;
padding: 0 30px 0 0;
}

#btns ul li a, #languages ul li a{

font-size: 11px;
font-weight: bold;
text-decoration:none;
}


#headersection{
	background-image: url(images/header3.gif);
	height: 130px;
	background-repeat: no-repeat;
	background-position: right;
	background-color: #333333;	
		border-right: 2px solid #ffcc33;
	/*border-bottom: 1px solid #CCCCCC;*/
	border-left: 2px solid #ffcc33;
	position: relative;
}



#headermiddle{

	width: 54%;
	height: 150px;
	background-color: #CCFF00;
	float: left;
	margin-bottom: 15px;
	
}

#slogan{
	/*
 margin-left:auto; 
 margin-right:auto;
 */
 margin: 10px auto 10px auto; 
 height: 40px;
 width: 400px;
 background-color: #FFCC33;
  	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 1.7em;


}

#rengashaku, #autosearch{
 margin-left:auto; 
 margin-right:auto; 
 text-align: center;

 width: 350px;
 height: auto;
 background-color: #FFCC33;
 margin-bottom: 15px;
 padding: 5px;


}

.tools{
background-image: url(images/box_bg_gradient.gif);
background-repeat: repeat-x;
}

.toolslist
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
list-style: none;
}

.toolslist ul {
	

}

.toolslist li
{
padding-left: 24px;
height: auto;
line-height: 24px;
background-image: url(images/arrow_orange_double.gif);
background-repeat: no-repeat;

margin-bottom: 13px;
font-weight: bold;
}

.toolslist li a, td.infoBoxHeading a, h3.banner a
{
color: #000;
text-decoration: none;
}

.toolslist li a:hover, td.infoBoxHeading a:hover, h3.banner a:hover
{
text-decoration: underline;
}






#logout{
text-align:right;
padding: 5px 5px 0 0;
}






#navigation {
	font-family: "Trebuchet MS", Verdana, Arial;
	border-bottom: 2px solid #FFCC33;
	/*
	font-size: 1.3em;
	*/
	font-size: 15px;
	margin-top: 0px;
	padding-top: 10px;
	background-image: url(images/navi_bg.gif);
	background-repeat: repeat-x;
			border-right: 2px solid #ffcc33;
	/*border-bottom: 1px solid #CCCCCC;*/
	border-left: 2px solid #ffcc33;

}

#navigation ul, #navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul {
	padding: 4px 0 2px;
	text-align: center;
}

#navigation ul li {
	display: inline;
	/*margin-right: .75em;*/
	margin-right: 2px;
}

#navigation ul li.last {
	margin-right: 0;
}


#navigation ul li a {
	background: url("images/otab-right_a.gif") no-repeat 100% 0;
	color: #000;
	padding: 4px 0;
	text-decoration: none;

}

#navigation ul li a span {
	background: url("images/otab-left_a.gif") no-repeat;
	/*
	padding: 4px 1em;
	*/
	padding: 4px 8px;

}

#navigation ul li a:hover span {

	/*color: #0000CC;*/
	color:#990000;
	text-decoration: underline;
	
}


#navigation ul li a#current {
	background: url("images/otab-right.gif") no-repeat 100% 0;
}


#navigation ul li a#current span {
	background: url("images/otab-left.gif") no-repeat;

color:#990000;
/*color:#FFFFFF;*/
font-weight: bold;
/*text-decoration: underline;*/
}




/*\*//*/
#navigation ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#navigation ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/
* html #navigation ul li a {
	padding: 0;
}
/**/


/* IE7 fucked up hacks begin */

*:first-child+html #navigation {

		text-align: center;
		background: #CCC;
	font-family: "Trebuchet MS", Verdana, Arial;
	
		background-image: url(images/navi_bg.gif);
	background-repeat: repeat-x;
	
	
				border-right: 2px solid #ffcc33;
	border-left: 2px solid #ffcc33;
	
	margin-top: 0px;
	padding-top: 10px;
	
	}

*:first-child+html #navigation ul {
	margin: 0px;
	/* padding: 10px 0px 1px 0px; */
		padding: 4px 0 2px;

}

*:first-child+html #navigation ul li {
	list-style: none;		
	display: inline;
		margin-right: .75em;

}

*:first-child+html #navigation ul li.last {
	margin-right: 0;
}



*:first-child+html #navigation ul li a {
	background: url(images/otab-left_a.gif) left 0 no-repeat;
	padding: 0px 0px 0px 9px;	/* left padding makes the LEFT tab (in this element) show */
}	

*:first-child+html #navigation ul li  a span{
	background: url(images/otab-right_a.gif) right 0 no-repeat;
	padding: 4px 9px 4px 0px;
	color: #333;
	text-decoration: none;			
}

*:first-child+html #navigation ul li a:hover span {

	color: #0000CC; 
	text-decoration: underline;
	
}


*:first-child+html #navigation ul li a#current {
	background: url("images/otab-left.gif") left 0 no-repeat;
}


*:first-child+html #navigation ul li a#current span {
	background: url("images/otab-right.gif") right 0 no-repeat;

color:#990000;
/*color:#FFFFFF;*/
font-weight: bold;
text-decoration: underline;
}

/* IE7 hacks end */



#catvertical {

background-color: #CCCCCC;
text-align: center;
padding: 5px;
/*
border-bottom: 2px solid #FFCC33;
border-left: 2px solid #FFCC33;
border-right: 2px solid #FFCC33;
*/

} 
 
#catvertical a:hover{
 color: #FFFFFF;
 
} 
 
 
 
 

.boxText { 
	font-size: 90%; 
	}

.errorBox { 
	font-size : 90%; 
	background: #ffb3b5; 
	font-weight: bold; 
	}
	
.stockWarning { 
	font-size : 90%; 
	color: #cc0033; 
	}
	
.productsNotifications { 
	background: #f2fff7; 
	}
	
.orderEdit { 
	font-size : 90%; 
	color: #70d250; 
	text-decoration: underline; 
	}

a {
	/*
  	color: #000000;
  	text-decoration: none;
	*/
	color: #0000FF;
	text-decoration: underline;

	}


a:hover {
  	color: #0000CC;  
  	text-decoration: underline;
	}
/*
FORM {
	display: inline;
	}
*/

tr.header {
  	background: #ffffff;
	}

tr.headerNavigation {
  	background: #CCCCCC;
	}

td.headerNavigation {
  	font-size: 90%;
  	background: #CCCCCC;
  	color: #ffffff;
  	font-weight : bold;
	}

a.headerNavigation { 
  	color: #FFFFFF; 
	}

a.headerNavigation:hover {
  	color: #ffffff;
	}

tr.headerError {
  	background: #ff0000;
	}

td.headerError {
  	font-family: Tahoma, Verdana, Arial, sans-serif;
  	background: #ff0000;
  	color: #ffffff;
  	font-weight : bold;
  	text-align : center;
	}

tr.headerInfo {
  	background: #00ff00;
	}

td.headerInfo {
  	font-family: Tahoma, Verdana, Arial, sans-serif;
  	background: #00ff00;
  	color: #ffffff;
  	font-weight: bold;
  	text-align: center;
	}

tr.footer {
  	background: #CCCCCC;
	}

td.footer {
  	font-size: 90%;
  	background: #CCCCCC;
  	color: #ffffff;
  	font-weight: bold;
	}


.infoBox {
  	background: #ffcc33;

	}

.infoBoxContents {
  	background: #fff;
	}

.infoBoxNotice {
  	background: #FF8E90;
	}

.infoBoxNoticeContents {
  	background: #FFE6E6;
  	font-size: 90%;
	}

td.infoBoxHeading {
  	font-size: 100%;
  	font-weight: bold;
  	/* background-image:url(images/bg_bar.gif); */
	
	background-color: #ffcc33;
	background-image: url(images/box_bg_gradient.gif);
	background-repeat: repeat-x;

  	color: #000;
	height: 25px;
	}
	
	
td.infoBox, span.infoBox {
  	font-size: 90%;
	}

tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd {
  	background-color:   #E0E0E0;   
	}

tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even {
  	background-color:#fff; 
	}

table.productListing {
  	border: 1px;
  	border-style: solid;
  	border-color: #b6b7cb;
  	border-spacing: 1px;
	}
	


.productListing-heading {
  	/*font-size: 90%;*/
  	background: #999;
  	color: #FFFFFF;
  	font-weight: bold;
	}



td.productListing-data {
  	font-size: 90%;
	padding: 4px;
	}

a.pageResults {
  	color: #0000FF;
	}

a.pageResults:hover {
  	color: #0000FF;
  	background: #FFFF33;
	}

td.pageHeading, div.pageHeading {
  	font-size: 125%;
  	font-weight: bold;
  	color: #999;
	}

tr.subBar {
  	background: #f4f7fd;
	}

td.subBar {
  	font-size: 90%;
  	color: #000000;
	}

td.main, p.main {
  	font-size: 95%;
  	line-height: 1.5;
	}

td.smallText, span.smallText, p.smallText {
  	font-size: 90%;
	}

td.accountCategory {
  	color: #aabbdd;
	}

td.fieldKey {
  	font-weight: bold;
	}

td.tableHeading {
  	font-weight: bold;
	}

td.ale{
color: #006600;
font-size: 115%;
}

span.newItemInCart {
  	font-size: 90%;
  	color: #ff0000;
	}

checkbox, input, radio, select {
  	font-size: 95%;
	}

textarea {
  	width: 100%;

  	font-size: 95%;
	}

span.greetUser {
  	font-weight: bold;
	}

table.formArea {
  	background: #f1f9fe;
  	border-color: #7b9ebd;
  	border-style: solid;
  	border-width: 1px;
	}

td.formAreaTitle {
	font-weight: bold;
	}

span.markProductOutOfStock {
	color: #c76170;
  	font-weight: bold;
	}

span.productSpecialPrice {
	color: #ff0000;
	}

span.errorText {
  	color: #ff0000;
	}

.moduleRowOver { 
	background-color: #D7E9F7; cursor: pointer; cursor: hand; 
	}

.moduleRowSelected { 
	background-color: #E9F4FC; 
	}

.checkoutBarFrom, .checkoutBarTo { 
	font-size: 90%; color: #8c8c8c; 
	}


.checkoutBarCurrent { 
	font-size: 90%; color: #000000; 
	}

/* message box */

.messageBox { 
	font-size: 90%; 
	}

.messageStackError, .messageStackWarning { 
	font-size: 90%; background-color: #ffb3b5; 
	}

.messageStackSuccess { 
	font-size: 90%; background-color: #99ff00; 
	}

/* input requirement */

.inputRequirement { 
	font-size: 90%; color: #ff0000; 
	}
	
table.rengashaku{
margin: auto;
}
	

#footer {
	
	width:600px;
	/*
	 width: 90%;
 width: expression(document.body.clientWidth < 950? "770px": "950px" );
 max-width: 950px; 
 min-width: 770px;
*/
	margin: 0px auto;
	clear:both;
	height:30px;
	/*
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #999999;
	*/
	color: #000000;
	text-align:center;
	position:relative;
}
* html #footer {/*only ie gets this style*/
	\height:32px;/* for ie5 */
	he\ight:30px;/* for ie6 */
}
#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */

h1 {
	font-size: 125%;
	font-weight: bold;
	margin-top: 4px;
}

h2 {
	font-size: 115%;
	font-weight: bold;
}

.keskireikainfo{
margin: 10px auto 10px auto;
border: 1px solid #ffcc33;
padding: 10px 20px;
}

#rengaslaskuri{
background-color: #ffcc33;
width: 400px;
padding: 10px;
text-align: center;
}

table.tirecalc{
border: 1px solid #ccc;
margin: auto;
}

table.tirecalc td{
text-align: left;
}

.tireinfotxt{
background-color: #fff;
color: #000;

}

table.carMatch{
border: 1px solid #ccc;
padding: 0;
border-collapse: collapse;
}

table.carMatch td, table.carMatch th{
text-align:center;
border: 1px solid #ccc;
padding: 0;
}

a.allprods{
line-height: 40px;
background-color:#FFCC33;
font-weight: bold;
}

td.pageheading {
	vertical-align: bottom;
}

div.subcont{
	background-color:#ccc;
}

/*
div.subsubcont{
	background-color: #ddd;
}
*/

div.subsubcont1{
	background-color: #ddd;
}

div.subsubcont2{
	background-color: #eee;
}




ul.subnavi, ul.subnavi li {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.subnavi li {
	display: inline;
}

ul.subnavi {
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #fff;
}


ul.subnavi li a {
 color: #000;
 text-decoration: none;
} 

ul.subnavi li a:hover {
 /*color: #fff;*/
 text-decoration: underline;
} 

ul.subnavi li.parent a {
	color: #000;
	/*text-decoration: underline;*/
	font-weight:bold;
}

#content {
/*margin: 10px 15px 10px 5px;*/
padding: 10px 15px 10px 3px;
}

#photodiv {
  background-repeat: no-repeat;
  margin-top: 10px;
}

#photoimg {
	border: 0;
	}


#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 225px; /*Set right margin to RightColumnWidth*/
padding-right: 10px;
}

#bannercont {
float: left;
width: 225px; /*Width of right column in pixels*/
margin-left: -225px; /*Set left margin to -(RightColumnWidth) */
margin-top: 5px;
	}

h3.banner {
	margin: 0;
	padding: 0; 
height: auto;
line-height: 24px;
	text-align: center;
	font-size: 100%;
  	font-weight: bold;
	

background-image: url(images/bannerbg.gif);
background-repeat: repeat-x;

}

.bannertxt {
	margin: 0 0 15px   0;
	border: 1px solid #FFE080;
	padding: 10px 5px 5px 5px;
		font-size: 90%;
				background: #FFEFBF;

}

#bannercont ul {
list-style: none;
	margin: 0;
	padding: 10px 15px;
background: #FFEFBF;
	}

#bannercont li {
	padding: 2px 0;
	}
	
#bannercont li a{
	color: #0000FF;
	font-size: 90%;
	text-decoration: underline;
	}
	
	
#bannercont ul li:before {	
	content: "\00BB \0020";
}

.innerbanner {
	margin: 0 5px 0 5px;
	}
	
td.boxText ul {
	list-style: none;
	margin: 0;
	padding: 0px 5px;

}

td.boxText ul li{
	padding: 2px 0;
}

/* -- Favorites -- */

#txtHint { display: none; 
background: #99FF66;
width: 350px;
padding: 10px;
}

/* --- prod. imgs -- */

.pimg_l{
   padding-right: 10px;  margin-bottom: 20px;
   text-align: left;
   float: left;
   width: 350px;
}
#pimg_r{
  margin: 10px 0 0 0; text-align: left;
}
.pimg_thumb{
float: left;
	margin: 2px 2px 2px 0;
} 

/* OTF contrib begins */
/* DDB - 041031 - Form Field Progress Bar */
.progress{
  width: 1px;
  height: 14px;
  color: white;
  font-size: 12px;
  overflow: hidden;
  background-color: navy;
  padding-left: 5px; 
}
/* OTF contrib ends */

.p_desc {
	border-bottom: 1px dashed #ccc;
	margin-top:0;
	padding-top: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.main_desc {
	border-top: 1px dashed #ccc;
	margin-top: 10px;
	padding-top: 10px;
	font-style: italic;
}
.price { color: #990000; font-size:20px; font-weight: bold; margin: 0;}
 


/* FUCKING IE6! */

#gsearch {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	padding:  5px;
	height: 50px;
	margin-left: auto;
	width: 355px;
	background-image:url(images/gsearchbg.gif);
}



html>body #gsearch {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	padding:  5px;
	height: 50px;
	margin-left: auto;
	width: 355px;
	background-image:url(images/gsearchbg.png);
}
 
.gfields {
	margin: 0;
	padding: 0;
	display: block;

	}

#gsearch input.qinput {
	width: 270px;
	color: #333;
 border: 1px solid #666666; 
 	margin: 0;
	padding: 0;
height: 16px;
}

#gsearch input.gbtn {
   background-color:#fff;
	margin: 0;
	vertical-align: bottom;
	border: none;
	font-size: 12px;
	 border: 1px solid #333; 
	padding: 1px 3px;
   
}

table#wheelsmakes tr td ul{
	margin: 0;
	padding: 0;
}

table#wheelsmakes tr td ul li {
	padding-bottom: 5px;
	margin: 0;
	list-style: none;
}

.promo {
background: url(images/promo_info.gif);
background-repeat: no-repeat;
background-position: 10px 10px;
border: 1px solid #006600;
padding: 6px 10px 10px 46px;
margin-bottom: 15px;
font-size: 10px;
font-weight: bold;
height: 40px;
}

.promo table tr td{
padding: 0 10px;
}

.greenlite {
color: #009900;
}
.amberlite{
color: #FF9900;
}
.redlite{
color: #FF0000;
} 

ul#simprods, ul#simprods li ul {
list-style: none;
padding: 0;
margin: 0;
}

ul#simprods li{
	padding: 2px 0 5px 10px;
	font-size: 14px;
	font-weight: bold;
}

ul#simprods li ul li{
	font-size: 12px;
}

ul#simprods li ul li ul li{
	font-weight: normal;
	font-size: 11px;
}

ul#simprods li.inches ul{
	display: none;
}