/* CSS Document */

body{
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align: center;
	align:center;

	}


#global {
	width:980px;
	margin: 0px auto;
	background-image:url(../medias/background_general.gif);
	background-repeat: repeat-y;
}

#wrapper{
	width:960px;
	_height:auto;

}
#banner{
	width:952px;
	height:100px;
	/*border-bottom:1px solid #E4E4E4;*/
	margin: 0px auto;
	padding-left:10px;
	padding-top:20px;
	text-align:center;
	vertical-align:middle;

}
/*--------------Right Section------------*/
#right{
	float:right;
	width:760px;
	text-align:left;
	margin:0px;
	padding:0px;
}
#topper{
	width:750px;
	height:280px;
	background-image:url(../medias/Topper_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px 4px 2px 0px;
	_margin:0px 4px 5px 0px;
	float:right;
	text-align:left;
}
#visual{
	width:555px;
	height:220px;
	background-color:#FFFFFF;
	padding:5px;
	margin:50px 0px 0px 48px;
	_margin:50px 0px 0px 24px;
	float:left;
	text-align:center;
}
#dropdown{
	width:135px;
	float:right;
	margin-top:102px;
}
#dropdown select{
	width:135px;
	border:1px solid #ff1922;
	font-size:9px;
	color:#ff1922;
}
#content{
	width:607px;
	height:462px;
	background-color:#E4E4E4;
	background-image:url(../medias/bg_circle.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px 0px 5px 6px;
	_margin:-5px 0px 3px 1px;
	float: left;
}
#grey{
	width:138px;
	height:462px;
	_width:137px;
	background-color:#E4E4E4;
	float:right;
	margin:0px;
	_margin:-5px 4px 0px 0px;
}
#footer{
	width:750px;
	height:20px;
	font-size:9px;
	color:#999999;
	border-top:1px solid #ff1922;
	text-align:right;
	margin:737px 0px 0px 6px;
	_margin:2px 0px 0px 2px;
	padding-top:2px;
	clear: both;
}
#footer a{
	font-size:9px;
	color:#999999;
}
#footer a:hover{
	font-size:9px;
	color:#999999;
	text-decoration:none;
}
/*--------------Left Section------------*/
#left{
	float:left;
	width:200px;
	height:800px !important;
	text-align:right;
	margin:0px;
	padding:0px;
	background-image:url(../medias/Img_Truck.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}
#left div{
	text-align: left;
}
#logo{
	height:96px;
	background-image:url(../medias/Truckpoint_LOGO_2011_DEF_2colours.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:left;
}
#nav{
	width:190px;
	height:175px;
	margin:6px 0px 0px 25px;
	_margin:6px 0px 0px 10px;
}
#nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#nav li{
	width:180px;
	min-height:20px;
	background-color:#ff1922;
	border-bottom:2px solid #FFFFFF;
	text-align:left;
	_line-height:20px;
	padding-left:10px;
}
#nav .selected {
	width:180px;
	height:20px;
	background-color:#000000;
	border-bottom:2px solid #FFFFFF;
	text-align:right;
}
#nav a{
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	vertical-align:middle;
}
#nav a:hover {
	color:#000000;
}
#nav .selected a, #nav .selected a:hover{
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	padding-right:10px;
}
/*--------------Content------------*/
#content h1{
	color:#ff1922;
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
	padding:30px 50px 0px 25px;
}
#content h2{
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	padding:0px 50px 0px 25px;
}
#content h3{
	font-weight:bold;
	font-size:10px;
	padding:0px 50px 0px 25px;
}
#content h4{
	font-size:10px;
	text-decoration:underline;
	padding:0px 50px 0px 25px;
	margin-bottom:-10px;
}
#content p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	padding:0px 50px 0px 25px;
}
#content ul{
	list-style:disc;
	color:#000000;
	margin:-5px 0px 15px 35px;
	padding:0px;
}
#content ul.pL_35{
	padding-left:35px;
}
#content #dropdown input{
	border:1px solid #ff1922;
	font-size:9px;
	color:#000000
}
#content #split{
	height:1px;
	width:450px;
	border-top:1px solid #ff1922;
	margin-left:25px;
}
#content a{
	color:#ff1922;
}
#content a:hover{
	text-decoration:none;
}
#content a.inlink{
	color:#000000;
	font-weight:bold;
}
#content a.inlink:hover{
	text-decoration:none;
}
#content a.toplink{
	color:#999999;
	text-decoration:none;
}
#content a.toplink:hover{
	color:#000000;
	text-decoration:none;
}
#content a.black{
	color:#000000;
	text-decoration:undeline;
}
#content a.black:hover{
	color:#000000;
	text-decoration:none;
}
#content a.blacknodec{
	color:#000000;
	text-decoration:none;
}
#content a.blacknodec:hover{
	color:#000000;
	text-decoration:underline;
}
#content #bg table{
	background-color:#FFFFFF;
	margin-left:55px;
}
#content #bg td{
	background-color:#e3dad3;
	font-size:9px;
}
td {
	font-size:9px;
}
#content #bg #red{
	background-color:#bc2a2d;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:12px;
}
#content #bg #splitter{
	border-top:1px solid #516db1;
	height:1px;
}
#content #nobg table, #content #nobg tr, #content #nobg tr{
	background-color:none;
	margin-left:25px;
}
#content #nobg .input{
	border:1px solid #999999;
	font-size:9px;
	color:#000000;
	width:280px;
}
#content .button{
	background-color:#ff1922;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	border:none;
	width:200px;
	height:18px;
}
#content .button2{
	background-color:#ff1922;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	border:none;
	width:140px;
	height:18px;
}

/* EDIT IN PLACE */

#eip_contact_div a.eip_edit {
    background-color: #000000;
    font-family: Arial;
  	font-size: 10px;
  	font-weight: normal;
  	color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}
#eip_contact_div a.eip_edit:hover {
    text-decoration: underline;
}

#eip_div a.eip_edit {
    background-color: #000000;
    font-family: Arial;
  	font-size: 10px;
  	font-weight: normal;
  	color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}
#eip_div a.eip_edit:hover {
    text-decoration: underline;
}

#eip_div a.eip_publish {
    font-family: Arial;
  	font-size: 10px;
  	font-weight: normal;
  	color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}
#eip_div a.eip_publish:hover {
    text-decoration: underline;
}
#eip_div .eip_published {
    background-color: 57A500;
    padding-left: 3px;
    padding-right: 3px;
}
#eip_div .eip_notpublished {
    background-color: FF1922;
    padding-left: 3px;
    padding-right: 3px;
}

