body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
}



h1, h2, h3 {
	color: #d54400;
	
	font-weight: normal;
}

h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.4em;	
}
h3 {
	font-size: 1.2em;	
}

h2 {
	margin-top: 10px;	
}

a {
	color: #c82227;
	text-decoration: none;
}
a:hover {
	color: red;
	text-decoration: underline;
}

a:active
{
  outline: none;
}
:-moz-any-link:focus {
  outline: none;
}


hr {
	border: 0;
	background-color:#b6b7b8;
	color:#b6b7b8;
	height:1px;
}

#headwrapper {
	background: #dbdbdb url(topbg2.png) repeat-x 50% 0%;
	margin-bottom: 15px;
}


#container {
	width: 999px;
	margin: 0 auto;
}

#header {
	background: black url(header2.png) no-repeat 50% 0%;
	height: 110px;
	position: relative;
	width: 999px;
	margin: 0 auto;
}

#header a {
	position: absolute;
	top: 20px;
	left: 0px;
}
#header a img{
	border: 0;
}

#content {
	width: 773px;
	float: right;
}

#sidebar {
	width: 208px;
	float: left;
}

#footer {
	background: #333;
	text-align: center;
	color: white;
	margin-top: 10px;
	padding: 15px 0;
}

.clearing {
	clear: both;	
}


/*** CARSEARCH ****/

#carsearch {
	position: relative;
	margin: 0 auto;
	width: 999px;
}

#carsearch #tabit{
	position: relative;
	height: 54px;
	font-size: 16px;
	text-transform: uppercase;	
}

#carsearch ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#carsearch ul li{
	float: left;
	background: transparent url(tab_separator.png) no-repeat 0% 0%;
	padding-left: 2px;
}

#carsearch ul li:first-child{
	background: transparent;
}

#carsearch ul li a{
	height: 44px;
	display: block;
	color: #c82227;
	padding: 10px 35px 0;
}

#carsearch ul li a.active{
	background: transparent url(tab_selected.png) repeat-x 50% 0%;
}

#own_area {
	position: absolute;
	right: 0px;
	bottom: 11px;
	height: 65px;
	width: 250px;
	text-align: right;
}

#own_area .profile, #own_area .wallet, #own_area .own, #own_area .favourites, #own_area .logout {
	display: block;
	padding-left: 22px;
	position: absolute;
	background: transparent url(/site_media/icons/icon-user.png) no-repeat 0% 50%;
	font-size: 13px;
}
#own_area .profile { left: 20px; top: 0; }
#own_area .wallet { background-image: url(/site_media/icons/icon-coins.png); left: 0; top: 20px; }
#own_area .own { background-image: url(/site_media/icons/icon-tire.png); left: 0; top: 40px; }
#own_area .logout { background-image: url(/site_media/icons/icon-logout.png); left: 140px; top: 20px; }
#own_area .favourites { background-image: url(/site_media/icons/icon-heart.png); left: 140px; top: 40px; }

#own_area h3{
	margin: 0; padding: 0; color: black; text-transform: uppercase; font-size: 1em;
}
#own_area span{
	font-size: 0.65em;
}

#search_area {
	clear: left;
	padding: 5px 0px 10px;
	border-bottom: 1px solid #b6b6b7;
}
#search_area div{
	width: 999px;
	margin: 0 auto;
}

#carsearchform {
	text-align: left;
	padding-bottom: 3px;
}

#carsearchform select {
	font-size: 1.2em;
	padding: 2px;
	width: 229px;
}

#carsearchform input {
	font-size: 1.3em;
}


/**** SUPERHAKU ****/

#searchform label{
	/*float: left;*/
}
#searchform input[type='text']{
	width:80px;
}
#searchform #rimoptions select{
	min-width:100px;
}

.defaultTextActive { color: black; font-style: italic; }



/**** NAPIT ****/
.button {
	text-align: center;
	text-decoration: none;
	border: 1px solid #666;
	padding: 2px 4px;
	font-size: 0.8em;
	background: #d59944;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: black;
	display: block;
	margin: 5px 5px 0 0;
	width: 45%;
	float: left;
}

.button:hover {
	background: #d55500;
	color: black;
	text-decoration: none;
}


/* ROUNDED BOXIT */

.rounded {
	border: 1px solid #9b9b9b;
	background: #eeeeee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 10px;
}

.rounded.gray{
	background: #eeeeee url(gradientbar_gray.png) repeat-x 0% 0%;
	padding-top: 8px;
}
.rounded.gray h1, .rounded.gray h3{
	color: black;
}
.rounded.red{
	background: #eeeeee url(gradientbar_red.png) repeat-x 0% 0%;
	padding-top: 8px;
}
.rounded.yellow{
	background: #eeeeee url(gradientbar_yellow.png) repeat-x 0% 0%;
	padding-top: 8px;
}
.rounded.green{
	background: #eeeeee url(gradientbar_green.png) repeat-x 0% 0%;
	padding-top: 8px;
}

.rounded.nobg{
	background-color: white;
}


.rounded h3{
	color: white;
	font-size: 15px;
	padding: 0px 0px 10px;
	margin: 0;
	height: 34px;
	overflow: hidden;
}
.rounded h1{
	color: white;
	font-size: 15px;
	padding: 0px 0px 10px;
	margin: 0;
	height: 34px;
}

.rounded .tip {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
.rounded .tip li{
	padding-bottom: 10px;
}

.rounded .tip li:first-letter{
	font-weight: bold;
}


/** NAVI **/

.navi{
	padding-left: 0px;
	padding-right: 0px;
}

.navi h3{
	padding-left: 10px !important;	
	padding-right: 10px !important;	
}

.navi li{
	margin: 0 3px;
	list-style: none;
	border-bottom: 1px solid #b7b7b8;
}

.navi li a{
	color: #c82227;
	font-size: 15px;
	font-weight: bold;
	display: block;
	padding: 5px 0 5px 5px;
	text-decoration: none;
	margin: 0;
}
.navi li:first-child{
	border-top: 1px solid #b7b7b8;
}


.navi li a:hover{
	background: #b7b7b8;
}





/* SUBNAV */

.navi ul {
	margin: 0;
	padding: 0;
	
	font-size: 0.8em;	
}

.navi ul ul li a{
	font-size: 13px;	
}

/* NEWS */

#news a {
	display: block;
	border-bottom: 1px solid #b7b7b8;
	margin-bottom: 3px;
	font-size: 0.9em;
}
#news a:hover {
	background: #b7b7b8;
}
#news .date {
	color: gray;
	font-size: 0.7em;
	display: block;	
}


/* FORMI */


.basicform p {
	font-style: italic;
	color: #666;
	font-size: 0.8em;
	margin: 5px 0;
}
.basicform p label {
	color: black;
	display: block;
	width: 230px;
	float: left;
	text-align: right;
	padding-right: 10px;
	font-style: normal;
	font-size: 1.3em;
}

.fieldWrapper {
	clear: left;
}

.formpadding {
	display: block;
	width: 230px;
	float: left;
	text-align: right;
	padding-right: 10px;
}

.info {
	display: block;
	color: #333;
	font-size: 0.8em;
}

.padded {
	margin-left: 240px;
}


.pikahaku {
	background: white;
	padding: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #999;
	width: 160px;
	float: left;	
}

.pikahaku h3 {
	margin: 0;	
}

.pika select {
	width: 100%;	
}
.pika select.small {
	width: 44%;
}
.pika input {
	width: 100%;	
}


#messages{
	list-style: none;
	padding: 0;
	margin: 0;
}
#messages li{
	list-style: none;
	border: 1px solid gray;
	background: #ffc;
	padding: 5px;
}
#messages li a {
	float: right;	
}

input.currency {
	width:70px;	
}

/* ILMOFORMI */

.frontinfo{
	width: 500px;
	float: left;
}
.rearinfo{
	width: 260px;
	float: left;
}

.rearinfo h3{
	margin: 0; padding: 0;
}

.fieldWrapper {
	min-height: 1.5em;	
}
.fieldWrapper ul{
	list-style:none;	
}


.fieldWrapper select, .fieldWrapper input[type="text"] {
	width: 150px;
}

.manufacturer select, .manufacturer input[type="text"] {
	width: 120px;
}
.short select {
	width: 70px;
}

.fieldWrapper textarea {
	width: 400px;
}

.errorlist {
	font-weight: bold;
	color: red;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
}

.css_select {
	border: 1px solid green;
	position: relative;
	width: 200px;
	float: left;
	padding: 10px;
	background: gray;
}

.css_select .choices {
	position: absolute;
	left: 0px;
	width: 100%;
	background: white;
	border: 1px solid black;
	z-index: 100;
}

.css_select .choices a{
	display: none;	
}

.css_select .choices a.selected{
	display: block;	
}

.css_select:hover .choices a{
	display: block;
	
}

#notifications, #notifications li {
  list-style: none;
  padding: 0;
  margin: 3px;
}
#notifications li {
	list-style: none;
	border: 1px solid gray;
	padding: 6px 6px 6px 30px;
}
.information, .error, .success, .warning {
  margin-top: 0.4em;
  border: 1px solid #9bb8d9;
  padding: 6px 6px 6px 30px;
}
.information {
  background: #dedfff url('/site_media/icons/information.png') 6px 50% no-repeat;
  color: #406299;
}
.error {
  background: #ffe1da url('/site_media/icons/exclamation.png') 6px 50% no-repeat;
  border-color: #f34f4f;
  color: #be0b0b;
}
.success {
  background: #e2f9e3 url('/site_media/icons/accept.png') 6px 50% no-repeat;
  border-color: #9c9;
  color: #080;
}
.warning {
  background:#fff8bf url('/site_media/icons/error.png') 6px 50% no-repeat;
  border-color: #ffd324;
  color:#eb830c;
}

#smsadbanner {
	background: transparent url(/site_media/puhekupla.png) no-repeat top left;
	width: 229px;
	height:63px;
	padding:15px 10px;
	line-height:1.3em;
	margin-bottom:10px;
	position: relative;
}

#smsadbanner #smsadinfo {
	font-size: 0.8em;
	display: none;
	background: white;
	border: 1px solid gray;
	width: 300px;
	left: 100px;
	top: 80px;
	padding: 10px;
}
#smsadbanner:hover #smsadinfo {
	display: block;	
	position: absolute;
}

img.icon{
	border:0;
	vertical-align: middle;	
}

.infotable {
	border: 1px solid #999;
	border-width: 1px 1px 0 0;	
}
.infotable th, .infotable td{
	border: 1px solid #999;
	border-width: 0 0 1px 1px;
	text-align: center;
	margin: 0;
	padding: 5px;
}
.infotable th {
	background: #fee;	
}

#addpayment_form p{
	width: 250px;
	float:left;
	margin: 0;
}