﻿@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ compressed */ body{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}

.clear { clear: both; margin: 0; padding: 0;}

#map-widget {
	width: 352px;
	height: 660px;
	position: relative;
}

.hide { visibility: hidden; }

#contact-info { width: 150px; height: 150px; position: absolute; z-index: 1; top: -10px; right: -120px; }

#contact-info div { display: none; }

#contact-info div p { padding: 5px 0 5px 0; line-height: 16px; }

#contact-info div.all { display: block !important; }

.heading { color: #585858; padding: 0 0 15px 0; font-size: 14px; }


a { color: #585858; text-decoration:none; }

hr { color: #f8d102; margin: 0; padding: 0; }

a:hover { text-decoration: underline; }

body { background-color: #000000; /*background-image:url(../images/global/bg.jpg); background-repeat:no-repeat; background-position:left center;  width: 100%;*/ font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; }

#wrapper { margin: 0 auto; width: 850px;}

#chevy_top { width: 100%; background-image:url(../images/global/chevy.jpg); background-repeat:repeat-x; height: 20px; margin-top: 20px;}

#chevy_bottom { width: 100%; background-image:url(../images/global/chevy.jpg); background-repeat:repeat-x; height: 20px; }

#header { overflow: hidden; }

#header_image { float: left; width: 670px;}

#number { margin-bottom: 10px;}

#login { margin: 5px 0 0 0; font-size: 11px;}

#login input { margin: 0 0 5px 0; }

#login p { margin: 0 0 5px 0; }

#footer { width: 100%; background-image:url(../images/global/grad.jpg); background-repeat: repeat-x; height: 154px; margin: -2px 0 0 0;}

#footer_wrapper { padding: 5px 0 0 210px; }

#footer p { color: #585858; font-size: 11px; line-height: 1.2em; float: left; width: 185px;}

h1 { color: #f8d102; font-family:Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; margin: 20px 0 20px 0; line-height: 26px; }

/* Menu */

#menu { margin: 0px; padding: 0px; overflow: hidden;}

#menu ul { list-style: none; margin: 0px; padding: 0px; }

#menu ul li { float: left; margin: 0; padding: 0; height: 20px;}

#menu ul li a { color: #FFFFFF; font-size: 12px; margin: 0 2px 0 0; font-family: Arial, Helvetica, sans-serif; font-weight:bold; background: #585858; padding: 5px 10px 10px 10px; }

#menu ul li a:hover { background-color: #f8d102; text-decoration: none; color: #585858;}

/* Content area */

#left_col { width: 625px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; padding: 5px 10px 20px 0; float: left; line-height: 1.2em; overflow: hidden;}

#left_col p { color: #FFFFFF; }

#left_col a { color: #f8d102; text-decoration:underline; }

#right_col { width: 200px; margin: 0 0 10px 0; padding: 0; overflow: hidden;}

#quote_image { padding: 0 0 5px 0;}

#side { background-color: #f8d102; color: #000000; margin: 5px 0 5px 0; width: 200px !important;}

#side img { margin: 10px 20px 5px 25px; }

#side p { margin: 18px 0 0 22px; font-size: 12px; width: 160px; padding-bottom: 10px; color: #000000; text-align:center; font-weight: bold; }

#side p a { text-decoration: underline; }

#side_slideshow { height: 102px; }

#testimonials { color: #f8d102; background-color: #2f2f2f; padding: 10px 0 10px 0}

#testimonials h2 { font-size: 14px; margin: 0 0 0 10px; font-weight:bold;}

#testimonials p { font-size: 12px; font-style: italic; margin: 5px 15px 0 10px;}

#clientlist { background-color:#FFFFFF; text-align: center;}

#clientlist img { margin: 10px 10px 0 10px; }

/* Forms */

#quote form {width: 400px;}

#quote form label { width: 429px; float: left;}

#quote form input { margin: 5px 0 5px 0; }

#quote h2 { float: left; }

#address { float: right; }

#map { float: left; }

#stockist form label {  }

#wholesalers h1 { margin: 5px 0 10px 5px; }

#wholesalers p { margin: 5px 0 5px 10px; }

#wholesalers label { width: 85px; overflow: hidden; float: left;}

.wholesale_address { width: 200px; overflow: hidden; float: left; }

.wholesale_phone { width: 100px; overflow: hidden; float: left; }

.wholesale_website { width: 300px; float: left;}

#add_stockist form label { float: left; overflow: hidden; width: 200px; margin: 5px 0 5px 0; }

#add_stockist form input { overflow: hidden; margin: 5px 0 5px 0; }

#add_stockist form select { overflow: hidden; margin: 5px 0 5px 0; } 

#add_stockist #submit { float: right; margin: 5px 20px 0 0; }

#add_stockist #map { padding: 0	0 20px 0; }

#stockists_table { width: 1000px; margin: 0 auto; font-size: 10px; clear: both;}

#stockists_table td { padding: 10px 2px 10px 2px; border:solid 1px #FFFFFF;}

#stockists_table th { padding: 10px 2px 10px 2px; margin: 0 auto; font-size: 12px; font-weight: bold; }

.large { font-size: 24px; font-size: bold; margin: 20px;}

#pagination { margin: 0 auto; width: 600px; text-align: center;}

#stockists_table a { color: #FFD500; }

/* Gallery */

.gallery_pic_holder { width: 150px; float: left; margin: 5px 7px 10px 0;}

.gallery_pic_holder p { color: #FFFFFF; }
