
/* General */
* { margin: 0; padding: 0; border: 0px; }
body { text-align: center; margin: 0px; padding-top: 0px; padding-bottom: 0px; background-image: url(images/bg.gif); background-repeat: repeat-x; background-color: #eeeeee; }
h1 { margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; color: #0054a5; }
h2 { margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #ed1b24; }
h3 { margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0054a5; }
p { margin-bottom: 10px; line-height: 1.8; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }
ul { margin-bottom: 20px; }
li { list-style-image: url(images/li_bg.gif); vertical-align: middle; margin-left: 20px; margin-bottom: 8px; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #0054a5; }
li b { color: #dd0000; }
a { text-decoration: none; color: #0054a5; }
a:visited { text-decoration: none; color: #0054a5; }
a:hover { text-decoration: underline; color: #ed1b24; }
.CarWorld { position: relative; margin: 0px auto; width: 900px; }
.SmallText { font-size: 11px;  }
.MediumText { font-size: 12px;  }
.CarWorldRed { color: #dd0000; }

/* Top */
.Top { position: relative; text-align: left; height: 162px; background-image: url(images/top_bg.jpg); }
.TopCall { position: absolute; top: 56px; left: 668px; width: 232px; height: 76px; background-image: url(images/top_call_carworld.gif); }
.TopWelcome { position: absolute; left: 673px; top: 38px; }
.TopWelcome p { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #dd0000; }
.TopMessage { position: absolute; top: 30px; left: 380px; width: 500px; padding: 10px; border: 1px solid #ff0000; background-color: #ffffff; }
.TopMessage p { margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ff0000; background-color: #ffffff; }
.TopNaviTabs { position: absolute; z-index: 2; text-align: left; left: 4px; top: 142px; }
a.TopNaviTab { display: block; padding-top: 5px; padding-bottom: 7px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #ffffff; background-image: url(images/top_navi_tab.gif); }
a.TopNaviTab:visited { display: block; padding-top: 5px; padding-bottom: 7px; text-decoration: none; color: #ffffff; background-image: url(images/top_navi_tab.gif);}
a.TopNaviTab:hover { display: block; padding-top: 3px; padding-bottom: 8px; text-decoration: none; font-size: 14px; color: #ffffff; background-image: url(images/top_navi_tab_over.gif);}
a.TopNaviTabActive { display: block; padding-top: 6px; padding-bottom: 6px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #ffffff; background-image: url(images/top_navi_tab_active.gif); }
a.TopNaviTabActive:visited { display: block; padding-top: 6px; padding-bottom: 6px; text-decoration: none; color: #ffffff; }
a.TopNaviTabActive:hover { display: block; padding-top: 6px; padding-bottom: 6px; text-decoration: none; color: #ffffff; }
.TopNaviTabDefault { position: absolute; text-align: center; top: 0px; left: 104px; width: 102px; }
.TopNaviTabSearch { position: absolute; text-align: center; top: 0px; left: 208px; width: 102px; }
.TopNaviTabPartEx { position: absolute; text-align: center; top: 0px; left: 312px; width: 102px; }
.TopNaviTabWarranty { position: absolute; text-align: center; top: 0px; left: 416px; width: 102px; }
.TopNaviTabFinance { position: absolute; text-align: center; top: 0px; left: 520px; width: 102px; }
.TopNaviTabAboutUs { position: absolute; text-align: center; top: 0px; left: 624px; width: 102px; }
.TopNaviTabFindUs { position: absolute; text-align: center; top: 0px; left: 728px; width: 102px; }

/* Page */
.Page { position: relative; text-align: left; margin-top: 34px; background-image: url(images/page_bg.gif); }
.PageContent { position: relative; float: right; text-align: left; width: 686px; background-image: url(images/page_content_bg.gif);  }
.PageContentTop { position: relative; width: 686px; height: 18px; background-image: url(images/page_bg_top.gif); }
.PageContentBot { position: relative; width: 686px; height: 18px; background-image: url(images/page_bg_bot.gif); }
.PageContentText { position: relative; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; }
.PageContentTopTwoTicks { position: relative; float: right; margin-top: 18px; width: 192px; height: 100px; background-image: url(images/top_two_ticks.gif); }
.PageLeft { position: relative; width: 208px; }
a.PageLeftLink { display: block; padding-left: 12px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0054a5; }
a.PageLeftLink:visited { padding-left: 12px; text-decoration: none; color: #0054a5; }
a.PageLeftLink:hover { padding-left: 14px; text-decoration: none; font-weight: bold; color: #ed1b24; }
.PageLeftSearchCars { position: relative; width: 208px; background-image: url(images/left_search_cars_bg.gif); }
.PageLeftSearchCarsTitle { position: relative; width: 208px; height: 18px; background-image: url(images/left_search_cars_title.gif); }
.PageLeftBot { clear: both; }
.PageRight { position: relative; width: 160px; float: right; }
.PageRightTheCar { position: relative; width: 160px; height: 76px; background-image: url(images/right_the_car.gif); }
.PageRightMap { position: relative; width: 160px; height: 205px; background-image: url(images/right_map.gif); }

/* Bot */
.Bot { position: relative; clear: both; text-align: left; width: 900px; background-image: url(images/bot_bg.gif); }
.BotTel { position: absolute; top: 0px; left: 642px; width: 230px; height: 60px; background-image: url(images/bot_tel.gif); }
.BotText { text-align: left; padding-left: 244px; padding-top: 40px; padding-bottom: 28px; }
.BotText p { margin: 0px; line-height: 1.2; font-size: 11px; color: #aaaaaa; }
p.BotContact { color: #0054a5; }
.BotContactSep { color: #dd0000; }

/* Default */
.DefaultTitle { position: relative; width: 429px; height: 56px; background-image: url(images/title_default.gif); }
.DefaultImage { float: right; }
.DefaultRightBullets { position: absolute; left: 280px; }
.DefaultPoint { position: relative; cursor: pointer; margin-bottom: 6px; width: 446px; height: 52px; background-image: url(images/default_point_bg.gif); background-repeat: no-repeat; }
.DefaultPoint:hover { background-image: url(images/default_point_bg_over.gif); background-repeat: no-repeat; }
.DefaultPoint p { padding-left: 48px; padding-right: 7px; padding-top: 10px; margin: 0px; line-height: 1.2; font-size: 12px; font-weight: bold; color: #0054a5; }
.DefaultPoint:hover p { padding-left: 47px; padding-top: 9px; }
.DefaultPoint b { font-size: 13px; color: #dd0000; }
.DefaultStepsTitle { position: relative; width: 476px; height: 36px; background-image: url(images/default_steps_title.gif); }

/* Car Sales */
.CarSalesSortBy { position: relative; margin-top: 10px; margin-bottom: 10px; padding: 10px; border: 1px solid #eeeeee; background-color: #fafafa; }
.CarSalesSortBy p { margin: 0px; line-height: 1.2; font-size: 12px; }
.CarSalesSortByDropDown { border: 1px solid #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0054a5; }
.CarSalesSortByBot { position: relative; margin-top: 10px; border: 1px solid #eeeeee; background-color: #fafafa; }
.CarSalesSortByBot p { margin-bottom: 8px; line-height: 1.2; font-size: 12px; }
.CarSalesResNum { font-weight: bold; color: #0054a5; }
.CarSalesNavi { position: absolute; z-index: 1; text-align: right; width: 300px; margin-left: 310px; margin-top: 10px; color: #dddddd; }
.CarSales { position: relative; clear: both; padding: 8px; border-bottom: 1px solid #eeeeee; }
.CarSales:hover { background-color: #fafafa; }
.CarSales h3 { margin-bottom: 10px; }
p.CarSalesSpec { margin-bottom: 10px; line-height: 1.2; font-weight: bold; font-size: 12px; }
p.CarSalesPrice { margin-bottom: 10px; line-height: 1.2; font-weight: bold; font-size: 18px; color: #dd0000; }
p.CarSalesStatus { margin-bottom: 10px; line-height: 1.2; font-size: 11px; }
.CarSalesImg { position: relative; border: 1px solid #ffffff; width: 133px; height: 100px; }
.CarSalesContent { position: relative; float: right; width: 464px;  }
.CarSalesSortByBtn { position: absolute; cursor: pointer; margin-left: 4px; margin-top: -4px; width: 62px; height: 30px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; background-image: url(images/form_btn_tiny.gif); background-repeat: no-repeat; }
.CarSalesViewBtn { position: absolute; cursor: pointer; left: 368px; top: 68px; width: 93px; height: 30px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; background-image: url(images/form_btn_small.gif); background-repeat: no-repeat; }

/* Car Sales Details */
.CarSalesDetailsImages { position: absolute; top: 139px; left: 243px; }
.CarSalesDetailsImage1 { position: relative; visibility: visible; }
.CarSalesDetailsImage2 { position: absolute; left: 0px; top: 0px; visibility: hidden; }
.CarSalesDetailsImage3 { position: absolute; left: 0px; top: 0px; visibility: hidden; }
.CarSalesDetailsImageThumbs { position: absolute; top: 139px; left: 556px; }
.CarSalesDetailsImageThumb1 { position: relative; width: 100px; height: 78px; }
.CarSalesDetailsImageThumb2 { position: absolute; top: 81px; left: 0px; width: 100px; height: 78px; }
.CarSalesDetailsImageThumb3 { position: absolute; top: 162px; left: 0px; width: 100px; height: 78px; }
.CarSalesDetailsEnquireBtn { position: relative; cursor: pointer; width: 141px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; background-image: url(images/form_btn_large_red.gif); background-repeat: no-repeat; }
.CarSalesDetailsPartExBtn { position: absolute; left: 210px; cursor: pointer; width: 141px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; background-image: url(images/form_btn_large.gif); background-repeat: no-repeat; }
.CarSalesDetailsFinanceBtn { position: absolute; left: 360px; cursor: pointer; width: 141px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; background-image: url(images/form_btn_large.gif); background-repeat: no-repeat; }
p.CarSalesDetailsSpec { line-height: 1.3; font-size: 11px; color: #dd0000; }
p.CarSalesDetailsSpec b { position: absolute; margin-top: 2px; left: 104px; color: #0054a5; }
p.CarSalesDetailsSpecOptions { margin-bottom: 0px; line-height: 1.3; font-size: 11px; color: #dd0000; }
p.CarSalesDetailsSpecOptions b { color: #0054a5; }
.CarSalesDetailsBack { position: relative; margin-top: 10px; margin-bottom: 10px; padding: 10px; border: 1px solid #eeeeee; background-color: #fafafa; }
.CarSalesDetailsBack p { margin: 0px; line-height: 1.2; font-size: 12px; }

/* Car Search */
.CarSearchForm { position: relative; }
.CarSearchForm h3 { margin-bottom: 5px; font-size: 13px; color: #dd0000; }
.CarSearchForm p { margin-bottom: 10px; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0054a5; } 
.CarSearchCheckboxes { position: relative; margin-bottom: 10px; }
.CarSearchCheckboxes td { padding-right: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0054a5; } 
.CarSearchDropDown { margin-bottom: 10px; width: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0054a5; } 
.CarSearchBtn { position: relative; cursor: pointer; width: 141px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; background-image: url(images/form_btn_large.gif); background-repeat: no-repeat; }

/* Finance */
.FinanceApplyNowBtn { cursor: pointer; width: 141px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; background-image: url(images/form_btn_large.gif); background-repeat: no-repeat; }
.FinanceApplication { position: relative; margin-bottom: 10px; width: 380px; border: 1px dashed #dddddd; background-color: #fafafa; }
.FinanceApplicationData { text-align: right; padding: 20px; }
.FinanceApplicationData p { font-weight: bold; font-size: 11px; }
.FinanceApplicationDataTextbox { padding: 4px; width: 180px; border: 1px solid #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.FinanceApplicationDataDropDown { padding: 4px; width: 190px; border: 1px solid #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.FinanceApplicationDataRequired { font-weight: bold; color: #ff0000; }
.FinanceApplicationBtn { cursor: pointer; width: 141px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; background-image: url(images/form_btn_large.gif); background-repeat: no-repeat; }
.FinanceApplicationNote { position: absolute; left: 430px; margin-top: 14px; width: 200px; border: 1px dashed #dddddd; background-color: #fafafa; }
.FinanceApplicationNoteText { padding: 20px; }
.FinanceApplicationNoteText p { font-size: 11px; }

/* Information */
.AboutPremises1 { position: absolute; top: 240px; left: 356px; width: 300px; height: 225px; background-image: url(images/carworld_premises_01.jpg); background-repeat: no-repeat; }
.AboutPremises2 { position: absolute; top: 480px; left: 356px; width: 300px; height: 225px; background-image: url(images/carworld_premises_02.jpg); background-repeat: no-repeat; }
.TitleAbout { position: relative; width: 426px; height: 58px; background-image: url(images/title_about.gif); background-repeat: no-repeat; }
.TitleFinance { position: relative; width: 426px; height: 58px; background-image: url(images/title_finance.gif); background-repeat: no-repeat; }
.TitleFind { position: relative; width: 426px; height: 58px; background-image: url(images/title_find.gif); background-repeat: no-repeat; }
.TitleSearch { position: relative; width: 426px; height: 58px; background-image: url(images/title_search.gif); background-repeat: no-repeat; }
.TitleWarranty { position: relative; width: 426px; height: 58px; background-image: url(images/title_warranty.gif); background-repeat: no-repeat; }
.TitlePartEx { position: relative; width: 426px; height: 58px; background-image: url(images/title_partex.gif); background-repeat: no-repeat; }
.TitleInsurance { position: relative; width: 426px; height: 58px; background-image: url(images/title_insurance.gif); background-repeat: no-repeat; }
.TitleThanks { position: relative; width: 432px; height: 58px; background-image: url(images/title_thanks.gif); background-repeat: no-repeat; }
p.OpeningTimes { line-height: 1.2; font-size: 11px; color: #0054a5; }
p.OpeningTimes b { position: absolute; left: 120px; }
.FindUsAddress { font-size: 12px; color: #0054a5; }
p.FindUsContact { line-height: 1.2; font-size: 12px; color: #dd0000; }
p.FindUsContact i { position: absolute; left: 72px; font-style: normal; }
.AboutMap { position: relative; float: right; }
.AboutUsAddress { font-size: 12px; color: #0054a5; }
.WarrantyImage { position: relative; float: right; width: 200px; height: 360px; background-image: url(images/warranty_image.gif); }
.WarrantyPhoto { position: relative; float: right; }
.FinancePhoto { position: absolute; left: 400px; top: 140px; }
.FindUsPhoto { position: absolute; left: 486px; top: 120px; }
p.InsuranceBenefitsTitle { line-height: 1.2; font-size: 12px; color: #0054a5; }
p.InsuranceBenefitsTitle i { position: absolute; line-height: 1.2; left: 500px; font-style: normal; }
p.InsuranceBenefits { border-bottom: 1px dashed #dddddd; line-height: 1.2; font-size: 12px;  }
p.InsuranceBenefits i { position: absolute; left: 560px; font-style: normal; }
p.InsuranceBenefits i img { margin-top: -6px; }
p.InsuranceBenefitsBreak { font-size: 11px; color: #dd0000; }

/* Enquiry */
.EnquiryForm { position: relative; margin-bottom: 10px; width: 380px; border: 1px dashed #dddddd; background-color: #fafafa; }
.EnquiryFormData { text-align: right; padding: 20px; }
.EnquiryFormData p { font-weight: bold; font-size: 12px; }
.EnquiryFormDataTextbox { padding: 4px; width: 180px; border: 1px solid #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.EnquiryFormDataDropDown { padding: 4px; width: 190px; border: 1px solid #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.EnquiryFormDataRequired { font-weight: bold; color: #ff0000; }
.EnquiryFormBtn { cursor: pointer; width: 141px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #ffffff; background-image: url(images/form_btn_large.gif); background-repeat: no-repeat; }
.EnquiryFormNote { position: absolute; left: 430px; width: 200px; border: 1px dashed #dddddd; background-color: #fafafa; }
.EnquiryFormNoteText { padding: 20px; }
.EnquiryFormNoteText p { font-size: 11px; }
p.EnquiryFormError { text-align: left; font-weight: normal; font-size: 12px; color: #ff0000; }

/* End */

