/* home page */

#mainSlider { position: relative; height: 275px; overflow: hidden; }
#tabs { width: 270px; float: left; margin: 0; padding: 0; list-style: none; }
#tabs li { border-radius: 5px; background-color: #015CAB; width: 270px; padding: 13px 20px; border: 1px solid white; margin-bottom: 1px; }
#tabs li.option1 { width: 230px; }
#tabs li a { color: #fff; height: 30px; width: 270px; }
#mainSlider h2 { width: 230px; height: 35px; position: absolute; left: 0; display: inline-block; font-weight: normal; margin: 0; z-index: 99; }
#mainSlider .zoneImage { position: absolute; top: 40px; right: 30px; z-index: 15;}
#mainSlider h2.style1 { background: url('../images/style1_headerBackground.png') no-repeat; top: 0; }
#mainSlider h2.style2 { background: url('../images/style2_headerBackground.png') no-repeat; top: 34px; }
#mainSlider h2.style3 { background: url('../images/style3_headerBackground.png') no-repeat; top: 68px; }
#mainSlider h2.style4 { background: url('../images/style4_headerBackground.png') no-repeat; top: 102px; }
#mainSlider h2.style5 { background: url('../images/style5_headerBackground.png') no-repeat; top: 136px; }
#mainSlider h2.style6 { background: url('../images/style6_headerBackground.png') no-repeat; top: 170px; }
#mainSlider h2.style7 { background: url('../images/style7_headerBackground.png') no-repeat; top: 238px; }
#mainSlider h2.style8 { background: url('../images/style8_headerBackground.png') no-repeat; top: 204px; }
#mainSlider .moreInfo { position: absolute; float: right; left: 240px; top: 0; color: #fff; width: 860px; height: 425px; overflow: hidden; padding: 25px 35px 45px 65px; z-index: 98; }
#mainSlider .infoContent { position: relative; z-index: 99; float: left;height: 175px;overflow: hidden; width: 450px;}
#mainSlider .moreInfo h3 { width: 320px; margin-bottom: 3px;}
#mainSlider .infoContent a {position: relative; z-index: 99; color: #fff; text-decoration: underline;}
#mainSlider .blockLink { position: absolute; float: right; left: 0; top: 0; color: #fff; width: 540px; height: 225px; overflow: hidden; padding: 45px 35px 45px 65px; z-index: 15; }
#mainSlider .blockLink:hover { text-decoration: none;}
#mainSlider .style1 + .moreInfo {background: url('../images/style1_home_gradient.png') no-repeat;}
#mainSlider .style2 + .moreInfo {background: url('../images/style2_home_gradient.png') no-repeat;}
#mainSlider .style3 + .moreInfo {background: url('../images/style3_home_gradient.png') no-repeat;}
#mainSlider .style4 + .moreInfo {background: url('../images/style4_home_gradient.png') no-repeat;}
#mainSlider .style5 + .moreInfo {background: url('../images/style5_home_gradient.png') no-repeat;}
#mainSlider .style6 + .moreInfo {background: url('../images/style6_home_gradient.png') no-repeat;}
#mainSlider .style7 + .moreInfo {background: url('../images/style7_home_gradient.png') no-repeat;}
#mainSlider .style8 + .moreInfo {background: url('../images/style8_home_gradient.png') no-repeat;}
#mainSlider h2 a { color: #fff; display: block; height: 33px; padding: 8px 0 0px 20px; font-size: 0.8em;  }
#mainSlider h2.selected, #mainSlider h2:hover { margin-top: -1px; width: 271px;}
#mainSlider h2.style1:hover { background: url('../images/style1_headerArrow.png') right no-repeat;}
#mainSlider h2.style2:hover { background: url('../images/style2_headerArrow.png') right no-repeat;}
#mainSlider h2.style3:hover { background: url('../images/style3_headerArrow.png') right no-repeat;}
#mainSlider h2.style4:hover { background: url('../images/style4_headerArrow.png') right no-repeat;}
#mainSlider h2.style5:hover { background: url('../images/style5_headerArrow.png') right no-repeat;}
#mainSlider h2.style6:hover { background: url('../images/style6_headerArrow.png') right no-repeat;}
#mainSlider h2.style7:hover { background: url('../images/style7_headerArrow.png') right no-repeat;}
#mainSlider h2.style8:hover { background: url('../images/style8_headerArrow.png') right no-repeat;}
#mainSlider h2:hover a, #mainSlider h2.selected a { margin-top: 1px; text-decoration: none; }
#mainSlider h2.style1.selected { background: url('../images/style1_headerArrow.png') right no-repeat;}
#mainSlider h2.style2.selected { background: url('../images/style2_headerArrow.png') right no-repeat;}
#mainSlider h2.style3.selected { background: url('../images/style3_headerArrow.png') right no-repeat;}
#mainSlider h2.style4.selected { background: url('../images/style4_headerArrow.png') right no-repeat;}
#mainSlider h2.style5.selected { background: url('../images/style5_headerArrow.png') right no-repeat;}
#mainSlider h2.style6.selected { background: url('../images/style6_headerArrow.png') right no-repeat;}
#mainSlider h2.style7.selected { background: url('../images/style7_headerArrow.png') right no-repeat;}
#mainSlider h2.style8.selected { background: url('../images/style8_headerArrow.png') right no-repeat;}
