;* {
    padding:0;
    margin:0
}
body.about {
    background:#e6dada url('../imgs/about/background.jpg') no-repeat right bottom;
    background-attachment:fixed;
    background-size:cover
}
body.contact {
    background:url('../imgs/contact/background.jpg') no-repeat center 100px;
    background-size:cover;
    background-attachment:fixed
}

body.outlet {
	background: url('../imgs/outlet/background.jpg') no-repeat center 180px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center 180px;
    background-attachment: fixed;
}

body.coffee {
	background: url('../imgs/coffee/background.jpg') no-repeat center 180px;
	background-size: cover;
	background-attachment: fixed
}
nav.menu {
    width:100%;
    background-color:#0e1e61;
    height:45px;
    z-index:999;
    position:fixed;
    top:0
}
nav.menu.fixed {
    position:absolute;
    top:0
}
nav.menu ul {
    max-width:1000px;
    width: 95%;
    margin:0 auto;
    list-style-type:none
}
nav.menu ul li {
    margin-top:16px;
    float:right;
    font-family:'dinregular'
}
nav.menu ul li.seperator {
    margin-right:20px;
    margin-left:20px;
    color:#FFF
}
nav.menu ul li a {
    color:#FFF;
    font-family:'dinregular';
    text-transform:uppercase;
    text-decoration:none;
    font-size:12pt
}
nav.menu ul li a:hover, nav.menu ul li a.active {
    color:#c52a47
}
.centered_content {
    max-width:1000px;
    width: 95%;
    margin:0 auto
}
.clear {
    clear:both
}
#homepage {
    width:100%;
    height:100%
}
#homepage .brands {
    line-height:123px;
    height:123px;
    min-width: 829px;
    background:url('../imgs/homepage/brandsBg.png') repeat-x;
    width:100%;
    position:absolute;
    top:50%;
    margin-top:-61px;
    z-index:9999
}

#homepage .brands img {
    vertical-align:middle
}
#homepage .brands .logo_container {
    float:left;
    height:123px;
    line-height:123px
}
#homepage .brands .logo_container img {
    margin-top:15px
}
#homepage .brands .other_brands {
    float:right;
    height:123px;
    line-height:123px
}
#homepage .brands .other_brands .brand {
    margin-right:50px;
    height:100%;
    float:left;
    cursor:pointer;
    display:block
}
#homepage .brands .other_brands .brand:nth-child(1) {
    background:url('../imgs/homepage/brands/1.png') top left no-repeat;
    width:136px;
    margin-top:50px;
    height:39px
}
#homepage .brands .other_brands .brand:nth-child(1):hover {
    background:url('../imgs/general/brands/brand_1_active.png') top left no-repeat
}
#homepage .brands .other_brands .brand:nth-child(2) {
    background:url('../imgs/homepage/brands/2.png') top left no-repeat;
    width:119px;
    height:59px;
    margin-top:27px
}
#homepage .brands .other_brands .brand:nth-child(2):hover {
    background:url('../imgs/general/brands/brand_2_active.png') top left no-repeat
}
#homepage .brands .other_brands .brand:nth-child(3) {
    background:url('../imgs/homepage/brands/3.png') top left no-repeat;
    width:102px;
    height:60px;
    margin-top:27px
}
#homepage .brands .other_brands .brand:nth-child(3):hover {
    background:url('../imgs/general/brands/brand_3_active.png') top left no-repeat
}
#homepage .brands .other_brands .brand:nth-child(4) {
    margin-right:0;
    background:url('../imgs/homepage/brands/4.png') top left no-repeat;
    width:102px;
    height:52px;
    margin-top:36px
}
#homepage .brands .other_brands .brand:nth-child(4):hover {
    background:url('../imgs/general/brands/brand_4_active.png') top left no-repeat
}
#homepage .news {
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    width:100%;
    height:75px;
    padding-top:260px
}
#homepage .news .actual_content {
    min-height:75px;
    width:620px;
    background:rgba(255, 255, 255, .3);
    float:right;
    font-family:'dinregular';
    color:#CCC;
    font-size:16px
}
#homepage .news .actual_content h1 {
    float:left;
    padding-right:10px;
    color: #0e1e61;
    margin-right:10px;
    border-right:2px solid #F00;
    height:35px;
    padding-top:20px;
    margin-top:10px;
    margin-bottom:10px;
    padding-left:5px
}
#homepage .news .actual_content p {
    float:right;
    margin-right:10px;
    color: #FFFFFF;
    width:520px;
    margin-top:15px
}
.header_title {
    background:url('../imgs/general/header_title.png') no-repeat center center;
    max-width:1000px;
    width: 95%;
    margin:0 auto;
    text-align:center;
    color:#0e1e61;
    font-family: "Futura Std Condensed Light", 'lobster_twobold_italic';
    text-transform: regular;
    font-size:48px
}
.header_title.white {
    background:url('../imgs/general/white_header_title.png') no-repeat center center
}
.brands .header_title {
    color:#ccc
}
.header_subtitle {
    max-width: 1000px;
    width: 95%;
    margin:30px auto;
    text-align:center;
    color:#e4334f;
    font-family:'philosopherregular';
    font-size:25px
}
.header_subtitle .italic {
    font-family:'philosopheritalic'
}
.header_subtitle .bold {
    font-family:'philosopherbold'
}
.header_text {
    color:#666;
    font-family:'philosopherregular';
    text-align:center;
    max-width:1000px;
    width: 95%;
    margin:30px auto;
    font-size:18px;
    line-height:19px
}
.header_text p {
    margin-bottom:30px
}
.header_text p.italic {
    font-family:'philosopheritalic'
}
.header_text .bold {
    font-family:'philosopherbold'
}
.brands .header_text {
    color:#CCC
}
.brands_banner {
    width:100%;
    min-width: 780px;
    height:135px;
    position:fixed!important;
    top:45px;
    z-index:999
}
.brands_banner .logo {
    float:left
}
.brands_banner .logo img {
    margin-top:20px
}
.brands_banner .brands {
    line-height:135px
}
.brands_banner .brands a {
    display:block;
    margin-right:10%;
    float: right;
}
.brands_banner .brands a:nth-child(3) {
    background:url('../imgs/general/brands/brand_1.png') top left no-repeat;
    width:136px;
    margin-left: 0px;
    margin-top:50px;
    height:39px
}
.brands_banner .brands a:nth-child(3):hover, .brands_banner .brands a:nth-child(3).active {
    background:url('../imgs/general/brands/brand_1_active.png') top left no-repeat
}
.brands_banner .brands a:nth-child(2) {
    background:url('../imgs/general/brands/brand_2.png') top left no-repeat;
    width:119px;
    height:59px;
    margin-top:37px
}
.brands_banner .brands a:nth-child(2):hover, .brands_banner .brands a:nth-child(2).active {
    background:url('../imgs/general/brands/brand_2_active.png') top left no-repeat
}
.brands_banner .brands a:nth-child(1) {
    background:url('../imgs/general/brands/brand_3.png') top left no-repeat;
    width:102px;
    margin-right:0;
    height:60px;
    margin-top:42px
}
.brands_banner .brands a:nth-child(1):hover, .brands_banner .brands a:nth-child(1).active {
    background:url('../imgs/general/brands/brand_3_active.png') top left no-repeat
}
.content {
    padding-top:30px;
    min-height:500px;
    margin-top:170px
}
.backstretch img[src='imgs/outlet/background.jpg'] {
    margin-top:180px!important
}
.backstretch img[src='imgs/contact/background.png'], .backstretch img[src='imgs/coffee/background.jpg'] {
    margin-top:180px!important
}
.hidden {
    display:none
}
#about .columns .column {
    width: 30%;
    float:left;
    margin-right: 3%;
}
#about .columns .column:nth-child(3) {
    margin-right:0
}
#about .columns .column h1 {
    color:#0e1e61;
    font-size:21px;
    width:100%;
    border-bottom:5px solid #e4334f;
    font-family:'philosopherregular';
    text-transform:uppercase
}
#about .columns .column p {
    font-family:'philosopherregular';
    font-size:14px;
    color:#717171;
    margin-top:10px
}
.readmore {
    display:block;
    height:18px;
    width:68px;
    background-image:url('../imgs/general/readMore.png');
    float:right
}
.images {
    width: 80%;
    height:100px;
    position:relative;
    margin:30px auto
}
.images div {
    float:left;
    margin-right:5px
}
.images div img {
    width:110px;
    height:80px;
    border:2px solid #FFF
}
#brands {
    width:100%;
    overflow:hidden;
    padding-bottom:68px
}
#brands .allBrands {
    min-width:300%;
    overflow-x:hidden
}
#brands .brands {
    min-height:460px;
    float:left;
    width:33.333333333333336%
}
#brands .brands#brand_1 {
    background-color:#FFF;
    background-image:url('../imgs/brands/backgrounds/1.jpg');
    background-size:cover
}
#brands .brands#brand_2 {
    background-color:#FFF;
    background-image:url('../imgs/brands/backgrounds/2.png');
    background-position:center;
    background-size:cover
}
#brands .brands#brand_3 {
    background-color:#fbcff2;
    background-image:url('../imgs/brands/backgrounds/3.jpg');
    background-position:center;
    background-size:cover
}
#brands .brands .header {
    width:1000px;
    margin:0 auto;
    padding-bottom:25px;
    padding-top:35px;
    margin-bottom:10px;
    border-bottom:1px solid #333;
    text-align:center
}
#brands .brands .header a {
    display:block;
    color:#e4334f;
    font-family:'philosopherregular';
    text-decoration:none;
    float:right;
    padding-bottom:5px
}
#brands .brands .text {
    font-family:'philosopherregular';
    text-align:center;
    line-height:1.1;
    font-size:18px;
    color:#333;
    padding-top:10px
}
@media only screen and (max-width: 1350px) {
    #brands .brands .text {
        padding:10px 80px
    }
}
#brands .brands ul.services {
    text-align:center;
    width:625px;
    margin:-20px auto
}
#brands .brands ul.services li {
    float:left;
    color:#1b2a69;
    font-size:18px;
    font-family:'philosopherregular'
}
#brands .brands ul.services li.seperator {
    margin-right:25px;
    margin-left:25px
}
#coffee {
    padding-bottom:150px
}
#coffee .scrollingHotSpotRightVisible {
    background-image:url('../imgs/general/redRightArrow.png');
    margin-top:17px!important
}
#coffee .scrollingHotSpotLeftVisible {
    background-image:url('../imgs/general/redLeftArrow.png');
    margin-top:19px!important
}
#coffee .text {
    text-align:center
}
#coffee .text .cbon {
    margin-top:20px;
    margin-bottom:20px
}
#coffee .text p {
    font-family:'philosopherregular';
    color:#333;
    font-size:18px;
    line-height:1.2;
    margin-bottom:25px
}
#coffee .text p.paddinged {
    margin-top:30px
}
#coffee .text p .red {
    color:#c52a47
}
#coffee .text p .italic {
    font-family:'philosopheritalic'
}
#coffee .text ul {
    float:left;
    font-family:Arial, Sans, Tahoma;
    color:#c52d49;
    font-size:14px;
    margin-right:150px;
    text-align:left;
    line-height:3
}
#coffee .text ul img {
    margin-right:20px
}
#outlet {
    text-align:center;
    padding-bottom:80px
}
#outlet .scrollingHotSpotRightVisible {
    background-image:url('../imgs/general/redRightArrow.png');
    margin-top:17px!important
}
#outlet .scrollingHotSpotLeftVisible {
    background-image:url('../imgs/general/redLeftArrow.png');
    margin-top:19px!important
}
#outlet .judi {
    margin-top:20px
}
#outlet ul {
    font-family:Arial, Sans, Tahoma;
    color:#c52d49;
    font-size:14px;
    margin-right:150px;
    text-align:left;
    line-height:3
}
#outlet ul img {
    margin-right:20px
}
#contact .columns h1 {
    font-family:'philosopherregular';
    font-size:18px;
    color:#0e1e61;
    padding-top:15px
}
#contact .columns ul {
    margin-top:30px;
    line-height:2;
    float:left
}
#contact .columns ul li, #contact .columns .error, #contact .columns .success {
    font-family:Arial, Tahoma;
    font-size:14px;
    color:#717171
}
#contact .error, #contact .success {
    padding-bottom: 15px;
}
#contact .columns ul li img {
    margin-right:20px;
    margin-bottom:-2px;
    width:16px
}
#contact .columns ul li.last {
    margin-left:35px;
    margin-top:-10px
}
#contact .columns ul li.map img {
    margin-bottom:-11px
}
#contact .columns form {
    float:right;
    width: 70%;
}
#contact .columns form input[type=text] {
    width:31%;
    margin-right:2%;
    height:40px;
    text-indent:25px;
    border:1px solid #0e1e61;
    box-sizing: content-box;
}

#contact {
    min-width: 842px;
}

#contact .columns form input[type=text]:nth-child(3) {
    margin-right:0!important
}
#contact .columns form input[type=submit], #contact .columns form button {
    font-family:'philosopherregular';
    color:#0e1e61;
    border:1px solid #0e1e61;
    background:transparent;
    height:30px;
    padding-right:15px;
    padding-left:15px;
    font-size:14px;
    margin-top:15px;
    margin-right:10px
}
#contact .columns form textarea {
    border:1px solid #0e1e61;
    width:99%;
    height:103px;
    text-indent:25px;
    font-family:arial;
    margin-top:20px;
    padding-top:10px
}
.copyright {
    width:100%;
    font-family:'dinregular';
    color:#666;
    font-size:14px;
    margin-top:80px;
    margin-bottom:20px;
    z-index:9999
}
.copyright.homepage {
    color:#FFF;
    margin-top:-50px;
    position:absolute;
    bottom:0
}
.copyright.brands {
    margin-top:50px;
    padding-bottom:6px
}
.copyright.coffee {
    margin-top:50px
}
.copyright.outlet {
    padding-bottom:6px
}
.copyright .centered_content {
    text-align:right
}
.news-box {
    display: none;
}
.news-box:nth-child(2) {
    display: block;
}