﻿#homeScrollerBG {
    position: absolute;
    width: 100%;
    height: 757px;
    z-index: -100;
    margin: 0 auto;
}

#homeScrollerBG div {
    width: 100%;
    height: 757px;
    background-repeat: no-repeat;
    background-position: center 115px;
    position: absolute;
    top: 0;
}

#homeScrollerBG div.bg1 { background-image: url(../images/partonthemove_bg_1.jpg); }
#homeScrollerBG div.bg2 { background-image: url(../images/partonthemove_bg_2.jpg); display: none; }
#homeScrollerBG div.bg3 { background-image: url(../images/partonthemove_bg_3.jpg); display: none; }
#homeScrollerBG div.bg4 { background-image: url(../images/partonthemove_bg_4.jpg); display: none; }
#homeScrollerBG div.bg5 { background-image: url(../images/partonthemove_bg_5.jpg); display: none; }

#homeScroller {
    height: 675px;
    font-size: 1.35em;
    font-family: Avalon, 'Trebuchet MS', sans-serif;
    font-weight: 400;
    color: #9ED4ED;
    position: relative;
}

.scrollPanel {
    width: 960px;
    height: 595px;
    padding: 80px 0 0 0;
    float: left;
}

.scrollPanel h1 {
    font-size: 2.5em;
    line-height: 1em;
    color: white;
}

.scrollPanel h3 {
    font-size: 1.1em;
    color: #FCC138;
    font-weight: bold;
}

.scrollPanel strong {
    color: #FCC138;
}

.scrollPanel a {
    color: white;
    font-weight: 600;
}

#scrollLeft, #scrollRight {
    position: absolute;
    top: 520px;
    left: 0;
    cursor: pointer;
    z-index: 900;
}

#scrollRight {
    left: 40px;
}

#homeBoxes {
    margin-top: -200px;
}

.homeBox {
    position: relative;
    width: 305px;
    float: left;
    margin: 0 22px 50px 0;
    font-size: 1.2em;
}

.homeBox div {
    padding: 20px 0 0 24px;
}

.homeBox .MainContent_pnlForm_style {
    padding: 2px 10px;
    margin: 0 auto 0 auto;
}

.homeBox.bot div {
    height: 140px;
    padding: 20px 0 0 3px;
}

.homeBox.bot div.valSummary {
    height: auto;
    padding: 0 0 10px 0;
}

.homeBox.news, .homeBox.help, .homeBox.servicecreed {
    margin-right: 0;
}

.homeBox.welcome { cursor:pointer; }
.homeBox.welcome div { background-color: #0D93D2; height: 142px; }
.homeBox.range div { background-color: #EC008B; }
.homeBox.brands div { background-color: #161C37; }
.homeBox.expertise div { /*background-color: #EC008B;*/ }

.homeBox.news h3 a {
    color: #F68D1D;
    font-weight: bold;
    font-size: 1em;
}

.homeBox.news div {
    background-color: white;
    color: #021C57;
    padding-right: 20px;
}


.homeBox h2 {
    height: 40px;
    padding: 20px 10px 0 24px;
    background: transparent url(../images/bg_box_head.png) repeat;
    font-weight: 400;
    font-size: 1.6em;
}

.homeBox h2 a {
    display: block;
    color: white;
}

.homeBox h2 strong {
    font-weight: 800;
}

.homeBox.brands h2, .homeBox.contact h2, .homeBox.range h2 {
    background-color: #133A61;  /*#FCC138;*/
    background-image: none;
}

.homeBox.expertise h2 {
    background-color: #133A61; 
    background-image: none;
}

.homeBox.orderform h2 {
    background-color: #FCC138;
    background-image: none;
}

.homeBox.connected h2, .homeBox.help h2 {
    background-color: #133A61;
    background-image: none;
}

.homeBox.news h2 {
    background-color: #0D93D2;
    background-image: none;
}

.homeBox.connected img {
    float: left;
    margin: 20px 20px 0 0;
}

.homeBox.connected a:hover { opacity: 0.9; }

.homeBox.connected input[type=text] {
    width: 292px;
    margin-bottom: 10px;
    border: 0;
    padding: 4px 5px 5px 5px;
}

.homeBox.connected input.email {
    width: 267px;
}

.homeBox.connected input[type=image] {
    float: right;
}

.homeBox.help a.txt, .homeBox.contact a.txt {
    display: inline-block;
    font-family: Avalon, 'Trebuchet MS', sans-serif;
    font-size: 1.2em;
    font-weight: 800;
    color: white;
    padding-top: 40px;
}

.homeBox.help a.txt:hover, .homeBox.contact a.txt:hover {
    color: #F68D1D;
}



.homeBox.brands {
    position: relative;
}

.homeBox.brands div {
    background-color: white !important;
    padding: 8px 0;
}

#brandScrollLeft {
    position: absolute;
    cursor: pointer;
    top: 120px;
    left: 10px;
    z-index: 2000;
}

#brandScrollRight {
    position: absolute;
    cursor: pointer;
    top: 120px;
    right: 10px;
    z-index: 2000;
}

#brandScroller {
    height: 144px;
    margin: 0;
}

#brandScroller a {
    float: left;
    display: block;
}

#brandScroller a img {
    width: 260px;
    margin-top: 10px;
}

.homeBox div.homeBoxScroller {
    padding: 0;
    width: 305px;
    height: 162px;
    overflow: hidden;
}

.homeBox.range div.caroufredsel_wrapper, .homeBox.products div.caroufredsel_wrapper {
    padding: 0;
}

a.homeScrollPic {
    display: block;
    position: relative;
    z-index: 1000;
    width: 305px;
    height: 162px;
    float: left;
}

a.homeScrollPic span {
    display: block;
    position: absolute;
    z-index: 2000;
    color: white;
    font-family: Avalon, 'Trebuchet MS', sans-serif;
    font-size: 1.2em;
    font-weight: 600;
    bottom: 0;
    background: transparent url(/images/box_titlebg.png) repeat scroll 0 0;
    width: 265px;
    padding: 9px 20px;
}

/*.scrollLeftSm, .scrollRightSm {
    float: right;
    z-index: 900;
    position: relative;
    cursor: pointer;
    margin: 2px 5px 0 0;
}*/

.scrollLeftSm {
    position: absolute;
    cursor: pointer;
    top: 120px;
    left: 10px;
    z-index: 2000;
}

.scrollRightSm {
    position: absolute;
    cursor: pointer;
    top: 120px;
    right: 10px;
    z-index: 2000;
}

