@charset "utf-8";
/* CSS Document */

html, body{
	padding:0;
	margin:0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	background:#000;
	color:#c2c2c2;
}
form, img{
	margin:0;
	padding:0;
	border:none;
}
a{
	color:#5398c2;
	text-decoration:none;

}
a:hover{
	text-decoration:underline;
}
p{
    margin:0;
    padding:7px 0;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

p span {
    color: #5398C2;
}


h1{
	font:bold 30px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 10px;
	color:#fff;
}

h3 {
    color: #5398C2;
    margin: 20px 0 0px 0;
}


.cont_home .boxes a.h1_link{
	font:bold 30px Arial, Helvetica, sans-serif;
	margin:0;
    display: block;
	padding:0 0 10px;
	color:#fff;
    text-decoration: none;
}



table{border-collapse:collapse;}
td{padding:0;}

.hidden {display: none;}
.show {display: block!important;}
.no-margin{margin: 0!important;}
.no-padding{padding: 0!important;}
.no-bg{background: none!important;}
.no-border{border: none!important;}

.a-left{text-align: left;}
.a-center{text-align: center;}
.a-right{text-align: right;}

.f-left{float: left;}
.f-right{float: right;}
.clear{
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
}
.wrap{
	margin:0 auto;
	width:980px;
	padding-top:16px;
}
/*======== BEGIN HEADER =========*/
.header{
	height:136px;
}
.header .logo{
	float:left;
	margin:0 48px 0 6px;
}
.header .link_request{
	background:url(../images/header_request_a_quote.gif) no-repeat top left;
	text-indent:-5000px;
    display: block;
	width:203px;
	height:20px;
	margin-top:20px;
}
.header .link_request:hover{
	background:url(../images/header_request_a_quote.gif) no-repeat bottom left;
}
.header .header_text{
	background:url(../images/header_text.gif) no-repeat;
	float:right;
	margin:6px 3px 0 52px;
	text-indent:-5000px;
	width:184px;
	height:95px;
}
.header .logo_2{
	float:right;
}
.header .logo_3{
	float:right;
	margin-left:20px;
}
.header .phone{
	background:url(../images/header_phone.gif) no-repeat top left;
	text-indent:-5000px;
	width:170px;
	height:12px;
	display:block;
	margin:20px 0;
}

.header .link_book {
	background:url(../images/header_book.gif) no-repeat top left;
	margin:10px 0 0 0;
	text-indent:-5000px;
	width:261px;
	height:21px;
    display: block;
}

.header .link_book:hover{
	background-position:bottom;
}

/*======== END HEADER =========*/

/*======== Begin Menu =========*/
.menu ul{
	margin:0;
	padding:0;
	list-style:none;
	height:27px;
}
.menu li{
	float:left;
	border-right:solid 1px #000;
	padding:9px 0 10px;
}
.menu a{
	display:block;
	text-indent:-5000px;
	height:27px;
	padding:0 10px 0 9px;
	overflow:hidden;
}
.menu a.menu_1{
	background:url(../images/menu_1.gif) no-repeat top;
	width:35px;
}
.menu a.menu_2{
	background:url(../images/menu_2.gif) no-repeat top;
	width:35px;
}
.menu a.menu_3{
	background:url(../images/menu_3.gif) no-repeat top;
	width:60px;
}
.menu a.menu_4{
	background:url(../images/menu_4.gif) no-repeat top;
	width:89px;
}
.menu a.menu_5{
	background:url(../images/menu_5.gif) no-repeat top;
	width:141px;
}
.menu a.menu_6{
	background:url(../images/menu_6.gif) no-repeat top;
	width:144px;
}
.menu a.menu_7{
	background:url(../images/menu_7_1.gif) no-repeat top;
	width:108px;
}
.menu a.menu_8{
	background:url(../images/menu_8.gif) no-repeat top;
	width:94px;
}
.menu a.menu_9{
	background:url(../images/menu_9.gif) no-repeat top;
	width:75px;
	padding:0 11px;
}
.menu a.active, .menu a:hover{
	background-color:#5299c4;
	background-position:bottom;
}
/*======== End Menu ===========*/

/*======== Begin Content ======*/
.content{
	padding:18px 0 0;
}
.content ul{
	margin:0;
	padding:0;
}
.content ul li{
	padding:0 0 8px;
}
.content ul li.light{
	padding-left:21px;
	list-style:none;
	background:url(../images/bullet_light.gif) no-repeat 0 3px;
	color:#5398c2;
}
.content ul li.bright{
	padding-left:21px;
	list-style:none;
	background:url(../images/bullet_bright.gif) no-repeat 0 4px;
	color:#086199;
}
#flash{
	padding:0 0 10px;
}
.menu_and_letter{
	background:#4fa4c1;
	height:31px;
	padding:0 5px 0 0;
	margin:0 0 10px;
}
.menu_and_letter ul{
	margin:0;
	padding:0;
	list-style:none;
}
.menu_and_letter ul li{
	float:left;
	padding:0 2px 0 0;
    height: 31px;
	background:url(../images/brd_cont_menu.gif) no-repeat right;
}
.menu_and_letter li a{
	display:block;
	padding:0 12px;
	height:31px;
	text-indent:-5000px;
}
.menu_and_letter li a.menu_1{
	background:url(../images/cont_menu_1.gif) no-repeat top;
	width:101px;
}
.menu_and_letter li a.menu_2{
	background:url(../images/cont_menu_2.gif) no-repeat top;
	width:65px;
}
.menu_and_letter li a.menu_3{
	background:url(../images/cont_menu_3.gif) no-repeat top;
	width:67px;
}

.menu_and_letter li a.menu_4{
	background:url(../images/cont_menu_4.gif) no-repeat top;
	width:80px;
}



.menu_and_letter li a.active, .menu_and_letter li a:hover{

	background-position:bottom;
}
.menu_and_letter .leter{
	float:right;
}
.menu_and_letter .leter .text{
	float:left;
	text-indent:-5000px;
	background:url(../images/titles/get_the_latest.gif) no-repeat left;
	width:138px;
	height:31px;
	margin:0 12px 0 0;
}
.menu_and_letter .leter .text_input{
	width:179px;
	height:18px;
	padding:2px 1px 1px 8px;
	float:left;
	margin:5px 8px 0 0;
	background:url(../images/bg_input_letter.gif) no-repeat left;
}
/*---begin hack IE6 IE7---*/
.menu_and_letter .leter .text_input{
	_height:19px;
	_padding:1px 1px 1px 8px;
}
*+html .menu_and_letter .leter .text_input{
	height:19px;
	padding-top:1px;
}
/*---end hack IE6 IE7----*/
.menu_and_letter .leter .text_input input{
	border:none;
	background:#000;
	margin:0;
	padding:1px 0 0;
	color:#c2c2c2;
	width:175px;
	font:normal 12px Arial, Helvetica, sans-serif;
}
.menu_and_letter .leter .btn_send{
	float:left;
	background:url(../images/btn_send_letter.gif) no-repeat;
	width:12px;
	height:16px;
	padding:0;
	margin:7px 0 0;
	border:none;
	cursor:pointer;
}
.blue_text{
	text-transform:uppercase;
	color:#5299c4;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:justify;
	letter-spacing:1px;
}
/*---begin home---*/
.cont_home{
	padding-top:0px;
}

.cont_home p {
    text-align: left;
}


.cont_home a {
    font-size: 16px;
}



.cont_home .boxes{
    margin: 10px 0 0 0;
	background:url(../images/brd_home_boxes.gif) no-repeat bottom left;
}
.cont_home .boxes .boxes_sub{
	background:url(../images/brd_home_boxes_top.gif) no-repeat top left;
	text-align:justify;
}
.cont_home .boxes .box_1{
	float:left;
	width:238px;
	padding:16px 45px 0 45px;
	background:url(../images/icon_box_1.gif) no-repeat 4px 16px;
}
.cont_home .boxes .box_2{
	float:left;
    padding:16px 29px 0 55px;
    width:250px;
	background:url(../images/icon_box_2.gif) no-repeat 35px 5px;
}
.cont_home .boxes .box_3{
	float:left;
	width:237px;
	padding:16px 0 0 80px;
	background:url(../images/icon_box_3.gif) no-repeat 46px 18px;
}
.cont_home .boxes a{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
.cont_home .boxes a:hover{
	text-decoration:none;
}
/*---end home---*/
.model_car{
	padding:45px 0 18px;
}
.model_car img{
	padding:0 23px;
}
.path ul{
	margin:0;
	padding:2px 0 0 4px;
	list-style:none;
	height:45px;
}
.path ul li{
	float:left;
	padding:0 2px 0 0;
	background:url(../images/brd_path.gif) no-repeat right;
}
.path ul li.active{
	background:none;
	padding:0;
}
.path ul li a{
	display:block;
	padding:0 6px;
	color:#43799b;
	text-decoration:none;
	font-weight:bold;
}
.path li.active a{
	color:#fff;
	text-transform:uppercase;
}
.path li a:hover{
	text-decoration:underline;
}
.left_menu{
	float:left;
	padding:0 0 0 5px;
	width:350px;
}

.left_menu .left_img {
    margin: 10px 0 0 0;
}


.left_menu .left_img img{
    display: block;
    margin: 25px 0;
}


.left_menu i {
    line-height: 24px;
    font-size: 15px;
}

.left_menu p {
    text-align:  justify;
}


.left_menu ul{
	margin:0;
	padding:0;
	list-style:none
}
.left_menu li{
	font:bold 30px Arial, Helvetica, sans-serif;
	padding:9px 0 10px;
}
.left_menu li a{
	color:#fff;
	padding:0 0 0 33px;
	text-decoration:none;
	background:url(../images/bullet_left_menu_top.gif) no-repeat top left;
	display: block;
}
.left_menu li a.active{
	background:url(../images/bullet_left_menu_bottom.gif) no-repeat top left;
}
.left_menu li a:hover{
	color:#4fa4c1;
}
.content_sub{
	float:right;
	width:575px;
	padding-right:45px;
    margin: 0 0 10px 0;
}

.content_sub p {
    color: #fff;
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
}

.content_sub h3 {
    margin: 10px 0 10px 0;
    color: #5398C2;
    font-size: 16px;

}

.content_sub_contact{
    margin: 0 0 10px 0;
}

#contact_left {
    width: 625px;
    margin: 20px auto;
}
.content ul li.grey,
.grey {
	color: #c9c9c9;
}
.content_sub p.font_small, .font_small  {
	font-size: 12px;
}

/*---begin pricing---*/
.pricing{
	color:#fff;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}
.pricing table{
	width:100%;
	border-collapse:collapse;
	margin:0 0 10px;
}
.pricing table *{
	text-align:left;
}
.pricing .blue_text{
	padding:5px 0;
	letter-spacing:0;
}
/*---end pricing---*/
/*======== End Content ========*/

/*======== Begin Footer ========*/
.footer{
	padding:20px 0 0;
	height:80px;
}
.footer_menu{
	margin:0;
	padding:0 0 0 5px;
	list-style:none;
	height:31px;
	background:#5299c4;
}
.footer_menu li{
	float:left;
	padding-right:1px;
	background:url(../images/brd_footer_menu.gif) no-repeat right;
	white-space:nowrap;
}
.footer_menu a{
	display:block;
	line-height:31px;
	padding:0 13px;
	color:#000;
	text-decoration:none;
}
.footer_menu a.active, .footer_menu a:hover{
	color:#fff;
}
.copy{
	float:left;
	padding:15px 0 0 18px;
}
.design{
	float:right;
	padding:15px 12px 0 0;
}
.design a{
	color:#c2c2c2;
	text-decoration:none;
}
.design a:hover{
	text-decoration:underline;
}
.design a strong{
	color:#fff;
}
/*======== End Footer ========*/
.contact_form td{
	vertical-align:top;
	line-height:24px;
	padding: 2px 0px;
    color: #fff;
    font-size: 14px;
}
td.required_field{
	color:#fff;
    font-size: 14px;
}
td.field{
	vertical-align:top;
}
td.asterisk_orange{
	vertical-align:top;
	color:red;
	line-height:18px;
}
input.input_txt, textarea{
	border:solid 2px #4fa4c1;
	background:#000;
	color:#C2C2C2;
}
input.error, textarea.error{
	border:solid 2px red !important;
	background:none !important;
	color:#C2C2C2 !important;
}
.contact_form input.input_txt, .contact_form textarea{
	width:300px !important;
    color: #fff;
}

.contact_form td select {
    width: 150px;
}


.button{
	display:block;
	background:#5299c4;
	border:none;
	color:#000;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	margin: 0px;
	padding: 5px 8px;
	width:auto;
	cursor:pointer;
}
#ThanksForm{
	color:#fff;
}
.jqErrorsContainer, .warning_mess{
	color:red;
}
.mailer_body{
	padding: 20px 20px !important;
}

#main_text {
    width: 770px;
    float: left;
    padding: 0 20px 0 0;

}

#gallery_link {
    width: 151px;
    height: 151px;
    padding: 2px 0 0 29px;
    text-align:center;

    float: right;
  	background:url(../images/sep.gif) no-repeat left top;
}

#gallery_link a{
     color: #fff;
     font-size: 14px;
     text-decoration: none;
}

#gallery_link a span:hover {
    text-decoration: underline;
}


#home_block {
    width: 980px;
    height: 170px;
}


.content #res_list {
    width: 970px;
}

.content #res_list td {
    padding: 25px 10px;
    text-align:center;
}

.content #res_list td a {
    font-size: 16px;
}

.content #res_list td img:hover {
    text-decoration: none;
}

.testimon {
    margin: 20px 0 20px 0;
}


.testimon_author {
    font-weight: bold;
    float:right;
    font-size: 15px;
    line-height: 22px;
}

.testimon_text {
    font-style: italic;
    line-height: 24px;
    font-size: 15px;
}
.logo_caption_link,
.logo_caption_link span {
	cursor: pointer;
	display: block;
}
.logo_caption_link span {
	padding-top: 31px;
}
.logo_caption_link {
	clear: both;
}
.logo_caption_link img {
	float: left;
	padding-right: 10px;
}
.tbl_xpel_prot {
    margin: auto;
}
.tbl_xpel_prot td {
    color:#FFFFFF;
    font-size:14px;
    line-height:24px;
    padding:2px 5px;
    vertical-align:top;
}
.tbl_xpel_prot_desc {
    margin: 10px auto;
    border: solid 1px #333;

}
.tbl_xpel_prot td select {
    width: 150px;
}
.tbl_xpel_prot_desc th,
.tbl_xpel_prot_desc td {
    padding: 5px;
    text-align: left;
    border-bottom: solid 1px #333;
}
.tbl_xpel_prot_desc td {
    vertical-align: top;
    color: #086199;
}
.tbl_xpel_prot_desc th {
    font-size: 14px;
}
.tbl_xpel_prot_desc .hilite td {
    color: #5398C2;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.tbl_xpel_prot_desc .inf {
    overflow: hidden;
}
.tbl_xpel_prot_desc h5 {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}
.tbl_xpel_prot_desc .td_desc .inf {
    width: 240px;
}
.tbl_xpel_prot_desc .td_footnote .inf {
    width: 200px;
}
.tbl_xpel_prot_desc .td_partnumb .inf {
    width: 60px;
}
.tbl_xpel_prot_desc .td_retail .inf {
    width: 60px;
}
.tbl_xpel_prot_desc .clearfix {
    padding-top: 5px;
}
.rateinf, .rateimg {
    float: left;
}
.rateimg {
    padding: 1px 0px 0px 3px;
}
.link_view_image {
    display: block;
    padding: 0px 0px 2px 28px;
    background: url(/images/ico_view_image.gif) no-repeat 0px 2px;
}
.conf_side {
    float: left;
    width: 304px;
    height: 300px;
    background: url(/images/automotive_services.gif) no-repeat top left;
}
.conf_flash_side {
    float: left;
    width: 676px;
}
.conf_side {
	position: relative;
}
.conf_side .tbl_xpel_prot .top_pad {
    height: 104px;
}
.conf_side .td_l {
    padding-left: 1px;
}
.conf_side .desc {
	bottom: 20px;
	left: 30px;
	width: 240px;
	height: 36px;
	position: absolute;
    font: normal 11px/15px Arial,Helvetica,sans-serif;

}
#home_block #main_text {
	width: 600px;
}
#home_block #shop_link {
	width: 170px;
	float: left;
}
#shop_link a {
	margin-top: 3px;
	display: block;
	cursor: pointer;
	width: 153px;
	height: 115px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/btn_shop_now.gif) no-repeat left top;
}

.logo_flx_paint {
	margin-top: 14px;
	margin-bottom: 14px;
	display: block;
	cursor: pointer;
	width: 249px;
	height: 57px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/logo_flx_paint.jpg) no-repeat left top;
}
.btn_buy_link {
	display: block;
	background: url(/images/btn_buy_link.gif) no-repeat left top;
	width: 25px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	margin: 0px 0px 0px 5px;
}
.btn_buy_link:hover,
.logo_flx_paint:hover,
#shop_link a:hover {
	background-position: left bottom;
}
.side_logo {
	padding: 14px 0px;
	text-align: center;
	width: 249px;
}