@charset "utf-8";

/* --- GENERAL --- */

html { 
	margin: 0;
}

body {
	background: #fff url('../img/common/bg-body2.gif') repeat-x; 
	font-size: 100%;
	font-family: Arial, Helvetica, Verdana, 'trebuchet ms', sans-serif;
	margin: 0;
	color: #000;
}

	body.findabody {
		background: #fff url('../img/common/bg-body-finda2.gif') repeat-x; 	
	}
	
	body.postabody {
		background: #fff url('../img/common/bg-body-posta2.gif') repeat-x; 	
	}

img {
	border: 0;
	display: inline;
}

sub, form, fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

p { margin: 0 0 20px 0; }

a {
	color: #005883;
	text-decoration: none;
	}

a:hover {
	color: #000;
	}

a span {
	font-size: 1.2em;
}

h1, h2 {
	font-weight: normal;	
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.4em;
}

h1 {
	color: #005884;
}

h2 {
	color: #898989;
}

h3 {
	padding: 0;
	margin: 10px 0 0 0px;
	font-size: 1em;
}

ul li, table li { 
    list-style-image: url('../img/common/bulletg.gif');
    list-style-type: none;
}

em { color: #005883; font-size: 1.2em; font-weight: bold; font-style: normal; }

.clear {
    clear: both;
}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.block { 
    display: block;
}

.indent { margin-left: 37px; }
.smallindent { margin-left: 23px; }
div.smallindent { margin-bottom: -10px; }
.hover { position: absolute; }

/* --- CONTAINER --- */
#container {
    background: url(../img/common/bg-container.gif) repeat-y;
	width: 980px;
	margin: 0 auto;
}

/* --- LINKBAR  --- */
#linkbar {
	display: none;
	height: 50px;
	color: #c5c7c9;
	font-size: 0.8em;
    background: #fff url(../img/common/bg-linkbar.gif) no-repeat center bottom;
}

/* --- HEADER --- */
#header {
	height: 105px;
	margin: 0 0;
	padding: 20px 20px 0 20px;
/*    background: pink url(../img/common/bg-header.gif) repeat-x center bottom; */
    background: #fff url(../img/common/bg-header2.gif) no-repeat center top;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

#header img {
	float: left;
}

#header img.logo {
    background: url(../img/common/logo.png) repeat-x 0 0;
}

#header.finda {
    background: #fff url(../img/common/bg-header-finda2.gif) repeat-x center top;
}

#header.posta {
    background: #fff url(../img/common/bg-header-posta2.gif) repeat-x center top;
}

body.homebody #header {
    background: #fff url(../img/common/bg-header-home.gif) repeat-x center top;
}


/* --- MENU --- */
#menu {
	float: left;
	margin: 2px 0 0 110px;
	width: 477px;
	overflow:hidden;
}

#menu a, #submenu a {
		display: block;
}

    #menu ul, #submenu ul {
	    padding: 0;
	    margin: 0;
    }

    #menu li, #submenu li { 
	    list-style: none;
        margin: 0;
        padding: 0;
        float: left;
    }

/* menu home */    
    #menu a.findatruck {
		width: 101px;
		background: url(../img/common/tabs.gif) 0 0;
		height: 34px;
	}
	
    #menu a.findaload {
		width: 92px;
		background: url(../img/common/tabs.gif) -101px 0;
		height: 34px;
	}
	
    #menu a.postatruck {
		width: 103px;
		background: url(../img/common/tabs.gif) -193px 0;
		height: 34px;
	}
	
    #menu a.postaload {
		width: 95px;
		background: url(../img/common/tabs.gif) -296px 0;
		height: 34px;
	}

    #menu a.home {
		width: 58px;
		background: url(../img/common/tab-home.gif) 0 0;
		height: 34px;
	}
	
/* end menu home */    

    body.findabody #menu a.findatruck, body.postabody #menu a.findatruck {
		width: 101px;
		background: url(../img/common/tabs.gif) 0 -120px;
		height: 34px;
	}

    body.findabody #menu a.home, body.postabody #menu a.home {
		width: 58px;
		background: url(../img/common/tab-home.gif) 0 -120px;
		height: 34px;
	}
	
    #menu a.findatruckselected {
		width: 101px;
		background: url(../img/common/tabs.gif) 0 -40px;
		height: 34px;
	}

	
	body.findabody #menu a.findaload, body.postabody #menu a.findaload {
		width: 92px;
		background: url(../img/common/tabs.gif) -101px -120px;
		height: 34px;
	}
	
	#menu a.findaloadselected {
		width: 92px;
		background: url(../img/common/tabs.gif) -101px -40px;
		height: 34px;
	}
	
    body.findabody #menu a.postatruck, body.postabody #menu a.postatruck {
		width: 103px;
		background: url(../img/common/tabs.gif) -193px -120px;
		height: 34px;
	}
	
    #menu a.postatruckselected {
		width: 103px;
		background: url(../img/common/tabs.gif) -193px -80px;
		height: 34px;
	}
	
    body.findabody #menu a.postaload, body.postabody #menu a.postaload {
		width: 95px;
		background: url(../img/common/tabs.gif) -296px -120px;
		height: 34px;
	}
	
    #menu a.postaloadselected {
		width: 95px;
		background: url(../img/common/tabs.gif) -296px -80px;
		height: 34px;
	}
	

	#menu a span {
		margin-left: -3000px;
		overflow: hidden;
	}

    
    #submenu {
		color: #c5c6c7;
		height: 73px;
		float: right;
		margin: -10px 0 0 100px;
		font-size: 11px;
		}
    
  
    #submenu ul li a {
        margin: 0;
        padding: 0 5px 0 5px;
	    display: block;
	    text-decoration: none;
	    color: #fff;
    }

    #submenu ul a:hover, #submenu ul a.selected { 
	    text-decoration: underline;
 }
	
      
/* --- MAINMENU --- */
#mainmenu {
}

    #mainmenu ul {
	    padding: 0;
	    margin: 0;
	}

    #mainmenu li { 
	    list-style: none;
        margin: 0;
        padding: 0 3px;
        float: left;
    }
    
    #mainmenu ul li a {
        margin: 0;
	    display: block;
	    text-decoration: none;
    }

    #mainmenu ul a:hover, #mainmenu ul a.selected { 
        background: #f0f0f0; }

    	
/* --- CONTENT --- */
#content {
	display: inline;
	width: 898px;
	margin: 0 0 0 21px;
	padding: 20px;
	float: left;
	font-size: 0.8em;
	min-height: 420px;
}

    div.small { display: inline; width: 564px !important; }
        
    #content a.moreback {
	    color: #3b99d2;
	    display: block;
	    line-height: 100%;
	    margin: 0;
	    text-decoration:none;
    }

    #content a:hover.moreback { color: #000; }

    #content H1, H2, H3 {
	    letter-spacing: 1px;
	    margin-left: 0;
    }

    #content h2 span { font-size: 0.8em; font-weight: bold; }
    
#steps
{
	float: left;
	min-height: 200px;
}
#text, #maphome, #new {
	float: left;
	min-height: 400px;
}

    #steps ul li { list-style-image: none; }

    #steps ul li:hover, #steps ul li a:hover { cursor: default; }

#text {
width: 145px;
border-right: 1px #e0e0e0 solid;
padding-right: 20px;
margin-right: 20px;
}

#text div {
	border: 1px #cacaca solid;
	padding: 9px;
	background: #f5f5f5;
	font-size: 0.9em;
}

div#steps {
	width: 105px;
	border: none;
	border-right: 1px #e0e0e0 solid;
	padding-right: 10px;	
	text-align: right;
	background: none;
	}
	
	div#steps ul {
		display: block;
		list-style-type: none;
		padding: 0;
		margin: 0;
		text-align: right;
		background: url(../img/common/bg-steps.gif) repeat-y top right;
	}
	
	div#steps ul li {
		margin-bottom: 20px;
	}
	
	div#steps ul li a {
		background: url('../img/common/bg-stepsa.gif') no-repeat right top;
		display: block;
		padding-right: 20px;
		font-weight: bold;
		color: #c5c7c9;	
	}
	
		div#steps ul li a.seleceted {
			color: #005883;
			}
	
	div#steps ul li a:hover {
		background: url('../img/common/bg-stepsa-h.gif') no-repeat right top;
		color: #005883;
	}

/* steps in sidebar*/
#text div#steps { 
    border-right: none; 
	font-size: 1.1em;
}

	#text div#steps ul li a {
		background: url('../img/common/bg-stepsa-grey.gif') no-repeat right top;
		display: block;
		padding-right: 20px;
		font-weight: bold;
		color: #c5c7c9;	
	}
	
		#text div#steps ul li a.seleceted {
			color: #005883;
			}
	
	#text div#steps ul li a.selected {
		background: url('../img/common/bg-stepsa-grey-h.gif') no-repeat right top;
		color: #005883;
	}

#textright {
    float: left; 
    width: 700px; 
}
	
#dhtmltooltip{
	position: absolute;
	border: 1px #cacaca solid;
	padding: 9px;
	background: #f5f5f5;
	visibility: hidden;
	z-index: 100;
	width: 170px;
	text-align: left;
	}

#maphome {
	margin-left: 20px;
	width: 310px;
/*	background: url(../img/home/map-base.gif) no-repeat 70px 20px; */
	height: 380px;
}

#maphome ul {
	padding: 0;
	margin: 0;
}

#maphome ul li {
	list-style: none;
	background: url(../img/common/bulletg.gif) no-repeat 0 6px;
	padding-left: 13px;
}

#maphome ul li a {
	color: #558839;
}

.note { font-size: 0.8em; }

.tooltip1, .tooltip2 {
	font-size: 11px;
	font-weight: bold;
	width: 120px;
	padding: 2px 5px;
	position: absolute;
/*	top: 0px; 
	left: 0px; */
	margin: 0;
	text-align: center;
}

.tooltip1 {
	border: 1px #333333 solid;
	background: #333333;
	color: #333333;
}

.tooltip2 {
	border: 1px #558839 solid;
	background: #ffffff;
	color: #000000;
}

	.tooltip1 a, .tooltip2 a {
		color: #558839;
	}

#new {
	width: 253px;
}

#new h3 em {
	margin-left: -6000px;
}

/*no new but latest for now
#new h3.newloads {
	width: 102px;
	height: 30px;
	background: url(../img/common/bg-newloads.gif) no-repeat;
	float: left;
	}

#new h3.newtrucks {
	width: 102px;
	height: 30px;
	background: url(../img/common/bg-newtrucks.gif) no-repeat;
	float: left;
	vertical-align: bottom;
	}*/

#new h3.latestloads {
	width: 113px;
	height: 30px;
	background: url(../img/common/bg-latestloads.gif) no-repeat;
	float: left;
	}

#new h3.latesttrucks {
	width: 113px;
	height: 30px;
	background: url(../img/common/bg-latesttrucks.gif) no-repeat;
	float: left;
	vertical-align: bottom;
	}
	
#new a.showall {
	display: block;
	float: left;
	margin: 22px 0 0 10px;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: underline;
}

#new a:hover.showall {
	text-decoration: none;
}

#new div {
	clear: both;
	border-top: 1px #cacaca solid;
	padding: 0;
	}
	
#new div.list {
	padding: 0 9px 3px 9px;
	border: 1px #cacaca solid;
	border-top: 0;
	min-height: 34px;
	overflow: hidden;
	}

.smallgray {
	font-size: 0.8em;
	white-space: nowrap;
	color: #898989;
	margin: 0;
}

.link-offers-new       { color: #333; }
.link-offers-declined  { color: #898989; }
.link-offers-accepted  { color: #898989; }
.link-offers-withdrawn { color: #898989; }

div.my-account-nav {
}

div.my-account-nav  ul {
	border-bottom: 1px #005883 solid;
	background: url(../img/common/bg-myaccount-ul.gif) repeat-x 0 6px;
	width: 670px;
	height: 24px;
	padding: 0 20px;
	margin: 0;
}

    div.my-account-nav li { 
		list-style: none;
        margin: 0;
        float: left;
    }
    
    div.my-account-nav ul li a {
        margin: 0;
        padding: 4px 17px;
		display: block;
		text-decoration: none;
	    border-bottom: 1px #005883 solid;
    }
    
    li.my-account-nav-on {
    	background: #fff;
    }
    div.my-account-nav ul li.my-account-nav-on a {
    	color: #000;
		border-bottom: 1px #fff solid;
		border-top: 1px #005883 solid;
		border-left: 1px #005883 solid;
		border-right: 1px #005883 solid;
    }

div.load-closed {
	background: url(../img/load-already-taken.gif);
	width: 455px;
	height: 328px;
	z-index: 100;
	position: absolute;
	top: 170px;
	left: 50%;
	margin-left: -240px;
	opacity:.25;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;	
}

/* #sidebar {
    float: right; 
    width: 160px; 
    padding: 10px;
}

    #sidebar ul {
	    padding: 0;
	    margin: 0;
    }

    #sidebar ul li { 
	    list-style: none;
        margin: 0;
        padding: 0;
    }
    
    #sidebar ul li a {
        margin: 0;
        padding: 5px;
	    display: block;
	    height: 1%;
	    text-decoration: none;
        border: solid 1px #fff;
    } */

/* --- August 2010 - new homepage --- */
    
	.home-container {
		width: 898px;
		padding: 0 2px 0 3px;
	}
		.home-container .left-container {
			float: left;
			margin: 0;
			padding: 0;
			width: 312px;
		}
		.home-container .middle-container {
			float: left;
			margin: 0 20px;
			padding: 0;
			width: 312px;
		}
		.home-container .right-container {
			float: left;
			margin: 0;
			padding: 0;
			width: 229px;
		}

			.homepage-how-it-works-container {
				position: relative;
			}
				.homepage-how-it-works-container .or {
					position: absolute;
					width: 43px;
					height: 68px;
					background: url(../img/home-new/how-it-works-or.gif) 0 0 no-repeat;
					left: 135px;
					top: 30px;
				}
				.homepage-how-it-works-container h2 {
					width: 272px;
					height: 30px;
					margin: 0 20px;
					padding: 0;
					text-indent: -9999px;
					background: url(../img/home-new/bg-how-it-works.gif) 0 0 no-repeat;
				}

				.homepage-how-it-works-container .sending-freight, .homepage-how-it-works-container .running-empty {
					width: 146px;
					float: left;
					padding: 0;
				}
					.homepage-how-it-works-container h3 {
						width: 146px;
						height: 90px;
						margin: 0;
						padding: 10px 0 0 0;
						text-transform: uppercase;
						font-weight: bold;
						font-style: italic;
						font-size: 12px;
						text-align: center;
						color: #005883;
					}

					.homepage-how-it-works-container .sending-freight .sending-freight-icon {
						background-image: url(../img/home-new/are-you-sending-freight-icon.gif);
						background-position: 0 0;
						background-repeat: no-repeat;
						width: 114px;
						height: 61px;
						position: absolute;
						top: 60px;
						left: 17px;
					}
					.homepage-how-it-works-container .running-empty .running-empty-icon {
						background-image: url(../img/home-new/are-you-running-empty-icon.gif);
						background-position: 0 0;
						background-repeat: no-repeat;
						width: 123px;
						height: 60px;
						position: absolute;
						top: 62px;
						left: 180px;
					}

					.homepage-how-it-works-container div div {
						font-size: 10px;
						padding: 0;
						height: 197px;
					}
						.homepage-how-it-works-container .sending-freight div {
							background: url(../img/home-new/how-it-works-green-explanation.gif) 0 0 no-repeat;
						}
						.homepage-how-it-works-container .running-empty div {
							background: url(../img/home-new/how-it-works-yellow-explanation.gif) 0 0 no-repeat;
						}
					.homepage-how-it-works-container div h4 {
						padding: 35px 9px 0 9px;
						margin: 0;
						font-weight: normal;
						font-size: 10px;
					}
					.homepage-how-it-works-container div ul {
						margin: 0 9px;
						padding: 0;
					}
					.homepage-how-it-works-container div li {
						margin: 0 0 0 15px;
						padding: 2px 0 2px 0;
						list-style: disc;
					}
						.homepage-how-it-works-container div li.last {
							font-weight: bold;
						}

				.homepage-how-it-works-container .sending-freight { margin: 0; }
					.homepage-how-it-works-container .sending-freight h3 { background: url(../img/home-new/how-it-works-box-green.gif) 0 0 no-repeat; }
				.homepage-how-it-works-container .running-empty { margin: 0 0 0 20px; }
					.homepage-how-it-works-container .running-empty h3 { background: url(../img/home-new/how-it-works-box-yellow.gif) 0 0 no-repeat; }

			.register-now {
				display: block;
				width: 312px;
				height: 76px;
				background: url(../img/home-new/register-now-button.gif) 0 0 no-repeat;
				text-indent: -9999px;
				margin: 10px 0 0 0;
			}

			.homepage-advertisement {
				display: none;
				border-top: 1px #ccc solid;
				border-bottom: 1px #ccc solid;
				margin-top: 27px;
				position: relative;
				padding: 15px 0;
			}
				.homepage-advertisement h2 {
					font-size: 12px;
					font-weight: normal;
					color: #999;
					background: #fff;
					display: inline-block;
					padding: 0 5px;
					position: absolute;
					top: -8px;
					left: 10px;
				}
				.homepage-advertisement div {
					width: 312px;
					height: 210px;
					background: #f00;
				}


			.homepage-listings {
				position: relative;
				margin: 0 0 20px 0;
			}
				.homepage-listings h2 {
					display: block;
					width: 214px;
					height: 30px;
					text-indent: -9999px;
					margin: 0;
					padding: 0;
				}
					.homepage-listings#latest-trucks h2 { background: url(../img/home-new/bg-latesttrucks.gif) 0 0 no-repeat; }
					.homepage-listings#latest-loads h2 { background: url(../img/home-new/bg-latestloads.gif) 0 0 no-repeat; }

					.homepage-listings a.show-all {
						position: absolute;
						top: 8px;
						left: 157px;
						text-transform: uppercase;
						font-size: 10px;
						text-decoration: underline;
					}
					.homepage-listings ul {
						border-left: 1px #cacaca solid;
						border-right: 1px #cacaca solid;
						border-bottom: 1px #cacaca solid;
						margin: 0;
						padding: 0;
					}
						.homepage-listings li {
							list-style-image: none;
							border-top: 1px #cacaca solid;
							padding: 10px 10px 0 10px;
							background-image: url(../img/icons/arrow_right.png);
							background-repeat: no-repeat;
							background-position: 105px 13px;
							height: 42px;
						}
							.homepage-listings li a.from, .homepage-listings li a.to {
								width: 88px;
								display: block;
								padding: 0;
								float: left;			
								font-weight: bold;
								font-size: 13px;
							}
							.homepage-listings li a.from {
								margin: 0;
							}
							.homepage-listings li a.to {
								margin: 0 0 0 30px;
							}
							.homepage-listings li span {
								display: block;
								clear: both;
								font-size: 11px;
								color: #666;
								padding: 3px 0 0 0;
							}

		#homepage-truck-of-the-week {
			position: relative;
		}
		#homepage-truck-of-the-week h2 {
				display: block;
				width: 229px;
				height: 30px;
				text-indent: -9999px;
				margin: 0;
				padding: 0;
				background: url(../img/home-new/title-truckoftheweek.gif) 0 0 no-repeat;
		}
			#homepage-truck-of-the-week a.show-all {
				position: absolute;
				top: 8px;
				left: 150px;
				text-transform: uppercase;
				font-size: 10px;
				text-decoration: underline;
			}

			#homepage-truck-of-the-week div {
				border: 1px #cacaca solid;
				padding: 10px 10px 0 10px;
				text-align: center;
				height: 220px;
			}
			#homepage-truck-of-the-week h3 {
				text-transform: uppercase;
				margin: 0;
				padding: 0;
				color: #333;
				height: 16px;
				overflow: hidden;
			}
			#homepage-truck-of-the-week span {
				display: block;
				text-transform: uppercase;
				margin: 5px 0;
				font-size: 12px;
				height: 16px;
				overflow: hidden;
			}
			#homepage-truck-of-the-week a {
				font-size: 11px;
				text-decoration: underline;
				display: block;
			}

		.homepage-news-container {
			position: relative;
		}
		.homepage-news-container h2 {
				display: block;
				width: 322px;
				height: 30px;
				text-indent: -9999px;
				margin: 0;
				padding: 0;
				background: url(../img/home-new/bg-latestnews.gif) 0 0 no-repeat;
		}
			.homepage-news-container div {
				border: 1px #cacaca solid;
				padding: 10px;
				height: 138px;
			}
			.homepage-news-container h3 {
				display: inline-block;
				margin: 0;
				padding: 0;
				height: 16px;
				overflow: hidden;
			}
			.homepage-news-container span {
				display: inline-block;
				margin: 0;
				padding: 0;
				color: #666;
				font-size: 11px;
			}
			.homepage-news-container p {
				margin: 5px 0 0 0;
				padding: 0;
				line-height: 1.3em;
				height: 82px;
				overflow: hidden;
			}
			.homepage-news-container a.read-more {
				position: absolute;
				right: 13px;
				top: 166px;
				text-transform: uppercase;
				font-size: 11px;
			}

		.homepage-map-container {
			border: 1px #cacaca solid;
			text-align: center;
			margin: 20px 0 0 0;
			padding: 0;
		}
			.homepage-map-container div {
				height: 450px;
				padding: 10px;
			}
			.homepage-map-container h2 {
				font-size: 13px;
				font-weight: bold;
				color: #555;
			}
			.homepage-map-container #map {
				background: url(../img/home/map-base.gif) 0 0 no-repeat;
				width: 267px;
				height: 395px;
				margin: 20px auto 0 auto;
				padding: 0;
			}

		.grid-11-10 {
			width: 893px;
			padding: 0;
			margin: 0 2px 20px 3px;
			display: none;
		}
			.grid-11-10 .column, .grid-11-10 .margin {
				float: left;
				padding: 5px 0;
				margin: 0;
				height: 20px;
			}
			.grid-11-10 .column{
				background: #999;
				color: #fff;
				width: 63px;
				text-align: center;
			}
			.grid-11-10 .margin {
				background: #ccc;
				width: 20px;
			}				

	#header-login {
		position: absolute;
		top: 35px;
		left: 50%;
		margin-left: 226px;
		font-size: 0.8em;
		width: 244px;
	}
		#header-login .left {
			float: left;
			width: 162px;
		}
			#header-login .left span {
				display: block;
				padding: 4px 0;
				clear: both;
				text-align: right;
				font-size: 0.9em;
			}
			#header-login .left input {
				width: 86px;
				border: 2px #035680 solid;
				margin: -2px 0 0 3px;
				font-size: 0.9em;
			}
		#header-login .right {
			float: right;
			text-align: left;
			width: 72px;
		}
			#header-login .right input {
				width: 72px;
				margin-top: 2px;
			}
			#header-login .right a {
				display: block;
				font-size: 0.8em;
				text-align: center;
				text-decoration: underline;
				margin-top: 5px;
			}    
    
/* --- FORM STUFF --- */

#content form {
	font-size: 1em;
}

#content select {
    line-height: normal;
	width: 160px;
	font-size: 0.9em;
}

#content input.formfield {
    border: solid 1px #005883;
	width: 280px;
	height: 17px;
	margin-bottom: 10px;
}

#content input.small {
    width: 200px; 
    margin-bottom: 0;
}

#content select.address {
    width: 206px;
    margin: 1px 0;
}

#content label {
}

#content .formbutton, #header-login .formbutton {
	background: url(../img/common/bg-button-fade.gif) 0 0 repeat-x;
	border: none;
	font-family: 'Lucida Sans Unicode', Arial, Helvetica, Verdana, 'trebuchet ms', sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #fff;
	padding: 4px;
} 

    #content .setwidth { width: 130px; }
    
    #content .creditbutton { width: 255px; }
    
    #content label.private, #content .private { 
        background: url('../img/common/bg-private.gif') center right no-repeat;
        padding-right: 48px;
    }

form img.captcha {
	background-image: url('../img/common/human_check.gif');
	background-repeat: no-repeat;
	width: 80px;
	height: 28px;
	vertical-align: top;
}

form input.captcha {
	vertical-align: top;
    border: solid 1px #005883;
    display: inline;
    width: 20px;
	margin: 0 0 4px 0px;
    padding: 5px;
	font-weight: bold;
}

#content div.rightcontent {
	float: left;
	width: 710px;
}
/* --- {start edit by jay for testimonials} --- */
#content div.rightcontentTest
{
	float: right;
	width: 598px;
}

#content div.leftcontentTest
{
float: left;
width: 270px;
border-right: 1px #e0e0e0 solid;
padding-right: 20px;
/*margin-right: 20px;*/
}
/* --- {end edit by jay for testimonials} --- */

/* --- (start edit by steve to fix display of checkboxes...) ---*/
#content input[type=checkbox]{
	/*width:10px;
	height:10px;*/
}
/* --- (end edit by steve to fix display of checkboxes...) ---*/

#content .date-day {
	width: 55px;
}

#content .date-month {
	width: 90px;
}

#content .date-year {
	width: 60px;
}

#content div.alert {
	background: #f5f5f5 url('../img/icons/tick.png') 10px 12px no-repeat;
	border: solid 3px #005883;
	color: #005883;
	padding: 10px 10px 10px 30px;
	margin-bottom: 10px;
}

#content div.your-listing-options {
	margin-bottom: 10px;
}
div.your-listing-options h2 {

}
div.your-listing-options ul li a {
	
}
div.your-listing-options ul li a:link, div.your-listing-options ul li a:visited { text-decoration: underline;}
div.your-listing-options ul li a:hover, div.your-listing-options ul li a:active { text-decoration: none;}

div.logged-in-as {
	position:absolute;
	top: 10px;
	width: 350px;
	text-align: right;
	left: 50%;
	margin-left: -400px;
	color: #fff;
	font-size: 11px;
}

	div.logged-in-as a {
		color: #fff;
	}
	div.logged-in-as a:hover, div.logged-in-as a:active { text-decoration: underline;}	

    div.long-name {  }
    
/* --- END ---*/

#finder {
	background: #f5f5f5;
	white-space: nowrap;
	border-bottom: 1px solid #e0e0e0;
	padding: 5px;
	width: 710px;
	margin-bottom: 20px;
}

#finder span {
	font-weight: bold;
}

table {
	border-collapse: collapse;
/*	width: 100%; */

}

	table.full {
		width: 710px;
	}

th {
	border-bottom: 1px solid #005883;
	color: #005883;
	text-align: left;
	vertical-align: bottom;
	white-space: nowrap;
	padding: 5px;
}

	th.date, th.status {
		width: 80px;
	}
	
	th.details {
		width: 140px;
	}
	
	th.offer, th.status {
		width: 150px;
	}
	
	th.actions {
	    width: 180px;
	}

td {
	border-bottom: 1px solid #dedede;
	padding: 7px 5px 7px 5px;
	vertical-align: top;
	font-size: 0.9em;
}

td .formbutton { font-size: 1.0em !important; }

td.spacer, th.spacer {
	padding-left: 20px;
}

.backto {
	float: right;
}

.truckimage {
	float: left;
	border: 1px #dedede solid;
	margin: 20px 20px 0 0;
}

table.tldetails {
	float: left;
	margin-right: 20px;
	width: 510px;
}

table.tldetails td.left {
	color: #898989;
	white-space: nowrap;
	text-align: right;
	width: 90px !important;
}

table.tldetails td.right {
    text-align: left;
	width: 290px !important;
}

table.tldetails img.load { 
    border: solid 4px #eeeeee; 
}

div.listing-map {
	width: 180px;
	height: 240px;
	float: right;
	margin-top: 45px;
}

.log_in_to_continue {
	float: left;
	margin-top: 20px;
}

.accountbox1 {
	float: left;
	width: 330px;
	border-right: 1px #e0e0e0 solid;
	padding-right: 20px;
	margin-right: 20px;
}

.accountbox2 {
	float: left;
	width: 330px;
	margin-top: 0px;
	min-height: 500px;
}

.accountbox1 input[type=submit] {
	/*float: right;*/
}

.error-message {
	border: 1px #e0e0e0 solid;
	border-bottom-width: 4px;
	padding: 5px;
	font-size: 0.8em;
	width: 270px;
	margin: 20px 0 20px 0;
}

    div.error-auto { width: auto; }
    
    .error-message em {
        display: block;
        font-style: normal;
        font-weight: bold;
        background: url('../img/icons/exclamation.png') no-repeat 0 0;
        padding: 5px 0 0 18px;
        margin: 0 0 5px 0;
    }

    .error-message ul {
	    margin-top: 0;
	    margin-bottom: 0;
	    margin-left: 18px;
	    padding: 0;
    }
    
    .error-message ul li {
        list-style-image: url('../img/icons/bullet_red.png');
    }
.accept_now_form, .credit_my_account_to_continue, .log_in_to_continue {
	width: 510px;
	float: left;
	margin-top: 20px;
}

#accept_now_submitting_div {
	float: right;
	margin-top: 30px;
	background: #fff;
}

.action_block {
    border: solid 4px #eeeeee; 
    background-color: #f5f5f5; 
    width: 484px; 
    padding: 10px;
}

    .block_half {
        float: left;
        width: 200px;
    }

.moveitfor {
	font-size: 1.8em;
}

.acceptbutton, .offerbutton {
	/*float: right;
	margin-top: 10px;*/
}

.tofrom {
	float: left;
	padding: 10px;
    border: solid 4px #eeeeee; 
    background-color: #f5f5f5; 
    width: 221px;
    margin: 0 0 5px 0;
}

.formblock {
    border: solid 4px #eeeeee;
    width: 570px; 
    float: left; 
    margin: 5px 0;
    padding: 10px;
}

.postbox, #cubic_div, #weight_div, #width_div, #height_div, #length_div, #class_div, #cars_div, #capacity_div, #number_of_pallets_or_items_div, #animalstype_div, #animalsage_div, #numberofanimals_div, #container_size_div, #container_type_div, #container_emptyfull_div, #container_number_div {
    width: 170px;
	float: left;
	margin-right: 20px;
}

#load_unnumber_description { height: 20px; width: 190px; float: left; }

.postbox3, .make_an_offer_form {
	margin-top: 20px;
	float: left;
	/*width: 510px;*/
}

.make_an_offer_form img {
	margin: 15px 0 5px 15px;
}

#truck_description, #load_description {
	width: 350px; height: 100px;
}

.description-caption {
	font-size: 0.8em;
	color: #898989;
	margin-bottom: 5px;
}

.number-of-offers {
    float: right;
    width: 152px;
    min-height: 171px;
    display: inline;
    border: solid 4px #eeeeee; 
    background-color: #f5f5f5; 
    margin-top: 20px;
    padding: 10px;
}

.towns {
    font-weight: bold;
}
   
    table.tldetails td.towns { 
        padding: 15px 0;
    }
    
    .town { 
        display: block;
        float: left;
        font-size: 1.0em;
        width: 98px;
        overflow: hidden;
    }

    div.list .town { margin: 5px 0 0 0; }

ul.youroffers {
    margin: 0 0 0 18px;
    padding: 0;
}

ul.youroffers li {
    margin: 10px 0;
    padding: 0;
}

table.offering { border: solid 1px #cacaca; width: 100%; }
table.offering td { border: none; vertical-align: middle; text-align: left; }

    table.offering input#price { width: 70px; }
    /*table.offering td.fixedprice { width: 97px; text-align: right; }*/
    
    table.offering td.pricecol1 { width: 87px; }
    table.offering td.pricecol2 { width: 110px; text-align: right; }

    span.nonote, div.nonote { margin-right: 8px; }

div.superuser-info {
	border: 1px #f00 solid;
	background: #FFBFBF;
	padding: 5px;
}
	div.superuser-info p {
		margin:  5px 0;
	}
	div.superuser-info table {
		display: table;
	}
		div.superuser-info table th {
			padding: 0px 4px 2px 0;
			margin: 0;
			font-weight: normal;
			border: 0;
			color: #000;
		}
		div.superuser-info table td {
			margin: 0;
			padding: 2px 0;
			border: 0;
		}
	div.superuser-info hr {
		color: #f00;
		background-color: #f00;
		height: 1px;
	}	
	div.superuser-info table td.left {
		color: #898989;
		width: 135px;
		text-align: right;
		padding-right: 10px;
	}
	div.superuser-info table td.right {
	}

/* --- GALLERY --- */	

.gallery-image-container {
    width: 190px;
    min-height: 200px;
    margin: 0 10px 10px 0;
    padding: 10px;
    float: left;
    border: solid 4px #eeeeee; 
    background-color: #f5f5f5; 
    text-align: center;
}

    .gallery-image-container h2 span{
        font-weight: normal;
        color: #000;
        font-size: 0.7em;
    }

.my-image-left { 
    float: left;
    width: 250px;
}

.my-image-right { 
    float: right;
    width: 200px;
}

img#image-preview { width: 100px; }

.hidden {
	background: #f00;
	color: #fff;
	padding: 1px;
	margin: 1px;
	border: 1px #fff dotted;
}
    
/* --- ICONS --- */	

ul.icons { margin: 0; padding: 0; }

ul.icons li {
    margin: 0;
    list-style-type: none;
    list-style-image: none;
}

.icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 3px 0 5px 20px;
}

.iedit      { background-image: url('../img/icons/listing_edit.png'); }
.ieditg     { background-image: url('../img/icons/listing_edit_g.png'); }
.icancel    { background-image: url('../img/icons/listing_cancel.png'); }
.iemail     { background-image: url('../img/icons/listing_email.png'); }
.ioffer     { background-image: url('../img/icons/offer.png'); }
.iofferg    { background-image: url('../img/icons/offer_g.png'); }
.iinfo      { background-image: url('../img/icons/information.png'); }
.irelist    { background-image: url('../img/icons/relist.png'); }
.icancelofferw { background-image: url('../img/icons/offer_cancel_w.png'); }
.ifind      { background-image: url('../img/icons/find.png'); }
.inofind    { background-image: url('../img/icons/nofind.png'); color: #ccc; }
.icontact   { background-image: url('../img/icons/contact.png'); }
.idetails   { background-image: url('../img/icons/listing_details.png'); }

.icanceloffer { 
    background-image: url('../img/icons/offer_cancel.png'); 
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0 20px 0 0;
    font-size: 0.8em;
}
    
.ito        { margin: 3px 5px 0 5px; }
.itoleft    { float: left; margin-top: 8px;}
.toleft     { float: left; }
.toright    { float: right; margin: 0 0 10px 10px; }

.outstanding-invoice-highlight { color: #f00; }

/* --- T&C --- */

p.tab1 {
    margin-left: 50px;
}

p.tab2 {
    margin-left: 100px;
}

p.tab1 span.index { 
    margin-left: -33px; 
    margin-right: 10px;
}

p.tab2 span.index { 
    margin-left: -43px; 
    margin-right: 10px;
}

/* --- TABEL --- */
dl.table-display {
	margin: 0;}

    dl.table-display a {
	    font-weight: normal;}

    .table-display dt {
	    width: 60px;
	    float: left;
	    margin: 0;}

    .table-display dd {
	    float: left;
	    margin: 0;}

    /* commented backslash hack for mac-ie5 \*/
    dt { clear: both; }
    /* end hack */    

/* --- PAGING --- */
#paging {
    margin-top: 10px;
    padding: 5px 50px 5px 5px;
    text-align: center;
    /*border-top: solid 3px #005883;
    background-color: #f5f5f5;
    border: solid 1px #cacaca;*/
}

    #paging em, #paging a {
        padding: 0 5px;
        background-color: #cacaca;
        color: #005883;
        margin: 0 3px;
        font-style: normal;
        font-weight: bold;
    }

    #paging em {
        background-color: #005883;
        color: #fff;
    }

/* --- LOGOS --- */	
#logos {
    vertical-align: top;
	clear: both;
	width: 938px;
	font-size: 10px;
	padding-top: 10px;
	margin: 0 0 0 20px;
	color: #9e9e9e;
    text-transform: uppercase;
	border-right: 1px #a5a6a8 solid;
	border-bottom: 1px #a5a6a8 solid;
	border-left: 1px #a5a6a8 solid;
    background: url('../img/common/bg-logos.gif') bottom left repeat-x; 	
}

    #logos ul {
        padding: 0;
        margin: 0;
    }
    
    #logos ul li {
        list-style-image: none;
        display: inline;
        float: left;
        padding: 0;
        margin: 0 0 0 430px;
    }

    #logos ul li.first {  }
    #logos ul li.last { margin-right: 0; }
        
/* --- FOOTER --- */	
#footer {
	clear: both;
	height: 50px;
	font-size: 10px;
	padding: 3px 30px 40px 30px;
	background: #fff url(../img/common/bg-footer.gif) no-repeat center bottom;
	color: #9e9e9e;
    text-transform: uppercase;
}

    #footer a {
	    color: #555555;
	    text-decoration: none;
    }

    #footer #secondary {
	    float: left;
	    text-align: left;
	    margin: 5px;
    }

        #footer #secondary ul {
	        list-style: none;
	        padding: 0;
	        margin: 0;
        }

        #footer #secondary li {
	        display: inline;
            padding: 0 2px;
        }    

    #siteby { 
	    float: right;
	    margin: 5px;
	    }
    
        #siteby a {
        }
		
        #siteby a:hover {
			color: #63b2c4;
        }

/* styling for the page counters (findatruckload.co.nz) */


/* =counter */

div.counter {
	width:178px;
	height:29px;
	border:1px solid #dedede;
	background:url('../img/pagecount/counter-bg.gif') repeat-x top left;
	overflow:hidden;
	margin-top:5px;
	margin-left:5px;
}


/* =label-counter */

div.counter img.label-counter {
	border-right:1px solid #dedede;
	margin-right:3px;
}