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

Title : 
Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Allam Motor Services site

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

/* COMMON AND GLOBAL */
html { height:100% !important; }
body { height:100% !important; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; color:#000000; text-align:left; margin:0; padding:0; }
body.day { background:url(../images/layup/bg.jpg) no-repeat center top #423f3b; }
body.night { background:url(../images/layup/bodyBgNight.jpg) no-repeat center top #000000; }
/*  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. */
td, textarea, input, select { font:100% arial, verdana, 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:956px; min-height:100%; text-align:left; font-size:110%; line-height: normal; background:#FFF; margin:0 auto; }   
* html #container { height:100%; }
#container .padding { padding:0 17px; }
#printHeader { display:none;}

#header { height: 65px; position: relative; }
#header #logo { position: absolute; top: 23px; left: 23px; }
#header #contactDetails { font-size:25px; text-align:right; font-weight:bold; color:#173045; position: absolute; top: 43px; right: 22px; }
#header #rewardJump { position: absolute; top: 0px; right: 0px; }

/* ----- LEFT COLUMN ----- */
#leftCol { width: 247px; float: left; position:relative; z-index:5; }
#leftCol .overlay { width:18px; height:278px; position:absolute; left:227px; top:21px; z-index:12; }

/* ----- REWARD CARD */
#rewardCard { width:242px; position:absolute; left:222px; top:37px; /*overflow:hidden;*/ z-index:10; }
#rewardCard a { width:242px; height:42px; background:url(../images/layup/tabRewardCard.gif) no-repeat 0 0; display:block; position:relative; overflow:hidden; z-index:3; }
#rewardCard a span { display:none; }
#rewardCard #rewardLogin { width:236px; height:267px; background:url(../images/layup/rewardLoginBg.jpg) no-repeat; position:absolute; left:0; top:-8px; }
#rewardCard #rewardLogin .padding { padding:70px 15px 0 0; }
#rewardCard #rewardLogin .title { width:62px; height:18px; float:right; }
#rewardCard #rewardLogin .description { width:155px; text-align:right; color:#FFF; margin:0 0 15px; float:right; }
#rewardCard #rewardLogin .btn a { width:178px; height:11px; background:none; margin:0 0 18px; float:right; }
#rewardCard #rewardLogin form { width:180px; padding:0; float:right; }
#rewardCard #rewardLogin form div { margin:0 0 9px; }
* html #rewardCard #rewardLogin form div { margin:0 0 3px; }
#rewardCard #rewardLogin form input { width:173px; height:17px; border:none !important; padding:0 0 0 5px; }
#rewardCard #rewardLogin form #submit { width:99px; height:45px !important; border:none; float:right; }

/* ----- SEARCH */
#carSearch { width:229px; height:317px; background:url(../images/layup/searchBg.gif) no-repeat left top; position:relative; z-index:12; }
#carSearch a { outline:none; }
#carSearch form { padding:95px 16px 0 23px; }
#carSearch form div { margin:0 0 7px; }
#carSearch form select { width:180px; border:1px solid #2e5f8a; margin:0; }
#carSearch form #submit { width:86px !important; height:40px !important; border:none; float:right; }
#carSearch form #moreOptions { width:92px; height:14px; position:relative; top:17px; display:block; }
#carSearch #btnTwitter { margin:24px 0 0 25px; float:left; display:inline; }
#carSearch #btnFacebook { margin:23px 5px 0 0; float:right; }
#carSearch .clear { margin:0; }

/* ----- SITE JUMPS */
#jumpStockUpdates { margin:21px 0 6px; }
#liveChat { margin:0 0 32px; }
#jumpLocateUs { margin:0 0 30px; }

#jumpNewsEvents { width:247px; height:330px; background:url(../images/layup/jumpNewsEvents.gif) no-repeat left top; margin:0 0 30px; position:relative; }
#jumpNewsEvents .padding { padding:0 34px 0 23px; }
#jumpNewsEvents .thumb { width:183px; height:138px; margin:0 0 57px; position:relative; }
#jumpNewsEvents .thumb .frame { position:absolute; top:0; left:0; }
#jumpNewsEvents .description { height:100px; }
#jumpNewsEvents .controller { width:115px; height:29px; }
#jumpNewsEvents .controller a { width:14px; height:14px; background:url(../images/layup/controllerBtnSmall.gif) left top no-repeat; margin:0 2px; float:left; }
#jumpNewsEvents .controller a.active {  background:url(../images/layup/controllerBtnActiveSmall.gif) left top no-repeat; }
#jumpNewsEvents .controller a.previous { width:9px; height:14px; background:url(../images/layup/controllerPreviousSmall.gif) left top no-repeat; }
#jumpNewsEvents .controller a.next { width:9px; height:14px; background:url(../images/layup/controllerNextSmall.gif) left top no-repeat; }
#jumpNewsEvents .btnMoreInfo { width:97px; height:43px; position:absolute; bottom:0; right:20px; }

#jumpSaveCompare { width:247px; height:330px; background:url(../images/layup/jumpSaveCompare.gif) no-repeat left top; margin:0 0 30px; position:relative; }
#jumpSaveCompare .padding { padding:0 34px 0 23px; }
#jumpSaveCompare .thumb { width:183px; height:138px; margin:0 0 40px; position:relative; }
#jumpSaveCompare .thumb .frame { position:absolute; top:0; left:0; width: 183px; height: 138px; background: url(../images/layup/frame183x138.png) no-repeat; }
#jumpSaveCompare .thumb .btnPrevious { display:block; width:30px; height:44px; background:url(../images/layup/arrowPrevious.png) repeat; position:absolute; left:-15px; top:48px; }
#jumpSaveCompare .thumb .btnNext { display:block; width:30px; height:44px; background:url(../images/layup/arrowNext.png) repeat; position:absolute; right:-15px; top:48px; }
#jumpSaveCompare table { margin:0 0 5px; }
#jumpSaveCompare table td { font-weight:bold; padding:2px; }
#jumpSaveCompare table td.price { color:#4a8bc3; }
#jumpSaveCompare .description { height:100px; }
#jumpSaveCompare .controller { width:115px; height:29px; }
#jumpSaveCompare .controller a { width:17px; height:16px; font-size:12px; text-align:center; text-decoration:none; color:#FFF !important; font-weight:bold !important; background:url(../images/layup/controllerBtn.gif) left top no-repeat; margin:0 2px !important; padding:1px 0 0  !important; float:left; }
#jumpSaveCompare .controller  a.active {  background:url(../images/layup/controllerBtnActive.gif) left top no-repeat; }
#jumpSaveCompare .controller  a.next { width:11px; height:17px; background:url(../images/layup/controllerNext.gif) left top no-repeat; }
#jumpSaveCompare .btnCompare { width:97px; height:43px; position:absolute; bottom:0; right:20px; }

/* ----- RIGHT COLUMN ----- */
#rightCol { width:646px; float:right; position:relative; z-index:2; }
#btnPrint { width:89px; height:13px; margin:6px 0 0 0; padding:block; float:right; margin-bottom:10px; }

/* ----- NEW LIST */
#boxList {}
/*#boxList .box { width:183px; margin:0 48px 24px 0; float:left; }
#boxList .end { margin:0 0 24px; }
#boxList .box a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; }
#boxList .box .title { height:25px; font-size:11px; font-weight:bold; color:#000; padding:0 0 0 8px; display:block; }
#boxList .box .thumb { width:183px; height:168px; position:relative; display: block; }
#boxList .box .thumb .frame { position:absolute; left:0; top:0; display: block; }
#boxList .box .btn { color:#4a8bc3; font-weight:bold; position:absolute; right:18px; bottom:5px; display: block; }*/

#boxList .box { width:210px; margin:0 8px 12px 0; float:left; }
#boxList .end { margin:0; }
#boxList .box a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; }
#boxList .box .title { height:25px; font-size:11px; font-weight:bold; color:#000; padding:0 0 0 8px; display:block; }
#boxList .box .thumb { width:183px; height:168px; position:relative; display: block; }
#boxList .box .thumb .frame { position:absolute; left:0; top:0; display: block; }
#boxList .box .btn { color:#4a8bc3; font-weight:bold; position:absolute; right:18px; bottom:5px; display: block; }

/* ----- NEW DETAIL */
#newDetail {}
#newDetail #price { width:320px; height:47px; font-size:24px; color:#000; font-weight:bold; float:right; }
#newDetail #price span { font-size:28px; color:#4a8bc3; }

#newDetail .cmsImage { margin: 0 15px 15px 0; position:relative; float:none; }

#newDetail #newOptions { width:320px; float:right; clear:both; }
#newDetail #newOptions a { display:block; }
#newDetail #newOptions span { display:none; }
#newDetail #newOptions div { margin:0 0 5px; }
#newDetail #newOptions .downloadBrochure a { width:320px; height:43px; background:url(../images/layup/spriteNewOptions.gif) no-repeat 0 0; }
#newDetail #newOptions .viewManufacturersSite a { width:320px; height:43px; background:url(../images/layup/spriteNewOptions.gif) no-repeat 0 -48px; }
#newDetail #newOptions .testDrive a { width:320px; height:43px; background:url(../images/layup/spriteNewOptions.gif) no-repeat 0 -96px; }
#newDetail #newOptions .contactUsNow a { width:320px; height:43px; background:url(../images/layup/spriteNewOptions.gif) no-repeat 0 -144px; margin:0; }
#newDetail #newOptions .downloadBrochure a:hover { background:url(../images/layup/spriteNewOptions.gif) no-repeat 0 -187px; }
#newDetail #newOptions .viewManufacturersSite a:hover { background:url(../images/layup/spriteNewOptions.gif) no-repeat 0 -235px; }
#newDetail #newOptions .testDrive a:hover { background:url(../images/layup/spriteNewOptions.gif) no-repeat 0 -283px; }
#newDetail #newOptions .contactUsNow a:hover { background:url(../images/layup/spriteNewOptions.gif) no-repeat 0 -331px; margin:0; }

/* ----- USED LIST */
#sortBy { width:183px; margin:6px 0 0 0; padding:block; clear:both; float:right; }
#sortBy select { width:139px; }

#financeOptions { width:642px; border:2px solid #dcdcdc; margin:0 0 14px; }
#financeOptions .padding { padding:6px 9px 6px 15px; }
#financeOptions h2 { padding:0; margin:0 35px 0 0; float:left; }
#financeOptions form {}
#financeOptions form #period { margin:0 3px 0 0; float:left; }
#financeOptions form #period label { width:40px; padding:3px 0 0 0; }
#financeOptions form #period select { width:40px; }
#financeOptions form #months { padding:3px 0 0 0; margin:0 15px 0 0; float:left; }
#financeOptions form #deposit { margin:0 5px 0 0; float:left; }
#financeOptions form #deposit label { width:45px; padding:3px 0 0 0; }
#financeOptions form #deposit input { width:45px; }
#financeOptions form #mileage { margin:0 15px 0 0; float:left; }
#financeOptions form #mileage label { width:75px; padding:3px 0 0 0; }
#financeOptions form #mileage input { width:50px; }
#financeOptions form #btnUpdateFinance { width:107px; height:21px; float:left; border:none; }

#list {}
#list .listItem { width:646px; border-bottom:2px solid #c9c9c9; padding:0 0 15px; margin:0 0 15px; position:relative; }
#list .listItem a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; }
#list .listItem .thumb { width:183px; height:168px; background:url(../images/layup/noImage183x138.jpg) no-repeat left top; position:relative; display:block; float:left; } 
#list .listItem .thumb .frame { position:absolute; left:0; top:0; }
#list .listItem .carInfo { width:445px; float:right; }
#list .listItem .carInfo .model { width:338px; height:50px; font-size:16px; font-weight:bold; color:#000; float:left; display:block; }
#list .listItem .carInfo .price { width:90px; font-size:24px; color:#4a8bc3; font-weight:bold; float:right; display:block; }
#list .listItem .carInfo .detail { width:95px; font-size:12px; font-weight:bold; color:#000; float:left; display:block; line-height: 150%; }
#list .listItem .carInfo .description { width:114px; font-size:12px; color:#000; float:left; display:block; line-height: 150%; margin-right: 8px; }
#list .listItem .carInfo .btn { width:150px; height:43px; margin:5px 0 0; float:right; display:block; }
#list .listItem .btnSave a { width:100px; height:20px; font-size:12px; font-weight:bold; position:absolute; left:15px; top:145px; }
#typicalAPR { width:200px; font-size:16px; font-weight:bold; color:#000; }

/*----- NEW CODEWEAVERS USED LIST STYLES 04-02-10 ----- */
#list .listItem .carInfo .insurance { float:left; width:350px; margin-top:18px; } 

/* ----- USED DETAIL */
#usedDetail {}
#usedDetail .model { width:320px;  font-size:16px; font-weight:bold; color:#000; float:right; }
#usedDetail .price { width:320px; height:33px; font-size:28px; font-weight:bold; color:#000; float:right; clear:both; }
#usedDetail .price span { color:#4a8bc3; }
.location { font-size:12px; color:#000; float:left;  margin-top:6px; margin-bottom:10px; }
.location span { font-size:12px; font-weight:bold; color:#4a8bc3; }
#usedDetail .telephone { width:320px; height:21px; font-size:12px; color:#000; float:right; clear:both; }
#usedDetail .telephone span { font-size:16px; font-weight:bold; color:#4a8bc3; }
#usedDetail .btnMakeOffer { width:320px; height:43px; margin:0 0 10px; float:right; clear:both; }

#usedDetail #thumbs { width:320px; height:74px; position:relative; float:right; clear:both; overflow:hidden; }
#usedDetail #thumbs #slider { width:10000px; display:inline; position:absolute; }
#usedDetail #thumbs #slider .thumb { width:99px; height:74px; margin:0 10px 0 0; display:block; position:relative; float:left; }
#usedDetail #thumbs #slider .thumb .frame { position:absolute; left:0; top:0; }
#usedDetail #thumbs .btnBackward { position:absolute; left:10px; top:15px; z-index:5; }
#usedDetail #thumbs .btnForward { position:absolute; right:10px; top:15px; z-index:5; }

#usedDetail .cmsImage { margin:0 0 33px; float:none; }
#usedDetail .cmsImage .btn { position:absolute; left:0; bottom:-24px; }

#usedDetail #usedOptions { width:320px; height:98px; clear:both; float:right; margin:12px 0; }
#usedDetail #usedOptions div { float:left; }
#usedDetail #usedOptions a { width:153px; height:40px; outline:none; margin:0 13px 7px 0; display:inline-block; float:left; }
#usedDetail #usedOptions span { display:none; }
#usedDetail #usedOptions .vehicleEnquire a { background:url(../images/layup/spriteUsedOptions.gif) no-repeat 0 0; }
#usedDetail #usedOptions .sendFriend a { background:url(../images/layup/spriteUsedOptions.gif) no-repeat -166px 0; margin-right:0 !important; }
#usedDetail #usedOptions .valueVehicle a { background:url(../images/layup/spriteUsedOptions.gif) no-repeat -332px 0; }
#usedDetail #usedOptions .testDrive a { background:url(../images/layup/spriteUsedOptions.gif) no-repeat -498px 0; margin-right:0 !important; }

#usedDetail #usedOptions .vehicleEnquire a:hover { background:url(../images/layup/spriteUsedOptions.gif) no-repeat 0 -40px; }
#usedDetail #usedOptions .sendFriend a:hover { background:url(../images/layup/spriteUsedOptions.gif) no-repeat -166px -40px; }
#usedDetail #usedOptions .valueVehicle a:hover { background:url(../images/layup/spriteUsedOptions.gif) no-repeat -332px -40px; }
#usedDetail #usedOptions .testDrive a:hover { background:url(../images/layup/spriteUsedOptions.gif) no-repeat -498px -40px; }

#carInfo {}
#carInfo ul.domHeadings { width:646px; height:48px; list-style: none; padding: 0px; margin:0 0 23px; background:url(../images/layup/usedSpecBg.gif) 0 -7px; no-repeat; }
#carInfo ul.domHeadings li { padding:0; margin:0 0 0 0; float: left; }
#carInfo ul.domHeadings li a { outline:none; display:block; height:48px; }
#carInfo ul.domHeadings li a span { display:none; }
#carInfo ul.domHeadings li a.fullDetails { width:98px; background:url(../images/layup/spriteUsedDetail.jpg) no-repeat 0 0; }
#carInfo ul.domHeadings li a.specification { width:115px;  background:url(../images/layup/spriteUsedDetail.jpg) no-repeat -101px 0; }
#carInfo ul.domHeadings li a.finance { width:104px;  background:url(../images/layup/spriteUsedDetail.jpg) no-repeat -219px 0; }
#carInfo ul.domHeadings li a.insurance { width:105px;  background:url(../images/layup/spriteUsedDetail.jpg) no-repeat -326px 0; }
#carInfo ul.domHeadings li a.warranty { width:106px;  background:url(../images/layup/spriteUsedDetail.jpg) no-repeat -434px 0; }
#carInfo ul.domHeadings li.active a.fullDetails { background:url(../images/layup/spriteUsedDetail.jpg) no-repeat 0 -48px; }
#carInfo ul.domHeadings li.active a.specification { background:url(../images/layup/spriteUsedDetail.jpg) no-repeat -101px -48px; }
#carInfo ul.domHeadings li.active a.finance { background:url(../images/layup/spriteUsedDetail.jpg) no-repeat -219px -48px; }
#carInfo ul.domHeadings li.active a.insurance { background:url(../images/layup/spriteUsedDetail.jpg) no-repeat -326px -48px; }
#carInfo ul.domHeadings li.active a.warranty { background:url(../images/layup/spriteUsedDetail.jpg) no-repeat -434px -48px; }

#carInfo .domContent { width:646px; }
#carInfo .domContent .padding { padding:0 0 0 15px; }
#carInfo .domContent .title { height:26px; font-size:16px; font-weight:bold; color:#4a8bc3; border-bottom:2px solid #d9d9d9; margin:0 0 15px; }
#carInfo .domContent .printSpecSheet { float:right; }
#carInfo .domContent table {}
#carInfo .domContent table tr {}
#carInfo .domContent table tr td.heading { width:118px; font-weight:bold; }
#carInfo .domContent table tr td { width:108px; padding:0 0 15px; }
.dt1 { display: block; }

#relatedVehicles {}
#relatedVehicles .title { width:646px; height:51px; margin:0 0 12px; }
#relatedVehicles .box { width:183px; margin:0 32px 0 0; float:left; }
#relatedVehicles .end { margin:0; }
#relatedVehicles .box a { width:183px; text-decoration:none; font-weight:normal; cursor:pointer; display:block; }
#relatedVehicles .box .title { width:175px; height:25px; font-size:11px; font-weight:bold; color:#000; padding:0 0 0 8px; margin:0; display:block; }
#relatedVehicles .box .thumb { width:183px; height:168px; position:relative; display: block; }
#relatedVehicles .box .thumb .frame { position:absolute; left:0; top:0; display: block; }
#relatedVehicles .box .btn { color:#4a8bc3; font-weight:bold; position:absolute; right:18px; bottom:5px; display: block; }
#relatedVehicles .box .btnSave a { width:70px; color:#000; font-weight:bold; position:relative; left:15px; top:-20px; }

/* ----- OFFERS */
#offers {}
#offers ul.domHeadings { width:646px; height:57px; padding: 0px; margin:0 0 15px; list-style: none; }
#offers ul.domHeadings li { float: left; }
#offers ul.domHeadings li a { outline:none; display: block; }
#offers ul.domHeadings li a span { display:none; }
#offers ul.domHeadings li a.newOffers { width:156px; height:57px; background:url(../images/layup/spriteOffers.jpg) no-repeat 0 0; }
#offers ul.domHeadings li a.usedOffers { width:162px; height:57px; background:url(../images/layup/spriteOffers.jpg) no-repeat -156px 0; }
#offers ul.domHeadings li a.serviceOffers { width:163px; height:57px; background:url(../images/layup/spriteOffers.jpg) no-repeat -318px 0; }
#offers ul.domHeadings li a.partsOffers { width:165px; height:57px; background:url(../images/layup/spriteOffers.jpg) no-repeat -481px 0; }
#offers ul.domHeadings li.active a.newOffers { background:url(../images/layup/spriteOffers.jpg) no-repeat 0 -57px; }
#offers ul.domHeadings li.active a.usedOffers { background:url(../images/layup/spriteOffers.jpg) no-repeat -156px -57px; }
#offers ul.domHeadings li.active a.serviceOffers { background:url(../images/layup/spriteOffers.jpg) no-repeat -318px -57px; }
#offers ul.domHeadings li.active a.partsOffers { background:url(../images/layup/spriteOffers.jpg) no-repeat -481px -57px; }

#offers .domContent {}
#offers .domContent .list {}
#offers .domContent .list .listItem { width:646px; margin:0 0 14px; padding:0 0 14px; border-bottom:2px solid #d9d9d9; }
#offers .domContent .list .listItem a { font-weight:normal; text-decoration:none; cursor:pointer; display:block; }
#offers .domContent .list .listItem .thumb { width:353px; height:136px; position:relative; float:left; display:block; }
#offers .domContent .list .listItem .thumb .frame { position:absolute; left:0; top:0; display:block; }
#offers .domContent .list .listItem .description { width:280px; height:93px; float:right; display:block; }
#offers .domContent .list .listItem .btn { width:280px; height:43px; float:right; display:block; }
#offers .dt1 { display: block; }

/* ----- OFFERS DETAIL */
#offersDetail {}
#offersDetail h2 { padding: 15px 0px 15px 0px; }
#offersDetail #mainImg { width:646px; height:249px; margin:0 0 20px; position:relative; }
#offersDetail #mainImg .frame { position:absolute; left:0; top:0; }

#offersDetail #frmContact { width:auto; float:none; }
#offersDetail #frmContact label { width:94px; }
#offersDetail #frmContact p { padding:7px 0;}
#offersDetail #frmContact select { width:204px;}
#offersDetail #frmContact div { margin-bottom:10px; }
#offersDetail #frmContact #submit { width:108px; height:37px; border:none; float:right; }

#offersDetail h3 { font-size:18px; text-transform:uppercase; }

/* ----- DEALER BANNER */
#dealerLocatorBanner { position: relative; }
#dealerLocatorBanner #epsomSkoda { display: block; position: absolute; top: 90px; left: 447px; height: 50px; width: 55px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; }
#dealerLocatorBanner #epsomAlfa { display: block; position: absolute; top: 90px; left: 502px; height: 50px; width: 54px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; }
#dealerLocatorBanner #epsomVauxhall { display: block; position: absolute; top: 90px; left: 556px; height: 50px; width: 55px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; }
#dealerLocatorBanner #leatherheadVauxhall { display: block; position: absolute; top: 107px; left: 273px; height: 50px; width: 51px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; }
#dealerLocatorBanner #dorkingKia { display: block; position: absolute; top: 216px; left: 397px; height: 50px; width: 66px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; }
#dealerLocatorBanner #dorkingRenault { display: block; position: absolute; top: 216px; left: 463px; height: 50px; width: 58px; background:url(../images/layup/ie6LinkFix.gif) top left repeat; }

/* ----- NEWS LIST */
#newsList #list {}
#newsList #list .listItem { width:646px; border-bottom:2px solid #c9c9c9; padding:0 0 10px; margin:0 0 10px; position:relative; }
#newsList #list .listItem a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; }
#newsList #list .listItem .thumb { width:183px; height:138px; position:relative; display:block; float:left; } 
#newsList #list .listItem .thumb .frame { position:absolute; left:0; top:0; }
#newsList #list .listItem .title { width:445px; height:30px; font-size:12px; font-weight:bold; float:right; display:block; }
#newsList #list .listItem .description { width:445px; height:55px; font-size:11px; color:#000;  float:right; display:block; }
#newsList #list .listItem .btn { width:93px; height:43px; margin:10px 0 0; float:right; display:block; }

/* ----- TYRE GUIDE */
#frmTyrePriceGuide { margin-bottom:15px;}
#frmTyrePriceGuide p { padding:7px 0;}
#frmTyrePriceGuide select { width:204px;}
#frmTyrePriceGuide div { margin-bottom:10px;}
#frmTyrePriceGuide #submit { width:108px !important;  height:37px !important; border:none !important; }

#tyreResults { margin:0 auto; }
#tyreResults tr td { height:30px; padding:0 5px; }
#tyreResults tr.altRow td { color:#fff; background:#4b8bc3; }

/* ----- CONTACT PAGE */
#contactDetail {}
#contactDetail .telephone { width:307px; font-size:18px; color:#000; font-weight:bold; padding:9px 0 12px 0; clear:both; float:right; }
#contactDetail .telephone span { color:#4a8bc3; }
#contactDetail .fax { width:307px; height:29px; font-size:18px; color:#000; font-weight:bold; clear:both; float:right; }
#contactDetail .address { width:307px; font-size:18px; color:#000; font-weight:bold; clear:both; float:right; }
#contactDetail .address address { font-size:11px; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; padding:10px 0 11px; }

#contactDetail .openingTimes { width:307px; font-size:18px; color:#000; font-weight:bold; clear:both; float:right; }
#contactDetail .openingTimes table { font-size:11px; font-family:Tahoma, Geneva, sans-serif; margin:14px 0 0; }
#contactDetail .openingTimes table tr {}
#contactDetail .openingTimes table tr td { width:76px; padding:0 0 8px; }
#contactDetail .openingTimes table tr td.heading { font-weight:bold; }

#contactDetail #map { width:313px; height:270px; position:relative; }
#contactDetail #map .frame { position:absolute; left:0; bottom:0; }
#contactDetail #map #directions { width:313px; height:35px; position:absolute; left:0; bottom:0; }
#contactDetail #map #directions form {}
#contactDetail #map #directions form div { margin:8px 0 0 13px; float:left; display:inline; }
#contactDetail #map #directions form input { width:131px; border:1px solid #828282; }
#contactDetail #map #directions form #btnDirections { width:86px; height:29px; border:none; margin:6px 12px 0 0; float:right; }

#contactDetail #dealerImg { width:313px; height:270px; margin:5px 0 0; position:relative; }
#contactDetail #dealerImg .frame { position:absolute; left:0; top:0; }

#mainContent {}
#mainContent .padding { padding:45px 0 0 25px; }

/* ----- CMS IMAGE ----- */
.cmsImage { width:313px; height:235px; margin: 0 15px 15px 0; position:relative; float:left; }
.cmsImage .frame { position:absolute; left:0; top:0; z-index:150; }
.cmsImage .overlay { position:absolute; right:0; bottom:0; z-index:150; }

/* ----- GLOBAL CLASSES ----- */
.clear { clear:both; display: block; }
.clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.printHide { display:block; }
.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; margin:0 0 15px 15px; }
.image_left { float:left; margin:0 15px 15px 0; }
.image_center { margin:0 auto; }
.hand { cursor:pointer; }
.seo {text-decoration:none;font-weight:normal;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { font-size:18px; color:#4a8bc3; text-transform:uppercase; font-weight:bold; margin:0; padding:0 0 10px 0; }
h1 { width:172px; height:41px; font-size:14px; font-weight:bold; color:#2a2a2a; background:url(../images/layup/h1Bg.jpg) no-repeat left top; padding:19px 5px 0 14px; margin:0 0 20px; }
h2 { font-size:18px; text-transform:none; font-weight:bold; color:#152c3f; }
p { padding:0 0 10px 0; margin:0; }

/* ----- TOP NAVIGATION ----- */
#primaryNav { width:922px; height:63px; background:url(../images/layup/navBg.gif) no-repeat left top; margin: 0px 0px 10px 0px; }
#primaryNav ul { list-style: none; margin: 0px; padding:0 0 0 15px; }
#primaryNav li { background:url(../images/layup/navDivider.gif) 0 18px no-repeat; padding: 0px; margin: 0px; float: left; }
#primaryNav li a { font-size:12px; font-weight:bold; text-decoration: none; color: #FFFFFF; padding: 27px 10px 21px; float:left; display: block; }
#primaryNav li a:hover,
#primaryNav li a.active { background:url(../images/layup/navHoverBg.gif) center top no-repeat; }
#primaryNav li.small a:hover,
#primaryNav li.small a.active { background:url(../images/layup/navHoverSmallBg.gif) center top no-repeat; }
#primaryNav li.tiny a:hover,
#primaryNav li.tiny a.active { background:url(../images/layup/navHoverTinyBg.gif) center top no-repeat; }

/* ----- DROPDOWN NAV ----- */
#primaryNav ul li  ul {	left: -999em; position: absolute;  }
#primaryNav ul li:hover ul,
#primaryNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; width: 200px; }
#primaryNav ul li:hover ul li,
#primaryNav ul li.sfhover ul li { display: block; padding: 4px 0px 0px 0px;	margin: 0px; background: #ececec; width: 200px; height: 20px; border-bottom: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; }
#primaryNav ul li:hover ul li a,
#primaryNav ul li.sfhover ul li a {	padding: 0px 5px 5px 10px; margin: 0px; color: #666666; }
#primaryNav ul li:hover ul li a:hover,
#primaryNav ul li.sfhover ul li a:hover { padding: 0px 5px 5px 10px; margin: 0px; color: #000; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs { width:455px; height:44px; line-height: normal; border-bottom:2px solid #c9c9c9; float:right; }
#breadcrumbs .padding { padding:5px 0 0 10px; width: 240px; float: left; }
#breadcrumbs a { font-size:11px; text-decoration:none; color:#000000; font-weight: normal; padding: 0 5px 4px 0px; }
#breadcrumbs span.active { font-size:11px; font-weight:bold; color:#4a8bc3; background:url(../images/layup/breadcrumbsActive.gif) no-repeat center bottom; padding: 0 5px 7px 0px; }
#breadcrumbs .btnBack { padding: 0px; position: absolute; right: 0px; }
#breadcrumbs .btnBack a { float: right; padding: 0; }
.pagination { margin:24px 0px 0 0; float:right; }
.pagination#bottom { margin:0 0 10px; }
.pagination a { width:17px; height:16px; font-size:12px; text-align:center; text-decoration:none; color:#FFF !important; font-weight:bold !important; background:url(../images/layup/controllerBtn.gif) left top no-repeat; margin:0 2px !important; padding:1px 0 0  !important; float:left; }
.pagination a.active {  background:url(../images/layup/controllerBtnActive.gif) left top no-repeat; }
.pagination a.previous { width:11px; height:17px; background:url(../images/layup/controllerPrevious.gif) left top no-repeat; }
.pagination a.next { width:11px; height:17px; background:url(../images/layup/controllerNext.gif) left top no-repeat; }

/* ----- FOOTER ----- */
#footer { height:200px; }
#footer #footerInner { width:956px; height:137px; background:url(../images/layup/footerBg.png) no-repeat left top; margin:0 auto; }
#footer .padding { padding:49px 38px 0 39px; }
#footer #footerInner .franchiseJumps { width:315px; margin:-26px 0 0 0; float:right; }
#footer #footerInner .franchiseJumps a { font-size:12px; }
#footer a { text-decoration:none;}
#footer a:hover { text-decoration:underline;}
* html #footer a { position:relative; }

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

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#4A8BC3;}
.checkRadio { width:20px !important; position:relative !important; left:-7px !important; border:none !important; }
#submit { width:108px !important;  height:37px !important; border:none !important; }
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#frmContact #submit { width:108px !important;  height:37px !important; border:none !important; }

#searchForm {}
#searchForm div { margin:0 0 10px; }
#searchForm label { width:150px; }
#searchForm .validation-advice { width:354px !important; }

#contactDetail #frmContact { width:308px; float:right; }
#contactDetail #frmContact span { font-size:18px; font-weight:bold; color:#2a2a2a; margin:0 0 11px; display:block; }
#contactDetail #frmContact label { width:94px; }
#contactDetail #frmContact input,
#contactDetail #frmContact textarea { width:205px; border:1px solid #868686; }
#contactDetail #frmContact select { width:205px; border:1px solid #868686; }
#contactDetail #frmContact #submit { float:right; width:108px !important;  height:37px !important; border:none !important; }
#contactDetail #frmContact .validation-advice { width:291px !important; }


/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4a8bc3; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

/* ----- STOCK UPDATES FORM ----- */
#promoForm { padding:12px 0 0 19px; }
#promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;}
#promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;}
#promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;}
#promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;}
#promoForm .carSelects { padding-top:18px;}
#promoForm .submitButton { margin:5px 0 20px 0;}

/* ----- DOMTABS ----- 
.domTabs { padding-bottom: 30px; }
.domContent { border: 1px solid #333333; }
.dt1 { display: block; }

ul.domHeadings { padding: 0px; margin: 0px; list-style: none; }
ul.domHeadings li { float: left; }
ul.domHeadings li a { display: block; float: left; padding: 5px 10px 5px 10px; background: #000; color: #FFF; text-decoration: none; font-weight: bold; }
ul.domHeadings li a:hover, ul.domHeadings li.active a { background: #BCBCBC; color: #000; }*/

#typicalAPRwrapper { font-size:16px; font-weight:bold; }