/*
	created 13-MAR-2008, www.lifeisperfect.net
	main css for truckbel website
	
*/



/* HTML */

html { height: 100%; }
body {
	font:12px Arial,Helvetica,sans-serif; margin:0px; padding:0px; color:#000;
	min-height:100%;
	height: 100%;
}

h1 { margin:0px 0 15px 0; font-size:22px; color:#205f95; }
h2 { margin:15px 0 7px 0; font-size:20px; color:#205f95; }
h3 { margin:10px 0 7px 0; font-size:18px; color:#205f95; }
h4 { margin:10px 0 7px 0; font-size:16px; color:#205f95; }
h1,h2,h3,h4 { font-weight:normal; }
p { margin:0 0px 10px 0px; line-height:140%; font-size:13px; }
h1,h2,h3,h4,p { width:90%; }

a:link, a:visited, a:active { color:#f55428; text-decoration:none; }
a:hover { color:#e02d1e; text-decoration:underline; }

ul { margin:8px 0 10px 0; padding:0px; }
ul li { list-style-type: none; margin:0 0 0.4em 0; padding-left:22px; background:url('/res/i/bullet.gif') 5px 0.63em no-repeat; }

ul.compact { margin:10px 0 0 10px !important; padding:0 !important; }
ul.compact li { list-style-type: none; margin:0 0 0.25em 0; padding:0 0 0 22px; background:url('/res/i/bullet.gif') 5px 0.38em no-repeat; font-size:11px; }

table { background-color:#d0d0d0; text-align:left; }
table caption {background-color:#b3b3b3; text-align:left; padding:5px 0 4px 10px; font-weight:bold; color:#fff; }
table th { background-color:#ddd6de; font-weight:bold; padding:1px 5px 0 10px; line-height:20px; }
table td { background-color:#fff; font-weight:normal; padding:3px 5px 2px 10px; }

select,input,textarea { font:12px Arial,Helvetica,sans-serif; margin-right:10px;}


/* LAYOUT */

.base {
	margin:auto;
	height:auto !important;
	min-height:100%;
	height:100%;
}

.header { color:#fff; height:180px; background:#fff url('/res/i/bg-top.png') repeat-x 0 0; /*border-bottom:1px solid #e2e2e2;*/ position:relative; }
.header #logo, .header #motto, .header #image, .header #image-right, .header #lang {position:absolute;}
.header #logo { width:20%; top:4.1em; z-index:100px; }
.header #logo img {margin-left:19%;}

.header #motto { margin-left:20%; width:280px; top:3.4em; font-size:13px; line-height:160%; z-index:90; }

.header #image { top:0.7em; right:15%; z-index:80; }
.header #image-right { top:0.7em; right:0; z-index:80; }

.header #lang { top:2em; right:0; margin-right:4%; }
.header #lang a { color:#fff; text-decoration:none; }
.header #lang a:hover { text-decoration:underline; }

.base .insure-footer {
	height:7.5em;
}
.footer {
	height:7.5em;
	margin: auto;
	margin-top:-7.5em;	
	background: url('/res/i/bg-bottom.png') repeat-x 100% 100%;
}

.col-l { float:left; }
.col-r { float:right; }
.c1 { width: 20%; }
.c2 { width: 55%; }
.c3 { width: 25%; //width:24.9%; }

.spacer { height:40px; }
.clean { clear:both; line-height:0px; font-size:0px; height:0px; }


/* MAIN NAV */

ul.nav { margin:0 0 0 0; padding:0px; font-size:13px; font-weight:bold; text-align:left; width:70%;}
ul.nav li { list-style-type: none; margin:0 0 0.4em 0; padding:0; background:none; }
ul.nav ul { margin:0.4em 0 0 20px; padding:0px; font-size:12px; font-weight:normal; }
ul.nav ul li { list-style-type: none; margin:0 0 0.25em 0; padding:0px; background:none; }


/* TEXT */

.first {margin-top:0 !important;}

.em-info {padding:10px; background-color:#deeff7; font-style:italic !important;}

.bold {font-weight:bold !important;}
.normal {font-weight:normal !important;}

.small {font-size:11px}
.smaller {font-size:10px}

.big {font-size:14px !important;}
.bigger {font-size:15px !important;}

.light {color:#666;}
.lighter {color:#999;}

.mark-bg { background-color:#f55428; }


/* PHONES DL */

dl.props { width:14.7em; margin:0 0 10px 0;}
dl.props dt { float:left; margin:0 0 0.25em 0; }
dl.props dd { text-align:right; margin:0 0 0.25em 0; white-space:nowrap; }

/* INFOCUT */
.infocut { padding-bottom:1px; }

/* IMAGE+DESC TABLE */

table.img-desc { width:90%; border-collapse:collapse; text-align:left; margin-top:10px;}
table.img-desc td { padding:7px 0 7px 0; border-top:1px solid #eee; }
table.img-desc p {width:100%;}


/* BRANDS LOGOS */

div.brand-holder { max-width:670px; }
* html div.brand-holder { width:expression(document.body.clientWidth > 1280 ? "670px" : "auto"); }
div.brand { float:left; }
div.brand img { margin:10px 15px 5px 0; }


/* GRAPHICS + IMAGES */

* html .png { behavior:url('/res/i/pngfix.htc'); }
.popup {background:url('/res/i/popup_icon.gif') no-repeat 100% 40%; padding-right:1.6em; }
.phone {background:url('/res/i/phone_icon.png') no-repeat 0% 43%; padding-left:1.5em; white-space:nowrap; margin-bottom:10px; line-height:25px; font-size:16px; }