/* CSS Document */

/* structure elements */

body{
	margin-left:0;
	margin-top:0;
	background-color: #CBCBCB;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:100%;
	text-align:center;
}

div#container {
	position: relative;
	margin:0;
	padding:0;
	width:857px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

div#header {
	position: relative;
	float:left;
	width:855px;
	height:80px;
	background-color:#ffffff;
	border-left:1px solid #2F90C3;
	border-right:1px solid #2F90C3;
}

div#navigation {
	position: relative;
	float:left;
	width:831px;
	padding:0 0 0 24px;
	height:31px;
	border-left:1px solid #2F90C3;
	border-right:1px solid #2F90C3;
	background-color:#ffffff;
	background-image:url(images/nav-bgd-left.gif);
	background-position:20px 0;
	background-repeat: no-repeat;
}

div#content {
	position: relative;
	float:left;
	width:855px;
	background-color:#ffffff;
	border-left:1px solid #2F90C3;
	border-right:1px solid #2F90C3;
	border-bottom:1px solid #2F90C3;
	padding:0 0 15px 0;
}

div#footer {
	position: relative;
	float:left;
	width:831px;
	padding:0 0 0 24px;
	height:31px;
	background-image:url(images/footer-bgd-left.gif);
	background-position:20px 0;
	background-repeat: no-repeat;
	margin:5px 0 0 0;
}

/* text styles */

a:link {
	text-decoration: none;
	color: #000000;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

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

a:active {
	text-decoration: underline;
	color: #000000;
}

h1{
	color:#A6030B;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0 0 5px 0;
}

h2{
	color:#000000;
	font-size:.75em;
	font-weight:bold;
	margin:0 0 5px 0;
}

h2 a:link, a:visited {
	color: #000000;
	text-decoration: underline;
}

h2 a:hover, a:active {
	text-decoration: none;
	color: #000000;
}


h3{
	color:#003e74;
	font-size:.75em;
	font-weight:bold;
	margin:0 0 2px 0;
}

h4{
	color:#ffffff;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0 0 5px 0;
}

img{
	border:none;
}

p{
	color:#333;
	font-size:.75em;
	line-height:1.5;
	margin:10px 0 10px 0;
	padding:0;
}

p a:link {
	color: #09c;
	text-decoration: none;
}

p a:visited {
	text-decoration: none;
	color: #09c;
}

p a:hover {
	text-decoration: underline;
	color: #09c;
}

p a:active {
	text-decoration: underline;
	color: #09c;
}

ul.bullet {
	color:#333;
	font-size:.75em;
	list-style-type:disc;
	margin:0 0 10px 24px;
	padding:0;
}

ul.bullet li{
	padding:6px 0 0 0;
	margin:0;
}

ul.bullet li a:link {
	color:#09c;
	text-decoration:none;
}

ul.bullet li a:hover {
	color:#09c;
	text-decoration:underline;
}

ul.bullet li a:visited {
	color:#09c;
	text-decoration:none;
}

ul.bullet li a:active {
	color:#09c;
	text-decoration:underline;
}

.action {
	padding: 0 15px 0 0;
	background-image: url(images/action.gif);
	background-position: 100% 60%;
	background-repeat: no-repeat;
}


/* header elements */
#logo { 
    position: relative;
	float:left;
	top:14px;
	left:35px;
	padding:0;
}

#nav ul {
	position: absolute;
	top:8px;
	right:22px;
	width:400px;
	font-size:.75em;
	color:#036;
	padding:0;
	margin:0;
}

#nav li{
	color:#036;
	list-style-type:none;
	padding:0px 0px 0px 10px;
	float:right;
}

#nav li a{
	color:#036;
	text-decoration:none;
	border-right:1px solid #09c;
	padding:0 10px 0 0px; /*creates space each side of menu item's text */
}

#nav li a:hover{
	color: #036;
	text-decoration:underline;
}

#nav li.noborder a{
	color:#036;
	text-decoration:none;
	border-right:0px solid;
	padding:0 0px 0 0px; /*creates space each side of menu item's text */
}

#nav li.noborder a:hover{
	color: #036;
	text-decoration:underline;
}

/* menu elements */

div#navigation ul {
	position: relative;
	float:left;
	font-size:.8em;
	font-weight:bold;
	margin:0 0 0 0;
	width:815px;
	line-height:31px;
	padding:0;
	background-image:url(images/nav-bgd-right.gif);
	background-position:top right;
	background-repeat: no-repeat;
}
	
div#navigation li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	border-right:1px solid #3297ca; /* creates dividing lines between the li elements */
	line-height:31px;
	background-image:url(images/nav-bgd-mid.gif);
	background-position:top left;
	background-repeat:repeat;
}
	
div#navigation a {
	display:block;
	padding:0 12px 0 12px;
	text-decoration:none;	 /* removes the underlining of the link */
	color:#fff;	/* sets the type color */
}
	
div#navigation a:hover {
	color:#fff;
	background-color:#6892b7;
	background-image:url(images/nav-bgd-select.gif);
	background-position:top left;
	background-repeat:repeat;
}

.selected{
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	display: block;
	height:31px;
	color: #fff;
	padding:0;
	background-image:url(images/nav-bgd-select.gif);
	background-position:top left;
	background-repeat:repeat;
}

/* content elements */

.col-one {
	position:relative;
	float:left;
	width:610px;
	margin:22px 0 0 20px;
	padding:0;
	display:inline; /* ie6 double margin bug fix */
}

.col-one-lvl2 {
	position:relative;
	float:left;
	width:600px;
	margin:22px 0 0 20px;
	padding:0 0 0 10px;
	display:inline; /* ie6 double margin bug fix */
}

.col-two {
	position:relative;
	float:left;
	width:185px;
	margin:22px 0 0 24px;
	padding:0;
}

.intro {
	position:relative;
	float:left;
	width:315px;
	margin:0;
	padding:0;
}

.intro1 {
	position:relative;
	float:left;
	width:815px;
	margin:0;
	padding:0;
}

.splash {
	position:relative;
	float:left;
	width:295px;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

.splash1 {
	position:relative;
	float:left;
	width:320px;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

.divider {
	position:relative;
	float:left;
	width:610px;
	margin:5px 0 20px 0;
	padding:15px 0 0 0;
	border-top:1px dotted #ccc;
}

.van-mini {
	position:relative;
	float:left;
	width:220px;;
	margin:0 10px 10px 0;
	padding:0;
}

.spec-mini {
	position:relative;
	float:left;
	width:380px;
	margin:0;
	padding:0;
}

.van-compact {
	position:relative;
	float:right;
	width:220px;;
	margin:0 0 10px 10px;
	padding:0;
	text-align:right;
}

.spec-compact {
	position:relative;
	float:left;
	width:380px;
	margin:0;
	padding:0;
}

.van-transit {
	position:relative;
	float:left;
	width:270px;;
	margin:0 10px 10px 0;
	padding:0;
}

.spec-transit {
	position:relative;
	float:left;
	width:330px;
	margin:0;
	padding:0;
}

.van-box {
	position:relative;
	float:right;
	width:350px;;
	margin:0 0 10px 10px;
	padding:0;
	text-align:right;
}

.spec-box {
	position:relative;
	float:left;
	width:250px;
	margin:0;
	padding:0;
}

.van-dropside {
	position:relative;
	float:left;
	width:350px;;
	margin:0 10px 10px 0;
	padding:0;
}

.spec-dropside {
	position:relative;
	float:left;
	width:250px;
	margin:0;
	padding:0;
}

.van-tipper {
	position:relative;
	float:right;
	width:330px;;
	margin:0 0 10px 10px;
	padding:0;
	text-align:right;
}

.spec-tipper {
	position:relative;
	float:left;
	width:270px;
	margin:0;
	padding:0;
}

.upsell{
	position:relative;
	float:left;
	width:185px;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	background-image:url(images/upsell-bttm.gif);
	background-position:bottom left;
	background-repeat: no-repeat;
}

.upsell h2{
	position:relative;
	float:left;
	width:180px;
	height:30px;
	margin:0;
	padding:0 0 0 5px;
	background-color:#8e8e8e;
	font-size:.8em;
	color:#fff;
	line-height:30px;
	text-align:left;
	background-image:url(images/upsell-top.gif);
	background-position:top left;
	background-repeat: no-repeat;
}

.upsellbdy {
	position:relative;
	float:left;
	width:153px;
	margin:0;
	padding:0 15px 0 15px;
	border-left:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
}

.upsellbdy p {
	color:#333;
	font-size:.75em;
	line-height:1.3;
	margin:10px 0 10px 0;
	padding:0;
}

.vanoffer {
	position:relative;
	float:left;
	width:153px;
	margin:8px 0 4px 0;
	padding:0;
}

.neva {
	position:relative;
	float:left;
	width:70px;
	margin:8px 0 4px 0;
	padding:0;
}

.nevapic {
	position:relative;
	float:left;
	width:185px;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	text-align:center;
}

.upsellbanner{
	position:relative;
	float:left;
	text-align:right;
	width:185px;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
}

/* Home page */

.popular{
	position:relative;
	float:left;
	width:610px;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	background-image:url(images/popular-bttm.gif);
	background-position:bottom left;
	background-repeat: no-repeat;
}

.popular h2{
	position:relative;
	float:left;
	width:238px;
	height:30px;
	margin:0;
	padding:0 0 0 5px;
	background-color:#8e8e8e;
	font-size:.8em;
	color:#fff;
	line-height:29px;
	text-align:left;
	background-image:url(images/bluebar.gif);
	background-position:top left;
	background-repeat: no-repeat;
}

.popular h3{
	position:relative;
	float:left;
	width:238px;
	height:30px;
	margin:0;
	padding:0 0 0 5px;
	background-color:#8e8e8e;
	font-size:.8em;
	color:#fff;
	line-height:29px;
	text-align:left;
	background-image:url(images/greybar.gif);
	background-position:top left;
	background-repeat: no-repeat;
}

.populartop {
	position:relative;
	float:left;
	width:610px;
	margin:0;
	padding:0;
}

.popularbdy {
	position:relative;
	float:left;
	width:608px;
	margin:0;
	padding:0 0 15px 0;
	border-top:1px solid #cbcbcb;
	border-left:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
}

.tablepopular {
	width:578px;
	margin:0 0 0 15px;
	padding:0;
}

.tablepopular th {
	width:140px;
	padding:25px 0 0 0;
	border-bottom:1px solid #cbcbcb;
}

.tablepopular td {
	width:438px;
	padding:20px 0 15px 0;
	border-bottom:1px solid #cbcbcb;
}

.tablepopular p {
	color:#333;
	font-size:.75em;
	line-height:1.5;
	margin:0 0 10px 0;
	padding:0;
}

.tablemore {
	width:578px;
	margin:10px 0 5px 15px;
	padding:0;
}

.tablemore p {
	font-size:.8em;
}

/* Directory links style */

.entry {
	margin:0 0 20px 0;
	padding:5px;
	background-color:#f5fbfd;
	border:1px solid #bbdbeb;
}

.entry h2 {
	color:#0099cc;
	font-size:.8em;
	font-weight:bold;
	margin:0;
	padding:0;
}

h2 a:link, a:visited {
	color: #0099cc;
	text-decoration: underline;
}

h2 a:hover, a:active {
	text-decoration: none;
	color: #0099cc;
}

.entry p{
	color:#333;
	line-height:1.4;
	margin:3px 0 5px 0;
	padding:0;
}

.info {
	font-size:.75em;
	color:#ff6633;
}

/* Directory landing page */

.locations{
	position:relative;
	float:left;
	width:610px;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	background-image:url(images/popular-bttm.gif);
	background-position:bottom left;
	background-repeat: no-repeat;
}

.locations h2{
	position:relative;
	float:left;
	width:238px;
	height:30px;
	margin:0;
	padding:0 0 0 5px;
	background-color:#8e8e8e;
	font-size:.8em;
	color:#fff;
	line-height:30px;
	text-align:left;
	background-image:url(images/tab-popular.gif);
	background-position:top left;
	background-repeat: no-repeat;
}

.locationstop {
	position:relative;
	float:left;
	width:610px;
	margin:0;
	padding:0;
}

.locationsbdy {
	position:relative;
	float:left;
	width:608px;
	margin:0;
	padding:0;
	border-top:1px solid #cbcbcb;
	border-left:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
}

.tablelocations {
	margin:10px 0 15px 15px;
	padding:0;
}

.tablelocations td {
	width:175px;
}

.tablemore2 {
	width:578px;
	margin:10px 0 5px 15px;
	padding:0;
	border-top:1px solid #cbcbcb;
}

.tablemore2 p {
	font-size:.8em;
}



/* Directory category level 2 page */

.region {
	margin:0;
	padding:0;
}

.region li {
	margin:0;
	padding:0 0 4px 0;
	color:#000;
}

.region li a{
	color:#09c;
	text-decoration:none;
}

.region li a:hover{
	color:#09c;
	text-decoration:underline;
}


.getinfo {
	position:relative;
	float:left;
	height:21px;
	margin:4px 0 4px 0;
	padding:0;
}

.raza {
	position:relative;
	float:right;
	height:21px;
	margin:4px 0 4px 0;
	padding:0;
}

.book {
	position:relative;
	float:right;
	height:21px;
	width:100%;
	margin:0;
	padding:0;
	text-align:right;
}

.book-online{
	width:352px;
	height:125px;
	margin:0 0 12px 0;
	background-color:#b9dbef;
}

.boxpadding{
	padding:5px;
}

h2.alternative{
	background-color:#003e74;
	color:#fff;
	padding:5px 5px 5px 8px !important;
	font-size:100%;
}

.bookimg{
	position:relative;
	float:left;
	margin:14px 0 0 10px;
}

.promobox {
	position:relative;
	float:left;
	width:224px !important;
	width /**/:224px;
	margin:0 0 12px 0;
	display:inline;
	background-image:url(images/promobox_corner.gif);
	background-position:bottom left;
	background-repeat: no-repeat;
	background-color:#e4e4c3;
}

.promobox-txt {
	position:relative;
	float:left;
	width:134px !important;
	width /**/:150px;
	padding:10px 8px 0 8px;
}

.promobox-txt p {
	color:#000;
	line-height:1.3;
	margin:0;
	padding:0 0 4px 0;
}

.promobox-txt a:link {
	font-weight:normal;
	color:#000;
    text-decoration: none;
}
.promobox-txt a:visited {
	color:#000;
    text-decoration: none;
}
.promobox-txt a:hover {
	color:#000;
    text-decoration: underline;
}

.promobox-img{
	position:relative;
	float:right;
	width:66px;
	height:115px;
	margin:5px 5px 5px 0;
	display:inline;
}

div#row-three{
	position:relative;
	float:left;
	width:824px;
}

.col-three {
	position:relative;
	float:left;
	width:456px;
	height: 95px;
	margin:0 0 0 0;
	border:2px solid #c4c4a4;
	display:inline;
}

.upsell-left {
	position:relative;
	float:left;
	width:199px !important;
	width /**/:227px;
	margin:10px 0 10px 0;
	padding:0 14px 0 14px;
	display:inline;
	border-right: 1px solid #c4c4a4;
}

.upsell-right {
	position:relative;
	float:left;
	width:200px !important;
	width /**/:220px;
	margin:10px 0 10px 0;
	padding:0 14px 0 14px;
	display:inline;
}

.upsell-txt {
	color:#003e74;
	font-size:.75em;
	line-height:1.3;
	margin:0;
	padding:0;
}

.upsell-txt a:link {
	color:#003e74;
    text-decoration: none;
}
.upsell-txt a:visited {
	color:#003e74;
    text-decoration: none;
}
.upsell-txt a:hover {
	color:#003e74;
    text-decoration: underline;
}

.col-four {
	position:relative;
	float:left;
	width:320px;
	height:205px;
	border:2px solid #b9dbef;
	padding:14px 14px 14px 14px;
}

.planner-title {
	position:relative;
	float:left;
	width:324px !important;
	width /**/:348px;
	margin:10px 0 0 0;
	padding:0 12px 0 12px;
	display:inline;
}

.planner-left {
	position:relative;
	float:left;
	width:150px !important;
	width /**/:174px;
	margin:0 0 10px 0;
	padding:0 12px 0 12px;
	display:inline;
}

.planner-right {
	position:relative;
	float:left;
	width:156px !important;
	width /**/:170px;
	margin:0 0 10px 0;
	padding:0 12px 0 6px;
	display:inline;
}


/* footer elements */

div#footer ul {
	position: relative;
	float:left;
	font-size:.8em;
	font-weight:bold;
	margin:0 0 0 0;
	width:815px;
	line-height:31px;
	padding:0;
	background-color:#999;
	background-image:url(images/footer-bgd-right.gif);
	background-position:top right;
	background-repeat: no-repeat;
}

div#footer li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */	
	line-height:31px;
}
	
div#footer a {
	display:block;
	padding:0 12px 0 12px;
	text-decoration:none;	 /* removes the underlining of the link */
	color:#fff;	/* sets the type color */
	border-right:1px solid #bfbfbf;
}
	
div#footer a:hover {
	color:#fff;
	background-color:#7c7c7c;
}

#footer li.floatRight{
	display: inline;
	float: right;
	color:#333;
	list-style-type:none;
	text-decoration:none;
	margin-right:5px;
	text-align:right;
}

#footer li.floatRight a {
	display: block;
	border-right:1px solid #999;
}



/* Contact / Van leasing form */

div#formcontainer {width:500px; margin:0 0 10px 0;}
div#formcontainer p {margin:10px 0 10px 0; font-weight:normal; font-size:.75em; } /* adjust top margin for your context */
div#formcontainer form  {border: 1px solid #bbdbeb; background-color:#f5fbfd; padding:10px;} /* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
div#formcontainer div.clearfix {border: 0px solid #CCC; padding:10px 0px; vertical-align:top;} /* adds the line above each section and provides vertical spacing */
div#formcontainer form label {width:130px; float:left; font-size:.75em; color: #ff6633; margin:0; font-weight:normal;} /* this is the text label on the left of each input */
div#formcontainer input[type="submit"] {display:block; float:left; margin-left:130px; margin-bottom:0;}

.required {font-size:.6em; color: #ff6633; font-weight:normal;}
/* END OF THE FORMS CSS*/

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */