﻿body { margin:0px; padding:0px;font-size: 62.5%;line-height: 1.2;font-family:Arial;text-align:left;
background: #cdcdcd url("../img/bg.jpg") 0 0 repeat-x;}

div, span, p, h1, h2, h3, h4, h5, h6, ul, li, hr, form, input {margin:0px;padding:0px;}
img {border:0px;}

#menu {width:1018px;height:72px;margin:0px auto;padding:0px 0 0 0;}
#header {width:100%;height:188px;margin:0px auto;}
#header-in {width:1018px;height:188px;margin:0px auto;background: url(../img/header.jpg) top left no-repeat;position:relative;z-index:2;}

#bg3 {width:40%;height:188px;background: url("../img/bg-header.jpg") bottom left repeat-x;float:right;margin:-188px 0 0 0;position:relative;z-index:0;}

#header #header-in h1 a{width:260px;height:186px;float:left;margin:0 0 0 10px;text-decoration:none;}
#header #header-in h1 a span {visibility:hidden}

.clear {
	clear:both;
}
/* MAIN MENU */
#main-menu {background: url(../img/z1.jpg) 0 6px no-repeat;height:47px; overflow: hidden; /*zoom: 1;*/ width:939px;padding: 0px 0px 18px 0px; margin:8px 0 0 0;position: relative;float:left;}
#main-menu .reset li {float: left; display: inline; font:normal 1.4em Arial; margin: 0 0 0 0px;}
#main-menu .reset li a {float: left; display: inline; text-decoration: none; color: #fff; line-height: 33px; margin: 7px 1px 0px 1px; padding: 0 42px 0 41px; background: url(../img/z6.jpg) 0px 0px no-repeat;}
#main-menu .reset li.first a {background: none;}
#main-menu .reset li:hover a, #main-menu .reset li.hover a {  padding: 7px 0px 2px 0px; margin:0px; background: url(../img/z4.jpg) 0 0 repeat-x; border-left: 1px solid #000;border-right: 1px solid #000; border-width: 0 1px;}
#main-menu .reset li.active a {  padding: 7px 0px 2px 0px; margin: 0px 0px 0px 0px; background: url(../img/z4.jpg) 0 0 repeat-x; border-left: 1px solid #000;border-right: 1px solid #000; border-width: 0px 1px;}

/*#main-menu .reset li.active:hover a,#main-menu .reset li.active.hover a {  padding: 7px 0px 2px 0px;}*/

/*#main-menu .reset li.first.hover a {background: red;cursor:pointer;border-left:1px solid #000;border-right:1px solid #000;}*/

#main-menu .reset li a .cor {display: none !important; padding: 0 !important; background-image: url(../img/m13.jpg) !important; line-height: 1px !important; font-size: 1px !important; height: 9px !important; border: none !important; position: absolute !important;float:left;}
/*#main-menu .reset li.active a strong .cor{display: none !important; padding: 0 !important; background-image: url(../img/m13.jpg) !important; line-height: 1px !important; font-size: 1px !important; height: 9px !important; border: none !important; position: absolute !important;float:left;}*/
#main-menu .reset li:hover a span .cor,#main-menu .reset li.hover a .cor{display: block !important; padding: 0 !important; background-image: url(../img/m13.jpg) !important; line-height: 1px !important; font-size: 1px !important; height: 9px !important; border: none !important; position: absolute !important;}
#main-menu .reset li.active a strong .cor{display: block !important;padding: 0 !important; background-image: url(../img/m13.jpg) !important; line-height: 1px !important; font-size: 1px !important; height: 9px !important; border: none !important; position: absolute !important;}

#main-menu .reset li:hover a span, #main-menu .reset li.hover a span {display: block;background: url(../img/m10.jpg) 0 0 repeat-x;  font-weight: normal; padding: 7px 42px 2px 41px;height:34px; position: relative;  top: -7px;  cursor: pointer;}
#main-menu .reset li.active a strong {display: block;background: url(../img/m10.jpg) 0 0 repeat-x; font-weight:normal;padding: 7px 42px 2px 42px;height:34px;position: relative; top: -7px;  cursor: pointer;}
#main-menu .reset li.active a strong em{border-bottom:2px solid #e91c21;height:24px;margin:0 2px 0 2px;font-style:normal;}

#main-menu .reset li:hover a span .c-r, #main-menu .reset li.hover a span .c-r {top: 0px !important;background-image: url(../img/m13.jpg) !important;}
#main-menu .reset li:hover a span .c-l, #main-menu .reset li.hover a span .c-l {top: 0px !important;background-image: url(../img/m13.jpg) !important;}
#main-menu .reset li.active a strong .c-r, #main-menu .reset li.active a strong .c-l {top: 0px !important;background-image: url(../img/m13.jpg) !important;}

#main-menu .reset li.active .sub-menu, #main-menu .reset li:hover .sub-menu, #main-menu .reset li.hover .sub-menu {display: block; }
#main-menu .reset li.active .sub-menu {z-index: 2;}
#main-menu .reset li:hover .sub-menu, #main-menu .reset li.hover .sub-menu {z-index: 3;}
#main-menu .reset li .sub-menu {display: none; height: 24px; width: 937px; position: absolute; top: 40px; left: 0; background: url(../img/z2.jpg) 0 0 no-repeat; padding: 0 20px;}
body.home #main-menu .reset li .sub-menu {display: inline;}
#main-menu .reset .reset li {font-size: 85.7%;}
#main-menu .reset .reset li a {margin: 0px; padding: 0 20px 0 25px;line-height: 24px; background: url(../img/z3.jpg) 0 0 no-repeat; border: none;}
#main-menu .reset .reset li.first a {background: none;}
#main-menu .reset .reset li a:hover, #main-menu .reset .reset li.active a {font-weight:bold}
.break { height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; display:block;}

/* CORNERS */
.cor{position:absolute; background-repeat:no-repeat; display:block; z-index:99; font-size: 1px; line-height: 1px;}
.cor {width:9px; height: 9px; display: block; background: url(../img/z5.jpg); background-repeat: no-repeat; position: absolute; line-height: 9px; font-size: 9px;}
.c-l {top: 1px; left:-1px; background-position: 0 0 !important;}
.c-r {top: 0px; right:-1px; background-position: 100% 0 !important;}


#map {width:39px; height:60px;float:left;background: url(../img/bg-map.jpg) 0 0 no-repeat;margin:14px 0 0 -1px;font:normal 1.1em Arial;}
#map a {width:39px;height:34px;float:left;text-decoration:none;}
#map a span {display:none;}
#email {width:39px; height:60px;float:left;background: url(../img/bg-email.jpg) 0 0 no-repeat;margin:14px 0 0 1px;font:normal 1.0em Arial;}
#email a {width:39px;height:34px;float:left;text-decoration:none;}
#email a span {display:none;}

/* CONTENT*/
#page {width:996px;background:#fff;margin:0px auto;padding:10px 11px 10px 11px;}
#promo {width:996px;height:159px;background:#db261f;border-top:2px solid #b30c15;}
#promo #online {width:250px;height:140px;float:left;padding:15px 0 0 15px;border-left:2px solid #b30c15;}
#promo #online p.title {font:bold 1.6em Arial;color:#fff; padding:0 0 13px 0;}
#promo #online p.form {font:normal 1.2em Arial;color:#fff;}
#promo #online p.form input.text {margin:3px 0 10px 0;width:240px;height:18px;padding:2px 0 0 2px;background: url(../img/bg-input.jpg) 0 0 no-repeat;border:0px;color:#000;}
#promo #online p.form input.text2 {margin:3px 0 10px 0;width:122px;height:18px;padding:2px 0 0 2px;background: url(../img/bg-input2.jpg) 0 0 no-repeat;border:0px;color:#000;}
#promo #online p.form input.sub {position:relative;top:1px;margin:0 0 10px 0;width:115px;height:20px;background: url(../img/bg-submit.jpg) 0 0 no-repeat;border:0px;color:#b7b7b7;cursor:pointer;}
#promo #why {width:698px; height:125px;padding:10px 0px 0 20px;float:right;margin:-2px 0 0 0;;border-left:1px solid #fff;border-bottom:1px solid #fff;background: url(../img/bg-why.jpg) 0 0 no-repeat;}
#promo #why h2 {font:bold 2.2em Arial;color:#ed1d24;margin:2px 0 10px 0;}
#promo #why h2.w {color:#fff;}
#promo #why p.text {font:normal 1.5em Arial;color:#fff;padding:0 0 20px 0;}
#promo #why p.text2 {font:normal 1.5em Arial;color:#fff;padding:0 0 20px 0;}
#promo #why h2.mini {width:220px;padding:0 0 0 30px;float:left;background: url(../img/bg-dart.png) 0px 3px no-repeat;font:bold 1.8em Arial;color:#fff;}
#promo #why h2.mini.m2 {width:200px;}
#promo #why h2.mini.m3 {width:140px;}
#promo #why h2.mini.m4 {width:300px;}

#promo #nav {position:relative;left:20px;top:5px;}
#promo #nav a {font-size:11px;color:#fff;text-decoration:underline;}
#promo #nav a:hover {text-decoration:none;}

#left {width:275px;float:left;padding:11px 0 40px 0;}
.left-menu{width:245px;padding:17px 15px 17px 16px;margin:0 0 11px 0;background:url(../img/bg-act.jpg) 0 0 repeat-x;}
.left-menu h3 {font:bold 1.8em Arial;color:#242424;padding:0 0 10px 0;width:100%;float:left;}
.left-menu h4 {font:bold 1.4em Arial;color:#1c1c1c;padding:0 0 10px 0;width:100%;float:left;}
.left-menu h5 {font:bold 1.3em Arial;color:#1c1c1c;padding:0 0 10px 0;width:100%;float:left;}
.left-menu p, #contact p {font:normal 1.2em Arial;color:#1c1c1c;padding:0px;width:100%;float:left;}
.left-menu p.town {padding:0 0 10px 0;}
.left-menu p span{color:#eb1c22}
.left-menu p span.link a,#contact p span.link a{color:#eb1c22;float:right;padding:10px 0 0 0;font:normal 0.8em Arial;}
.left-menu p span.link a:hover,#contact p span.link a:hover {text-decoration:none;}
.left-menu hr.end {width:100%;float:left;background:#a1a1a1;height:1px;margin:10px 0 10px 0;border:0px;}
.left-menu hr.noact {width:100%;clear:both;height:1px;border:0px;visibility:hidden;}
.left-menu ul {width:100%;list-style:none;float:left;font:normal 1.2em Arial;}
.left-menu ul li {color:#000;/*border-bottom:1px solid #a6a6a6;*/padding:9px 0 0 22px;background:url(../img/dart.gif) 3px 15px no-repeat;}
.left-menu ul li.n{background-image:none;}
.left-menu ul li a{color:#363536;text-decoration:none;font-weight:bold;}
.left-menu ul.fce li a {color:#363536;font-weight:normal;}
.left-menu ul li a:hover {text-decoration:underline;}
.left-menu ul li.active {color:#db261f;font-weight:bold;background:url(../img/dart2.gif) 5px 13px no-repeat;}
.left-menu ul li.active2 {background:url(../img/dart.gif) 3px 15px no-repeat;}
.left-menu ul li.active2 a {color:#363536;}
.left-menu ul.fce li.active2 {/*color:#db261f;*/color:#000;font-weight:bold;background:url(../img/dart3.gif) 3px 11px no-repeat;}
.left-menu ul.fce li.active2 a {color:#363536;font-weight:bold;}

#contact{width:245px;height:180px;padding:17px 15px 17px 16px;background:url(../img/bg-contact.jpg) 0 0 repeat-x;}
#contact h4 {font:bold 1.4em Arial;color:#1c1c1c;padding:0 0 10px 0;width:100%;float:left;}
#contact p span.l {font-weight:bold;width:50px;float:left;}
#contact p span.r {color:#e91c21;width:150px;float:left;}
#contact p span.r a{color:#e91c21;}
#contact p span.r a:hover {text-decoration:none;}

#right {width:700px;float:right;padding:0 9px 30px 10px;} 
.info {width:231px; float:left;margin:16px 0 20px 0;}
.info h3 {font:bold 1.8em Arial;color:#db261f;padding:0 0 15px 0;}
.info h3 a {color:#db261f;text-decoration:none;}
.info h3 a:hover {text-decoration:underline;}
.info img {padding:0 0 15px 0;}
.info p {font:normal 1.3em Arial;color:#242424;width:215px;padding:0 0 15px 0;}

.con {width:700px; float:left;margin:16px 0 20px 0;}
.con h2 {font:bold 2.2em Arial;color:#000;padding:0 0 15px 0;}
.con h2 a {color:#db261f;}
.con h2 a:hover {text-decoration:none;}
.con h3 {font:bold 1.8em Arial;color:#db261f;padding:0 0 15px 0;}
.con h3.product {font:bold 2.2em Arial;color:#000;padding:0 0 15px 0;}
.con h3.partners {clear:both}
.con h4 {font:bold 1.3em Arial;color:#000;padding:0 0 15px 0;}
.con h4 a {color:#db261f;}
.con h4 a:hover {text-decoration:none;}
.con p {font:normal 1.3em Arial;color:#242424;padding:0 0 20px 0;}
.con p span {color:#eb1c22;padding:0 0 5px 0;}
.con p.act {line-height:1.4;}
.con p a {color:#eb1c22;}
.con p a:hover{text-decoration:none;}
.con ul {list-style-type:square;font-size:1.2em;margin-top:-15px;padding-bottom:15px;}
.con ul li {margin:5px 0px 5px 25px;}
.con p img.prof {float:right;padding:0 0 10px 10px;}
.con p img.part {float:left;padding:0 10px 10px 0px;}
.con p span.left{float:left;color:#242424;width:500px;}
.con p.red, .con b {color:#db261f;font-weight:normal;}
.con form.pop p {padding:0;margin:0;color:#000}
.con form.pop p span.p1 {float:left;width:325px;margin:0 20px 0 0;color:#000}
.con form.pop p span.p2 {float:left;width:320px;color:#000;padding:0px;}
.con form.pop p span.p3 {width:270px;float:right;padding:0px;}
.con form.pop p span.p4 {width:50px;float:right;padding:0px;}
.con form.pop p span.p5 {float:left;width:150px;color:#000;padding:6px 0 0 0;font-weight:bold;}
.con form.pop p span.p6 {float:left;width:60px;text-align:right;color:#000;padding:6px 9px 0 0;}
.con form.pop p span.p7 {float:left;width:350px;color:#000;padding:6px 0px 0 0;}
.con form.pop p span.p8 {float:left;width:43px;}
.con form.pop p span.p9 {float:left;width:160px;color:#000;padding:0;}
.con form.pop p span.p10 {float:left;width:174px;padding:0;}
.con form.pop p span.p11 {float:left;width:300px;padding:0;}
.con form.pop p span.p12 {float:left;width:176px;color:#000;padding:6px 0 0 0;font-weight:bold;}
.con form.pop p span.p13 {float:left;width:55px;color:#000;padding:7px 0 0 0;font:normal 0.85em arial}
.con form.pop p span.p14 {float:left;width:74px;text-align:right;color:#000;padding:7px 10px 0 0;font:normal 0.85em arial}
.con form.pop p span.p15 {float:left;width:322px;}
.con form.pop p span.p16 {float:left;height:20px;margin:10px 0 0 0;border-top:1px solid #e7e7e7;padding:0 0 0px 0;width:670px;}
.con form.pop p span.p17 {float:left;width:20px;color:#000;padding:6px 0px 0 0;font-weight:bold;}
.con form.pop p span.p18 {float:left;width:35px;color:#000;padding:6px 0px 0 0;font-weight:bold;}
.con form.pop input.f1 {width:320px;height:22px;margin:5px 0 10px 0;color:#000;font:normal 1.0em Arial;padding:3px 0 0 3px;background:#f4f4f4;border-top:1px solid #aaaaaa;border-left:1px solid #aaaaaa;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd}
.con form.pop input.f1.f2 {float:left;margin:0 20px 10px 0;}
.con form.pop input.f1.f3 {float:left;margin:0 0 10px 0;}
.con form.pop input.f1.red, .con form.pop input.f1.f2.red, .con form.pop input.f1.f3.red {border:1px solid red;}
.con form.pop input.f1.f4 {float:left;width:200px;margin:0 0 10px 0;}
.con form.pop input.f1.f5 {float:left;width:200px;margin:0 0 10px 0;}
.con form.pop input.f1.f6 {float:left;width:13px;height:13px;border:0px;margin:8px 0 0px 0;}
.con form.pop input.f1.f7 {float:left;width:13px;height:13px;border:0px;margin:8px 10px 0px 0;}
.con form.pop input.f1.f8 {float:left;width:80px;margin:0 35px 10px 0;}
.con form.pop input.f1.f9 {float:left;width:80px;margin:0 10px 10px 0;}
.con form.pop input.f1.f10 {float:left;width:259px;margin:0 0px 10px 0;}
.con form.pop input.f1.f11 {float:left;width:665px;margin:0 0px 10px 0;}
.con form.pop input.f1.f12 {float:left;width:160px;margin:0 10px 10px 0;}
.con form.pop input.f1.f13 {float:left;width:264px;height:27px;border:0px;color:#fff;font:bold 1.0em Arial;padding:0px 0 1px 0;margin:0 0px 10px 1px;background:url(../img/bg-submit2.png) 0 0 no-repeat;}
.con form.pop p.info {font:bold 1.3em Arial;background:#e7e7e7;margin:10px 0 10px 0;padding:10px 0 10px 15px;width:655px;}
.con .warn {color:red;font-weight:bold}
.con .warn2 {color:red;}

#board {width:683px;height:57px;font:normal 1.8em Arial;color:#fff;padding:37px 0 0 15px;background:url(../img/bg-board.jpg) 0 0 no-repeat;float:left;}
#board span {color:#d7d7d7}

#footer {width:996px;height:42px;background:#262626;font:normal 1.1em Arial;color:#838383;clear:both;}
#footer p {padding:14px 0 0 0;}
#footer p.left {float:left;}
#footer p.right {float:right}
#footer p a {text-decoration:none;color:#838383;}
#footer p a:hover {text-decoration:underline}
#corner-l{width:15px;height:42px;background: url(../img/bg-cor-l.jpg) 0 0 no-repeat;float:left;}
#corner-r{width:15px;height:42px;background: url(../img/bg-cor-r.jpg) 0 0 no-repeat;float:right;}
