/*
	use this to set layout in the site
	- how the structure of the site fits together
	- use it to push elements around on the page
	- DO NOT put skin stuff (colours and so on) in here 
*/

*{z-index:1;}

#layout-shell {
	margin:auto;
	width:963px;
	margin-top:48px;
}

#header {
	height:65px;
	position:relative;
	z-index:100;
}
	h1 {
		float:left;
	}
	#header .logo {
		float:left;
		margin-left:20px;
		margin-top:10px;
	}
	#header .van {
		float:left;
		margin-left:15px;
		margin-top:0px;
	}	
	
	#main-phone {
		position:absolute;
		right:60px;
	}
	#main-phone-badge {
		position:absolute;
		top:-5px;
		right:-5px;
	}

#footer {
	text-align:center;
	margin:20px 0;
	padding-bottom:40px;
	float:left;
}

#footer .dot {
	font-size:20px;
	font-weight:bold;
	padding-bottom:4px;
}

#footer .links-col {
	text-align:left;
	float:left;
	width:25%;
}
#footer ul {
	width:165px;	
}

#footer li {
	height:20px;
}
#footer img {
	float:right;
}
#footer #footer-dealers{
	text-align:left;
	float:left;
	width:100%;
	padding-top:5px;
	line-height:8px;
}

#footer #horz-line {
	margin-top:10px;
	width:100%;
}

#footer #left-footer {
	float:left;
	width:48%;
}

#footer #right-footer {
	width:48%;
	float:right;
	text-align:left;
	padding-left:20px;
}

#footer table {
	float:left;
	margin-top:10px;
	text-align:left;
}

#footer #business-users{
	float:left;
	margin-top:10px;
}

#footer #tandc {
	margin-top:20px;
	margin-bottom:10px;
	width:100%;
	float:right;
	text-align:right;
}

/* sidebar / major area like on the group homepage */
.sidebar    { float:left; width:153px; }
.main-pane  { float:right;	width:801px; }
.middle-pane {float:left; width:657px;}
.middle-pane-narrow {float:left; width:575px;}
.right-pane {float:left; width:235px;}

/* some pages (ie dealer homepage) have a slimer column and a wider view */
.slim-left  	{ float:left; width:290px; }
.wide-right 	{ float:right; width:666px; }
.left-wide  	{ float:left; width:614px; }
.right-narrow	{ float:right; width:310px; }



/* more general elements */

/* most things are modules (eg everything in the sidebar) */
.module { margin-top:7px; }

/* figure out how to not have to do this */
.clear { clear:both; }

/* allows for all the 3 and 4 side by side boxes in the site */
.full-row .one-of-5                             { width:183px; float:left; }
.full-row .one-of-4                             { width:234px; float:left; }
.full-row .one-of-3                             { width:315px; float:left; }
.full-row .one-of-2                             { width:478px; float:left; }

.narrow-row .one-of-4                           { width:195px; float:left; }
.narrow-row .one-of-3                           { width:260px; float:left; }

.mini-row .one-of-3                        	    { width:209px; float:left; }

.full-row .one-of-3, .full-row .one-of-4        { margin-right:9px; }
.full-row .one-of-5						        { margin-right:12px; }
.mini-row .one-of-3, .narrow-row .one-of-3	    { margin-right:7px; }
.narrow-row .one-of-4, .full-row .one-of-2      { margin-right:7px; }
.one-of-3-last, .one-of-4-last, .one-of-2-last  { margin-right:0 !important; }
.one-of-5-last                                  { margin-right:0 !important; }