#gallery_panel{ background: url("../graphic/gallery/bg_car_colors.jpg") #eeeeee; width: 100%; height: 515px; overflow: hidden; }
#gallery_panel h1{ /*color: #FFF*/}
/*#gallery_panel_colors{ background: url("../graphic/gallery/bg_car_colors.jpg") #eeeeee; width: 100%; height: 564px; overflow: hidden; }*/

/*#colours_main_panel{ width: 600px; height: 320px; margin: 30px auto}*/
#colours_main_panel{ width: 600px; height: 320px; margin: 10px auto}
#colour_name_panel{ font-size: 20px; color: #000; text-align: center; margin: -40px 0 0 0; height: 40px}
#colours_listing_panel { margin: 0 auto; width: 220px}
#colours_listing_panel li{ float: left; margin-right: 10px; cursor: pointer}
#colours_listing_panel li img{ border: 1px solid #eee}
.gallery_item {  float: left; 
    margin: 5px;
  
  
  font-size: 11px;
  line-height: 1.4em;
  float: left;
  
}
#gallery_container{ margin: 0}
.gallery_tab_link{ display: block; padding: 5px 10px; color: #000; float: left; margin-right: 20px}
.gallery_tab_link.selected{ color: #cc0000}

#popupgallery_prev{position: absolute; z-index: 4; left: -3px; top: 50%; margin: -27px 0 0 0; background: url('../graphic/gallery/left.png') no-repeat; width: 26px; height: 55px; display: none}
#popupgallery_next{position: absolute; z-index: 4; right: -3px; top: 50%; margin: -27px 0 0 0; background: url('../graphic/gallery/right.png') no-repeat; width: 26px; height: 55px; display: none}
#gallery_popup_content{ height: 564px; width: 1024px; display: none}
#gallery_popup{position: fixed; z-index: 4; background: #000; top: 100px; height: 563px; width: 1024px; display: none}
#gallerypopup_close{ background: url("../graphic/gallery/close.png") right no-repeat; width: 70px; height: 20px; font-family: 'Conv_ProximaNova-BoldIt'; font-size: 12px; position: absolute; font-size: 18px; cursor: pointer; right: 10px; margin: 10px 0 0 0 }
.col1 { width: 153px; }
.col2 { width: 232px; }
.col3 { width: 389px; }


#sidemenu_other li{margin: 10px 0 0 14px}
.sidemenu_icon{width: 35px; text-align: left;}
.sidemenu_other_label{ color: #FFF; font-family: 'Conv_ProximaNova-BoldIt'; letter-spacing:0.5px;font-size: 12px;}









#right_model_panel{border-left:  1px solid #606060; border-right: 1px solid #606060;  padding: 0 50px; height: 700px; width: 200px; }
#right_model_panel tr td{ padding: 0 20px}
#right_model_panel tr td table tr td{ padding: 1px }

/*overview*/
#crz_overview_panel,#crz_comfort_panel,#crz_performance_panel{ overflow: hidden; background: #000 }
#long_horizontal_main_panel li{  border: 1px solid green; width: 1000px; height: 700px}


#overview_landing{
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    
    
    -o-user-select: none;
    user-select: none;
    pointer-events: none;  
    pointer-events: none;
    
}


/*
compare
*/
#compare_panel{ overflow-x: hidden;  background:#eeeeee; }
/*#compare_table{ width: 96%; margin: 0 0 0 30px; background: #FFF}*/
#compare_table{ width: 760px; margin: 0 0 0 25px; background: #FFF}
#compare_table tr th,#compare_table tr td{ padding: 10px}
.compare_label{ width: 40%; vertical-align: middle}
.compare_details{ width: 30%; vertical-align: middle; text-align: center}
.section_header{ background: #000; color: #FFF}

#compare_car2_panel,#compare_car1_panel{ width: 250px}
/*#compare_car2_listing,#compare_car1_listing{position: absolute;  height: 300px; width: 280px; overflow-y: scroll; overflow-x: hidden; display: none}*/
#compare_car2_listing,#compare_car1_listing{position: absolute;  height: 300px; width: 270px; margin-left:-10px; overflow-y: scroll; overflow-x: hidden; display: none}
#compare_car2_listing li,#compare_car1_listing li{ padding: 5px; background: white;}
#compare_car2_listing li:hover,#compare_car1_listing li:hover{ background: #3399ff; color: #FFF}


.compare_involved_car_name_panel{ float: left; font-size: 20px; margin: 15px 0 0 20px; width: 45%}
.compare_involved_car_image_panel{ float: left; width: 40%}


#loan_calculator_panel{position:  absolute; width: 700px; margin: 0 0 0 150px;  z-index: 2; display: none; background: #f6f6f6 }
/*#loan_calculator_panel{position:  absolute; width: 700px; margin: 0 0 0 700px;  z-index: 2; border: 1px solid black }
#loan_calculator_left{float:  left; margin: 0 0 0 0; background: #eeeeee; width: 350px; text-align: center; padding: 100px 0 50px 0; height: 414px; color: #333333}
#loan_calculator_right{ float:  left; background: #f6f6f6; width: 350px; margin: 0 0 0 0; text-align: center; padding: 100px 0 50px; height: 414px; color: #333333}*/

#loan_calculator_left{float:  left; margin: 0 0 0 0; background: #eeeeee; width: 350px; text-align: center; padding: 100px 0 50px 0; color: #333333}
#loan_calculator_right{ float:  left; background: #f6f6f6; width: 350px; margin: 0 0 0 0; text-align: center; padding: 10px 0 50px; color: #333333}


.calculator_close_btn,.calculator_btn{ cursor: pointer}
.calculate_input_box{ border: 1px solid #cccccc !important; text-align: left; padding: 6px 16px !important; width: 274px; height: 40px !important;}
.calculate_field_label{ margin: 30px 0 6px 0}

#estimate_monthly_rate,#loan_required,#calculate_estimated_selling_price{ font-size: 20px}
#estimate_monthly_rate{color:#cc0000}





/*personalisation*/
#personalisation_panel{ overflow-x: hidden; background: #eeeeee}
#personalisation_landing_panel{width: 50%; min-width: 350px; float: left}
/*#personalisation_package_listing{ float: left;  width: 45%; min-width: 300px; margin: 0 0 0 30px}*/
#personalisation_package_listing{ float: left;  width: 45%; min-width: 300px; margin: 0 0 0 20px}
#personalisation_package_listing .package_name{font-size: 18px; font-family: 'Conv_ProximaNova-Bold';}
/*#personalisation_package_listing .package_desc{width:300px;margin-right:20px;}*/
#personalisation_package_listing .package_desc{width:280px;}
#personalisation_package_listing .package_package_mini_desc{list-style: url('../graphic/about_us/list_arrow.png'); margin: 10px 0 0 20px; font-size: 13px}
#personalisation_package_listing .package_package_mini_desc li {margin-bottom:10px;}.
#personalisation_package_listing .package_footer {margin-top:10px;}
#personalisation_package_listing .package_price_text{ font-family: 'Conv_ProximaNova-Bold'; font-size: 14px}
#personalisation_package_listing .package_price{ color: #cc0000; font-family: 'Conv_ProximaNova-Bold'; font-size: 18px; margin-top:5px;}
#personalisation_package_listing hr{ margin: 25px 0 }
#personalisation_package_listing #package_footer {margin-top:10px; color:#cc0000; font-size:11px; letter-spacing:0.5px;}
#personalisation_footer {width:620px; float:left; margin:50px 0;}

#personalisation_spec_package_listing{ margin: 20px 0 0 0;width: 95%}/**/
#personalisation_spec_package_listing{ margin: 20px 0 0 0;width: 100%}
/*#personalisation_spec_package_listing .spec_package {float:left; width:420px; padding:25px 0; border-bottom:1px #ccc solid; margin-right:50px; height:200px;}*/
#personalisation_spec_package_listing .spec_package {float:left; width:345px; padding:20px 0 20px 20px; border-bottom:1px #ccc solid; margin:10px; height:390px}
/*#personalisation_spec_package_listing .spec_package2 {float:left; width:378px; padding:25px 0; border-bottom:1px #ccc solid; margin-right:7px; height:320px;}*/
#personalisation_spec_package_listing .spec_package2 {float:left; width:345px; padding:20px 0 20px 20px; border-bottom:1px #ccc solid; margin:10px; height:390px}

#personalisation_spec_package_listing .spec_thumbnail_panel{float: left}
/*#personalisation_spec_package_listing .spec_details_panel{ width:180px; float: left; margin: 0 0 0 30px}*/
#personalisation_spec_package_listing .spec_details_panel{ width:200px; float: left; margin: 10px 0 0 5px}
#personalisation_spec_package_listing .spec_price{ font-size: 16px; color:#cc0000; margin: 10px 0 0 0; font-family: 'Conv_ProximaNova-Bold';}
#personalisation_spec_package_listing .spec_title {font-size: 16px; font-family: 'Conv_ProximaNova-Bold';}
#personalisation_spec_package_listing .spec_desc {font-size: 12px; margin-top:10px; line-height:22px;}
#personalisation_spec_package_listing .spec_footer {font-size:11px; color:#cc0000; letter-spacing:0.5px; line-height:15px; margin-top:15px;}


.services_package_thumbnail{ height: 102px}
.services_package_name{ font-size: 18px; font-weight: bold; margin: 30px 0 0 0}
.services_package_panel:first-child{ margin: 0 }
.services_package_panel{float: left; width: 24%; background: #FFF; padding: 30px; margin: 0 0 0 15px }
#two_column{width:36%;}
.services_each_details_panel p{ margin: 0 0 30px 0 }
.services_each_details_panel ol {padding-left:15px; list-style:disc}
.services_each_details_panel ol li{line-height:27px; font-size:14px;}
.services_each_details_title{ font-weight: bold; font-size: 14px; margin: 10px 0 }






/* maintenance */
#periodical_maintenance_panel{ background: #eeeeee}
#maintenance_name_listing { margin: 0 0 20px 0}
#maintenance_name_listing li{ font-size: 18px; font-weight: bold; float: left }
.maintenance_tab{ float: left; padding: 10px 15px; background: #f6f6f6; margin: 0 2px 0 0; cursor: pointer}
.maintenance_tab.active{ background: #FFF}
table#maintenance_listing{ width: 99%; background: #FFF}
table#maintenance_listing tbody{ display: none; width: 100%}
table#maintenance_listing tbody.active{ display: block}

table#maintenance_listing tr th.total_cost_row.odd_row,table#maintenance_listing tr td.total_cost_row.odd_row,table#maintenance_listing tr th.total_cost_row.even_row,table#maintenance_listing tr td.total_cost_row.even_row,table#maintenance_listing tr th.total_cost_row,table#maintenance_listing tr td.total_cost_row{ background: #000 !important; color: #FFF}
table#maintenance_listing tr td{ text-align: center; padding: 10px  19px; max-width: 20%}
table#maintenance_listing tr th{ padding: 10px 20px; width: 25%}
table#maintenance_listing tr .total_cost_row{ background: #000; color: #FFF}

/*#maintenance_notes_panel{ background: #f5f5f5; min-width:95%; max-width: 92%; margin: 50px 0 0 0; padding: 30px}*/
#maintenance_notes_panel{ background: #f5f5f5; width: 735px; margin: 50px 0 0 0; padding: 30px}



/*pricing*/
#pricing_panel{background:#eeeeee; overflow-x: hidden; min-height: 500px}
#pricing_table{ min-width: 60%; min-width: 97%; max-width: 97%; margin: 50px 0 0 0}
#pricing_table tr th{ min-width: 30%; max-width: 35%}
#pricing_table tr th.pricing_title,#pricing_table tr td.pricing_title{ height: 30px; font-size: 14px; font-weight: bold}
#pricing_table tr th,#pricing_table tr td{ padding: 10px 20px}
#pricing_table tr .even_row{ background: #f6f6f6;}
#pricing_table tr .main_subrow{ background: #000000; color: #FFF}



/*specifications*/
#specification_table{ min-width: 60%; min-width: 97%; max-width: 97%; margin: 50px 0 0 0}
#specification_table tr th{ min-width: 30%; max-width: 35%}
/*#specification_table tr th.equipment_title,#specification_table tr td.equipment_title,#specification_table tr th.specification_title,#specification_table tr td.specification_title{ height: 30px; font-size: 25px; font-weight: bold}*/
#specification_table tr th.equipment_title,#specification_table tr td.equipment_title,#specification_table tr th.specification_title,#specification_table tr td.specification_title{ height: 30px; font-size: 14 px; font-weight: bold}
.specification_title_nobold { font-weight: normal !important; }

#specification_table tr th,#specification_table tr td,#equipment_table tr th,#equipment_table tr td{ padding: 10px 20px}
#specification_table tr .even_row,#equipment_table tr .even_row{ background: #f6f6f6;}
.main_subrow{ background: #000000; color: #FFF}

.link_btn{ float: left; margin: 0 15px 0 0}
#peninsular_panel{ float: left;  border: 1px solid #cccccc; overflow: hidden;  text-align: center; cursor: pointer; background: #FFF}
#peninsular_panel>div{padding: 5px 15px;width: 150px;}
#peninsular_panel ul{ position: absolute; margin: 0 0 0 -1px; height: 140px; border: 1px solid #cccccc; width: 180px;  text-align: left; display: none; background: #FFF}
#peninsular_panel ul li{ padding: 5px 15px; cursor: pointer}
#peninsular_panel ul li:hover{ background: #CC0000; color: #FFF; }
#pricing_notes_panel{ background: #f5f5f5; min-width:95%; max-width: 92%; margin: 50px 0 0 0; padding: 30px}





#scroll_right_panel{position: absolute; width: 50px; height: 500px;  z-index: 40; top: 70px; right: 15px}
#scroll_right_arrow_panel{ width: 50px; height: 50px; position: absolute; z-index: 41; top: 50%;  margin: -25px 0 0 7px}
#scroll_right_bg_panel{ position: absolute;opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); background: white;  width: 50px}


#scroll_left_panel{position: absolute; width: 50px; height: 500px;  z-index: 40; top: 70px; display: none}
#scroll_left_bg_panel{ position: absolute;opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); background: white;  width: 50px}
#scroll_left_arrow_panel{ width: 50px; height: 50px; position: absolute; z-index: 41; top: 50%;  margin: -25px 0 0 7px}
/*
#sidemenu_other{}
#sidemenu_other li{ padding: 0 5px; margin: 10px 0 0 0}
.sidemenu_icon{ float: left; min-width: 25px; width: 20%;

display:table-cell;
zoom: 1;
*display:inline;
*vertical-align: middle;
vertical-align: middle;
}
.sidemenu_other_label{ float : left; min-width: 100px; width: 75%; color: #FFF}
*/




/*#scrolltoright{ margin: 450px 0 0 760px; margin: -1% 0 0 0; right: 0; position: absolute;}*/
/*#scrolltoright{ position: absolute; margin: 520px 0 0 0; right: 0; z-index: 5}
#eggy_panel{width: 1024px; position: absolute; height: 564px}*/
#scrolltoright{ position: absolute; margin: 471px 0 0 0; right: 0; z-index: 5}
#eggy_panel{width: 810px; position: absolute; height: 515px}
#pagination_panel{position: absolute;  left: 50%;   margin: 0 ; top: 93%}








#shipping_tools_panel{ background: #eeeeee}
#shipping_tools_content_panel{margin: 40px 30px 30px 30px;}
/*#shipping_tools_content_panel ul { margin: 50px 0}*/
#shipping_tools_content_panel ul { margin: 42px 0}
/*#shipping_tools_content_panel ul li{ float: left; margin: 0 10px 0 0}*/
#shipping_tools_content_panel ul li{ float: left; margin: 8px 10px 0 0}



/*for connex*/
/*#connex_parts_main {width: 880px;position: relative; margin: 0 auto}*/
#connex_parts_main {width: 755px;position: relative; margin: 0 auto}
#connex_parts_main  h2{ font-size:36px;color:#cc0000;padding:10px 0; font-family: 'Conv_ProximaNova-BoldIt';}
#connex_parts_main  h3{ font-size:26px;color:#cc0000;padding:10px 0; font-family: 'Conv_ProximaNova-BoldIt';}
#connex_parts_contents1 {border-bottom:1px solid #666;padding:40px 0 220px 0;}

/*#connex_img_cont1 {width:1020px; margin:50px 0px 50px -75px; padding:25px 0px 25px 0px; text-align:center; background-color:#FFFFFF;}
#connex_img_cont2 {width:1020px; margin:50px 0px 50px -75px; padding:80px 0px 80px 0px; text-align:center; background-color:#FFFFFF;}*/
#connex_img_cont1 {width:900px; margin:50px 0px 50px -75px; padding:25px 0px 25px 0px; text-align:center; background-color:#FFFFFF;}
#connex_img_cont2 {width:900px; margin:50px 0px 50px -75px; padding:80px 0px 80px 0px; text-align:center; background-color:#FFFFFF;}
#connex_btn_cont {margin:25px 0px 35px 0px;}
/*#connex_circle_cont {margin:10px 0px 200px 20px;}*/


/*.connex_circle {width: 160px;height: 160px;float:left;margin: 25px;text-align: center;*/
  .connex_circle {width: 160px;height: 160px;float:left;margin: 14px;text-align: center;
border-radius: 140px;
background: #fe0000; /* Old browsers */
background: -moz-linear-gradient(top,  #fe0000 0%, #cd0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe0000), color-stop(100%,#cd0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fe0000 0%,#cd0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fe0000 0%,#cd0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fe0000 0%,#cd0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fe0000 0%,#cd0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#cd0000',GradientType=0 ); /* IE6-9 */

}
.connex_circle p {color:white;font-size: 16px;padding: 40px 10px 0 10px; text-align: center; line-height: 22px !important}

#connex_banner {margin-bottom:35px;}

.back {background: url(../graphic/genuine_parts/back.png) no-repeat right;padding-right: 20px;width: 35px;height: 20px;padding-top: 10px;font-size: 12px;position: absolute;right: 10px;top:50px;cursor: pointer; color: #000; font-family: 'ProximaNova-BoldIt';}


/*for mugen*/
/*#mugen_cont {width:430px; height:45px; margin:0px 0px 30px 513px; border-bottom:#cc0000 solid 1px}*/
#mugen_cont {width:430px; height:45px; margin:0px 0px 20px 400px; }

.makeitwhite{background-color:#F6F6F6 !important}