/*
Title: 		
Updated: 	
Version: 1.0
Author: yse
*/

* {margin: 0; padding: 0;}

body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	text-align:left;
	color: #303B3B;
	background: #F2F4F5 url('../images/body.bg.gif') repeat-y top left;
}
a { color: #303B3B}

img { border: 0;}
hr { display:none; }

#wrapper {width: 880px;text-align:left; background: #FFF;  position:relative; padding: 0 50px;padding-bottom: 80px; float:left; }
.car #wrapper { padding-right:0; width: 930px;}

.error{color:#CC0000;}

#mainlogo { position:absolute; left: 104px;top: 26px;}

a { color: #336699; text-decoration:none;}
a strong { font-size: 15px;}
a:hover { color: #00CCFF;}

p { line-height:1.6em; margin-bottom: 1em;}

h1 { margin:0 0 20px 0;padding:0; clear:both;}

#packs-title { padding: 75px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 75px; /* for IE5/Win only */margin-left: 0px; display:block; width: 450px; background: url('../images/content/packs_title_nl.gif') no-repeat top left;}

.right { float:right; margin-left: 20px;}
.right.padding { margin-right: 50px;}
.left {float:left; margin-right: 20px;}

/* header
------------------------------------------------------------- */
#header { background:#EFF1F3 url('../images/header.bg.jpg') repeat-y top left;bottom:0pt;height:94px;position:relative;color: #666666;}

#subnav { list-style:none; margin:0;padding:0;  margin-top: 20px} 
#subnav li { margin-bottom: 10px;}
#subnav li a { padding: 17px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 17px; /* for IE5/Win only */margin-left: 0px; display:block;}
#subnav li a:hover { background-position: 0 -17px;}

/* mainnav 
----------------------------------------------------------- */
#mainnav { margin: 0 -50px;clear:both; padding-bottom: 20px;}
#mainnav ul { list-style:none; padding:0; margin: 0; height: 50px;} 
#mainnav ul li { margin-bottom: 10px; float:left; display:inline;}
#mainnav ul li a { padding: 50px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 50px; /* for IE5/Win only */margin-left: 0px; display:block;width:196px; float:left;}
#mainnav ul li a:hover, #mainnav ul li.active a { background-position: 0 -50px;}

#mainnav ul#pics { height: 166px;}
#mainnav ul#pics li { margin-bottom:0;}
#mainnav ul#pics li a { padding: 166px 0 0 0;height: 0px !important;height /**/: 50px; /* for IE5/Win only */}
#mainnav ul#pics li a:hover {background-position: top left;}

#pli-vtrend a { background: url('../images/content/p_trend.jpg') no-repeat top left;}
#pli-vambiente a { background: url('../images/content/p_ambiente.jpg') no-repeat top left;}
#pli-vxclusive a { background: url('../images/content/p_xclusive.jpg') no-repeat top left;}
#pli-vmarcopolo a { background: url('../images/content/p_marcopolo.jpg') no-repeat top left;}
#pli-vpacks a { background: url('../images/content/p_packs.jpg') no-repeat top left;}

#mli-vtrend a { background: url('../images/content/v_trend.gif') no-repeat top left;}
#mli-vambiente a { background: url('../images/content/v_ambiente.gif') no-repeat top left;}
#mli-vxclusive a { background: url('../images/content/v_xclusive.gif') no-repeat top left;}
#mli-vmarcopolo a { background: url('../images/content/v_marcopolo.gif') no-repeat top left;}
#mli-vpacks a { background: url('../images/content/v_packs_nl.gif') no-repeat top left;}

#li-vtrend a { background: url('../images/content/viano_trend.gif') no-repeat top left;width: 150px;}
#li-vambiente a { background: url('../images/content/viano_ambiente.gif') no-repeat top left;width: 150px;}
#li-vxclusive a { background: url('../images/content/viano_xclusive.gif') no-repeat top left;width: 150px;}
#li-vmarcopolo a { background: url('../images/content/viano_marcopolo.gif') no-repeat top left; width: 170px;}

.intro { width: 470px;}
.info { color: #CCCCCC; margin-top: 20px; }

.promos { float:right; margin-right: 50px; margin-top: 20px;} 

.pic-col { float:left; width: 250px; } 

.clr { clear:both;}

.pic-col .pic { min-height: 187px; _height: 187px; width: 234px; }
.pic-col .pic img { margin-bottom: 10px;}
.pic-col .pic p { margin-bottom:0;}
.pic-col.last {width: 400px;}

#t-trend { padding: 21px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 21px; /* for IE5/Win only */margin-left: 0px; display:block; width: 250px; background: url('../images/content/title_trend.gif') no-repeat top left;margin-bottom:5px;}

#t-ambiente { padding: 21px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 21px; /* for IE5/Win only */margin-left: 0px; display:block; width: 250px; background: url('../images/content/title_ambiente.gif') no-repeat top left;margin-bottom:5px;}

#t-xclusive { padding: 21px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 21px; /* for IE5/Win only */margin-left: 0px; display:block; width: 250px; background: url('../images/content/title_xclusive.gif') no-repeat top left;margin-bottom:5px;}

#t-marcopolo { padding: 21px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 21px; /* for IE5/Win only */margin-left: 0px; display:block; width: 250px; background: url('../images/content/title_marcopolo.gif') no-repeat top left;margin-bottom:5px;}


#t-form { padding: 22px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 22px; /* for IE5/Win only */margin-left: 0px; display:block; width: 439px; background: url('../images/content/form_title_nl.gif') no-repeat top left;margin-bottom:10px;}


/* table 
------------------------------------------------------------- */
.table { border-collapse:collapse;  }
.table tr th { padding: 12px 4px 4px 4px; }
.table tr td { border-bottom: 1px solid #CCC; padding: 4px; vertical-align:bottom;}
.table tr td.price { text-align:right;}
.table strong { color: #FF9900;}


/* footer
------------------------------------------------------------- */
#footer { background:#EFF1F3 url('../images/header.bg.jpg') repeat-y top left;bottom:0pt;height:30px;left:0pt;overflow:hidden;position:fixed;width:680px; padding: 25px 0 0 300px; color: #666666; }
#footer a {}
#footer a:hover { }

#footerlogo { position:absolute; left: 63px;top: 20px; }


/* forms
------------------------------------------------------------- */
form, fieldset, input,select,textarea { }
form table td { padding: 2px 0;}
button { background:none; border:0;}
fieldset {border:0; border-top: 1px solid #CCCCCC; margin-top: 10px; padding: 10px 0;}
legend {display:none;}
input, textarea {}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { }
.textInput { background: #FBFBFB; width: 350px;}