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

* {vertical-align: top; background-repeat: no-repeat;}

body { 
	margin: 0; padding: 0; background-color: #030000;  
	background-image: url(../img/promo/bg_1.jpg); background-position: center top; 
	font: 12px Arial, Tahoma, Helvetica, sans-serif;
	}

img {border: none;}

a:link, a:visited  { color: #FFF;  }
a:hover  { color: #FFF; text-decoration: none;  }

h1 { font: 28px Arial, Tahoma, sans-serif; font-weight: normal;}
h2 { font: 18px Arial, Tahoma, sans-serif; font-weight: normal;}
h3 { font: 14px Arial, Tahoma, sans-serif; font-weight: bold;}


.page { width: 980px;  }

.top {}
.top .logo_container { padding: 54px 0 0 46px; }

.menu_container { padding: 20px 50px 0 0; text-align: right; width: 70%;}

.mainmenu { font: 16px Arial, Tahoma, Verdana, sans-serif; color: #eee; margin-top: 55px; }
.mainmenu a {display: inline-block; padding: 3px 5px 2px 5px; margin-left: 26px; font-style: italic; }
.mainmenu a:link, .mainmenu a:visited  { color: #eee; text-decoration: none; }
.mainmenu a:hover, .mainmenu a:active, .mainmenu a:focus { background-color: #DB1A55; color: #fff;}
.mainmenu .active { position: relative; background-color: #DB1A55; color: #fff !important; text-decoration: none;}

.submenu_container { padding-top: 97px; padding-left: 30px; height: 310px; width: 158px;}
.submenu { text-align:left; }
.submenu a { display: block; font: 15px Arial, Tahoma, sans-serif; font-style: italic; width: 145px;  padding: 4px 4px 4px 9px; margin-bottom: 8px;  }
.submenu a:link, .submenu a:visited  { color: #DB1A55;  }
.submenu a:hover  { color: #FFF; background-color: #DB1A55; text-decoration: none;  }
.submenu .active  { color: #FFF !important; background-color: #DB1A55; text-decoration: none;  }

.promo_block {margin: 30px 0 30px 0; border: #fff 5px solid; width: 920px; height: 285px; overflow: hidden; }

.navibar { margin-top: 20px; background-color:#52636a; padding: 5px 0 0 0;}
.navibar a { color: #eee; }

.brands_container {height: 110px; background-image: url(../img/brands/1row_bg.png); background-position: center bottom;} 
.brands {height: 110px; }
.brands td { width: 33%; text-align: center; padding-top: 30px }

.descriptions { position: relative; top: -30px;}
.descriptions td { width: 33%; background-image: url(../img/desc/bg_a.png); background-position: 10px top; padding: 10px 0 25px 45px; }
.descriptions .desc_top { /*background-image:url(../img/desc/top.gif);*/ width: 252px; height: 15px; }
.descriptions .desc_text { width: 232px; height: 195px; font: 12px Arial, Tahoma, sans-serif; color:#333; /*border: #260F2C 1px solid; background-color: #FFF;*/ border-top: none; line-height: 17px; }
.descriptions .desc_text a { color: #DB1A55;}
.descriptions .what_next { padding-top: 10px; }

.jScrollPaneDrag {
	background: #DB1A55 !important;
}

.jScrollPaneDrag:hover, .jScrollPaneDrag:active {
	background: #DB1A55 !important;
}

.text_container { padding: 77px 40px 50px 40px; background-image:url(../img/common/text_shadow.jpg); background-position: center bottom;}
.text_container .border { /*border: #260F2C 1px solid;*/ }
.text { /*background-color: #f2f2f2; border: #fff 1px solid;*/  padding: 30px 40px 40px 40px; /*opacity:0.80; -moz-opacity:0.80; filter:alpha(opacity=80);*/ min-height: 400px; }
.text_container h1 { margin-top: 0px; font: 32px "Trebuchet MS", Arial, Tahoma, sans-serif; font-style: italic; font-weight: normal; color: #000; letter-spacing: -1px;}



/* White text page */
.white_area { text-align: center; background-color: #FFF; padding: 20px 0 20px 0; border-top: #52636a 5px solid; border-bottom: #52636a 5px solid;}
.white_area .content {text-align: left; color: #030000;}
.white_area .content h1 { color: #000;}
.white_area .content .left_column h1 {/*margin: 50px 0 40px 0;*/ padding-left: 0px; color: #000;}
.white_area .content h2 {text-align: left; color: #030000;}
.white_area .content h3 {text-align: left; color: #030000;}
.white_area .content a:link, .white_area .content a:visited {color: #10310F !important;}
.white_area .content a:hover {color: #256024 !important;}

.white_area .hso, .white_area .hsi, .white_area .hsf {
	background-color: #fff !important; /* set to page background - it hydes the hyphen */
	text-decoration: inherit;
}

#content { width: 900px;}
.left_column { width: 200px; padding-right: 30px; text-align: left; }
.right_column { text-align: left; }
#content p {line-height: 18px; font-size: 12px;}
#content li {line-height: 18px; font-size: 12px; margin-bottom: 8px;}



.form { font-size: 15px; }
.form form {padding: 0;}
.form select { font-size: 15px; width: 98%; }
.form input, .form textarea { font-size: 15px; width: 98%; background-color: #f2f2f2; border: #6F475A 1px solid; padding: 5px;}

.form th {text-align: left; font-weight: normal; width: 180px; vertical-align: middle; }
.form td {text-align: left; font-weight: normal; padding-bottom: 5px;  }
.form .button {width: 150px;}

.form #status{width:50%; padding:10px; height:42px; outline:none;}
.form .focusField{border: #DB1A55 1px solid !important; background-color: #fff !important ;color:#000 !important;}
.form .idleField{background-color: #6F475A; color: #6F6F6F; border: solid 2px #DFDFDF;}		


.footer_container { background-image: url(../img/common/bottom_bg.jpg); background-position: center bottom; height: 200px; padding-top: 80px;}
.footer { font: 12px Arial, Tahoma, sans-serif; font-style: italic; color: #eee;}
.footer .copyright { width: 38%; padding-left: 10px;}
.footer .address { width: 35%;}
.footer h3 { font: 12px Arial, Tahoma, sans-serif; font-style: italic; color: #b7b5b7; margin-bottom: 10px;}
.footer .phone h3 { font: 20px Arial, Tahoma, sans-serif; font-style: italic; color: #fff; margin-bottom: 10px;}

.inner .footer_container { padding-left: 208px; background-position: 80% bottom; height: 150px; padding-top: 30px;}
.inner .footer { width: 772px;}