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

Title : 
Author : Adrian Jacob / adrian.jacob@gforces.co.uk / G-Forces Web Management Ltd

Type: Print

Description : Screen and projection stylesheet for First Practice Management site

Created : 
Modified : 

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

body { font:12px verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#FFFFFF; text-align:left; }

#accessibility
{ display:none; }

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

Title : Walldonway Limited
Author : Darren Lynch / darren.lynch@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Created : 01/08/2006
Modified : 01/08/2006

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

/* COMMON AND GLOBAL */
body { font:70%/1.6 arial, verdana, helvetica, sans-serif; line-height:14px; margin:0; padding:0; color:#515151; 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:11px; }
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:11px; }
/* some browsers don't inherit the font into tables or textareas! */


/* ----- IDS ----- */
#container { width:760px; margin:0 auto; text-align:left; background:#FFFFFF; }   
#innerContainer {padding:5px 7px; }
#topBrand {display:none;}
#headerBackground {background:url(../../images/layup/headerBg.gif) no-repeat; width:600px;}
#logo {width:208px;}
#mainImages {width:600px;}
#mainImagesTopRow { padding: 5px 0px;}
#mainImagesBottomRow { padding: 3px 0px 10px 0px;}
#welcome {float:left; width:400px; margin:0; padding-left:20px; padding-top:10px;}
#address {float:left; width:200px; margin-left:40px; padding-top:35px; padding-left:6px; position:relative;}
#address p {padding:0; margin:0; font-weight:bold;}
#addressContact {float:left; width:180px; margin:0;position:relative;}
#addressContact p {padding:0; margin:0; font-weight:normal; padding-left:2px;}
#telPadding {padding: 7px 0 5px 0 !important;}
#iconAddress {position:absolute; left:-20px; }
#iconTelephone {position:absolute; left:-20px; top:112px; }
#iconFax {position:absolute; left:-20px; top: 128px;}
#footer {display:none;}
#subaruMain {float:left; margin-top:8px;}
#date {float:left; width:160px; line-height:31px; padding-left:15px; margin-top:1px;}
#internalWelcome {float:left; width:370px; padding-top:5px;}
#unbeatable {float:left; width:138px; padding-top:5px; padding-left:30px; position:relative;}
#unbeatableImage {position:absolute; top:0px; left:120px;}
#internalWelcomeContainer { background:url(../../images/layup/spacer.gif) top left repeat-x; width:555px; padding-left:10px; padding-top:8px;}

/* ----- Navigation ----- */
#navigation {display:none;}

/* ----- Used Car Search ----- */
#usedCarSearch {margin-top:6px; margin-left:2px; float:left;}
#usedCarSearch select {width:150px;}
#usedCarSearch p {margin:0; font-weight:bold; padding:5px 0 3px 0;}
#usedCarSearchTop {}
#usedCarSearchMiddle {background:url(../../images/layup/usedCarMiddle.gif) top left repeat-y; padding:3px 0px 7px 10px;}
#usedCarSearchGo {}

/* ----- Stock Updates ----- */
#stockUpdates {}
#stockUpdatesTop {}
#stockUpdatesMiddle {background:url(../../images/layup/stockUpdatesMiddle.gif) top left repeat-y; padding-left:14px;}
#stockUpdatesMiddle p {margin:0px; padding: 7px 0;}
#stockUpdatesMiddleInternal {width:150px;}
#stockUpdatesBottom {}

/* ----- Featured Cars ----- */
#featuredCars {margin-top:4px;}
#featuredCarsTop {}
#featuredCarsMiddle {background:url(../../images/layup/featuredMiddle.gif) top left repeat-y;}
#featuredCarsMiddle p {margin:0; width:140px; padding-left:15px;}
#featuredCarsMiddleInternal {padding:5px 5px 5px 15px; width:140px;}
#featuredCarsBottom {}
.featuredCarsMiddlePrice {color:#bd210a; font-size:14px; font-weight:bold; padding-top:3px;}

/* ----- Featured Offers ----- */
#featuredOffers {margin-bottom:1px;}
.featuredOffer {background:url(../../images/layup/spacer.gif) top repeat-x; width:565px; padding-top:2px;}
.featuredOfferCol1 {float:left; width:310px;}
.featuredOfferCol1 p {padding:0; margin:0;}
.featuredOfferCol2 {float:left; width:100px;}
.featuredOfferCol3 {float:left; width:75px;}
.featuredOfferCol4 {float:left; width:75px;}

.featuredOfferTitle {font-size:16px; font-weight:bold; line-height:30px; padding-left:10px;}
.featuredOfferBig1 {float:left; font-size:38px; line-height:27px; color:#bc2303; font-weight:bold; text-transform:uppercase; padding-left:8px;}
.featuredOfferBig2 {float:left; font-size:12px; position:relative; top:15px; left:3px;  color:#515151; font-weight:bold; text-transform:uppercase;}
.featuredOfferSmall { padding-left:10px; padding-top:1px;}



/* ---- New Car Page ---- */
.newCar {padding: 7px 0 10px 8px;}
.newCarTitle {text-transform:uppercase; font-weight:bold; padding: 0px 0px 5px 0px;}
.newCarMoreDetails {float:left; font-weight:bold; color:#bc2303; padding: 3px 3px 0px 0px;}
.newCarMoreDetailsArrow {float:left; }
.moreDetailsLink a {font-weight:bold; color:#bc2303 !important;}


/* ---- Used Car ---- */
.usedCarFirst {background:url(../../images/layup/spacer.gif) top repeat-x; width:565px; padding-top:5px;}
.usedCar {background:none; width:565px; padding-top:5px;}
.usedCarTop {background:#cfcfcf; width:452px; font-weight:bold; padding:3px 0px 3px 7px; }
.usedCarDescription {width:370px; padding: 2px 0px 0px 8px; }
.usedCarPrice {position:absolute; top:33px; left:390px; color:#bc2303; font-size:16px; font-weight:bold;}

/* ---- Car Details ---- */
#carDetails {width:600px; padding-top:8px;}
#carDetails ul {padding:5px 0 0 0; margin:0;}
#carDetails ul li {float:left; display:inline; list-style:none; padding:0; margin:0 6px 0 0;}
#carDetailsTitle {font-weight:bold; font-size:13px; margin-bottom:15px;}
#carDetailsDescription {}
#carDetailsIcons {position:relative; }
#carDetailsIcons a {color:#515151;}
#carDetailsIcons p {padding-left:25px;}
.carDetailsEnvelope {position:absolute; top:0px; left:0px;}
.carDetailsFax {position:absolute; top:29px; left:0px;}
.carDetailsCar {position:absolute; top:58px; left:0px;}
#carDetailsList {padding:15px 0 0 0; margin:0;}
.optionTitle {padding-top: 13px;}
/* ----- After Sales ----- */
#afterSalesImage {float:right; border:solid 1px #666666; margin:33px 10px 15px 10px;}
#afterSalesText {padding:7px 10px 0 7px; line-height:15px;}

/* ----- Columns ----- */
.col1 {float:left; width:242px;}
.col2 {float:left; width:242px; padding-left:10px;}
.col3 {display:none;}

.leftCol {display:none;}
.rightCol {width:600px; margin-top:5px;}

.newCarCol1 {float:left; width:180px;}
.newCarCol2 {float:left; width:180px;}
.newCarCol3 {float:left; width:180px;}

.usedCarCol1 {float:left; width:96px;}
.usedCarCol2 {float:left; width:450px; position:relative;}

.carDetailsCol1 {float:left; width:310px; }
.carDetailsCol2 {float:left; width:250px; }

/* ----- STANDARD CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.relative { position:relative; }
#navDivider {float:left;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { position:absolute; top:0px; left:-10000px; }
h2 { position:absolute; top:0px; left:-10000px; }
h3 { font-size:110%; margin-bottom:12px; padding-left:1px; }
h4 {}
h5 {}
h6 {}

/* ----- SITE MAP ----- */
#sitemapContainer {background:url(../../images/layup/spacer.gif) top repeat-x; width:565px; padding:10px 0 0 7px;}
#sitemap li {list-style:url(../../images/layup/bullet.gif); padding:2px 0px 2px 4px; }

/* ----- PAGINATION ----- */
.pagination {display:none;}
/* ----- BREAD CRUMBS ----- */
#breadCrumbs {display:none;}


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0; margin:0 0 15px 0; }

/* ----- LINKS ----- */
a { color:#6c9818; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:block; float:left; width:200px; }
.required {color:#6eaa35;}
input {width:180px;}
textarea {width:180px;}
select {width:184px;}
#submit {width:50px; height:17px;}

/* ----- TABLES ----- */
table{ border-collapse:collapse; width:600px; }
table th {background:#737373; color:#FFFFFF; padding:5px 0 5px 5px; font-weight:normal; text-transform:uppercase; font-size:10px;}
.row1 {background:#eaeaea; padding:5px 0 5px 5px; width:25%; font-weight:bold; font-size:10px;}
.row2 {background:#ffffff; padding:5px 0 5px 5px; width:25%; font-weight:bold; font-size:10px;}
.row3 {background:#eaeaea; padding:5px 0 5px 5px; width:100%; font-weight:bold; font-size:10px;}
.row4 {background:#ffffff; padding:5px 0 5px 5px; width:100%; font-weight:normal; font-size:10px;}