/* Taxi Sales Screen CSS Document */


/* -- SEARCH FILTER -- */
#search-filter {}

/* Search Filter Columns */
#search-filter .column-180 { width: 180px; float: left; } /* 3 column */

#search-filter .column-300 { width: 300px; float: left; } /* 2 column split */
#search-filter .column-250 { width: 250px; float: left; }

#search-filter .column-360 { width: 360px; float: left; } /* 2 column split */
#search-filter .column-190 { width: 190px; float: left; }

/* Search Filter Tabs */
#search-filter .tabs { width: 580px; height: 35px; }
#search-filter .tabs .bg-green { width: 560px; height: 25px; padding: 0 10px 10px 10px; background: url(../../images/search_filter_tabs_bg_green.gif) bottom left no-repeat; }
#search-filter .tabs .bg-blue { width: 560px; height: 25px; padding: 0 10px 10px 10px; background: url(../../images/search_filter_tabs_bg_blue.gif) bottom left no-repeat; }
#search-filter .tabs div div { float: left; height: 25px; margin-right: 3px; background-position: top left; background-repeat: no-repeat; }
#search-filter .tabs div div span { display: none; visibility: hidden; }
#search-filter .tabs div div a { display: block; height: 25px; }

#search-filter .tabs .tab-usedtaxis { width: 90px; background-image: url(../../images/search_filter_tab_usedtaxis.gif); }
#search-filter .tabs .tab-usedtaxis a { width: 90px; }
#search-filter .tabs .tab-tradetaxis { width: 90px; background-image: url(../../images/search_filter_tab_tradetaxis.gif); }
#search-filter .tabs .tab-tradetaxis a { width: 90px; }

/* Search Filter Body */
#search-filter .body { width: 580px; }
#search-filter .body .bg-green { width: 560px; padding: 0 10px 10px 10px; background: url(../../images/search_filter_body_bg_green.gif) #a1d078 bottom left no-repeat; }
#search-filter .body .bg-blue { width: 560px; padding: 0 10px 10px 10px; background: url(../../images/search_filter_body_bg_blue.gif) #006db7 bottom left no-repeat; }

/* Search Filter Option */
#search-filter .filter-option {  }
#search-filter .filter-option label { width: auto; display: block;  font-size: 80%; font-weight: bold; margin-bottom: 2px; }
#search-filter .bg-green .filter-option label { color: #464646; }
#search-filter .bg-blue .filter-option label { color: #fff; }
#search-filter .filter-option label span { margin-top:5px; }
#search-filter .filter-option label img {}
#search-filter .filter-option select { font-size: 70%; color: #464646; }
#search-filter .filter-option select.width-full { width: 98%; }

/* Search Filter Controls */
#search-filter .controls {  }
#search-filter .controls .button-reset { width: 55px; float: left; }
#search-filter .controls .button-search { width: 115px; float: left; }


/* -- RESULTS BAR -- */
.results-bar { width: 580px; background-color: #000; }
.results-bar div { font-size: 70%; color: #fff;  height: 19px; }
.results-bar .matches { width: 275px; float: left; padding: 3px 0 3px 10px; line-height: 19px;}
.results-bar .sort-label { width: 115px; float: left; text-align: right; padding: 3px 0 3px 0; line-height: 19px;}
.results-bar .sort-dropdown { width: 160px; float: left; text-align: right; padding: 3px 10px 3px 0;}
.results-bar .sort-dropdown select { font-size: 100%; color: #000; }
.results-bar .sort-dropdown select.width-full { width: 98%; }


/* -- RESULTS LISTING -- */
.results-listing {}
.results-listing .bg-green { width: 578px; border: 1px solid #a1d078; background-color: #f5faf1; }
.results-listing .bg-blue { width: 578px; border: 1px solid #006db7; background-color: #e5f0f8; }

.results-listing .header { width: 578px; }
.results-listing .bg-green .header { background: #dcedcc; }
.results-listing .bg-blue .header { background: #a0c8e4; }
.results-listing .header h2,
.results-listing .header p { font-size: 80%; color: #000; margin: 0; }
.results-listing .header .summary { width: 408px; float: left; padding: 2px 0 2px 10px; }
.results-listing .header .price { width: 140px; float: left; text-align: right; padding: 2px 10px 2px 0; }

.results-listing .body { width: 578px; margin-top: 3px; }
.results-listing .bg-green .body { background: url(../../images/result_listing_body_bg_green.gif) top left repeat-y; }
.results-listing .bg-blue .body { background: url(../../images/result_listing_body_bg_blue.gif) top left repeat-y; }
.results-listing .body .image { width: 100px; float: left; padding: 7px 10px 0 10px; text-align: center; }
.results-listing .body .image .alternate-images { display: none; visibility: hidden; }
.results-listing .body .vehicle-data { width: 209px; float: left; padding: 0 10px 0 10px; }
.results-listing .body .vehicle-data ul { margin: 0; padding: 0; }
.results-listing .body .vehicle-data li { margin: 0.3em 0; padding:0; list-style: none; font-size: 70%; }

.results-listing .footer { width: 578px; }
.results-listing .bg-green .footer { background: url(../../images/result_listing_footer_background_bg_green.gif) #dcedcc top left repeat-y; }
.results-listing .bg-blue .footer { background: url(../../images/result_listing_footer_background_bg_blue.gif) #a0c8e4 top left repeat-y; }
.results-listing .bg-green .footer .top { width: 578px; height: 3px; background: url(../../images/result_listing_footer_top_bg_green.gif) top left no-repeat; overflow: hidden; }
.results-listing .bg-blue .footer .top { width: 578px; height: 3px; background: url(../../images/result_listing_footer_top_bg_blue.gif) top left no-repeat; overflow: hidden; }
.results-listing .bg-green .footer .contact-detail { width: 393px; float: left; padding: 4px 10px 4px 10px; background: url(../../images/result_listing_footer_corner_bg_green.gif) bottom right no-repeat;}
.results-listing .bg-blue .footer .contact-detail { width: 393px; float: left; padding: 4px 10px 4px 10px; background: url(../../images/result_listing_footer_corner_bg_blue.gif) bottom right no-repeat;}
.results-listing .footer .contact-detail p { font-size: 70%; color: #000; margin: 0; }
.results-listing .footer .contact-online { width: 165px; float: left;  }


/* -- REGISTER INTEREST FORM -- */
.register-interest-form {}
.register-interest-form .bg-green { width: 560px; padding: 10px; background: url(../../images/register_interest_body_bg_green.gif) #a1d078 bottom left no-repeat; }
.register-interest-form .bg-blue { width: 560px; padding: 10px; background: url(../../images/register_interest_body_bg_blue.gif) #006db7 bottom left no-repeat; }
.register-interest-form .column-275 { width: 275px; float: left; }

.register-interest-form .error { width: auto; padding: 5px; border: 1px solid #c00; background-color: #fff; }
.register-interest-form .error p { font-size: 70%; color: #c00; margin: 0; }

.register-interest-form .form-field label { width: auto; display: block; font-size: 80%; font-weight: bold; margin-bottom: 2px; }
.register-interest-form .bg-green .form-field label { color: #464646; }
.register-interest-form .bg-blue .form-field label { color: #fff; }
.register-interest-form .form-field label span { margin-top:5px; }

.register-interest-form .form-field select,
.register-interest-form .form-field input { font-size: 70%; color: #464646; }
.register-interest-form .form-field select.width-full,
.register-interest-form .form-field input.width-full { width: 97%; }

.register-interest-form .controls {  }
.register-interest-form .controls .mailinglist { width: 495px; float: left; }
.register-interest-form .controls .mailinglist input { float: left; margin-right: 10px;}
.register-interest-form .bg-green .controls .mailinglist  label { font-size: 70%; color: #464646; margin: 0; }
.register-interest-form .bg-blue .controls .mailinglist  label { font-size: 70%; color: #fff; margin: 0; }
.register-interest-form .controls .button { width: 55px; float: left; padding-top: 5px; }

#register-success {}
#register-success .bg-green { width: 560px; padding: 10px; background: url(../../images/register_interest_body_bg_green.gif) #a1d078 bottom left no-repeat; }
#register-success .bg-blue { width: 560px; padding: 10px; background: url(../../images/register_interest_body_bg_blue.gif) #006db7 bottom left no-repeat; }
#register-success .bg-blue p { color: #fff; }

/* Feature Panels */
.feature-panel { width: 560px; }
.feature-panel .bg-green {}
.feature-panel .bg-blue {}

.feature-panel .explanation { width: 580px; height: 40px; overflow: hidden; }
.feature-panel .explanation h2, .feature-panel .explanation ul { display: none; visibility: hidden; }
.feature-panel .bg-green .explanation { background: url(../../images/feature_panel_used_explanation.gif) top left no-repeat; }
.feature-panel .bg-blue .explanation { background: url(../../images/feature_panel_trade_explanation.gif) top left no-repeat; }

.feature-panel .body { width: 560px; padding: 10px;  }
.feature-panel .bg-green .body { background: url(../../images/feature_panel_green_bottom.gif) #A1D078 bottom left no-repeat; }
.feature-panel .bg-blue .body { background: url(../../images/feature_panel_blue_bottom.gif) #006db7 bottom left no-repeat; }

.feature-panel .body p { margin: 0; }
.feature-panel .bg-green .body p { color: #464646; }
.feature-panel .bg-blue .body p { color: #fff; }

/* Used Sales Promo */
.proceed-link-top { width: 580px; height: 30px; background: url(../images/taxisales_proceed_link_top.gif) top left no-repeat; }
.proceed-link-bottom { width: 580px; height: 30px; background: url(../images/taxisales_proceed_link_bottom.gif) top left no-repeat; }
.proceed-link-top span, .proceed-link-bottom span { display: none; visibility: hidden; }
.proceed-link-top a, .proceed-link-bottom a { display: block; height: 30px; }
#used-promo-advert { width: 580px; height: 580px; background: url(../images/taxisales_used_promo.jpg) top left no-repeat; }
#used-promo-advert h2, #used-promo-advert p { display: none; visibility: hidden; }