/*----------------------------+
 | Site: Jayde Transport	    |
 +----------------------------*/

 
@import url("reset.css");



/* Core layout 
======================================================================*/
body {font:12px Verdana, Arial, Helvetica, sans-serif; background:#c4c7cc url(../images/core/dropshaddow-bg.jpg) repeat-y top center;}
#background-container {background:url(../images/core/bg2.jpg) no-repeat top center; margin:0 auto;}
	#banner {width:950px; margin:0 auto;}
		#logo-banner {width:910px; border-left:20px solid #fff; border-right:20px solid #fff; margin:0 auto; background:url(../images/core/logo-bg.jpg) repeat-x 0 0;}
		#navigation {width:950px; height:45px; overflow:hidden; margin:0 auto;}
		#flash {width:910px; height: 250px; border-top:5px solid #fff; margin:0 auto; overflow:hidden;}
	#content-container {width:910px; padding:0 20px 0 20px; margin:0 auto; border-top:5px solid #fff;  }
		#content-left {width:674px; float:left; background:#f6f6f7 url(../images/core/concept01_36.jpg) no-repeat center bottom; border-right:5px solid #fff;}
		.home #content-left {width:674px; float:left; background:#f6f6f7 url(../images/core/home-bottom.jpg) no-repeat center bottom; border-right:5px solid #fff;}

			.text-container {padding:20px 20px 20px 20px;}
			.home .text-container {padding:20px 20px 20px 20px;}
		#content-right-cta {width:230px; float:left; background:#212b7b url(../images/core/cta-bg-darkpurple.jpg) no-repeat bottom center;}
	#footer {width:921px; height:126px; padding:10px 20px 0px 20px; background:url(../images/core/footer.jpg) no-repeat center 0; margin:0 auto;}
	

 
/* Navigation layout 
======================================================================*/
ul#nav {list-style:none; width:950px; display: inline-block; clear: both; padding:0 0 0 20px;}
ul#nav li {float:left; height:45px; overflow:hidden;}
ul#nav li a {display:block; height:45px; text-indent:-9999px;}
ul#nav li a:hover {background-position:0 -45px!important;}

ul#nav li#home a {background:url(../images/nav/home.gif) no-repeat; width:121px;}
ul#nav li#profile a {background:url(../images/nav/profile.gif) no-repeat; width:113px;}
ul#nav li#services a {background:url(../images/nav/services.gif) no-repeat; width:124px;}
ul#nav li#cont_transport a {background:url(../images/nav/cont_transport.gif) no-repeat; width:133px;}
ul#nav li#warehousing a {background:url(../images/nav/warehousing.gif) no-repeat; width:94px;}
ul#nav li#quote a {background:url(../images/nav/quote.gif) no-repeat; width:187px;}
ul#nav li#contact a {background:url(../images/nav/contact.gif) no-repeat; width:138px;}

.home ul#nav li#home 											a {background-position:0 -45px!important;}
.profile ul#nav li#profile 								a {background-position:0 -45px!important;}
.services ul#nav li#services 							a {background-position:0 -45px!important;}
.cont_transport ul#nav li#cont_transport 	a {background-position:0 -45px!important;}
.warehousing ul#nav li#warehousing 				a {background-position:0 -45px!important;}
.quote ul#nav li#quote 										a {background-position:0 -45px!important;}
.contact ul#nav li#contact 								a {background-position:0 -45px!important;}


a {color:#e49700; text-decoration:none;}
a:hover {text-decoration:underline;}

#footer a {color:#212b7b; text-decoration:none; font-size:9px;}
#footer a:hover {text-decoration:underline;}


 /* Font Style
======================================================================*/
h1 {width:654px; font-size:16px; height:27px; background:url(../images/core/title-yellow.jpg) no-repeat 0 0; overflow:hidden; color:#212b7b; padding: 13px 0 0 20px; font-weight:bold;}
h2 {color:#212b7b; background-color:#dadae7; font-weight:bold; line-height:22px; padding:5px 0 5px 10px; margin:15px 0 15px 0;}
#content-right-cta h2 {width:210px; height:27px; background:url(../images/core/title-purple.jpg) no-repeat 0 0; overflow:hidden; margin:0; padding:13px 0 0 20px; font-weight:bold; color:#fff;}
h3 {border-bottom:1px solid #d3d6f4;color:#212b7b; font-weight:bold; line-height:22px; margin:0 0 10px 0;}
h4 {}
h5 {}
p {color:#212b7b; line-height:22px; padding:0 0 20px 0;}
#content-right-cta p {color:#fff;}

#footer p {font-size:10px; padding:0 0 0px 0;}
.orange {color:#e49700;}

.text-container ul {list-style:none; padding:0 0 20px 0;}
.text-container ul li {color:#5963b0; background:url(../images/bullet_orange.png) no-repeat 0 0; padding:0 0 5px 20px;}

.text-container ol {padding:0 0 10px 0; margin: 0 0 0 20px;}
.text-container ol li {list-style: decimal; color:#5963b0; padding:0 0 5px 10px;}



/* Extras 
======================================================================*/
.float-left {float:left;}
.float-right {float:right;}

dl { border-bottom: 1px solid #dadae7; }
dt {width: 150px; padding: 10px; float: left; margin:0; border-top: 1px solid #dadae7; color:#212b7b; font-weight:bold; }
dd {margin-left: 170px; padding: 10px; color:#212b7b;}
dd.first { border-top: 1px solid #dadae7; color:#212b7b;}

a.pdf {background: url('../images/icon-pdf.gif') no-repeat; padding: 0 0 4px 20px;}

body.quote h2 a {display: block;}

a#btn_tracking{background:url(../images/core/bt_tracking.gif) 0 0 no-repeat; height:38px; width:134px; display:block; text-indent:-999em; overflow:hidden; margin:0 auto;}
a:hover#btn_tracking{background-position:0 -38px;}

 /* Form Style
======================================================================*/
form.form textarea.small-textbox {height:50px;}
form.form input.small-radio {width:15px;}

form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 165px;
	float:left;
	color:#212b7b;
	padding:0 15px 0 0;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #feb729;
	color: #222a7a;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}

form ol li {list-style:none !important;}