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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for Drake And Fletcher site

Created : 18/04/07
Modified : 

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/layup/headerBg.jpg) top left repeat-x; color:#464646; 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% 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! */

/* ----- IDS ----- */
#container { width:977px; margin:0 auto; text-align:left; }
#header { position:relative; height: 79px; }
#logo { position:absolute; top: 13px; left: 30px;}  
#invicta { position:absolute; top: 10px; left: 260px;}  
#invicta.internal { left:315px; }
#logoPrint { display: none; }
#backToGroup { text-align: right; font-size:0.9em; position: absolute; top: 13px; right: 30px; color: #FFFFFF; width: 70px; padding: 1px 30px 3px 0px; background:url(../images/layup/backToGroup.gif) top right no-repeat;}
#backToGroup a { color: #FFFFFF; }
#inner {}
#inner  .padding { padding: 11px 28px 0px 28px;}
.specialOffer { position: absolute; top: 0px; left: 3px;}
#fileList { float:right; background:#f5f3f1; padding:10px 15px; width:292px; border: 1px solid #cccccc; margin:0 0px 15px 15px; line-height:25px;}
#fileList ul { margin:0; padding:0; list-style:none;}
#fileList li { padding-left:20px;  background:url(../images/layup/bullet.gif) 0px 6px no-repeat;}
#fileList h1 { padding: 0;}

/* ----- GROUP IDS ----- */
#innerGroup {}
#innerGroup .padding { padding: 11px 25px 0px 25px;}
#leftColGroup { width: 713px; float: left; margin-right: 7px; }
#leftColGroup .padding { padding: 10px 0px 0px 0px;}
#rightColGroup { width: 200px; float: left; }
#jumpGroup { margin-top: 2px; float: left; margin-bottom: 5px; }
.jumpGroupBox { float: left; width: 184px;}
.jumpGroupBoxLast { float: left; width: 140px;}
.jumpGroupBox2 { float: left; width: 150px; padding-right: 15px;}
.jumpGroupBoxLast2 { float: left; width: 150px;}
#mainContentGroupHomeLeft { float: left; width: 600px; }
#mainContentGroupHomeLeft .padding { padding: 20px 26px 30px 0px; }
#mainContentGroupHomeRight { float: left; width: 315px; color: #000000; } /* was 300px width */
#mainContentGroupHomeRight .padding { padding: 20px 0px 0px 0px; }
#mainContentGroupHomeRight h1 { color: #cc0001; }
#mainContentGroup { padding-top: 1px; }
#mainContentGroup .padding { padding: 10px 16px 30px 16px; }
#advertJump { margin: 8px 0px 0px 0px;} 

#leftCol { width: 200px; float: left; margin-right: 17px; }
.leftColBox { width: 200px; background: url(../images/layup/dots.gif) top left repeat-x; padding-top: 1px; }
.usedCarSearch { min-height: 203px; margin: 0px 2px 0px 2px; background:url(../images/layup/usedCarSearchBg.gif) top left repeat-x;}
.registerHere { height: 185px; margin: 0px 2px 0px 2px;}
.dealerships { margin: 0px 2px 0px 2px; font-weight: bold; padding: 5px 0 0px 0; }
.dealerships .title {background:url(../images/layup/titleBg.gif) repeat-x; padding-left:11px;}
.dealerships .box { background:url(../images/layup/dealerLocatorBoxBg.gif) repeat-x; height:110px; width:175px; padding-left:21px; padding-top:5px; }
.dealerships .box select {margin:5px 20px 10px 0px; float:right;}
.dealerships .box input {float:right; margin-right:20px;}

.dealerships ul { padding:0px 0px 0px 0px; margin:0; list-style: none;}
.dealerships li { background:url(../images/layup/bullet.gif) 0px 3px no-repeat; padding: 2px 0px 10px 20px; line-height: 120%; }
.dealerships a { color: #202020; }

#rightCol { float: left; width: 703px; }
.rightColTitle { background:url(../images/layup/headingHomeBg.gif) top left no-repeat; height: 39px; position:relative; }
.rightColTitle img { position:absolute; top: 10px; left: 16px;}
.rightColTitle a { text-decoration:underline; color: #969696; }
.rightColTitle a:hover { text-decoration: none; color: #969696; }
.rightColTitle .viewUsedStock { background:url(../images/layup/iconUsedStock.gif) top right no-repeat; padding-top: 3px; padding-right: 26px; height: 23px; position:absolute; top: 6px; right: 15px;}
.rightColTitle .viewOffers { background:url(../images/layup/iconOffers.gif) top right no-repeat; padding-top: 3px; padding-right: 26px; height: 23px; position:absolute; top: 6px; right: 15px;}
.rightColTitle .gotoAftersales { background:url(../images/layup/iconAfterSales.gif) top right no-repeat; padding-top: 3px; padding-right: 26px; height: 23px; position:absolute; top: 6px; right: 15px;}
.rightColBox { background: url(../images/layup/dots.gif) top left repeat-x; padding-top: 1px; }

.thumbContainer { width: 172px; float: left; }
.thumb {width: 166px; height: 127px; background:url(../images/layup/frameHome.gif) top left no-repeat; }
.thumbImage { position:absolute; top: 1px; left: 3px; }
.thumbContent { padding: 0px 8px 0px 8px; color: #202020; }
#featuredUsedCars { min-height: 203px; padding: 0px 0px 0px 7px; margin: 0px 1px 0px 1px; background: url(../images/layup/homeBoxBg.gif) top left repeat-x;}
.latestOffers { min-height: 185px; padding: 0px 0px 0px 7px; margin: 0px 2px 0px 2px; background: url(../images/layup/homeBoxBg.gif) top left repeat-x;}
#afterSales { min-height: 205px; margin: 0px 2px 0px 2px; padding: 0px 0px 0px 8px; background: url(../images/layup/homeBoxBg.gif) top left repeat-x;}
.servicingJump { position:relative; margin-right: 6px; background:url(../images/layup/jumpServicing.gif) top left no-repeat; width: 166px; height: 195px; float: left; }
.accessoriesJump { position:relative; margin-right: 6px; width: 166px; height: 195px; float: left; }
.feedbackJump { position:relative; margin-right: 6px; background:url(../images/layup/jumpFeedback.gif) top left no-repeat; width: 166px; height: 195px; float: left; }
.serviceSelectJump { position:relative; background:url(../images/layup/aftersalesButt.jpg) top left no-repeat; width: 166px; height: 195px; float: left; }
.jumpContent { position:absolute; top: 150px; left: 16px; line-height: 130%; }
.jumpContent a { font-weight: bold; text-decoration:underline; font-weight: bold; color: #ffffff; }
.jumpContent a:hover { text-decoration: none; }
#signUp {}

#mainContentHome { background: url(../images/layup/dots.gif) top left repeat-x; }
#mainContentHome .padding { padding: 15px 26px 30px 16px; }
#mainContent { background: url(../images/layup/dots.gif) top left repeat-x; min-height: 760px; padding-top: 1px; }
#mainContent .padding { padding: 10px 10px 30px 16px; }
.contentImage { float:right; position:relative; padding: 0px 0px 10px 10px; }
.frameLarge { position:absolute; top: -4px; left: 6px; }
.frameSmall { position:absolute; top: -5px; left: -6px; }
.listItem { position:relative; /*height: 174px;*/ margin: 4px 16px 0px 16px;}
.listItem a{ text-decoration: underline; font-weight: normal; }
.listItem a:hover{ text-decoration: none; }
.listImage { float:left;/* height: 174px;*/}
.listImageTitle { position:absolute; top: 129px; left: 7px; font-weight: bold; font-size: 1.1em; }
.listText { float:left; padding-top: 10px; width: 470px;}
.listTextUsed { float:left; padding-top: 20px; width: 470px; padding-left: 23px; }
.listHeading { background: #f0f0f0; margin-left: 172px; color: #7c49a6; padding: 7px 0px 0px 15px; height: 18px; }
.listPrice { font-size: 1.3em; color: #f81313; position: absolute; top: 16px; right: -10px; font-weight: bold; }
.multiplePictures { background:url(../images/layup/iconPhoto.gif) 0px 0px no-repeat; padding-left: 26px; margin-top: 10px; }

#newCars { /*min-height: 345px;*/ padding: 0px 0px 0px 7px; margin: 0px 1px 0px 1px; }
.newCarThumb { position:relative; float: left; width: 172px; height: 162px; }
.newCarThumbTitle { position:absolute; top: 129px; left: 7px; font-weight: bold; font-size: 1.0em; clear: both; }
#carOptions { background:url(../images/layup/dots.gif) top left repeat-x; padding-top: 1px; line-height: 120%; margin-top: 10px; }
#carOptionsRow2 { padding-top: 1px; line-height: 120%; }
#carOptionsRow2 a{ color: #bbbbbb; }
.carOptionsBox { background-color:#f2f2f2; float: left;}
.brochure { padding: 18px 0px 0px 70px; background:url(../images/layup/iconBrochure.gif) 17px 11px no-repeat; width: 84px; height: 40px; border-right: solid  3px #ffffff; }
.testDrive { padding: 18px 0px 0px 70px; background:url(../images/layup/iconTestDrive.gif) 19px 9px no-repeat; width: 80px; height: 40px; border-right: solid  3px #ffffff;}
.manufacturer { padding: 18px 0px 0px 55px; background:url(../images/layup/iconManufacturer.gif) 18px 7px no-repeat; width: 100px; height: 40px; border-right: solid  3px #ffffff;}
.store { padding: 18px 0px 0px 80px; background:url(../images/layup/iconStore.gif) 36px 11px no-repeat; width: 154px; height: 40px; }
.store a { color: #7c49a6; }
.enquire { padding: 10px 0px 0px 60px; background:url(../images/layup/iconEnquire.gif) 17px 6px no-repeat; width: 172px; height: 30px; border-bottom: solid  3px #ffffff; border-right: solid  3px #ffffff; }
.sendToFriend { padding: 10px 0px 0px 60px; background:url(../images/layup/iconSendToFriend.gif) 19px 7px no-repeat; width: 172px; height: 30px; border-bottom: solid  3px #ffffff; border-right: solid  3px #ffffff;}
.printSpec { padding: 10px 0px 0px 60px; background:url(../images/layup/iconPrint.gif) 18px 7px no-repeat; width: 173px; height: 30px; border-bottom: solid  3px #ffffff; }

.wishList { padding: 10px 0px 0px 60px; background:url(../images/layup/iconWishList.gif) 18px 8px no-repeat; width: 172px; height: 30px; border-right: solid  3px #ffffff;}
.makeOffer { padding: 10px 0px 0px 60px; background:url(../images/layup/iconMakeOffer.gif) 18px 4px no-repeat; width: 172px; height: 30px; border-right: solid  3px #ffffff;}
.discount { padding: 10px 0px 0px 60px; background:url(../images/layup/iconDiscount.gif) 18px 7px no-repeat; width: 173px; height: 30px; }
.discount a{ color: #bbbbbb; }
.wishListLoggedIn { padding: 10px 0px 0px 60px; background:url(../images/layup/iconWishListLoggedIn.gif) 18px 8px no-repeat; width: 172px; height: 30px; border-right: solid  3px #ffffff;}
.makeOfferLoggedIn { padding: 10px 0px 0px 60px; background:url(../images/layup/iconMakeOfferLoggedIn.gif) 18px 4px no-repeat; width: 172px; height: 30px; border-right: solid  3px #ffffff;}
.discountLoggedIn { padding: 10px 0px 0px 60px; background:url(../images/layup/iconDiscountLoggedIn.gif) 18px 7px no-repeat; width: 173px; height: 30px; }

#similarVehicles { margin-top: 10px; }
#similarVehicles .title { background: #f0f0f0; height: 22px; padding: 5px 0px 0px 20px;}
.similarVehiclesBox { float: left; width: 178px; margin-top: 10px; line-height: 120%;  margin-bottom: 10px;}
.last{ float: left; width: 166px; }

#usedCarPhoto { float:left; position:relative; width: 343px; padding: 0px 0px 0px 4px; margin: 10px 0px 0px 0px; }
#usedCarPhoto .frameLarge { position:absolute;  top: -5px; left: -2px; }
.imageEnlarge { position: absolute;  top: 210px; left: 10px; }
#usedCarPhoto .specialOffer { position: absolute; top: 0px; left: 3px;}
#thumbnails { float:left; width:330px; margin-top: 10px;}
#thumbnails ul { margin:0; padding:0; list-style:none; }
#thumbnails li { position:relative; float:left; padding-right:7px; padding-bottom:9px;}


#dealerLocator { width:311px; height:187px; }
#dealerLocator .boxTitle {background:url(../images/layup/titleBg.gif) repeat-x; height:33px; padding-left:20px;}
#dealerLocator .box { background:url(../images/layup/boxBg.gif) repeat-x; height:154px; padding-left:20px; padding-top:10px; }
#dealerLocator .box select {margin-right:20px;}
#dealerLocator .box #btnDetails { margin-bottom:-4px; margin-top:15px;}

#mapContain {width:700px; height:auto;}
#mapContain .title {background:url(../images/layup/titleBg.gif) repeat-x; padding:7px 0px 0px 11px; height:26px; color:#fff; font-size:12px; font-weight:bold; }
#mapContain .box {background:url(../images/layup/mapContainBoxBg.gif) repeat-x; width:670px; height:592px; padding:18px 15px 0px; }
#mapContain .box .mapFrame{background:url(../images/layup/mapFrame.gif) no-repeat; width:314px; height:236px; padding:5px; margin-bottom:20px;}
#mapContain .box .infoContain {width:324px; font-size:11px;}
#mapContain .box .infoContain .title {background:url(../images/layup/titleBg.gif) repeat-x; padding:0px 0px 0px 11px; height:33px; }
#mapContain .box .infoContain .info {padding:15px 11px 0px; width:302px;}
#mapContain .box .infoContain .info tr { height:20px;}

#footer { color: #464646; margin:0 auto; margin-top: 10px; padding: 3px 17px 0px 17px; background:url(../images/layup/footerBg.gif) top left repeat-x; font-size:100%;}
#footer a { font-weight:normal; color:#464646; }
#footer .padding { padding:6px 10px 0 10px; }
.footerL { float: left;}
.footerR { float: right; text-align:right; }
#regDetails { font-size: 0.9em; margin-top: 10px; }


/* ----- 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; }
.inline {display:inline;}
.purple { color: #750b41; }
.red { color: #ff0000; }
.divider { background:url(../images/layup/dots.gif) bottom left repeat-x; height: 15px; margin-bottom: 6px; }
.height150 { height: 150px;}
.price { font-size:1.2em;} 

/* ----- TABS ----- */
.domtab { margin-top: 15px; float:left;}
#contentHeight { float:left; position:relative;  background:#ffffff; border-top:5px solid #f2f2f2; border-left:5px solid #f2f2f2; border-right:5px solid #f2f2f2; border-bottom:40px solid #f2f2f2; color: #717171; } /*width:433px;*/ 
.tabset_content h2 { display:none; }
.tabset_tabs { margin:0; padding:0; list-style-type:none; margin-left: 0px; }
.tabset_tabs li	{ margin:0 5px 0 0; padding:0; float:left; }
.tabset_tabs a	{text-decoration:none; clear: right; font-size:100%; display:block; padding: 0px; margin:0px; color:#000000;  background: #ffffff; border-left: 2px solid #f2f2f2; border-right: 2px solid #f2f2f2; border-top: 2px solid #f2f2f2; }
.tabset_tabs a:hover { text-decoration:none; font-size:100%; display:block; padding:0; color:#000000;  background: #f2f2f2; border-left: 2px solid #f2f2f2; border-right: 2px solid #f2f2f2; border-top: 2px solid #f2f2f2; }
.tabset_tabs span { color:#8f8f8f; display:block; padding:5px 15px; }
.tabset_content	{ display:none; padding:0px 0px 0px 0px; background:none !important; border:none !important;}
.tabset_content .inlineMiddle { display:inline; vertical-align:middle; }
.tabset_label	{ display:none }
.tabset_content_active	{ display:block; }
.tabset_tabs .active { background: #f2f2f2; color: #000000 !important; }
.tabset_tabs .active span { color: #000000 !important; }
.trAlt { background:#f2f2f2 !important; }
.tabset_content th { height: 50px; padding: 0px 12px 0px 12px;}
.tabset_content td { height: 23px; padding: 0px 12px 0px 12px;}
.tabset_content table { }
.tabset_print { display: none;}
.tabset_printSingle { display: none;}
#singleContentHeight {width: 240px; float:left; position:relative;  background:#ffffff; border-top:5px solid #f2f2f2; border-left:5px solid #f2f2f2; border-right:5px solid #f2f2f2; border-bottom:5px solid #f2f2f2; color: #717171; }
.singleTab_content	{ color: #000000;  padding:0px 0px 0px 0px; background:none !important; border:none !important;}
.singleTab_content .inlineMiddle { display:inline; vertical-align:middle; }
.singleTab_content th { height: 22px; padding: 8px 12px 0px 12px;}
.singleTab_content td { height: 22px; padding: 0px 12px 0px 12px;}
.singleTab_content table { }
.singleTab_content a { color:#ff0000; text-decoration:underline; }
.singleTab_content a:hover { color:#ff0000; text-decoration:none; }
#singleContentHeight form { }
#singleContentHeight select { width: 74px !important; font-weight: bold;}
.advancedSearch { width:700px; padding-top:10px;}
.advancedSearch select { float:left; margin-bottom:10px; margin-right:0; margin-left:19px;}
.advancedSearch .submitButton { float:right; position:relative; right:19px; top:10px;}
.advancedSearch .submitButton img {width:82px; cursor: pointer;}
.tabCarOptions {}
.tabCarOptions td { padding: 5px 12px 5px 12px !important; }
.tabGrey { background: #ebe9e9; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-size: 1.1em; color: #35388d; padding-bottom: 10px;}
h2 { font-size: 1.3em; }
h3 {}
h4 {}
h5 {}
h6 {}

/* ----- NAVIGATION ----- */
#nav { font-weight: bold; height: 28px; position:relative; }
#nav  ul { padding:6px 0 0 0px; margin: 0px 0px 0px 30px;}
#nav  li {display:inline; list-style:none; }
#nav a { color: #FFFFFF;}
#nav a:hover { color: #4e187c; text-decoration: none;}
#nav ul li a {background:url(../images/layup/topNavRight.gif) center right no-repeat; display:inline; list-style:none; margin:0px;  padding:10px 0 10px 0;}
#nav ul li a span {background:url(../images/layup/topNavLeft.gif) center left no-repeat; }
#nav ul li span {padding:10px 9px; }
#nav ul li a:hover {background:url(../images/layup/topNavRightOver.gif) center right no-repeat; display:inline; list-style:none; margin:0px;  padding:10px 0 10px 0;}
#nav ul li a:hover span {background:url(../images/layup/topNavLeftOver.gif) center left no-repeat; }
#nav .active a { color: #4e187c; background:url(../images/layup/topNavRightOver.gif) center right no-repeat; display:inline; list-style:none; margin:0px;  padding:10px 0 10px 0;}
#nav .active span {background:url(../images/layup/topNavLeftOver.gif) center left no-repeat; }
#nav .login a { color: #ffffff; background:url(../images/layup/topNavLoginRight.gif) center right no-repeat; display:inline; list-style:none; margin:0px;  padding:10px 0 10px 0;}
#nav .login span {background:url(../images/layup/topNavLoginLeft.gif) center left no-repeat; }
#nav .login a:hover { color: #ffffff; background:url(../images/layup/topNavLoginRight.gif) center right no-repeat; }
#nav .login a:hover span { background:url(../images/layup/topNavLoginLeft.gif) center left no-repeat;  }

#leftNav { margin: 4px 0px 6px 0px; }
#leftNav ul { padding:0px; margin: 0px; }
#leftNav li { list-style:none; display:block; height: 30px;}
#leftNav ul li a { color:#878787; padding: 7px 0px 0px 40px;  background:url(../images/layup/leftNav.gif) center right no-repeat; display:block; list-style:none; margin:0px; height: 23px; }
#leftNav ul li a:hover { color:#ffffff; text-decoration: none; background:url(../images/layup/leftNavOver.gif) center right no-repeat; display:block; list-style:none; margin:0px; height: 23px; }
#leftNav .first a { background:url(../images/layup/leftNavTop.gif) center right no-repeat !important; display:block; list-style:none; margin:0px; height: 23px !important; }
#leftNav .first a:hover{ background:url(../images/layup/leftNavTopOver.gif) center right no-repeat !important; display:block; list-style:none; margin:0px; height: 23px; }
#leftNav .active a{ color:#ffffff; background:url(../images/layup/leftNavOver.gif) center right no-repeat !important; display:block; list-style:none; margin:0px; height: 23px; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0px 0 0 10px; padding:0; }
#sitemap ul { list-style:none;}
.sitemapLi { background:url(../images/layup/bullet.gif) 0px 7px no-repeat; padding:5px 0 5px 20px; }

/* ----- BREADCRUMBS ----- */
#breadcrumbsGroup { color: #7c4ca2; font-weight: bold; padding: 7px 0px 7px 0px; min-height: 17px; position:relative; }
#breadcrumbsGroup a { color: #a5a5a5; }
#breadcrumbsGroup img { display:inline; }

/*#breadcrumbs { color: #7c4ca2; font-weight: bold; padding: 7px 0px 15px 18px; background:url(../images/layup/headingBg.gif) bottom left no-repeat; min-height: 17px; position:relative; }
#breadcrumbs a { color: #a5a5a5; }
#breadcrumbs img { display:inline; }
#pagination { position: absolute; top: 7px; right: 20px; font-weight: bold; }
#pagination ul { list-style:none; margin: 0; padding: 0px 8px 0px 0px; }
#pagination li { display: inline; padding: 0px 2px 0px 2px; }
#pagination a { padding: 1px 2px 1px 2px; color: #000000; }
#pagination a:hover { background: #663194; color: #FFFFFF; text-decoration: none;}
#pagination .active { background: #663194; color: #FFFFFF; text-decoration: none;}*/

#breadcrumbs { width: 686px; color: #7c4ca2; font-weight: bold; padding: 7px 0px 15px 18px; background:url(../images/layup/headingBg.gif) bottom left no-repeat; min-height: 17px; position:relative; }
#breadcrumbs a { color: #a5a5a5; }
#breadcrumbs img { display:inline; }
#pagination { position: absolute; top: 7px; right: 20px; font-weight: bold; width: 300px;}
#pagination ul { list-style:none; margin: 0; padding: 0px 8px 0px 0px; float: right; }
#pagination li { display: inline; padding: 0px 2px 0px 2px; }
#pagination a { padding: 1px 2px 1px 2px; color: #000000; }
#pagination a:hover { background: #663194; color: #FFFFFF; text-decoration: none;}
#pagination .active { background: #663194; color: #FFFFFF; text-decoration: none;}
#pagination form { text-align: right; }
#pagination label { display:block !important; text-align:right !important; padding-top: 12px !important; width: auto !important; }
#pagination input, textarea { width:100px !important; padding:1px 2px !important; margin-top: 12px !important; font-size: 1.0em !important;}
.required { color:#a74979; }
#pagination select { width:100px !important; margin-top: 12px !important; font-size: 1.0em !important; }
.paginationImage:hover { background:none !important;}
#pagination form { display: none !important; }

#sortBy { position: absolute; top: 0px; left: 200px; }
#sortBy label { width: 88px !important; margin-top: 2px;}
#sortBy select { position: relative; top: -2px; width: 100px !important;}

#sortByGroup { position: absolute; top: 0px; left: 200px; }
#sortByGroup label { width: 88px !important; margin-top: 2px;}
#sortByGroup select { position: relative; top: -2px; width: 100px !important;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0px 0px 10px 0px; margin:0; line-height: 120%; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#464646; 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; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:none; }

.frmUsedCar { }
.frmUsedCar select { height: 16px; padding: 0px;}
.usedCarSelect { width:154px; border:1px solid #d0d0d0; padding:1px 0px; margin:9px 5px 0px 20px;}
#usedCarSearchButton { margin-top: 10px; float: left; width:82px !important; height:29px;  }
#advancedSearch { padding-left: 20px; margin-top: 10px; float: left; width:72px !important; height:29px;  line-height: 110%; }
#advancedSearch a { text-decoration: underline; color: #750b41;}
#advancedSearch a:hover { text-decoration: none; color: #750b41;}

#mainContent form { }
#mainContent label { display:block; width:260px; float:left; padding-top: 5px; }
#mainContent input, textarea { width:200px !important; padding:1px 2px; margin-top: 8px; font-size: 1.0em;}
#mainContent .submit { width:82px !important; border: none; padding: 0px 0px 10px 0px;}
.required { color:#a74979;}
#mainContent select { width:208px; margin-top: 8px; font-size: 1.0em;}
#mainContent .promo { width: 20px !important; }
#mainContent .partnerPromo { width: 20px !important; }

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

#leftColGroup form { }
#leftColGroup label { display:block; width:260px; float:left; padding-top: 5px; }
#leftColGroup input, textarea { width:200px !important; padding:1px 2px; margin-top: 8px; font-size: 1.0em;}
#leftColGroup .submit { width:82px !important; border: none; padding: 0px 0px 10px 0px;}
.required { color:#a74979;}
#leftColGroup select { width:208px; margin-top: 8px; font-size: 1.0em;}
#leftColGroup .promo { width: 20px !important; }
#leftColGroup .partnerPromo { width: 20px !important; }

#mainContentGroup form { }
#mainContentGroup label { display:block; width:260px; float:left; padding-top: 5px; }
#mainContentGroup input, textarea { width:200px !important; padding:1px 2px; margin-top: 8px; font-size: 1.0em;}
#mainContentGroup .submit { width:82px !important; border: none; padding: 0px 0px 10px 0px;}
.required { color:#a74979;}
#mainContentGroup select { width:208px; margin-top: 8px; font-size: 1.0em;}

#mainContentGroupHomeLeft form { }
#mainContentGroupHomeLeft label { display:block; width:260px; float:left; padding-top: 5px; }
#mainContentGroupHomeLeft input, textarea { width:200px !important; padding:1px 2px; margin-top: 8px; font-size: 1.0em;}
#mainContentGroupHomeLeft .submit { width:82px !important; border: none; padding: 0px 0px 10px 0px;}
.required { color:#a74979;}
#mainContentGroupHomeLeft select { width:208px; margin-top: 8px; font-size: 1.0em;}

#salesFeedback input { width:30px !important; padding:1px 2px; margin-top: 8px; font-size: 1.0em;}
#customerFeedback input { width:30px !important; padding:1px 2px; margin-top: 8px; font-size: 1.0em;}
#salesFeedback .width200 input { width:200px !important;}
#customerFeedback .width200 input { width:200px !important;}

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

/* ----- TABLES ----- */
table{ border-collapse:collapse; }

#loginForm { padding: 5px 10px 12px 10px; background: #eeeeee; }
#loginForm .submit { width: 50px !important; padding: 0px; margin-left: 260px;  margin-top:10px; margin-right: 10px;}
#loginForm img { display: inline; }

#newCustomer { margin-top: 10px; padding: 5px 10px 12px 10px; background: #eeeeee; }


#cmsBanner { margin:20px auto; width:682px; }