/*
Theme Name: Valley Trucks
Theme URI: http://prototypedesign.org.uk
Description: Valley Trucks template
Version: 0.1
Author: Andy Coomar, Derek Bradbury, Tim Coomar
Author URI: http://toliveischrist.info
Tags: Trucks, Used Trucks, Truck Sales
*/

/** 
f59d00 - orange
003f79 - dark blue
fff000 - light yellow
**/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}
body { line-height:1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

nav ul, ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* ...RESET */


body {
	font: 0.8em/1.5 "Myriad Pro", Arial, Liberation Sans, sans-serif;
	text-align: center; background: #4D4D4D;
}

h2 {font-weight: normal; color: #f59d00; font-size: 1.9em;}
a, a:visited {text-decoration: none; color: #cc8402;  }
a:hover, a:focus {color: #003f79; outline: none;}


#container {
	text-align: left;
	width: 900px; margin: 0 auto;
	position: relative;
}

#header {
	background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/bg-header.png) no-repeat;
	height: 125px;
	margin-bottom: -7px;
	position: relative;
	left: 0;
	z-index: 9998;
}

#ie6 #header {
	background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/bg-header.png) top right no-repeat;
	position: relative; width: 900px;
	left: 0; top: 0;
}

#header h1 a {text-indent: -999em; background: none; height: 120px; width: 250px; left: 325px; display: block; position: absolute;}

ul#nav, ul#nav li {float: left;}
ul#nav li a {height: 39px; margin-right: 3px; display: block; background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/menu-sprite.jpg) no-repeat; position: relative; top: 79px; text-indent: -999em;}

ul#nav li.home a {width: 67px; background-position: 0 0;} ul#nav li.home a:hover {background-position: 0 -39px;}
ul#nav li.sales a {width: 61px; background-position: -70px 0;} ul#nav li.sales a:hover {background-position: -70px -39px;}
ul#nav li.used a {width: 89px; background-position: -134px 0;} ul#nav li.used a:hover {background-position: -134px -39px;}
ul#nav li.service a {width: 74px; background-position: -224px 0; margin-right: 300px;} ul#nav li.service a:hover {background-position: -224px -39px;}
ul#nav li.parts a {width: 55px; background-position: -600px 0;} ul#nav li.parts a:hover {background-position: -600px -39px;}
ul#nav li.body a {width: 70px; background-position: -658px 0;} ul#nav li.body a:hover {background-position: -658px -39px;}
ul#nav li.dolphin a {width: 80px; background-position: -731px 0;} ul#nav li.dolphin a:hover {background-position: -731px -39px;}
ul#nav li.contact a {width: 86px; background-position: -814px 0; margin: 0;} ul#nav li.contact a:hover {background-position: -814px -39px;}

#content {
	background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/bg-content.jpg) repeat-y;
	position: relative;
	background-color: #bfbfbf;
}

#main {
	position: relative;
	width: 704px; height: 100%;
	top: 0; left: 98px;
	background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/bg-main.jpg) repeat-x; background-color: #bfbfbf;
}

#secondary-1, #secondary-2 { width: 94px; height: 482px; background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/bg-secondary.jpg) repeat-x; background-color: #010101; z-index: 2}
#secondary-1 {position: absolute; top: 0; left: 0; }
#secondary-2 {position: absolute; top: 0; left: 806px; bottom: 0}

#ie6 #secondary-1 {z-index: -1}
#ie7 #secondary-1 {z-index: -1}

div.post h2 {
	text-align: center; 
	padding: 35px 0 12px; 
}

body.blog h2 a {	
	color: #fff000;
}

body.page h2, body.blog h2 {	 
	color: #fff000;
	position: relative; left: 0;
	display: block;
	width: 704px; height: 38px;
	background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/bg-h2.png) 0 32px no-repeat;
}

/** Home page **/

body.page-id-2 #ie6 #secondary-1, body.page-id-2 #ie6 #secondary-2 {z-index: -1}
body.page-id-2 #ie7 #secondary-1, body.page-id-2 #ie7 #secondary-2 {z-index: -1}

div.panel {background: rgb(220,220,220)}
div.panel {background: rgba(20,20,20,0.25); height: 154px; position: relative; margin-bottom: 10px;}
#ie7 div.bottom, #ie8 div.bottom {padding-bottom: 25px}
#ie6 panel {margin-right: 4px; width: 218px}

div.left-edge {margin-left: 12px;}

body.page-id-2 #main {background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/bg-home.jpg) no-repeat; }
body.page-id-2 #content {height: 480px}

h2#home-title {
	background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/keeping-you-text.png) no-repeat; text-indent: -999em; outline: none; 
	width: 402px; height: 51px; 
	position: relative; top: 30px; left: 145px;
}
p#home-text {
	width: 775px; height: 402px; 
	text-indent: -999em; background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/img-home.png) no-repeat; 
	position: relative; z-index: 9999; 
	top: 32px; left: -32px;
}

/* Sales Page */

body.page-id-8 div.post { padding: 0 25px }
body.page-id-8 div.post p { margin-bottom: 10px; color: #003f79; font-style: italic; font-size: 1.2em; }
body.page-id-8 div.post span.icons { display: block; margin-left: 57px; padding-top: 15px }
body.page-id-8 div.post span.icons img { float: left; margin-right: 15px }
body.page-id-8 div.post span.icons img:hover { opacity: 0.4; filter: opacity(50); }
body.page-id-8 div.post span.icons a {  }

/* Renault Sales */

body.page-id-12 #main {background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/bg-renault-sales.jpg) no-repeat;}
body.page-id-12 h2 {visibility: hidden}
body.page-id-12 #content {height: 481px}
body.page-id-12 div.post {width: 242px; position: relative; top: 155px; padding-left: 413px; text-align: left; color: #003f79 }
body.page-id-12 div.post p { font-size: 1.3em; font-style: italic;}
body.page-id-12 div.post p strong {font-style: normal; font-size: 1.4em}

/* Body and Paint Page */

body.page-id-6 div#main { padding: 25px 234px 25px 40px; width: 425px; }
	body.page-id-6 #ie6 div#main { padding: 25px 184px 25px 40px; width: 425px; }
	body.page-id-6 #ie7 div#main { padding: 25px 184px 25px 40px; width: 425px; }

body.page-id-6 div#main h2 { background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/body-paint-title.jpg) no-repeat; width: 487px; height: 38px; text-indent: -999em; left: -40px; position: relative; margin-bottom: 20px;}
body.page-id-6 div#main p { font-size: 14px; color: #003f79; margin-bottom: 10px }
body.page-id-6 span.bg {position: absolute; top: 0; left: 487px;  width: 217px; height: 482px; background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/bg-body-paint.png) no-repeat; }
body.page-id-6 span.gallery-link a { position: absolute; top: 30px; left: -80px; z-index: 9999; font-style: italic; }
	body.page-id-6 span.gallery-link {z-index: 99999}
body.page-id-6 span.gallery-link a, body.page-id-6 span.gallery-link a:visited { color: #343434}
body.page-id-6 span.gallery-link a:hover, body.page-id-6 span.gallery-link a:focus {color: white;}

/** Blog page **/


ul#plant, ul#plant li {float: left;}
ul#plant li a {height: 26px; width: 116px; margin: 0; display: block; background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/used-menu-sprite.jpg) no-repeat; position: relative; left: 3px; text-indent: -999em;}

ul#plant li.one a {background-position: 0 0; } 
	ul#plant li.one a:hover, body.category-1-3-5-ton ul#plant li.one a {background-position: 0 -26px;}
ul#plant li.five a {background-position: -116px 0;} 
	ul#plant li.five a:hover, body.category-5-7-5-ton ul#plant li.five a {background-position: -116px -26px;}
ul#plant li.ten a {background-position: -232px 0;} 
	ul#plant li.ten a:hover, body.category-10-18-ton ul#plant li.ten a  {background-position: -232px -26px;}
ul#plant li.twenty-six a {background-position: -348px 0; } 
	ul#plant li.twenty-six a:hover, body.category-26-32-ton ul#plant li.twenty-six a {background-position: -348px -26px;}
ul#plant li.forty-four a {background-position: -464px 0;} 
	ul#plant li.forty-four a:hover, body.category-44-ton ul#plant li.forty-four a {background-position: -464px -26px;}
ul#plant li.plant a {background-position: -580px 0;} 
	ul#plant li.plant a:hover, body.category-plant-machinery ul#plant li.plant a {background-position: -580px -26px;}
	
p.panel-3 {text-align: left; line-height: 1.3; padding: 92px 420px 0 131px;}
#ie6 p.panel-3 {text-align: left; line-height: 1.3; padding: 92px 20px 0 131px;}


/** Contact page **/

body.page-id-198 #post-198 { padding: 0 210px; text-align: center; background: url(http://valleytrucks.com/oldsite/Resources/contact_img.jpg) no-repeat;}

body.page-id-198 #post-198 form#si_contact_form input { width: 288px }
body.page-id-198 #post-198 form#si_contact_form label { display: block; text-align: center; width: 299px }
body.page-id-198 #post-198 form#si_contact_form textarea { width: 292px; height: 180px; }
body.page-id-198 #post-198 small { display: none; }

body.page-id-198 #post-198 #address { padding: 0 0 30px 0; }
body.page-id-198 #post-198 #address p { margin-bottom: 8px; font-size: 16px; color: #2d6296 }
body.page-id-198 #post-198 h2 { left: -210px; } 

body.page-id-198 #ie6 #post-198 {padding: 0}
body.page-id-198 #ie6 #post-198 h2 { left: 0; }
body.page-id-198 #ie6 #post-198 form#si_contact_form { position: relative; left: 47px; }

body.page-id-198 #ie7 #post-198 { height: 850px; }

/** Archive page **/

body.archive h2 {text-align: center; padding: 35px 0 15px;}

body.archive div.truck-details { border: 2px solid #dedede; width: 71.2%; padding: 10px; float: left; margin-bottom: 12px;}
body.archive div.truck-details h3 { font-weight: bold; font-size: 1.2em; margin: 0 0 4px 0;}
body.archive div.truck-details p { font-size: 0.9em; line-height: 1.2; margin: 0 0 3px 0; padding: 0; text-align: left; text-indent: 0;}

/** Used Vehicles **/

body.blog h2, body.single h2 {text-align: center; padding: 35px 0 15px;}
body.blog p {text-align: center; padding: 37px 0 23px;}

body.blog img, body.single img, body.archive img { border: 2px solid #dedede; float: left; display: inline; margin: 0 10px 10px 15px; }
body.blog div.truck-details { border: 2px solid #dedede; width: 71.2%; padding: 10px; float: left; margin-bottom: 12px;}
body.blog div.truck-details h3 { font-weight: bold; font-size: 1.2em; margin: 0 0 4px 0;}
body.blog div.truck-details p { font-size: 0.9em; line-height: 1.2; margin: 0 0 3px 0; padding: 0; text-align: left; text-indent: 0;}

/** Used Single Page **/

body.single div#products { position: relative; top: 15px;}
body.single img { border: 2px solid #dedede; float: left; display: inline; margin: 0 10px 10px 15px; }
body.single div.truck-details { border: 2px solid #dedede; padding: 10px; height: 100%; float: left; width: 232px;}
body.single div.truck-details h3 { font-weight: bold; font-size: 1.3em; margin: 0 0 8px 0;}
body.single div.truck-details p { font-size: 1.1em; line-height: 1.4; margin: 0 0 5px 0; padding: 0; text-align: left; text-indent: 0;}

#toggleButton {position: relative; left: 15px; display: block; top: -17px; text-align: center; height: 35px; text-indent: -999em; background: url(http://valleytrucks.com/wp-content/themes/valley-trucks/style/images/click-here.png) no-repeat; background-position: bottom;}
#toggleButton.active {background-position: top;}
#toggleSection {position: relative; top: -19px}
#toggleSection p {color: #003f79;}
div.bottom span {display: block; padding: 15px;} div.bottom span p {padding: 0; margin: 0 0 8px 0;} div.bottom span p strong {margin-right: 15px; color: #fff000;}