/*COMMON*/
body {
	background-image: url("/assets/images/background.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #948671;
}

.wrap {
	margin: 0 auto 0 auto;
	position: relative;
	width: 780px;
}


/*HEADER */
#head {
	height: 90px;
	position: relative;
}

#logo {
	position: relative;
	top: 20px;
	left: 20px;
}
#headcontact {
	color: #fff;
	font-size: 1.1em;
	position: absolute;
	top: 25px;
	left: 400px;
	text-align: right;
}

#getquotebutton {
	background-image: url("/header/images/quote.gif");
	background-position: top left;
	background-repeat: no-repeat;
	height: 126px;
	left: 585px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 120px;
}
#getquotebutton:hover {
	background-position: 0 -127px;
}


/* NAV */
#navcontainer {
	margin-top: 7px; 		/*TODO: Figure out why the 3px top margin is needed*/
}
#nav {
	list-style-type: none;
	padding: 0;
	text-align: center;
}
#nav li {
	float: left;
}
#nav li a {
	background-image: url("/header/images/nav_middle.gif");
	background-position: top center;
	background-repeat: no-repeat;
	color: #fff;
	float: left;
	height: 30px;
	width: 105px;

}
#nav li a:hover {
	background-position: bottom center;
	color: #e27e1c;

}
#nav li a.first {
	background-image: url("/header/images/nav_first.gif");
	
}
#nav li a.last{
	background-image: url("/header/images/nav_last.gif");
}
#nav li a.wide {
	width: 130px;
	background-image: url("/header/images/nav_middle_130.png");
}
#nav li a.widerlast {
	background-image: url("/header/images/nav_last_145.png");
	width: 145px;
}
/*NAV Current*/
#equipment #equipment_nav {
	background-position: bottom center;
	color: #e27e1c;
}
#custom #custom_nav {
	background-position: bottom center;
	color: #e27e1c;
}
#rules #rules_nav {
	background-position: bottom center;
	color: #e27e1c;
}
#availloads #availloads_nav {
	background-position: bottom center;
	color: #e27e1c;
}
#availequipment #availequip_nav {
	background-position: bottom center;
	color: #e27e1c;
}
#about #about_nav {
	background-position: bottom center;
	color: #e27e1c;
}



/*CONTENT*/
#content {
	clear: both; 
	padding-top: 2em;
}
#content .wrap {
}
#content .bgsmallleft {
	background-image: url("/assets/images/frameShadow_left_small.jpg");
	background-position: 0 375px;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
}
#content .bgsmallright {
	background-image: url("/assets/images/frameShadow_right_small.jpg");
	background-position: top right;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
}
#content .bgleft {
	background-image: url("/assets/images/frameShadow_left.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	width: 100%;
}
#content .bgright {
	background-image: url("/assets/images/frameShadow_right.jpg");
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 100%;
}

#content .inner {
	background-color: #fff;
	padding: 1em 10px 0 10px;	/*center content items*/
	margin: 0em 5px;			/*For borders*/
	position: relative;
}
#content .contentsection {
	width: 750px;
	margin-bottom: .6em;
}
#content .lastcontentsection {
	margin-bottom: 0;
}


/*FOOTER*/
#footer {
	color: #fff;
	margin: 2em 0 0 0;
	padding-bottom: 1em;
	text-align: center;
}

#footer a {
	color: #fff;
}
#footer a:hover  {
	text-decoration: underline;
}	
#footer p.first  {
	padding-bottom: .75em;
}


/*COMMON to ALL PAGE CONTENT */
#content .orangelist {
	border-left: 2px solid #AE9674;
	border-right: 2px solid #AE9674;
	background-color: #e27e1c;
	margin: 0 0;
	width: 746px;
}
#content .orangebottomborder {
	background-image: url("/equipment/images/bottom_orange.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
#content .orangetopborder {
	background-image: url("/equipment/images/top_orange.gif");
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 10px;
}
#content .orangelist ul {
	background-color: #e27e1c;
	color: #f8dfc1;
	list-style-type: disc;
	padding: 0;
}
#content .multilist ul {
	border: 0;
	float: left;
	margin-right: 3em;
}
#content .multilist ul li {
	background-color: #e27e1c;
}

#content .orangelist img.callout {
	float: left;
	margin-left: 2em;					
	margin-right: 3em;
}

#content .tantopborder {
	background-image: url("/assets/images/top_tan.gif");
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 10px;
}
#content .tanbottomborder {
	background-image: url("/assets/images/bottom_tan.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-top: 10px;
}
#content .itemlistcontainer {
	background-color: #e7e3d9;
	border-left: 2px solid #aea494;
	border-right: 2px solid #aea494;
	width: 746px;						/*should be 750px - 4px = 746px */
	width: auto;
}
#content .itemlistcontainer .itemlistwrap {
	padding-left: .75em;
	padding-right: 1.75em;
	width: 716px;
}
#content .itemlistcontainer .itemlistwrap h1 {
	border-bottom: 1px solid #989284;
	color: #989284;
	font-size: 1.5em;
	/*
	margin-right: 1em;
	*/
	margin-bottom: .5em;
	padding-left: 0;
}
#content .itemlistcontainer .itemlistwrap h1 span {
	background-color: #e7e3d9;
	padding-right: 1em;
}
#content .itemlistcontainer .itemlistwrap h2 {
	font-size: 16px;
	padding: .5em 0 .3em 0;
}
#content .itemlistcontainer .itemlistwrap hr {
	color: #989284;
	background-color: #989284;
	height: 1px;
	border: 0;
	padding: 0;
	margin: 0 1em 0 8.5em;

}
#content .itemlistcontainer .itemlistwrap ul {
	background-color: #e7e3d9;
	margin: 1.5em 1.75em 0 0;
	padding-bottom: 0;
	padding-left: 0;
	float: left;
	text-align: left;
	width: 30%;
}
#content .itemlistcontainer .itemlistwrap ul li p {
	padding-bottom: 0;
}
#content .itemlistcontainer .itemlistwrap ul.lastcolumn {
	margin-right: 0;
}
#content .itemlistcontainer .itemlistwrap ul li {
	clear: both;
	height: 13em;
}

#content .itemlistcontainer .itemlistwrap ul li img {
	float: left;
}

#content .itemlistcontainer .itemlistwrap p.column {
	float: left;
	width: 50%;
}

/*Equipment specific*/
#equipment #content .itemlistcontainer .itemlistwrap ul {
	margin: 1.5em 3em 0 0;
	width: 45%;
}
#equipment #content .itemlistcontainer .itemlistwrap ul li {
	margin: 0 0 2em 0;
	height: 15em;
}
#equipment #content .itemlistcontainer .itemlistwrap ul.lastcolumn {
	margin-right: 0;
}
#equipment #content .itemlistcontainer .itemlistwrap ul.trucks {
	margin: 0;
	padding: 0;
	width: 50%;
}
#equipment #content .itemlistcontainer .itemlistwrap ul.trucks li {
	clear: none;
	height: 20em;
	margin: 0;
	padding: 0;
}
#equipment #content .itemlistcontainer .itemlistwrap  ul.trucks li img {
	float: none;
}
#equipment #content .itemlistcontainer .itemlistwrap ul#leftcol {
}
#equipment #content .itemlistcontainer .itemlistwrap ul#rightcol {
}
#equipment #content .itemlistcontainer .itemlistwrap ul#rightcol li {
	padding-left: 2.6em;
}
#equipment #content div.multilist ul {
	margin-top: 1em;
}

/*AVAILABLE LOADS*/
#availableloads #content table {
	border-collapse: collapse;
	margin: 0 0 2em 0;
	text-align: left;
	width: 731px;
}
#availableloads #content .tancontent {
	background-color: #e7e3d9;
	border-left: 2px solid #aea494;
	border-right: 2px solid #aea494;
}
#availableloads #content table thead {
	background-image: url("/available_loads/images/tableHead.gif");
	background-position: top left;
	background-repeat: no-repeat;
	color: #fff;
	height: 40px;
}

#availableloads #content table th {
	border: 0;
	padding: 0 0 0 .25em;
	margin: 0;
}
#availableloads #content table tbody {
	border-left: 2px solid #948671;
	border-right: 2px solid #948671;
}
#availableloads #content table tbody tr.even td {
	background-color: #f7f3e9;
}

#availableloads #content table tbody td {
	border-bottom: 1px dashed #948671;
	border-right: 1px solid #948671;
	padding: .25em 0 .25em .25em;
}
#availableloads #content table tbody tr.last td {
	border-bottom: 0;
}

/*GET QUOTE*/
.getquote p.intro {
	margin-top: 0;
	padding-top: 0;
}

.getquote h3 {
	background-image: url("/get_a_quote/images/tableHead.gif");
	background-position: top left;
	background-repeat: no-repeat;
	border-right: 0;
	color: #fff;
	height: 36px;
	padding: .5em 0 .25em .5em;
	margin: 0;
}

.getquote h4 {
	border-top: 1px solid #aea494;
	clear: both;
	color: #989284;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 .5em 0;
	padding: 0;
}

.getquote .formwrap {
	background-image: url("/get_a_quote/images/dot_line_vert.gif");
	background-position: 50% 0;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0 .5em;
}
.getquote .formwrap p {
}

.getquote .formwrap ol {
	clear: both;
}
.getquote .formwrap ol li{
	width: 48%;
}

.getquote .formwrap ol.columns li {
	float: left;
}

.getquote .formwrap ol li label{
	margin-right: 1em;
}
.getquote ol#steps {
	margin: 0 0 1em 0;
	padding-left: 0;
	padding-bottom: 0;
	text-transform: uppercase;
}
.getquote ol#steps li {
	color: #989284;
	display: inline;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0 0;
}
.getquote ol#steps li.currentstep {
	color: #000;
}
.getquote ol#steps li a {
	color: #989284;
}
.getquote ol#steps li.complete a {
	color: #989284;
}
.getquote ol#steps li.currentstep a {
	color: #000;
}
.getquote ol#steps li.failed a {
	color: #ea2222;
}

.getquote .calContainer {
	display: none;
	position: absolute;
}

.getquote .formcolumn{
	float: left;
	width: 50%;
}
.getquote input.borderlessradio {
	border: 0;
}
.getquote input.submitquote {
	background-image: url(/get_a_quote/images/submitaquotebutton.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #e7e3d9;

	border: 0;
	color: #fff;
	cursor: pointer;
	font-weight: bold;

	height: 30px;
	padding: 0;
	margin: 3em 2em 0 0;
	width: 120px;
}
.getquote input.quotecontinue {
	background-color: #e7e3d9;
	background-image: url(/get_a_quote/images/continuebutton.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	margin-right: 2em;
	margin-top: 3em;
	padding: 0;
	height: 30px;
	width: 95px;
}
.getquote input.quoteback {
	background-color: #e7e3d9;
	background-image: url(/get_a_quote/images/backbutton.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	height: 30px;
	margin-top: 3em;
	padding: 0;
	width: 50px;
}
.getquote input#submit_quote_top {
	margin-top: 0;
}
.getquote input#back_quote_top {
	margin-top: 0;
}

/*Vertical Radio Button List with Headline vertically lined with 1st radio*/
span.prettyradiolisthead {
	float: left;
	width: 12em;
}
.prettyradiolistwrap {
	float: left;
}
.prettyradiolistwrap input.radiolist {
	border: 0;
	float: left;
	margin: 0 .3em .5em 0;
}
.prettyradiolistwrap label.radiolist {
	float: left;
	margin: 0 .3em .5em 0;
}
.prettyradiolistwrap input.radiolistlast,label.radiolistlast {
	margin-bottom: 0;
}
.prettyradiolistwrap br.radiolist {
	clear: both;
}
/****/

/*Horizontal radio button list with headline inline with radios*/
.prettyhorizradiolisthead {
	float: left;
	width: auto;				/*override in page specific*/
}
.prettyhorizradiolistwrap {
	display: inline;
	float: left;
}
br.prettyhorizradiolist {
	clear: both;
}
/****/


/*quote step 1*/
#getquote1 h3 {
	margin-bottom: 1em;
}
#getquote1 input.pretty {
	margin: 0 0 1em 0;
	width: 15em;
}

#getquote1 label.pretty {
	margin: 0 0 1em 0;
	width: 11em;
}

#getquote1 #formright .padwrap {
	padding: 0 0 0 .5em;
}
#getquote1 label.iaddress {
	display: block;
	margin: 0 0 .25em 0;
}
#getquote1 input.iaddress {
	margin: 0 0 .5em 0;
	width: 25em;
}

/*get quote step2*/
#getquote2 .formcolumn {
	padding-bottom: 1em;
}
#getquote2 input.pretty {
	width: auto;
}
#getquote2 label.iaddress {
	display: block;
	margin: 1em 0 .25em 0;
}
#getquote2 input.iaddress {
	margin: 0 0 .5em 0;
	width: 25em;
}
#getquote2 input.moderadio {
	border: 0;
	margin: 0 0 1em 0em;
	width: auto;
}
#getquote2 label.moderadio {
	margin: 0 0 1em .5em;
	width: 10em;
}
#getquote2 label.addresstyperadio {
	padding: 0 .75em 0 0;
}
#getquote2 input.addresstyperadio {
	border: 0;
}
#getquote2 label.zipcode {
	margin: 0 0 1em 0;
}
#getquote2 input.zipcode {
	margin: 0 0 1em 0;
	width: 7.5em;
}
.getquote .prettyradiowrap {
	display: block;
	margin: 0 0 1em 0;
	float: left;
}
#getquote2 .prettytimewrap {
	display: block;
	float: left;
}
#getquote2 #originright label.pretty {
	width: 11em;
}
#getquote2 #destinationright label.pretty {
	width: 11em;
}
#getquote2 input.pickupdate {
	width: 7.5em;
}
#getquote2 .formright .padwrap {
	padding: 0 0 0 .5em;
}

/*get quote step3*/
#getquote3 .formcolumn {
	padding-bottom: 3em; 
}
#getquote3 h4 {
	width: 100%;		/*IE sucks*/
}
#getquote3 #contentleft label.pretty {
	width: 12em;
}
#getquote3 #contentleft label.pretty {
	margin: 1em 0;
}
#getquote3 #contentleft input.pretty {
	margin: 1em 0;
}
#getquote3 #contentleft span.prettyhorizradiolisthead {
	margin: 0 0 1em 0;
	width: 12em;
}
#getquote3 #contentleft div.prettyhorizradiolistwrap {
	margin: 0 0 1em 0;
}
#getquote3 #contentleft div.prettyhorizradiolistwrap label {
	padding: 0 .5em 0 .2em;
}

#getquote3 #contentright span.prettyhorizradiolisthead {
	margin: 0 0 1em 0;
	width: 9em;
}
#getquote3 #contentright div.prettyhorizradiolistwrap {
	margin: 0 0 1em 0;
}
#getquote3 #contentright div.prettyhorizradiolistwrap label {
	padding: 0 .5em 0 .2em;
}
#getquote3 #contentright input.pretty {
	margin: 0 0 1em 0;
}
#getquote3 #contentright label.pretty {
	margin: 0 0 1em 0;
}
#getquote3 #contentright input.dims {
	width: 5em;
}
#getquote3 #contentright input.qty {
	width: 3em;
}
#getquote3 #contentright input.weight {
	width: 5em;
}
#getquote3 #warehousingleft span.prettyhorizradiolisthead {
	width: 12em;
}
#getquote3 #warehousingleft div.prettyhorizradiolistwrap label {
	padding: 0 .5em 0 .2em;
}
#getquote3 #warehousingright label.pretty {
	margin: 0 0 1em 0;
}
#getquote3 #warehousingright input.pretty {
	margin: 0 0 1em 0;
}
#getquote3 #warehousingright input.warehousingdate {
	margin: 0 .5em 0 0;
	width: 6.25em;
}
#getquote3 .padwrap {
	padding: 0 0 0 .5em;
}
/***/

/*get quote step4 and submitted*/
.getquoteconfirm .formwrap {
	border-left: 0;
	border-right: 0;
	padding: 0;
}
.getquoteconfirm .formsection {
	margin: 1em 0 2.5em 0;
}
.getquoteconfirm .padwrap {
	padding: 0 0 0 .5em;
}
.getquoteconfirm h4 {
	background-image: url("/get_a_quote/images/tableHead.gif");
	background-position: top left;
	background-repeat: no-repeat;
	border-right: 0px dashed #aea494;
	border-right: 0;
	border-top: 0;
	color: #fff;
	font-size: 1.2em;
	height: 36px;
	padding: .7em 0 .25em .5em;
	margin: 0;
	width: auto;
}
.getquoteconfirm h4 a {
	color: #fff;
}
.getquoteconfirm h4 a:link {
	color: #fff;
}
.getquoteconfirm h4 a:active {
	color: #fff;
}
.getquoteconfirm h4 a:visited {
	color: #fff;
}
.getquoteconfirm h4 a:hover {
	color: #fff;
}

.getquoteconfirm h5 {
	border-top: 1px solid #aea494;
	clear: both;
	color: #989284;
	font-weight: bold;
	font-size: 1em;
	margin: .75em 0 .5em .5em;
}

.getquoteconfirm label.pretty {
	font-weight: bold;
	margin: 0 0 1em 0;
}
.getquoteconfirm span.pretty {
	margin: 0 0 1em 0;
}
.getquoteconfirm label.iaddress {
	font-weight: bold;
}
.getquoteconfirm span.iaddress {
	display: block;
	margin: 0 0 0 .5em;
}

.getquoteconfirm #contactleft label.pretty {
	width: 12em;
}
.getquoteconfirm #contactright label.pretty {
	width: 12em;
}
.getquoteconfirm label.preferredmode {
	width: 12em;
}
.getquoteconfirm #endpointoriginleft label.pretty {
	width: 12em;
}
.getquoteconfirm #endpointoriginleft span.pretty {
}
.getquoteconfirm #endpointoriginleft label.iaddress {
	width: 12em;
}
.getquoteconfirm #endpointoriginleft span.iaddress {
	display: block;
	margin: 0 0 0 .5em;
}
.getquoteconfirm #endpointoriginright label.pretty {
	width: 12em;
}
.getquoteconfirm #endpointoriginright span.pretty {
}

.getquoteconfirm #endpointdestinationleft label.pretty {
	width: 12em;
}
.getquoteconfirm #endpointdestinationleft span.pretty {
}
.getquoteconfirm #endpointdestinationleft label.iaddress {
	width: 12em;
}
.getquoteconfirm #endpointdestinationleft span.iaddress {
	display: block;
	margin: 0 0 0 .5em;
}
.getquoteconfirm #endpointdestinationright label.pretty {
	width: 12em;
}
.getquoteconfirm #endpointdestinationright span.pretty {
}

.getquoteconfirm #warehousingleft label.pretty {
	width: 12em;
}
/****/

/*quote submitted*/
#getquotesubmit #quotedetails {
	display: none;
}
#getquotesubmit #quotesummary {
	border-collapse: collapse;
	border-bottom: 1px solid #989284;
	border-top: 1px solid #989284;
	width: 100%;
}
#getquotesubmit #quotesummary th {
	border-top: 0px solid #989284;
	border-bottom: 0px solid #989284;
	border-right: 0px solid #989284;
	text-align: left;
	width: 25%;
}
#getquotesubmit #quotesummary td {
	border-bottom: 0px solid #989284;
	border-top: 0px solid #989284;
	text-align: left;
}
#getquotesubmit #showquotedetails {
	background-color: #aea494;
	background-image: url(/get_a_quote/images/viewquotedetailsbutton.gif);
	background-position: 0 0;
	background-repeat: no-repeat;

	color: #fff;
	display: block;
	padding: 0px 0 0 0px;
	width: 710px;
}
#getquotesubmit a#showquotedetails:hover {
	background-position: 0 -54px;
	color: #df8738;
}
#getquotesubmit a#showquotedetails.opened {
	background-position: 0 -54px;
	color: #df8738;
}
#getquotesubmit a#showquotedetails.opened:hover {
	background-position: 0 0;
	color: #fff;
}
#getquotesubmit #showquotedetails span {
	padding-left: 22px;
}

/*Popups*/
.helppopup {
	background-color: #fff;
	display: none;
	border: 2px solid #000;
	height: 65px;
	padding: .5em;
	position: absolute;
	text-align: left;
	width: 250px;
}
.helppopup p {
	margin: 0;
	padding: 0;
}

.helppopup .popupfunctions {
	position: absolute;
	bottom: 0;
	font-style: italic;
	right: 5px;
}



#content .itemlistcontainer .itemlistwrap #quote_error {
	border: 2px solid #ea2222;
	clear: both;
	color: #ea2222;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: .75em;
}
#content .itemlistcontainer .itemlistwrap #quote_error ul {
	float: none;
	list-style-type: disc;
	margin-left: 1.5em;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: .25em;
	width: auto;
}

#content .itemlistcontainer .itemlistwrap #quote_error ul li {
	height: auto;
}

.getquote .error {
	color: #ea2222;
	font-weight: bold;
}
.getquote input.error {
	border: 1px solid #ea2222;
	color: #000;
	font-weight: normal;
}



/*WAREHOUSING*/
#warehousing .itemlistcontainer .itemlistwrap ul {
	background-color: #e7e3d9;
	float: none;
	height: auto;
	margin: 0 0 1.75em 1em;
	list-style-type: disc;
	padding-left: 1.3em;
	text-align: left;
	width: auto;
}
#warehousing .itemlistcontainer .itemlistwrap ul li {
	height: auto;
}
#warehousing #content h2 {
	border-bottom: 1px solid #989284;
	color: #989284;
	font-weight: bold;
	margin: 0 0 1em 0;
}
#warehousing a.paralink {
	color: #000;
	text-decoration: underline;
}
#warehousing a.paralink:hover {
	text-decoration: none;
}
#warehousing a.emailaddress {
	font-style: italic;
	text-decoration: none;
}
#warehousing #content table#contact {
	margin-left: 1em;
}

/*CUSTOM*/
#custom .itemlistcontainer .itemlistwrap ul {
	background-color: #e7e3d9;
	float: none;
	height: auto;
	margin: 0 0 1.75em 1em;
	list-style-type: disc;
	padding-left: 1.3em;
	text-align: left;
	width: auto;
}
#custom .itemlistcontainer .itemlistwrap ul li {
	height: auto;
}
#custom #content h2 {
	border-bottom: 1px solid #989284;
	color: #989284;
	font-weight: bold;
	margin: 0 0 1em 0;
}
#custom a.paralink {
	color: #000;
	text-decoration: underline;
}
#custom a.paralink:hover {
	text-decoration: none;
}
#custom a.emailaddress {
	font-style: italic;
	text-decoration: none;
}
#custom #content table#contact {
	margin-left: 1em;
}
/*Privacy Policy*/
#privacy p.addr {
	margin: 0 0 0 1em;
}


/*About*/
#about #content .itemlistcontainer .itemlistwrap p {
	padding-right: 2em;
}
#about #content .itemlistcontainer .itemlistwrap div#contact {
	border-top: 1px solid #989284;
	padding-top: 1.5em;
}
#about #content .itemlistcontainer .itemlistwrap div#contact p {
	float: left;
	padding-right: 0;
	width: 50%;
}