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

Title : Morrison Motors
Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Morrison Motors site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#555252; color:#000000; 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. */
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:940px; margin:0 auto; text-align:left; font-size:110%; background: url(../images/layup/containerBg.gif) top left repeat-y; }
#printHeader { display:none; }
#header { position: relative; height: 93px; background: #555252; }
#header #logo { position: absolute; top: 0px; left: 25px; }
#header #contactDetails { position: absolute; top: 25px; right: 55px; }
#header #returnHome { position: absolute; bottom: -1px; right: 42px; }
#header #liveChatHeader { position: absolute; bottom: 0px; right: 175px; }

#inner { background: url(../images/layup/innerBg.gif) top left repeat-x; margin: 0px 25px 0px 25px; position: relative; width: 890px; min-height: 880px; line-height: 120%; }
#inner .padding { padding: 0px 7px 0px 7px; }
#inner .shadowL { position: absolute; top: 0px; left: -25px; }
#inner .shadowR { position: absolute; top: 0px; right: -25px; }
#homeContent { float: left; width: 624px; padding: 14px 20px 14px 12px; }
#mainContent { padding: 14px 20px 14px 12px; }

#leftCol { float: left; width: 214px; display: inline; margin-right: 6px; }
#leftCol .box { border: 1px solid #e6e6e6; background: #fff; width: 206px; padding: 3px; margin-bottom: 6px; }
#leftCol .usedCarSearch { background: url(../images/layup/boxUsedCarSearchBg.gif) top left repeat-y; }
#leftCol .usedCarSearch form { padding: 12px 8px 0px 8px; }
#leftCol .usedCarSearch select { width:190px; border:1px solid #d0d0d0; margin:0px 0px 4px 0px; font-size: 1.0em; height: 20px; }
#leftCol .usedCarSearch .search { width: 63px !important; height: 28px; margin-top: 0px; float: right; }
#leftCol .usedCarSearch .advanced { width: 100px !important; padding-top: 8px; padding-left: 8px; float: left; font-size: 0.9em; }
#leftCol .usedCarSearch .advanced a { color: #555252; text-decoration: underline; font-weight: normal; }
#leftCol .usedCarSearch .advanced a:hover { text-decoration: none; }
#internalMarqueTotals {}
#internalMarqueTotals ul { padding: 0; margin: 0; }
#internalMarqueTotals li {margin-bottom: 1px; list-style: none; display:block; float:left; width: 206px; }
#internalMarqueTotals li a { display: block; background: #e5e5e5; padding: 6px 8px 0px 8px; width: 190px; height: 20px; text-decoration: none; }
#internalMarqueTotals li a:hover { text-decoration: none; background: #d4d4d4; }

#advancedSearchForm { margin-bottom:15px; margin-top: 10px; }
#advancedSearchForm p { padding:7px 0;}
#advancedSearchForm select { width:206px;}
#advancedSearchForm div { float: left; margin-bottom:10px; margin-right: 10px; }
#advancedSearchForm .submitButton { float: right; }

#rightCol { float: left; width: 656px; }
#rightCol .cmsImage { float: right; width: 316px; height: 237px; margin: 0px 0px 10px 15px; padding: 3px; border: 1px solid #e7e7e7; }

/* ----- HOMEPAGE ----- */
#mainImage { width: 648px; height: 201px; padding: 4px; background: url(../images/layup/mainImageBg.gif) top left no-repeat; }
#homeCarList { margin-top: 0px; width: 876px; float: left; }
#homeCarList a {display:block;cursor:pointer;text-decoration:none;}
#homeCarList table {  }
#homeCarList thead tr { border-bottom: 1px solid #fff;}
#homeCarList thead td { background: #555252; color: #fff; padding: 0px 10px 0px 10px; }
#homeCarList tbody tr { }
#homeCarList tbody td { width: 124px; background: #e4e4e4; padding: 5px 7px 5px 10px; font-size: 1.1em; border-bottom: 1px solid #fff; }
#homeCarList tbody td.tdAlt { background: #dadada; }
#homeCarList .carListStock { font-weight: bold; float: right; font-size: 1.5em; padding-top: 4px; }
#homeJumps { margin-top: 6px; }
#homeJumps .box { border: 1px solid #e6e6e6; background: #fff; width: 206px; padding: 3px; float: left; margin-right: 6px; margin-bottom: 6px; }
#homeJumps .box.last { margin-right: 0px; }

/* ----- ADDRESS DETAILS FOR HOMEPAGE AND INTERNALS ----- */
#addressDetails { float: left; width: 214px; }
#addressDetails .padding { padding: 14px 12px 14px 12px; }
#addressDetails h2 { padding: 0px 0px 5px 0px; }
#addressDetails address { padding-bottom: 20px; }
#addressDetails td { padding: 2px 0px 2px 0px; }
#addressDetails .openingTimes { padding-bottom: 20px; }
#addressDetails .contact { padding-bottom: 20px; }

/* ----- LIST ----- */
#list {}
#list .listItem { float: left; border-bottom: 1px solid #e9e9e9; position: relative; }
#list .listItem a { display: block; padding: 6px 0px 0px 0px; min-height: 145px; width: 657px; cursor: pointer; text-decoration: none; font-weight: normal; }
#list .listItem .thumb { display: block; position: relative; float: left; background:url(../images/layup/noImage174x131.gif) 3px 3px no-repeat; width: 174px; height: 131px; border: 1px solid #e7e7e7; padding: 3px; margin-right: 14px; }
#list .listItem .thumb .special { position: absolute; top: 0; left:0; }
#list .listItem .title { display: block; float: left; width: 461px; padding: 7px 0px 12px 0px; font-weight: bold; }
#list .listItem .description { display: block; float: left; width: 440px; }
#list .listItem .price { display: block; float: right; color: #de0101; font-weight: bold; font-size: 1.2em; height: 32px; padding-top: 20px; }
#list .listItem .clear { display: block; clear:both; }

#list.usedList .listItem { width: 653px; height: 149px; background: url(../images/layup/listItemBg.jpg) no-repeat; margin-bottom: 15px; border: none; }
#list.usedList .listItem a { display: block; color: #ffffff; padding: 0px; }
#list.usedList .listItem .itemContents { display: block; padding: 8px 20px 0px 20px; }
#list.usedList .listItem .thumb { display: block; position: relative; float: left; background:url(../images/layup/noImage174x131.gif) -25px -3px no-repeat; width: 124px; height: 93px; border: none; margin: 0px 17px 0px 0px; padding: 0px; }
#list.usedList .listItem .thumb .frame { position: absolute; top: 0px; left: 0px; }
#list.usedList .listItem .title { display: block; width: 633px; padding: 7px 0px 12px 20px; font-weight: bold; color: #ffffff; float: none; font-weight: bold; font-size: 1.4em; }
#list.usedList .listItem .description { display: block; float: left; width: 475px; }
#list.usedList .listItem .description .titleSmall { display: block; padding-bottom: 5px; font-weight: bold; font-size: 1.1em; }
#list.usedList .listItem .itemDesc { display: block; padding-bottom: 6px; }
#list.usedList .listItem .price { display: block; float: right; color: #d80000; font-weight: bold; font-size: 1.3em; height: 32px; padding-top: 0px; }
#list.usedList .listItem .financeContainer { margin-bottom: 0px; }
#list.usedList .listItem .financeContainer .financeInfoClose { background: url(../images/layup/iconPlusDark.gif) 195px 0px no-repeat; min-height: 30px; cursor: pointer; width: 653px; }

#list.offerList { margin-top: 15px; }
#list.offerList .listItem { width: 653px; height: 149px; background: url(../images/layup/listItemBg.jpg) no-repeat; margin-bottom: 15px; border: none; }
#list.offerList .listItem a { display: block; color: #ffffff; padding: 0px; }
#list.offerList .listItem .itemContents { display: block; padding: 8px 20px 0px 20px; }
#list.offerList .listItem .thumb { display: block; position: relative; float: left; background:url(../images/layup/noImage174x131.gif) -25px -3px no-repeat; width: 124px; height: 93px; border: none; margin: 0px 17px 0px 0px; padding: 0px; }
#list.offerList .listItem .thumb .frame { position: absolute; top: 0px; left: 0px; }
#list.offerList .listItem .title { display: block; width: 633px; padding: 7px 0px 12px 20px; font-weight: bold; color: #ffffff; float: none; font-weight: bold; font-size: 1.4em; }
#list.offerList .listItem .description { display: block; float: left; width: 475px; }
#list.offerList .listItem .description .titleSmall { display: block; padding-bottom: 5px; font-weight: bold; font-size: 1.1em; }
#list.offerList .listItem .itemDesc { display: block; padding-bottom: 6px; }
#list.offerList .listItem .price { display: block; float: right; color: #d80000; font-weight: bold; font-size: 1.3em; height: 32px; padding-top: 0px; }
#list.offerList .listItem .financeContainer { margin-bottom: 0px; }
#list.offerList .listItem .financeContainer .financeInfoClose { background: url(../images/layup/iconPlusDark.gif) 195px 0px no-repeat; min-height: 30px; cursor: pointer; width: 653px; }

.financeContainer { margin-top: -35px; position: relative; z-index: 9999; margin-bottom: 6px; }
.financeContainer .financeInfoOpen { background: url(../images/layup/iconMinus.gif) 194px 0px no-repeat; padding-top: 38px; min-height: 30px; cursor: pointer; width: 657px; }
.financeContainer .financeInfoClose { background: url(../images/layup/iconPlus.gif) 195px 0px no-repeat; min-height: 30px; cursor: pointer; width: 657px; }
/*.financeContainer .financeInfoContent { display: none; }*/
.financeContainer .financeInfoContent { border: 1px solid #a8a8a8; width: 632px; }
.financeContainer .financeInfoContent table { background:url(../images/layup/applyForFinanceListBg.gif) top left repeat-y; }
.financeContainer .financeInfoContent a { width:  auto !important; padding: 0 !important; display: inline !important; }
.financeContainer .financeInfoContent td { padding: 8px 12px 9px 12px; vertical-align: top; border-bottom: 1px solid #fff;  }
.financeContainer .financeInfoContent tr {}

#pageList
#pageList {}
#pageList .listItem { float: left; border-bottom: 1px solid #e9e9e9; position: relative; }
#pageList .listItem a { display: block; padding: 6px 0px 0px 0px; min-height: 145px; width: 625px; cursor: pointer; text-decoration: none; font-weight: normal; }
#pageList .listItem .thumb { display: block; float: left; background:url(../images/layup/noImage174x131.gif) 3px 3px no-repeat; width: 174px; height: 131px; border: 1px solid #e7e7e7; padding: 3px; margin-right: 14px; }
#pageList .listItem .title { display: block; float: left; width: 429px; padding: 7px 0px 12px 0px; font-weight: bold; }
#pageList .listItem .description { display: block; float: left; width: 408px; }
#pageList .listItem .price { display: block; float: right; color: #de0101; font-weight: bold; font-size: 1.2em; height: 32px; padding-top: 20px; }
#pageList .listItem .clear { display: block; clear:both; }

.adjustFinance { padding: 0px 0px 0px 12px; height: 32px; }
.adjustFinance .heading { padding: 3px 0px 0px 0px; float: left; width: 105px; }
.adjustFinance form {padding: 6px 0px 0px 0px; }
.adjustFinance label { padding-left: 7px; padding-top: 3px; }
.adjustFinance select { width: 64px; text-align: right; height: 20px; }
.adjustFinance input { width: 61px; }
.adjustFinance div { float:left; padding-right: 5px; }
.adjustFinance .btnUpdate { width: 63px; height: 20px; position: relative; margin-top: 0px; margin-left: 10px; float: left; }

/* ----- USED CAR DETAIL ----- */
#usedCarTitle { padding: 14px 0px 14px 3px; }
#usedCarPhoto { float: left; background: url(../images/layup/noImage316x237.gif) 3px 3px no-repeat; width: 316px; height: 237px; margin-right: 3px; border: 1px solid #e7e7e7; padding: 3px; }
#usedCarThumbnails { float: left; width: 328px; }
#usedCarThumbnails .thumb { float: left; background: url(../images/layup/noImage149x112.gif) 3px 3px no-repeat; width: 149px; height: 112px; margin-right: 4px; margin-bottom: 5px; border: 1px solid #e7e7e7; padding: 3px; }
#printCarDetails { display: none; }
#usedCarOptions { margin-top: 2px;  }
#usedCarOptions .btn { float: left; margin-right: 4px; }
#usedCarDetail { width: 644px; margin-top: 7px;  }
#usedCarDetail .title { height: 21px; background: #555252; color: #fff; font-size: 1.2em; font-weight: bold; padding: 7px 12px 0px 12px; }
#usedCarDetail .content { background:url(../images/layup/usedCarDetailBg.gif) top left no-repeat; min-height: 122px; padding-top: 6px; }
#usedCarDetail .spec { float: left; }
#usedCarDetail td { padding: 3px 5px 3px 5px; }
#usedCarDetail .features { float: left; padding: 1px 15px 3px 15px; width: 204px; line-height: 140%; }
#usedCarDetail .features ul { padding: 0; margin: 0px 0px 0px 15px; }
#usedCarDetail #carDescription { padding: 30px 20px 20px 10px; }
#applyFinance { width: 644px; margin-top: 7px;  }
#applyFinance .title { }
#applyFinance .content { background:url(../images/layup/applyForFinaneBg.gif) top left no-repeat; min-height: 160px; }
#applyFinance table { margin-bottom: 15px; }
#applyFinance td { padding: 5px 12px 5px 12px; vertical-align: top; background: #ededed; border-bottom: 1px solid #fff;  }
#applyFinance th { padding: 5px 12px 5px 12px; vertical-align: top; background: #cfcfcf; }
#applyFinance tr {}
#similarVehicles { margin-top: 7px; }
#similarVehicles .title { }
#similarVehicles .box { float: left; width: 157px; margin-right: 5px; margin-top: 7px; background:url(../images/layup/similarVehicleBg.gif) top left repeat-x; }
#similarVehicles .box a { display: block; cursor: pointer; text-decoration: none; width: 149px; font-weight: normal; padding-bottom: 10px; color: #000; }
#similarVehicles .box .thumb { display: block; background:url(../images/layup/noImage149x112.gif) 3px 3px no-repeat; width: 149px; height: 112px; border: 1px solid #d3d3d3; padding: 3px; }
#similarVehicles .box .title { display: block; font-weight: bold; padding: 5px 0px 8px 5px; }
#similarVehicles .box .detail { display: block; padding: 0px 0px 0px 5px; }

#leisureDetail .leisureImg { background: url(../images/layup/noImage316x237.gif) no-repeat 3px; border: 1px solid #E7E7E7; float: left; height: 237px; margin-right: 3px; margin-bottom: 3px; padding: 3px; width: 316px; }
#leisureDetail .leisureImg img {}
#leisureVehicleName { font-size: 18px; font-weight: bold; padding: 20px 0px 20px 0px; color: #000; }
#leisureVehicleTable { margin-top: 5px; }
#leisureVehicleTable tr.altRow { background: #eaeaea; }
#leisureVehicleTable td { padding: 5px; }
#leisureVehicleTable td.width410 { width: 410px; }

/* ----- DEALER ----- */
#dealerThumb { float: left; }
#dealerMap { float: right; }
#dealerOpeningHours { float: left; }
#dealerAddress { float: right; }

/* ----- 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; }
.image_center { margin:0 auto;}
.hand { cursor:pointer;}
.red { color: #ff0000; font-weight: bold; }
.printHeader { display: none; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- TOP NAVIGATION ----- */
#primaryNav { height: 40px; background:url(../images/layup/navBg.gif) top left repeat-x; border-left: 1px solid #fff; border-right: 1px solid #fff; margin-bottom: 5px; }
#primaryNav ul { list-style: none; margin: 0; padding: 0; }
#primaryNav li { display: block; float: left; background:url(../images/layup/navDivider.gif) top right no-repeat; padding-right: 1px; }
#primaryNav li a { display: block; float: left; text-decoration: none; padding: 14px 8px 13px 8px; font-weight: normal; }
#primaryNav li a:hover { background:url(../images/layup/navHover.gif) top left repeat-x; }
#primaryNav li .active { background:url(../images/layup/navHover.gif) top left repeat-x; }
#primaryNav li.last { background: none; padding-right: 0px; }
#primaryNav li.last a { padding-right: 12px !important; }

/*\*/
html*#primaryNav a {
[color:default;
padding: 14px 7px 13px 8px;
]padding: 14px 8px 13px 8px;
}/*end*/

/* ----- 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 9px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#pageInfo { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 2px 0px 6px 0px; margin-bottom: 16px; margin: 0px 3px 0px 3px; }
#breadcrumbs { float: left; background: none; }
#breadcrumbs a { font-weight: normal; text-decoration: none; }
#breadcrumbs a:hover { font-weight: normal; text-decoration: underline; }
#breadcrumbs .active { font-weight: bold; }
#back { float: right; padding-right: 10px; }
#back a { text-decoration: none; font-weight: bold; }
#back a:hover { text-decoration: underline; }
#searchInfo { background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 9px 0px 6px 0px; margin-bottom: 16px; margin: 0px 3px 0px 3px; }
#pagination { float: right; }
#pagination a { padding: 0px 4px 0px 4px; text-decoration: none; font-weight: normal; }
#pagination a:hover { text-decoration: none; background:#d80000; color:#fff !important; font-weight: bold; }
#pagination .active { text-decoration: none; background:#d80000; color:#fff !important; font-weight: bold; }
#pagination span { display: block; float: left; padding: 0px 2px 0px 2px; }
#pagination .prev, #pagination .next { font-weight: bold; }
#pagination .prev:hover, #pagination .next:hover { background: none; font-weight: bold; color: #000; text-decoration: underline; color: #000 !important; }
#searchResults { float: left; font-weight: bold; margin-top: 13px; }
#sortBy { float: right; margin-top: 10px; margin-left: 50px; }
#sortBy label { width: 50px; font-weight: bold; padding-top: 3px; }
#sortBy select { height: 20px; }
#tradeIn { float: right; margin-top: 10px; }
#tradeIn label { width: 85px; font-weight: normal; padding-top: 3px; text-align: right; }
#tradeIn div { float: left; margin-right: 10px; }
#tradeIn input { width: 18px; position: relative; top: 0px; }
#paginationBottom { float: right; margin-top: 10px; }
#paginationBottom a { padding: 0px 4px 0px 4px; text-decoration: none; font-weight: normal; }
#paginationBottom a:hover { text-decoration: none; background:#d80000; color:#fff !important; font-weight: bold; }
#paginationBottom .active { text-decoration: none; background:#d80000; color:#fff !important; font-weight: bold; }
#paginationBottom span { display: block; float: left; padding: 0px 2px 0px 2px; }
#paginationBottom .prev, #paginationBottom .next { font-weight: bold; }
#paginationBottom .prev:hover, #paginationBottom .next:hover { background: none; font-weight: bold; color: #000; text-decoration: underline; color: #000 !important; }

/* ----- FOOTER ----- */
#footer { background: #e2e2e2; padding: 15px 20px 0px 20px; margin: 10px 25px 0px 25px; }
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

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

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

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#d80000;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#btnSubmit { width: 63px; height: 28px; border:none;}
#cwCarInsuranceForm { margin-bottom:15px;}
#cwCarInsuranceForm p { padding:7px 0;}
#cwCarInsuranceForm select { width:204px;}
#cwCarInsuranceForm div { margin-bottom:10px;}

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #d80000; 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: #d80000; color : #FFF; font-weight: bold; }

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


.printOnly { display:none; }