/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : PGI Farnham
Author : Samuel Smithson sam.smithson@gforces.co.uk

Description : Screen Style Sheet

Created : 20/12/2005
Modified : 22/11/2005

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


/* COMMON AND GLOBAL */
body { font:75% verdana, arial, helvetica, sans-serif; color:#4a4a4a; margin:5px 0; padding:0 0 10px 0; background:#777777; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
html>body { font-size: 12px; }
td, textarea, input, select { font: 100% verdana, arial, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size: 10px; }
/* some browsers don't inherit the font into tables or textareas! */
p { margin:0px; padding:0px; line-height:13px; }


/* ----- IDS ----- */
#container { width:748px; text-align:left; background:#FFFFFF url(../images/layup/containerBg.gif) top repeat-y; margin:0px auto; position:relative; font-size:85%;  }
#containerTL { position:absolute; top:4px; left:0px; width:4px; height:200px; }
#containerTR { position:absolute; top:4px; left:744px; width:4px; height:200px; }
#containerPadding { padding:3px 3px 3px 7px; }
#header { margin-bottom:0px; padding-left:23px; padding-top:12px; background:url(../images/layup/headerBg.gif) repeat-x; height:101px;}
#telephoneNumber { position:absolute; top:20px; left:580px; width:4px; }
#openingHours {position:absolute; top:58px; right:28px; width:314px; text-align:right; line-height: 150%;}
#menu {position:absolute; top:95px; left:190px; width:540px; height:23px; line-height:23px; font-weight:bold; color:#FFFFFF; }
#content { margin-top:3px; }
#contentPadding { padding:10px 20px 20px 20px; }
#contentPadding p, #content p { margin-top:1.4em; }
#footer { width:748px; float:left; color:#ffffff; }
#footer div { padding:5px 21px; background:#777777; height:20px; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide{ display:none; }
.show{ display:block; }
.left { float:left; }
.right { float:right; }
.imageRight { float:right; margin:0 0 20px 20px; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.align_right { text-align:right; }
.relative { position:relative; }
.hand { cursor:pointer;  }
.float_right { float:right;}
.float_left { float:left;}

.col1 { float:left; width:145px; }
.col1 p { color:#8393a0; font-weight:bold; width:116px; line-height:13px; margin-top:10px; }
.col2 { float:left; width:586px; margin-left:3px; }

.box { margin-bottom:4px; }
.boxPaddingRegister { background:url(../images/layup/boxBg.gif) repeat-y; padding:19px 20px 20px 20px; font-weight:bold;}
.boxPaddingOther { background:url(../upload/othercar.jpg) repeat-y; padding:29px 20px 8px 20px; font-weight:bold; color:#FFFFFF; }
.boxPaddingServices { background:url(../images/layup/boxBg.gif) repeat-y; padding:7px 20px 20px 20px; font-weight:bold;}
.boxPaddingContactBox { background:url(../images/layup/boxBgContact.gif) repeat-y; padding:16px 20px 20px 20px; font-weight:bold; }

* html body .boxPaddingRegister { margin-top:-1px;}


/* ----- HOME CARS ----- */
#homeCars { list-style:none; padding:0; margin:0; }
#homeCars ul { }
#homeCars li { float:left; }
#homeCars .gap { margin-right:2px; margin-bottom:4px; }

/* ----- LISTS ----- */
.box ul {  padding:0; margin:0;}
.box li { margin-left: 17px; list-style-image:url(../images/layup/arrow.gif); line-height:15px; }


/* ----- NAVIGATION ----- */
#menu ul { list-style:none; padding:0; margin:0; }
#menu li { float:left; }
#menu a { display:block; float:left; height:23px; color:#FFFFFF; text-align:center; }
#menu a:hover { text-decoration:none; }
#menu .gap { margin-right:9px; }
#menu .home a { width:74px; background:url(../images/layup/menuHome.gif) 0px 0px no-repeat; }
#menu .home a:hover, #menu .homeActive a { width:74px; background:url(../images/layup/menuHome.gif) 0px -23px no-repeat; }
#menu .about a { width:90px; background:url(../images/layup/menuAbout.gif) 0px 0px no-repeat; }
#menu .about a:hover, #menu .aboutActive a { width:90px; background:url(../images/layup/menuAbout.gif) 0px -23px no-repeat; }
#menu .currentstock a { width:121px; background:url(../images/layup/menuCurrentstock.gif) 0px 0px no-repeat; }
#menu .currentstock a:hover, #menu .currentstockActive a { width:121px; background:url(../images/layup/menuCurrentstock.gif) 0px -23px no-repeat; }
#menu .services a { width:91px; background:url(../images/layup/menuServices.gif) 0px 0px no-repeat; }
#menu .services a:hover, #menu .servicesActive a { width:91px; background:url(../images/layup/menuServices.gif) 0px -23px no-repeat; }
#menu .contact a { width:104px; background:url(../images/layup/menuContact.gif) 0px 0px no-repeat; }
#menu .contact a:hover, #menu .contactActive a { width:104px; background:url(../images/layup/menuContact.gif) 0px -23px no-repeat; }

/* ----- HEADINGS ----- */
h1, h2, h3, h4 { margin:0; padding:0; }
h1 { position:absolute; left:-10000px; }
h2 { font-size:85%; font-weight:normal; float:right; text-align:right; margin-top:-76px; }
h2 p { padding-bottom:2px; }
h3 { display:none; }
h4 { font-size:110%; margin-bottom:10px; }
h5 { }

/* ----- BREADCRUMBS ----- */
#breadcrumbs ul { list-style:none; padding:0; margin:0; font-size:85%; font-weight:bold; }
#breadcrumbs li { display:inline; }
#breadcrumbs a { font-weight:normal; }

/* ----- TABLES ----- */

#rangetable tr:hover td {background: #e4eaf1 !important;}
.row1 { background: #FFFFFF; }
.row2 { background: #f2f3f3 !important; }

#rangetable { border: 1px solid #CDCDCD; border-collapse: collapse; margin: 9px 0; width: 100%; }
#rangetable td { height: 20px; padding: 5px 5px 5px 0px; border-bottom: 1px solid #CDCDCD; }
#rangetable td img { padding-left: 10px; }
#rangetable th { background: url("../images/layup/bkg_th.gif") #E5E5E5 repeat right top; height:25px;  border-bottom: 1px solid #CDCDCD; font-weight: bold; }

#spectable { border: 1px solid #cbcbcb; border-collapse: collapse; margin: 9px 0; width: 100%; }
#spectable strong { color: #717171; float: left; width: 131px; }
#spectable th, #spectable td, #spectable2 th, #spectable2 td { font-weight: normal; margin: 0; padding: 7px 0 7px 14px; text-align: left; }
#spectable th, #spectable2 th { background: url("../images/layup/bkg_th.gif") #E5E5E5 repeat right top; font-weight: bold; margin-left: 10px; }

#spectable, #spectable2 { border-collapse: collapse; color: #727070; margin-top: 29px; width: 100%; }
#spectable2 td {  border-bottom: 25px solid #FFFFFF; padding: 0 0 0 0px; }
#spectable2 td img { float: left; margin-right: 10px; }

#vehicle_desc, #vehicle_functions {}
#vehicle_desc { float:left; width:350px; padding-top:5px;}
#vehicle_functions  { float:right; width:130px; margin-top: -10px;}
#vehicle_main { float: left; width: 403px; }
#vehicle_thumb { float: left; width:142px; }
#vehicle_thumb li { display: inline; float: left; margin-right: 3px; margin-bottom:10px; }
#vehicle_thumb ul { list-style: none; margin: 0; padding: 0; }

/* ----- SITE MAP ----- */
#siteMap { margin:20px; }
#siteMap ul { list-style:none; padding:0; margin:0; }
#siteMap li { padding:3px 0; }
#siteMap ul li ul { margin-left:10px; }
#siteMap ul li ul li { background:url(../images/layup/siteMap.gif) 0px 8px no-repeat; padding-left:14px; }
html>body #siteMap ul li ul li { background:url(../images/layup/arrow.gif) 0px 5px no-repeat; padding-left:14px; }
#siteMap .url { margin-top:2px; display:block; }
#siteMap a { color:#555555; }

/* ----- IMAGES AND OTHER ----- */
img{ display:block; border:0; }
address { font-style:normal; }

/* ----- LINKS ----- */
a { color:#5b7fa3; margin:0; padding:0; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a:hover { text-decoration:underline; }

#footer a { color:#FFFFFF; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:none; }
input { color:#5b7fa3; font-weight:bold; border:0px; padding:4px; }

#contact form { margin:22px 0 20px 0; }
html>body #contact form { margin:34px 0 20px 0; }
#contact label { display:block; width:160px; float:left; }
html>body #contact label { margin-top:3px; }
#contact input, #contact textarea  { border:1px solid #d5d5d5; color:#5b7fa3; padding:3px; font-weight:bold; }
#contact textarea { overflow:auto; }
#contact .submit { margin:0; padding:0; border:0px; width:74px; height:23px; }
html>body #contact .submit { margin:14px 0 0 0; }
.required { font-weight:bold; color:#127cce; }
.chkOption { float:left; border:0px none !important; margin-top:-3px; }
html>body .chkOption { margin-top:2px; }

.form p { margin:0px; padding:0px; }
.login { width:108px; }
.submit { width:20px; height:20px; padding:0px !important; }

/* ----- PAGINATION ----- */
.pagination { float:left; width:500px; }
.pagination ul { list-style:none; padding:0; margin:0; }
.pagination li { display:inline; font-weight:bold; line-height:20px; }
.pagination a { background:#5b7fa3; padding:4px; margin:1px; font-weight:bold; color:#ffffff; }
.pagination a:hover { text-decoration:none; }
.pagination .page { font-weight:normal; }
.pagination .active a { background:#38536e; color:#FFFFFF; font-weight:bold; }
.pagination a:hover { background:#38536e; color:#FFFFFF; }