body { background: #111111 url(../images/bg-body.jpg) repeat-x 0px 0px; }
#Holder { margin: 0px auto 0px; }

/*** global ***/


/*** ad-bar  ***/
.ad-bar {}
.ad-bar p { font: 1.2em/34px Arial, Helvetica, sans-serif; color: #FFF; }
.yellow { color: #ffd200; text-transform: uppercase; }
.red { color: #e80101; text-transform: uppercase; }

/*** header-banner  ***/
.header-banner { height: 108px; }
.header-banner img{ float: left; }

/*** menu  ***/
.menu {}
.menu ul{}
.menu li{ display: inline; list-style: none; }
.menu a{ font: 1.4em/47px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFF; text-decoration: none; margin-right: 12px; margin-left: 12px; float: left; }
.menu a:hover, .menu .active a{ background: url(../images/bg-menu-hover.gif) no-repeat center top; color: #F0C107; }

/*** promo-area ***/
.promo-area { background: url(../images/banner-promo-area.gif)  no-repeat 0px bottom; height: 310px; }
.promo-area .message, .promo-area .contact { text-align: left; }
.promo-area .message {}
.promo-area .message p{ font: 1.4em Arial, Helvetica, sans-serif; color: #aaaaaa; margin: 8px 10px 8px 20px; }
.promo-area .message .title{ color: #edbf07; font: bold 2.6em "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 10px 10px 8px 20px; }
.promo-area .contact p{ font: bold 1.8em/1.3em "Myriad Pro", Tahoma, Geneva, sans-serif; margin-top: 0px; padding-left: 200px; color: #aaaaaa; }
.promo-area .contact .title { color: #e80101; padding-left: 130px; margin-top: 15px; }
.promo-area .tagline { font: bold 2.4em/1em "Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #E1E1E1 !important; }

/*** manufacturers bar ***/
.manufacturers {}
.manufacturers img{ float:left; }

/*** main content ***/
.maincontent { margin-top: 15px; text-align: left; background: url(../images/bg-maincontent.jpg) no-repeat center bottom; padding-bottom: 40px; }
.maincontent h1 { margin: 0px 0px 20px; font: bold 2.2em/1.2em Verdana, Geneva, sans-serif; }
.maincontent h2 { font: 1.8em/1.3em "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; margin-bottom: 10px; }
.maincontent h3 { margin-bottom: 10px; line-height: 1.47em; }
.maincontent p { font: 1.2em/1.6em Verdana, Geneva, sans-serif; color: #aaaaaa; margin-bottom: 15px; clear: both; }
.maincontent a {}
.maincontent ul, .maincontent ol { float: left; margin-bottom: 20px; width: 96%; }
.maincontent li { font: bold 1.3em/1.6em Arial, Helvetica, sans-serif; color: #aaaaaa; margin-left: 40px; }
.maincontent a:hover {}
.maincontent strong { color: #edbf07 !important; }
.margin-bottom { margin-bottom: 10px;}

/*** images ***/
.floatright { float: right; }
.floatleft { float: left; }
.margin-left { margin-left: 10px; }
.margin-right { margin-right: 10px; }

.infobox { float: left; width: 100%; border: 1px solid #262626; margin-left: -2px; background: #1b1b1b; margin-bottom: 10px; }
.infobox p { margin: 10px; }
.infobox h3 { font: bold 1.5em Verdana, Geneva, sans-serif; color: #dc0000; margin: 10px; text-transform: uppercase; }

.feedback { margin: 20px 0px 10px 10px; float: left; clear: both; padding-bottom: 10px; background: #131212 url(../images/bg-feedback.gif) no-repeat 8px 8px; position: relative; width: 95%; } 
.feedback p { margin-left: 70px; }
.feedback .button-more { position: absolute; right: 10px; bottom: 10px; }
.feedback .button-more a { background: url(../images/yellow-arrow.gif) no-repeat right center; padding-right: 13px; font-size: 0.8em; color: #EDBF07; text-decoration: underline; text-transform: uppercase; }
.feedback .button-more a:hover { color: #FFF; text-decoration: none; }

.readmore { text-align: right; }
.readmore a { background: url(../images/yellow-arrow.gif) no-repeat right center; margin-right: 10px; padding-right: 15px; color: #EDBF07; font-size: 0.8em; text-transform: uppercase; text-decoration: underline; }
.readmore a:hover { color: #FFF; text-decoration: none; }

.sidebar { margin-left: 10px; }

.divider { border-bottom: 1px solid #A1A1A1; }

/*** footer ***/
.footer { padding-bottom: 40px; }
.footer ul { margin-left: 100px; }
.footer li {}
.footer a { font-size: 1.1em; font-weight: normal; color: #aaaaaa; text-decoration: underline; }
.footer .active a, .footer a:hover { background: url(none); color: #aaaaaa; text-decoration: none; }
.footer a:hover {}
.footer p { clear: both; }

.list {  }
.list .box { float: left !important; width: 180px !important; }
.list li {}
.list a { text-decoration: underline; }
.list a:hover { text-decoration: none; }

#Holder .cities { float: left; padding-bottom: 15px; width: 100%; }
#Holder .cities li { float: left; width: 150px; list-style: disc !important; margin-right: 0px; margin-left: 20px; padding-left: 0px; }

/*** Form ***/
form { padding-top: 20px; padding-bottom: 20px; }
form label { float: left; width: 180px; font-size: 1.2em; line-height: 2em; color: #aaaaaa; clear: both; text-align: left; padding-left: 0px; }
form fieldset { border-style: none; }
form input, form textarea { padding: 1px 3px; float: left; width: 350px; background: #EFEFEF; border: 1px solid #DEDEDE; margin-top: 3px; font: 1.2em Arial, Helvetica, sans-serif; }
form img { padding: 1px 3px; float: left; border: 1px solid #666666; margin-top: 3px; }
form .info { display: block; clear: both; float: left; padding-left: 190px; font-style: italic; color: #aaaaaa; line-height: 2em; width: 400px; }
form .checkboxes { clear: both; text-align: left; }
form .checkboxes input { float: left; width: 20px; margin-left: 180px; background: url(none); border-style: none; }
form .checkboxes span { font-size: 1.1em; line-height: 2em; font-weight: bold; color: #aaaaaa; }
.buttonpress  { float: left !important; width: 100px !important; margin-left: 210px !important; background: #EC2F30 repeat-x left top; font-weight: bold; color: #FFF; }
.button_box { float: left; width: 100%; margin-top: 30px; }
form .captcha { clear: both; float: left; width: 400px; padding: 0px 0px 0px 180px; margin: 0px; height: 60px; }
.errordiv { color: #850000; font-size: 1.2em; line-height: 1.4em; border:thin; width:90%; border-color:#F66900; border-style:solid; padding: 10px; text-align: left; }
.successdiv { color: #009933; font-size: 1.2em; line-height: 1.4em; border:thin; width:90%; border-color:#00CC33; border-style:solid; padding: 10px; margin-top: 10px; margin-bottom: 10px; }

