/* maxcaravan.fi
   Author:     Paul Wallin
   
   ----------------------------------------------------*/
/* COLORS:
	  dblue:	#627da4
	  lblue:	#d3dae5
	  red:		#b91f27
	  black & white
*/

/* =GENERIC Styles
-------------------------------------------------------------*/

/* Reset styles
-------------------------------------------------------------*/

body, html {
	margin: 0;
	padding:0;
	background: url(../img/main_bg.gif) repeat-x top #b1bed1;
}
img { border:0; }
dl, ol, ul, table {
	margin: 0; text-align: left;
}
li { line-height: 1.5em; }

/*** typography ***/
body {
	font-size:73%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
p {	font-size:1.2em; padding: 3px 15px; line-height: 1.5em; color:#000;}

.clear { clear:both; border: none; background: none; margin:0; padding:0;  }

h1 {
	padding: 5px 20px 10px 20px;
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
	font-size:2.0em;
	font-weight:normal;
	color:#000;
	margin: 0;
}
h2 {
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
	font-size:1.8em;
	font-weight:normal;
	padding: 0.5em 20px 0.2em 20px;
	color:#efefef;
	text-align: left;
}
h3 {
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
	font-size:1.5em;
	padding: 10px 0 8px 20px;
	margin:0;
	color:#336699;
	font-weight: normal;
	text-align: left;
}
h4 {
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
	font-size:1.3em;
	padding: 0 0 5px 0px;
	margin:0 20px;
	color:#336699;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px dashed #d3dae5;
	width:300px;
}
a, a:visited{
	color: #336699;
	text-decoration: none;
}
a:hover, a:active {
	color: #CC0000;
	text-decoration: none;
	border-bottom: 1px solid #CC0000;
}
a abbr { text-decoration: none; border: none; }
/* =LAYOUT
---------------------------------------------------------------------*/
#container {
	width: 940px;
	margin: 0 auto 0 auto;
	top:0;
	padding: 0 5px;
	background-color: #fff;
}
#mast {
	height:126px;
	width: 950px;
	margin: 0 auto 0 auto;
	padding: 0;
	position:relative;
	background: url(../img/mast_bg.gif) no-repeat top #d3dae5;
	}
#content {
	background-color: #fff;
	padding: 0 0 40px 0;
	margin-left: 230px;
	margin-right: 0px; 
	text-align: left;
}
#main_image { 
	width: 695px; height: 250px; 
	margin: 0 5px; 
	background: url(../img/main_banner_5.jpg) no-repeat 50% 50% #fff; 
}

#left {
	background: url(../img/left_btm_bg.gif) no-repeat bottom center #d3dae5;
	float: left;
	width: 230px;
	margin: 0px;
	padding: 0 0 20px 0;
}
#left h2, #left h3 { font-family:Arial, Helvetica, sans-serif; margin: 5px 0 0 0px; padding: 5px 5px 0 0; border-top: 1px solid #fff; text-align:center;}
#left p { padding: 0 10px; margin: 0; text-align:center; }

#content p {
	padding: 5px 20px;
	margin: 0;
	text-align: left;
}
#content hr {
	margin: 5px 20px;
	
}
#footer {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	top: 0;
	background: url(../img/footer_bg.gif) no-repeat top #b1bed1;
	text-align: center;
	}
#footer p {
	clear: both;
	margin: 0;
	padding: 10px;
	color: #fff;
	}
#footer li.active a { color: #000; }
/* =MODULES
---------------------------------------------------------------------*/
#present { text-align:left;	padding:20px; }

#present_images {
	float: right;
	width: 450px;
	overflow: hidden;
	 border-left: 1px dashed #627da4; padding-left: 5px; margin-left: 5px;
	}
img#placeholder { width: 100%; }
#present h3 { padding: 10px 0 15px 20px; }
#present_images hr { background-color: #fff; border-top: dashed #627da4; border-width: 1px 0 0 0; margin: 5px 0; }
#present_images img{
	margin-right: 2px;
	border: 1px solid #627da4;
	}
#present_images img:hover {
	border: 1px solid #cc0000;
	}
#present a { border: none; }
/* Tuotteiden listaus */
.items {
	margin: 10px 20px;
	background: url(../img/prod_present_bg.gif) repeat-x bottom #e9edf2;
	min-height: 140px;
	/* height: 140px;*/
	}
.items h3 {
	margin: 0;
	padding: 10px 0 10px 30px;
	background: url(../img/main_products_arrow.gif) no-repeat 10px 15px transparent;
	border-bottom: 1px solid #e9edf2;
	}
.items div.item {
	top: 0;
	margin: 0;
	padding: 10px;
	border: none;
}

.items img, .items span.no_img {
	float: left;
	margin: 8px 20px 5px 15px;
	width: 107px;
	height: 80px;
	border: 1px solid #627da4;
	text-align: center;
}

.items img.sole {
	float: right;
	margin: 8px 20px 5px 15px;
	width: auto;
	height: auto;
	max-height: 80px;
	border: 1px solid #627da4;
	text-align: center;
}
img.thumb {
	border: 1px solid #627da4;
	margin-right:2px;
}
#mast p#address {
	position: absolute;
	bottom:0;
	right: 0;
	margin: 0 50px 13px 0;
	font-size: 1em;
	color: #627da4;
	}
.white { color: #fff; font-weight: bold; margin: 0 5px;}
#main_products {
	margin: 20px auto;
}
#main_products dl, dl#ajanvaraus {
	background: url(../img/main_products_bg.gif) no-repeat top #fff;
	width:266px;
	float: left;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 10px;
	text-align: left;
	padding: 5px 0 0 0;
	}
#main_products dt{
	color: #627da4;
	margin:0;
	padding: 50px 0 0 120px;
	}
#main_products dt span{
	visibility: hidden;
	}
#main_products dd{
	color: #fff;
	margin:0;
	padding: 10px;
	border-bottom: 1px dashed #d3dae5;
	font-weight: bold;
	font-size: 1.3em;
	}
#main_products dl#hauto{ background: url(../img/prod_bg_car.jpg) no-repeat top #fff; }
#main_products dl#mauto{ background: url(../img/prod_bg_mauto.jpg) no-repeat top #fff; }
#main_products dl#mvaunu{ background: url(../img/prod_bg_mvaunu.jpg) no-repeat top #fff; }
#main_products dl#muut{ background: url(../img/prod_bg_muut.jpg) no-repeat top #fff; }

dl#ajanvaraus { background: url(../img/yhteys_bg.jpg) no-repeat top #fff; float: right; }
dl#ajanvaraus dd{
	color: #fff;
	margin:0;
	padding: 10px 10px 15px 40px;
	font-weight: bold;
	font-size: 1.3em;
	}
dl#ajanvaraus dt{
	color: #627da4;
	margin:0;
	padding: 50px 0 0 120px;
	}
dl#ajanvaraus dt span{
	visibility: hidden;
	}
#main_products dd{
	color: #fff;
	margin:0;
	padding: 10px;
	border-bottom: 1px dashed #d3dae5;
	font-weight: bold;
	font-size: 1.3em;
	}
img.prod_arrow {
	float: right;
	margin: 2px 10px 0 0;
	}
#main_products dd.bottom, dl#ajanvaraus dd.bottom{
	background: url(../img/main_products_bg.gif) no-repeat bottom #4b6a96;
	color: #fff;
	margin:0;
	padding: 10px;
	border-bottom: none;
	}
#ajanvaraus a, #main_products a,#ajanvaraus a:visited, #main_products a:visited  { color: #fff; }
#ajanvaraus a:hover, #main_products a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }

p.news { border-bottom: 1px dashed #fff; padding: 5px 10px; margin: 0 5px;}
p.news a {  color: #000; }
p.news a:visited {  color: #627da4; }

span.date { font-size: 0.9em; color: #627da4; font-weight: bold; }
#map { float: right; width:350px; margin: 0 25px 15px 15px;}
#map iframe { width:350px; height:350px; border: 2px solid #627da4; margin-top: 10px;}  

.partner_logo {float: right; margin: 5px 10px;}
#text_content h3 { border-top: 1px dashed #d3dae5; clear: right; margin: 10px}
.aihekuva { float: right; margin: 15px; border: 1px solid #ccc; }

#muuttokamppis {
	float: right;
	margin: -50px 20px 0 20px;
	width:300px;
	}

.member_col {
	float:left;
	margin-bottom:10px;
	margin-top: 20px;
	margin-left:25px;
	margin-right:25px;
	padding: 0 10px 10px;
	text-align:left;
	width:250px;
	background-color: #d3dae5;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.member_col h3 { margin-left: 0; padding-left: 0; font-size: 1.3em; font-weight: bold;}
.member_col img { float: left; margin: 5px 10px 0 0; }
.member_col p { height: 60px; margin:5px 0; padding: 15px 0 0; } 	
#main_products .member_col p a { color: #4b6a96; } 

#lightbox-image { max-width: 800px; }
#lightbox-container-image-box { max-width: 820px; }
/*** Viikon TARJOUS ***/
.w_sale { width: 200px; background: #d3dae5; position: relative; margin: 10px 0 0 10px;}
.w_sale p { margin: 0; padding: 5px 5px 0; text-align: left;!important }
.w_sale h3#sale_h3 { height: 65px; width:220px; background: url(../img/viikon_tarjous/viikon_tarjous.png) no-repeat 50% 0 transparent; padding: 0; margin: 0; border: none;}
.w_sale h3#sale_h3 span { position: absolute; text-indent: -9999px; }
.w_sale a, .w_sale a:visited { color: red; }
.w_sale a:hover, .w_sale a:active { color: #00467f; text-decoration: none; border: none; }
.w_sale img.sale_thumb { width: 200px; border: 4px solid #fff; }
.w_sale .sale_img {  position: relative; }
 
.w_sale .sale_tag { position:absolute; bottom: 0; right: 0; margin: 0 -4px 4px 0;  z-index: 10; }
/*** Main menu 
-------------------------------------------------------------*/
ul#menu {margin: 0; padding: 0 0 93px 0; list-style: none; font-size:1.1em;  font-weight: bold; letter-spacing: 0.05em; background: url(../img/menu_bottom.gif) no-repeat bottom #627da4; width: 230px;}
ul#menu li { margin: 0; padding: 0; border-bottom: 1px solid #fff; position:relative; background: url(../img/menu_li_bg.gif) repeat-x top #627da4; z-index: 1}
ul#menu li.active {  background: url(../img/active_menu_bg.gif) no-repeat 0px 10px #fff; border: none;}
ul#menu li.active a { color: #627da4; }
ul#menu li a { display: block; margin: 0; padding: 6px 10px  6px 20px; color: #fff; width: 200px; height: 100%;}
ul#menu a:hover, ul#menu a:active { background: url(../img/menu_hover_bg.gif) repeat-x top #627da4; color: #fff;}
ul#menu li.active a:hover, ul#menu li.active a:active {  background: url(../img/active_menu_bg.gif) no-repeat 0px 10px #fff;}
ul#menu li.active ul li a { color: #fff; }
ul#menu li.active ul li a:hover, ul#menu li.active ul li a:active { background: url(../img/menu_hover_bg.gif) repeat-x top #627da4; }
ul#menu li.active ul li.active a { color: #000; }
ul#menu a { border: none; }
ul#menu li ul {
	position: absolute;
	left: 230px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	list-style: none;
	margin:0;
	padding:0;
	overflow: visible;
	}
ul#menu li ul li { border: none; }
/* Styles for Menu Items */
ul#menu ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #627da4; /* IE6 Bug */
	padding: 4px 10px;
	border: 1px solid #fff;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
ul#menu li:hover ul, li.over ul { display: block;} /* The magic */

ul#submenu {
	margin:0;
	width: 230px;
	list-style: none;
	padding: 0;
	}
ul#submenu li {
	margin:0;
	padding: 0;
	border-bottom: 1px dashed #fff;
	}

ul#submenu a{
	display: block;
	padding: 4px 10px;
	width:210px;
	border: none;
	}
ul#submenu li.active {
	background: url(../img/active_sub_menu_bg.gif) no-repeat 0px 8px #fff;;
	border: none;
	}
ul#submenu li.active a{
	color: #CC0000;
	}

 #footer ul {
	list-style: none; 
	margin: 0 0 0 250px;
	padding-top: 10px;
	}
#footer li { margin:0 1px; float: left; padding: 5px 7px 2px 7px; background: url(../img/footer_li_bg.gif) repeat-x top #fff; border: solid #fff; border-width: 0 1px 1px 1px;}
/* Lists 
-------------------------------------------------------------*/
dt { font-weight:bold; padding: 3px 5px; margin: 3px 20px;}
#present dl {
	}
#present dt {
	font-weight:bold;
	height: 15px;
	color: #627da4;
	font-size: 1.2em;
	}
#present dd {
	top:0;
	padding: 0;;
	background: transparent;
}
dl { margin: 10px 20px; text-align: left;}
dt, dd { margin-left: 0; padding-left: 0; }
dt { margin-top: 5px; }
dd.mobile { margin:0 5px; padding-left: 25px; background: url(../img/phone_icon.gif) no-repeat 0 0 #fff; height: 24px;}
dd.mail { margin:0 5px; padding-left: 25px; background: url(../img/post_icon.gif) no-repeat 0 0 #fff; height: 24px;}
/* Forms 
-------------------------------------------------------------*/
fieldset { border: none; }
label { margin: 0; padding: 3px 0; font-weight: bold; color: #627da4;}
label em { color: #CC0000; }
p.error { margin: 0 10px; padding:0; color: #CC0000; }
fieldset p { margin: 0 10px; padding:0; }


/* Tables
-------------------------------------------------------------*/
.odd {background-color: #d3dae5; }
 table { margin: 10px 20px; }
 td { padding: 3px; margin-left: 2px; }
 th { background-color: #627da4; padding: 3px 5px; color: #fff; }
 
/* Headers Image replacement
-------------------------------------------------------------*/
h1.ir{
	margin:0 0 0 5px;
	padding:0;
	width: 300px;
	height: 116px;
	position: relative;
	}
h1.ir span{
	position: absolute;
	width: 100%;
	height: 100%;
}
h1#logo_header span { background: url(/img/logo_header_2.gif) no-repeat; }

h2.ir{
	margin: 0 0 5px 15px;
	padding: 5px 0 0 0;
	width: 300px;
	height: 50px;
	position: relative;
	font-size: 0.9em;
	}
h2.ir span{
	position: absolute;
	width: 100%;
	height: 100%;
}
h2#tuotteet span, h2#umautot span, h2#kmautot span, h2#kmvaunut span, h2#umvaunut span, h2#mp span, h2#khautot span  { 
background: url(/img/head/tuotteet.gif) no-repeat;	}
h2#yhteystiedot span, h2#palautelomake span { background: url(/img/head/yhteyst.gif) no-repeat; }
h2#huolto span { background: url(/img/head/huolto.gif) no-repeat; }
h2#uutiset span { background: url(/img/head/uutiset.gif) no-repeat; }
h2#yritysesittely span { background: url(/img/head/yritys.gif) no-repeat; }
h2#minimal-base span { background: url(/img/head/tervetuloa.gif) no-repeat; }
h2#Yhteistyekumppanit span { background: url(/img/head/kumppanit.gif) no-repeat; }
h2#rahoitus span { background: url(/img/head/rahoitus.gif) no-repeat; }
h2#hinnasto span { background: url(/img/head/hinnasto.gif) no-repeat; }
h2#takuu span { background: url(/img/head/takuu.gif) no-repeat; }
h2#vuokraus span { background: url(/img/head/vuokraus.gif) no-repeat; }

h3.ir{
	margin:0;
	padding:0;
	width: 220px;
	height: 42px;
	position: relative;
	}
h3.ir span{
	position: absolute;
	width: 100%;
	height: 100%;
}
h3#talviparkki span { background: url(/img/head/talviparkki_h3.png) no-repeat;	}

#tp_campaign { background:  url(/img/head/talviparkki_bg.png) no-repeat right bottom #d3dae5;}
#tp_campaign p { margin: 5px 10px; padding: 0; }
#huoltokuvat img { margin:25px 5px 0 5px;  border: 1px solid #ccc; padding: 2px; text-align: center;}