/*///////////////////////////////////////////////
    Fonts
///////////////////////////////////////////////*/

/* @license
 * MyFonts Webfont Build ID 2631197, 2013-08-27T14:14:50-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Sackers Gothic Std Heavy by Monotype Imaging
 * URL: http://www.myfonts.com/fonts/mti/sackers-gothic/std-heavy/
 * Copyright: Copyright 1994, 2003 Monotype Imaging, Inc. All rights reserved.
 * Licensed pageviews: 500,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2631197
 * 
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/28261d");

  
@font-face {
    font-family: 'SackersGothicStd-Heavy';
    src: url('../fonts/28261D_0_0.eot');
    src: url('../fonts/28261D_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/28261D_0_0.woff') format('woff'), url('../fonts/28261D_0_0.ttf') format('truetype');
}
 

 @font-face {
    font-family:'ProximaNovaLight';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-light-webfont.woff') format('woff'), url('../fonts/proximanova-light-webfont.ttf') format('truetype'), url('../fonts/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'ProximaNovaRegular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-regular-webfont.woff') format('woff'), url('../fonts/proximanova-regular-webfont.ttf') format('truetype'), url('../fonts/proximanova-regular-webfont.svg#ProximaNovaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'ProximaNovaSemibold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-semibold-webfont.woff') format('woff'), url('../fonts/proximanova-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family:'SackersGothicStd-Heavy';
    src: url('../fonts/atsackersheavygothic-webfont.eot');
    src: url('../fonts/atsackersheavygothic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/atsackersheavygothic-webfont.woff') format('woff'), url('../fonts/atsackersheavygothic-webfont.ttf') format('truetype'), url('../fonts/atsackersheavygothic-webfont.svg#SackersGothicStd-Heavyheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
/*///////////////////////////////////////////////
    Base Styles
///////////////////////////////////////////////*/
 body {
    font-size: 15px;
    line-height: 1.462;
    font-family:"Times New Roman", Times, serif;
    color: #949599;
    min-width: 900px;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 1em 0;
    font-family:'ProximaNovaLight';
    color: #010101;
}
h1 {
    font-family:'ProximaNovaLight';
    font-size: 25px;
    letter-spacing: 4px;
    line-height: 1;
    margin: 0 0 0.5em 0;
    font-weight: normal;
    text-transform: uppercase;
}
h1.top {
    margin: 0 0 1.25em 0;
}
h1.full {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    border-bottom: 6px solid #F0F1F0;
    padding: 15px 0;
    margin-top: -55px;
    font-size: 25px;
    margin-bottom: 2%;
}
h2 {
    font-size: 1.75em;
    margin: 0 0 0.714em 0;
    font-weight: normal;
}
h3 {
    font-size: 1.375em;
    margin: 0 0 0.4em 0;
    font-weight: normal;
}
h4 {
    font-size: 1.125em;
    margin: 0 0 0.6em 0;
}

.newsList h4 {
    font-weight: normal;
    font-size: 1.125em;
    margin: 0 0 0.6em 0;
}
h5, h6 {
    font-size: 1em;
    margin: 0 0 0.8em 0;
}
p {
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.2;
}
a {
    text-decoration: none;
    color: #010101;
}
a:hover {
}
a:visited, a:active {
}
a:hover, a:active {
    outline: 0;
}
/*///////////////////////////////////////////////
    Layout Styles
///////////////////////////////////////////////*/
 #wrapper, .wrapper {
    width: 960px;
    margin: auto;
}
#header, #content, #footer {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    z-index: 1;
}
#header {
    background: #F0F1F0;
    text-align: center;
    padding-bottom: 0;
    z-index: 2;
    margin-bottom: 100px;
}
#content {
    display:static;
    float: none;
    margin: 0 auto;
    width: 80%;
    /*margin-left: 10%;*/
    padding: 2% 0;
    max-width: 1200px;
}
#content.homePanels {
    width: 84%;
    /*margin-left: 8%;*/
}
#footer {
    bottom: 0;
    left: 0;
    background: #F0F1F0;
    padding: 9px 2% 0px;
    width: 96%;
    z-index: 3;
    margin-top: 1.5%;
}
/*///////////////////////////////////////////////
    Site Styles
///////////////////////////////////////////////*/
 #header .logo {
    display: inline;
}
#nav {
    position: absolute;
    left: 0; top: 100px;
    background: #FFF;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
    border-bottom: 6px solid #F0F1F0;
}
#nav li {
    position: relative;
    display: inline;
    padding: 13px 3%;
    font-family:'ProximaNovaLight';
    font-size: 13px;
    letter-spacing: 2.5px;
}
#nav li.last {
    position: absolute;
    right: 1.5%;
    top: 7px;
    padding: 0;
    height: 28px;
    line-height: 28px;
    padding-right: 35px;
    padding-bottom: 8px;
    font-size: 12px;
}
#nav li.last i.plane {
    position: absolute;
    left: -45px;
    top: 0;
    background: url(../images/icons/nav_plane.png) no-repeat left center;
    width: 29px;
    height: 28px;
    z-index: 1;
}
@media only screen and (max-width: 980px) {
    #nav li.last {
        right: 1%;
    }
    #nav li.last i.plane {
        display: none !important;
    }
}
#nav li.last .dropdown {
    width: 86%;
    left: -2%;
}
#nav li.last .dropdown li {
    font-size: 12px;
}
#nav li.last a {
    position: relative;
    z-index: 2;
}
#nav li .dropdown {
    display: none;
    position: absolute;
    width: 120%;
    left: -10%;
    top: 100%;
    background: #F0F1F0;
    z-index: 5;
    padding: 5px 0;
}
#nav li .dropdown li {
    display: block;
    float: left;
    width: 92%;
    text-align: center;
    padding: 3px 0;
    letter-spacing: 1.5px;
    padding: 0 4%;
    margin: 4px 0 4px;
}
#nav li .dropdown .col li {
    line-height: 1.3;
    margin-bottom: 5px;
    margin-top: 0px;
}
#nav li .dropdown.products {
    display: none;
    width: 360px;
    left: -42%;
    padding: 20px 30px;
}
#nav li .dropdown.products form, .col-map #search-product-form {
    display: block;
    float: right;
    width: 60%;
    background: #FFF;
    border: 1px solid #000;
    margin: 15px 0 10px;
}
#nav li .dropdown.products .text, .col-map #search-product-form input[type="text"] {
    display: block;
    float: left;
    width: 80%;
    background: #FFF;
    border: 0px solid #231f20;
    color: #000;
    text-transform: uppercase;
    font-size: 10px;
    padding: 4px 5px 3px;
    outline: 0;
}
#nav li .dropdown.products input[type="submit"], .col-map #search-product-form input[type="submit"] {
    display: block;
    float: right;
    background: #231f20 url(../images/icons/search.png) no-repeat center center;
    color: #FFF;
    border: 0px solid #000;
    padding: 4px 5px 3px;
    text-indent: -9999px;
    width: 25px;
    height: 21px;
    line-height: 22px;
}
#nav li .dropdown.products .col {
    display: block;
    float: left;
    width: 41%;
}
#nav li .dropdown.products .col.alt {
    float: right;
}
#nav li .dropdown.products h2 {
    font-size: 15px;
    margin: 0 0 10px;
}
#nav li .dropdown.products .wrap {
    display: block;
    float: left;
    width: 100%;
    height: 300px;
    overflow: hidden;
}
/*#nav li .dropdown.products .wrap.hover a {
                    cursor:s-resize;
                }*/
 #nav li .dropdown.products ul {
    display: block;
    float: left;
    width: 100%;
    height: auto;
}
#nav li .dropdown.products ul li {
    display: block;
    float: left;
    width: 100%;
    padding: 0px 0;
}
#nav li .dropdown.products ul li a {
    display: block;
    float: left;
    width: 100%;
    text-align: left;
}
#nav li .dropdown.products ul li a:hover {
    color: #666;
}
#nav .notlisted {
    font-size: 0.9em;
    text-transform: none;
    line-height: 0.4em;
}
/*///////////////////////////////////////////////
    Homepage Styles
///////////////////////////////////////////////*/
 .homePanels h2 {
    width: 100%;
    font-size: 3.033em;
    font-family:'ProximaNovaLight';
    border-bottom: 1px dotted #949599;
    letter-spacing: 5px;
    line-height: 1;
    padding-bottom: 2.5%;
    margin-bottom: 0;
}
.homePanels h3 {
    font-size: 20px;
    letter-spacing: 2.5px;
}
.homePanel {
    display: block;
    float: left;
}
.homePanel.left {
    width: 23%;
    padding: 0 3% 0 0;
    border-right: 1px dotted #949599;
    margin-right: 3%;
}
.homePanel.left h2 {
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 15px;
}
	.homePanel.left h2.widget-title {
    	text-transform: none;
    	border-bottom: 0;
    	border-top: 0px dotted #949599;
    	padding-top: 5%;
    	padding-bottom: 0px;
    	margin-bottom: 0px;
    	font-size: 30px;
	}
	
.homePanel.right {
    float: left;
    width: 70%;
}
#newsList li, #socialNews li {
    display: block;
    float: left;
    width: 100%;
}
#newsList li h3 {
    margin-top: 4%;
    margin-bottom: 5px;
}

    #newsList aside h3 {
        margin-top: 4%;
        margin-bottom: -3px;
    }

    #newsList h4 {
        font-weight: normal;
        font-size: 1.125em;
        margin: 0 0 0.6em 0;
        letter-spacing: 2px;
    }

#newsList li .media-holder {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
#newsList li p:last-child {
    margin: 0;
}
#socialNews {
    width: 85%;
    margin: 5px 0 40px;
}
#socialNews .slides {
    display: block;
    float: left;
    width: 100% !important;
    overflow: hidden;
}
#socialNews .slides ul {
    width: 100% !important;
}
#socialNews li {
    width: 25%;
    margin-left: 4.5%;
    padding-left: 4.5%;
    /*margin-right: 2%;*/
    border-left: 1px dotted #949599;
    min-height: 220px;
}
#socialNews li.first {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    clear: both;
}
#socialNews li p.date {
    font-style:italic;
}
#socialNews li img.news-image {
    box-shadow: 5px 5px 4px #dad8d8;
    margin-bottom: 10px;
}
#socialNews li h3 {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 10px 0 4px;
    /*padding: 0 0 20px;*/
    /*border-bottom: 1px dotted #949599;*/
}
#socialNews li.bottom .date {
    padding-top: 20px;
    border-top: 1px dotted #949599;
}

#socialNews li.bottom h3 {
    border-bottom: 0px;
    margin-bottom: 0;
    padding-bottom: 0px;
}
#socialNews .pagination {
    position: absolute;
    left: 106%;
    bottom: -10px;
    width: 23%;
}
#socialNews .pagination a {
    display: block;
    float: left;
    margin-right: 10%;
    font-family:'ProximaNovaLight';
    color: #949599;
    font-size: 12px;
}
#socialNews .pagination a.active {
    color: #010101;
    text-decoration: underline;
}
#socialNews .pagination a:hover {
    text-decoration: underline;
}
#blogFeed {
    width: 55%;
}
#blogFeed h2 {
    padding-bottom: 2%;
    margin-bottom: 20px;
}
#blogFeed a.read-more, #newsList li a.read-more {
    font-family:'ProximaNovaRegular';
    font-size: 14px;
    letter-spacing: 1.8px;
}
	#newsList li a.read-more {
		display: block;
		float: left;
		margin-bottom: 10px;
		margin-top: -3px;
	}
#itemBlock {
    width: 40%;
    margin-left: 5%;
    margin-top: 60px;
}
#itemBlock img {
    display: block;
    float: left;
    margin-right: 7%;
}
#itemBlock h3 {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin:0 4% 2.5% 0;
}
#itemBlock .read-more {
    font-family:'ProximaNovaLight';
    letter-spacing: 1.8px;
}
@media only screen and (max-width: 1100px) {
    #blogFeed, #itemBlock {
        width: 100%;
    }
    #itemBlock {
        margin-left: 0;
        margin-top: 40px;
    }
}
/*///////////////////////////////////////////////
    Article Styles
///////////////////////////////////////////////*/
 #articleLeft {
    width: 21%;
    min-height: 1px;
    margin-right: 4%;
}
#articleLeft img {
    margin-bottom: 8%;
}
#articleRight {
    width: 70%;
}
#articleLeft, #articleRight {
    font-family:'ProximaNovaLight';
    letter-spacing: 0.5px;
    font-size:14px;
}
#articleRight.article, #articleLeft.article {
    font-family:"Times New Roman", Times, serif;
    font-size:15px;
}
#articleRight .top {
    margin-bottom: 20px;
    color: #FFF;
}
#articleRight .top img {
    display: block;
    float: left;
    margin-right: 3%;
    width: 50%;
    min-width: 320px;
}
#articleRight .top strong {
    font-size: 34px;
    color: #010101;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 0px;
    line-height: 1.2;
}
#articleRight .top strong p {
    margin-left: 440px;
}
@media only screen and (max-width: 1100px) {
    #articleRight .top img {
        margin-right: 4%;
    }
    #articleRight .top strong {
        font-size: 30px
    }
}
#articleRight .expand {
    display: none;
}
#articleRight a.read-more {
    text-transform: uppercase;
    float: left;
    font-family:'ProximaNovaLight';
    font-size: 13px;
    letter-spacing: 2px;
}
#articleRight p strong {
    font-size: 18px;
    font-weight: normal;
}
#articleRight .social {
    margin-top: 17px;
    border-top: 1px solid #CCC;
    padding-top: 20px;
}
#articleRight .social .addthis_toolbox {
    display: block;
    float: left;
    width: 50%;
}
#articleRight .social .addthis_toolbox span {
    color: #010101;
    font-family:'ProximaNovaLight';
    font-size: 14px;
    float: left;
    margin-right: 15px;
    position: relative;
    top: 3px;
}
#articleRight .social .addthis_toolbox img {
    margin-right: 5px;
}
#articleRight .social a.next {
    text-transform: uppercase;
    float: right;
    font-family:'ProximaNovaLight';
    font-size: 15px;
    letter-spacing: 2px;
}
/*///////////////////////////////////////////////
    History Styles
///////////////////////////////////////////////*/
 #productDesc {
    width: 30%;
    margin-bottom: 20px;
    font-family:'ProximaNovaLight';
    line-height: 1.3;
    font-size: 12px;
}
#productDesc .order {
    margin-top: 15px;
}
#productImage {
    position: relative;
    float: right;
    width: 65%;
    margin-bottom: 20px;
}
#productImage .next_image {
    position: absolute;
    width: 26px;
    height: 29px;
    background: url(../images/icons/product_arrow.png) no-repeat 0 0;
    left: 109%;
    top: 45%;
    text-indent: -9999px;
    cursor: pointer;
    opacity: 0.8;
}
#productImage .next_image:hover {
    opacity: 1;
}
#productImage .previous_image {
    position: absolute;
    width: 26px;
    height: 29px;
    background: url(../images/icons/product_arrow-back.png) no-repeat 0 0;
    left: 102%;
    top: 45%;
    text-indent: -9999px;
    cursor: pointer;
    opacity: 0.8;
}
#productImage .previous_image:hover {
    opacity: 1;
}
a.order-item {
    display: block;
    float: left;
    width: auto;
    text-transform: uppercase;
    font-family:'ProximaNovaRegular';
    font-size: 11px;
    letter-spacing: 1px;
    background: #231F20;
    color: #FFF;
    padding: 4px 8px 3px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
a.order-item:hover {
    background: #393737;
}
h3#item-name {
    display: block;
    float: left;
    width: 100%;
    color: #010101;
    text-transform: uppercase;
    font-family:'ProximaNovaRegular';
    margin-top: 0px;
    margin-bottom: 7px;
    font-size: 14px;
    letter-spacing: 2px;
}
#productThumbsHolder {
    width:100%;
    height: 90px;
    padding: 20px;
    overflow: hidden;
}
.leftGradient, .rightGradient {
    position: absolute;
    width: 30px;
    height: 90px;
    z-index: 90;
}
.leftGradient {
    left: 0;
    background: url(/images/left_gradient.png) repeat-y;
}
.rightGradient {
    right: -40px;
    background: url(/images/right_gradient.png) repeat-y;
}
#productThumbs {
    padding-right: 30px;
    text-align: right;
    background-color: #fff;
    height: 90px;
}
#productThumbs li {
    width: 7.6%;
    width: 88px;
    height: 88px;
    background: #FFF;
    margin-left: 0.43%;
    margin-bottom: 5px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
@media only screen and (max-width: 1290px) {
    #productThumbs li {
        margin-left: 0.3%;
    }
}
@media only screen and (max-width: 980px) {
    #productThumbs li {
        margin-left: 0.2%;
    }
}
#productThumbs li a {
    background: #FFF;
    color: #FFF;
    cursor: w-resize;
}
#productThumbs li img {
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-user-drag: none;
}
#productThumbs li:hover img, #productThumbs li.active img {
    opacity: 1;
}
#productThumbs li.first {
    margin-left: 0;
}
/*///////////////////////////////////////////////
    History Styles
///////////////////////////////////////////////*/
#differencePanels {
 	position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 1;
}
#differencePanels li {
    position: relative;
    display: block;
    float: left;
    width: 31%;
    margin: 0 0 1.5% 1.5%;
    background: #FFFFFF;
    text-align: center;
    font-family:'ProximaNovaRegular';
    text-transform: uppercase;
    color: #010101;
    font-size: 24px;
    letter-spacing: 3px;
    height: 199px;
    z-index: -1;
}
.ie9 #differencePanels li, .lt-ie9 #differencePanels li {
    height: 199px !important;
}
#differencePanels li a.fancybox {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: #FFF;
}
#differencePanels li .wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    z-index: 4;
}
.lt-ie8 #differencePanels li .wrap {
    position: relative;
    float: left;
    width: 100%;
    height: 199px;
}
.lt-ie8 #differencePanels li .wrap .face {
    display: block;
    float;
    left;
    width: 100%;
    height: 100%;
}
.lt-ie8 #differencePanels li .wrap .face.back {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%: height: 100%;
}
#differencePanels.transform li .wrap {
    -webkit-perspective: 100%;
    -moz-perspective: 100%;
    -o-perspective: 100%;
    perspective: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    -o-transform-origin:center center;
    transform-origin:center center;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform- 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
}
#differencePanels li.first {
    margin-left: 2%;
    clear: left;
}
#differencePanels .face {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #d6d6d6;
    background: #FFF;
    text-align: center;
}
#differencePanels.transform .face {
    position: relative;
    display: block;
    float: left;
}
#differencePanels .face h2 {
    position: relative;
    top: 43%;
    font-size: 20px;
    font-family:'SackersGothicStd-Heavy', 'ProximaNovaSemibold';
    letter-spacing: 3px;
}
@media only screen and (max-width: 1100px) {
    #differencePanels .face h2 {
        font-size: 17px;
    }
}
#differencePanels .face.front {
    z-index: 3;
}
#differencePanels .face.back {
    z-index: 2;
    display: none;
}
#differencePanels.transform .face {
    position: absolute;
    display: block;
    width: 100%: height: 100%;
    float: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
#differencePanels.transform .face.front {
    z-index: 3;
}
#differencePanels.transform .face.back {
    text-align: center;
    z-index: 4;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
#differencePanels.transform .face.back a {
    display: block;
    width: 100%: height: 100%;
    float: left;
}
#differencePanels.transform li .wrap.flip {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
p.stats {
    display: block;
    color: #010101;
    font-size: 17px;
    font-family:'ProximaNovaLight';
    margin: 25px 0 35px;
    letter-spacing: 1px;
}
p.stats span {
    font-family:'ProximaNovaLight';
    font-size: 25px;
}
.col {
    display: block;
    float: left;
    width: 35%;
    margin-right: 5%;
    padding-right: 5%;
    border-right: 1px dotted #949599;
}
.col.alt {
    padding: 0;
    border: 0;
}
.fancybox-wrap.what-difference {
    top: 24% !important;
}
.what-popup {
    position: relative;
    display: block;
    width: 1240px;
    height: 659px;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.fancybox-wrap.what-difference {
	    top: 13% !important;
	}
}

@media only screen and (max-width: 1300px) {
    .what-popup {
        width: 1100px;
        height: 585px;
    }
}
@media only screen and (max-width: 1150px) {
    .what-popup {
        width: 960px;
        height: 511px;
    }
}
@media only screen and (max-width: 1150px) {
    .what-popup {
        width: 960px;
        height: 511px;
    }
}
.fancybox-wrap, .fancybox-inner {
    min-width: 960px !important;
}
.what-popup .overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 70%;
    padding: 20px 15% 25px;
    text-align: center;
    z-index: 2;
    background: rgba(225, 225, 225, 0.6);
    color: #010101;
    text-transform: uppercase;
    margin-top: -500px;
}
.what-popup .overlay strong {
    font-size: 80px;
    font-family:'SackersGothicStd-Heavy', 'ProximaNovaSemibold';
    line-height: 1;
    letter-spacing: 12px;
    text-indent: -8px;
    text-transform: uppercase;
    margin-left: -4px;
}
.what-popup .overlay p {
    width: 83%;
    margin: 0 auto;
    text-transform: none;
    text-align: left;
    font-size: 20px;
    font-family:'ProximaNovaSemibold';
    letter-spacing: 1px;
}
/*///////////////////////////////////////////////
    Contact Styles
///////////////////////////////////////////////*/
 #contactLeft {
    margin-top: 4%;
    font-family:'ProximaNovaRegular';
    font-size: 20px;
    color: #010101;
}
#contactLeft ul {
    position: relative;
    top: 0;
    left: 0;
}
#contactLeft li {
    display: block;
    height: 40px;
}
#contactLeft li a {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 18px;
    color: #c5c7c5;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    cursor: pointer;
    text-indent: 10px;
    letter-spacing: 1.2px;
    position: relative;
    top: 6px;
}
#contactLeft li a:hover, #contactLeft li.active a {
    color: #010101;
}
#contactLeft li.active {
    background: url(../images/icons/tag.png) no-repeat left 0px;
}
#contactCenter {
    text-align: center;
    font-family:'ProximaNovaRegular';
    font-size: 20px;
    color: #010101;
    line-height: 1.8;
    letter-spacing: 3px;
    margin-top: 4%;
    text-transform: uppercase;
}
#contactCenter .vcard {
    display: none;
}
#contactCenter #london.vcard {
    display: block;
}
#contactImage {
    margin-top: 20px;
}
#contactImage img {
    position: relative;
    left: 70px;
    width: 106%;
    max-width: 200%;
}
/*///////////////////////////////////////////////
    Footer Styles
///////////////////////////////////////////////*/
 #footer.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
}
#footer ul {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 2%;
}
#footer ul li {
    display: inline;
    display: inline-block; /* Safari fix */   
    *display: inline;
    zoom: 1;
    font-family:'ProximaNovaLight';
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 0 15px;
}
#footer ul.social, #footer ul.details {
    float: right;
}

#footer .mtc, #footer .mtc a {
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: Arial, sans-serif;
    color: #555555;
}

#footer .mtc li:hover span {
    display: inline;
}

#footer .mtc a:hover strong {
    display: inline;
    color: #0F55C4;
}

#footer ul.social {
    margin: 0;
}
#footer ul.social li {
    display: block;
    float: left;
    padding: 0;
    text-indent: -9999px;
    height: 32px;
    background: url(../images/icons/footer_social.png) no-repeat 0 0;
    margin-left: 12px;
    position: relative;
    top: -2px;
    margin-bottom: -3px;
}
#footer ul.social li a {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
}
#footer ul.social li.twitter {
    width: 26px;
    background-position: 0 0;
}
#footer ul.social li.tumblr {
    width: 14px;
    background-position: -40px 0;
}
#footer ul.social li.youtube {
    width: 21px;
    background-position: -64px 0;
}
/*///////////////////////////////////////////////
    Form Styles
///////////////////////////////////////////////*/
 form .row {
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 2%;
}
form .row label {
    display: block;
    float: left;
}
form .row label {
    width: 30%;
}
form .row input, form .row textarea, form .row select {
    float: left;
    display: block;
}
input, textarea, select, label {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(boxsizing.htc);
    /* Box sizing polyfill for ie7/8 */
}
input[type="button"], input[type="submit"], input[type="image"], button {
    cursor: pointer;
    -webkit-appearance: none;
}
form .row .error {
    border: 1px solid #f33939;
}
.success, .error {
    background: #DFF0D8;
    color: #468847;
    border: 1px solid #D6E9C6;
    padding: 15px;
    border-radius: 5px;
    margin: 0 0 1em 0;
}
.success li, .error li {
    background: none;
    padding: 0;
    margin: 0;
}
.error {
    background: #F2DEDE;
    color: #B94A48;
    border: 1px solid #EED3D7;
}
.one_half {
    float:left;
    display:inline;
    width:49%;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    float:left;
    display:inline;
}
/*///////////////////////////////////////////////
    Helper Styles
///////////////////////////////////////////////*/
 .el {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}
.nav {
    margin: 0;
    padding: 0;
}
.nav li {
    display: inline;
}
/* Layout helper styles */
 .col_2, .col_3, .col_4, .col_5 {
    display: block;
    float: left;
}
.col_2 {
    width: 45%;
    margin-right: 10%;
}
.col_3 {
    width: 30%;
    margin-right: 5%;
}
.col_4 {
    width: 20%;
    margin-right: 6.66%;
}
.col_5 {
    width: 15%;
    margin-right: 6.25%;
}
.last {
    margin-right:0 !important;
}
/* end of Layout helper styles */
 .clear {
    clear:both;
}
img {
    max-width: 100%;
}
.left, .alignleft {
    float: left;
    display: block;
}
.right, .alignright {
    float: right;
    display: block;
}
#ascrail2000, #ascrail2000-hr {
    z-index: 9999 !important;
    width: 7px !important;
}
#ascrail2000 div {
    width: 100% !important;
    background-color: rgba(89, 89, 89, 0.75) !important;
}
#ascrail2000-hr {
    z-index: 9999 !important;
    height: 7px !important;
    bottom: 2px !important;
}
#ascrail2000-hr div {
    height: 100% !important;
    background-color: rgba(89, 89, 89, 0.75) !important;
}
#ascrail2000 div:hover, #ascrail2000-hr div:hover {
    background-color: rgba(89, 89, 89, 1) !important;
}
/*///////////////////////////////////////////////
    Credits Styles
///////////////////////////////////////////////*/
 #credits a:hover strong {
    color:#0F55C4;
}
.fancybox-nav span {
    background: url(../images/icons/product_arrow.png) no-repeat right center !important;
    right: -75px !important;
    visibility: visible !important;
}
.fancybox-nav.fancybox-prev span {
    background: url(../images/icons/product_arrow-back.png) no-repeat right center !important;
    left: -75px !important;
}
/**
 * Sitemap
 */
 #sitemap_title {
    text-align: center;
    margin-bottom: 2em;
    text-transform: uppercase;
    letter-spacing: 3px;
}
#sitemap_title a {
    font-size: 0.72em;
    margin-left: 1.2em;
    font-family:'ProximaNovaLight';
}
#sitemap_title a.active {
    border-bottom: 2px solid #ccc;
    padding-bottom: 4px;
}
.col-map {
    display: block;
    float: left;
    width: 20%;
    margin-right: 6.666%;
    border:0;
}
.col-map ul {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-family:'ProximaNovaRegular', sans-serif;
    line-height: 1.7em;
    letter-spacing: 3px;
}
.col-map li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.nonbranded {
    display: none;
}
.col-map.alt {
    margin-right: 0;
}
.col-map .products {
}
.col-map .products a {
    float: left;
    display: block;
    padding: 10px;
}
.col-map .products a:hover {
    background-color: #eee;
}
.col-map .extra {
    padding: 10px;
}
.col-map .products h3, .col-map .extra h3 {
    display: block;
    float: left;
    font-size: 1.2em;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}
.col-map .product.first h3 {
    border-top: none;
    padding-top: 0;
}
.col-map .variations li {
    font-size: 0.86em;
    text-transform: uppercase;
}
.col-map .extra-items li {
    font-size: 0.86em;
    letter-spacing: 2px;
}
.col-map #search-product-form {
    width: 100%;
}
.col-map #newsletter-subscribe {
    display: block;
    float: right;
    width: 100%;
    background: #FFF;
    border: 1px solid #000;
    margin: 0;
}
.col-map #newsletter-subscribe input[type="text"] {
    display: block;
    float: left;
    width: 80%;
    background: #FFF;
    border: 0px solid #231f20;
    color: #000;
    text-transform: uppercase;
    font-size: 10px;
    padding: 3px 5px;
    outline: 0;
}
.col-map #newsletter-subscribe input[type="submit"] {
    display: block;
    float: right;
    background: #231f20;
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.8em;
    border: 0px solid #000;
    padding: 3px 5px;
    width: 25px;
    height: 20px;
}
/**
 * Newsletter signup
 */
 .newsletter_form form {
    width: 100%;
    margin: 0;
    display: inline-block;
}
.newsletter_form input[type="text"] {
    /*display: block;
        float: left;*/
    width: 83%;
    border: 1px solid #231f20 !important;
    border-width: 1px 0 1px 1px;
    color: #000;
    border: 0;
    padding: 3px 5px;
    outline: 0;
}
.newsletter_form input[type="submit"] {
    /*display: block;
        float: right;*/
    background: #231f20;
    color: #FFF;
    border: 1px solid #231f20 !important;
    border-width: 0 0 0 1px;
    padding: 3px 5px;
    text-transform: uppercase;
    /*width: 25px;
        height: 20px;*/
}
.fixed_header_full #content {
    padding-top: 175px
}
.fixed_header_full #header {
    position: fixed;
}
/*///////////////////////////////////////////////
        Blog Styles
    ///////////////////////////////////////////////*/
 #content.journal {
    width: 90%;
    max-width: 1500px;
}
#content.journal .col_3 {
    width: 21%;
    margin-right: 10%;
}
#journal #newsList, #journal #newsSingle {
    width: 38%;
}
#journal #newsList h2, #journal #newsSingle h2 {
    letter-spacing: 2px;
}
.widget_text {
    margin-bottom: 20px;
}
.widget_text h2 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    background: url(../images/icons/about.png) no-repeat 0 1px;
    padding-left: 24px;
    cursor: pointer;
    margin-left: -24px;
}
.widget_text h2.active {
    background: url(../images/icons/about.png) no-repeat 0 -21px;
}
.widget_categories h2 {
    display: none;
}
.widget_categories ul {
    margin: 0 0 120px;
    padding: 0;
}
.widget_categories ul li {
    display: block;
    margin: 0;
    padding: 0;
    font-family:'ProximaNovaLight';
    font-size: 20px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.widget_featured_post_widget h2 {
    text-transform: uppercase;
    letter-spacing: 3.5px;
}
#journal .widget_featured_post_widget .blog_post_title {
    display: none;
}
.widget_featured_post_widget p {
    font-size: 14px;
    font-family:"Times New Roman", Times, serif;
    padding-top: 5px;
}
.widget_featured_post_widget p a {
    color: #666;
}
.wpdt-archives {
    margin: 0;
    padding: 0;
}
.wpdt-archives div {
    margin-top: 5px;
}
.wpdt-archives div {
    font-size: 14px;
    letter-spacing: 2.5px;
    display: block;
    margin: 0;
    padding: 0;
    /*background: url(../images/icons/grey_arrow.png) no-repeat 0 2px;*/
    font-family:'ProximaNovaLight';
    color: #111;
}
.wpdt-archives div.dtNode {
    margin-bottom: 4px;
}
.wpdt-archives div div div div div.dtNode {
    margin-bottom: 0;
}
.wpdt-archives a.node {
    padding-left: 15px;
}
.wpdt-archives div.active {
    /*background: url(../images/icons/about.png) no-repeat 0 -21px;*/
}
.wpdt-archives div div div div div div a {
    /* (yeah, I know, wtf. Can't add a class to leaf nodes.) */
    font-size: 12px;
    letter-spacing: 1.5px;
}
#newsList {
    position: relative;
}
#newsList .wrap {
    position: relative;
    height: 100%;
    overflow-y: auto;
}
a.control {
    position: absolute;
    bottom: 20px;
    left: -35px;
    width: 12px;
    height: 12px;
    background: url(../images/icons/newslist_arrows.png) no-repeat 3px -22px;
    text-indent: -9999px;
    cursor: pointer;
    padding: 4px;
}
.no-js a.control {
    display: none;
}
a.up {
    bottom: 60px !important;
    background: url(../images/icons/newslist_arrows.png) no-repeat 4px 0 !important;
}
#newsList ul {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
#newsList ul li {
    display: block;
    float: left;
    width: 29.8%;
    margin: 0 0 5% 0;
    border-bottom: 1px dotted #333;
    padding-bottom: 5%;
    padding-left: 5%;
    margin-left: 1px;
}
#newsList ul li.first {
    padding-left: 0;
    clear: both;
    margin-left: 0
}
#newsList.article {
    font-family:'ProximaNovaLight';
}
#newsList.article .image {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
#newsList.article h2 {
    letter-spacing: 3px;
    margin-bottom: 10px;
}
#newsList.article .social strong, div.sharedaddy h3 {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
    color: #000;
    font-size: 1.2em;
}
#newsList .sharedaddy ul li {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.sd_content ul li {
    display: inline;
    float: left;
    width: 23%;
    margin: 0;
    border-bottom: 0;
    padding: 0;
}
.social a.order-item {
    float: right;
}
#journal img {
    height: auto;
    /* Prevents distortion as Wordpress sets dimensions elements */
}
span.nextpage, span.prevpage {
    float: right;
}
.prevpage {
    margin-right: 30px;
}
span.nextpage a, span.prevpage a {
    color: #999;
    font-weight: bold;
}
/* Hide smileyface */
 img#wpstats {
    width:0px;
    height:0px;
    overflow:hidden
}
/*///////////////////////////////////////////////
        end of Blog Styles
    ///////////////////////////////////////////////*/
 .mousetrap {
    cursor: move !important
}

.certification .stats {
    font-size: 14px;
}

.certification > div {
    font-family:'ProximaNovaLight';
    letter-spacing: 0.5px;
    line-height: 1.2em;
    font-size: 14px;
    width: 80%;
    clear: both;
    margin-top: 2em;
    min-height: 190px;
}

.certification div div {
    margin-left: 200px;
}

.certification div img {
    margin-right: 4em;
   /* -moz-box-shadow: 5px 5px 2px #7f7f7f;
    -webkit-box-shadow: 5px 5px 2px #7f7f7f;
    box-shadow: 5px 5px 2px #7f7f7f;*/
}


.fancybox-overlay-fixed, .fancybox-overlay {
	/*position: absolute !important;*/
}
body.home .fancybox-overlay {
	background: rgba(0,0,0,0.7);
}

#fancybox-overlay{z-index:9998 !important}
#fancybox-wrap{z-index:9998 !important}

.pin-it-button:active {
	background-position: 0 -40px;
}

.pin-it-button {
	background: url('/journal/wp-content/plugins/jetpack/modules/sharedaddy/images/pinit-button.png') 0 0 no-repeat;
	overflow: hidden;
	width: 40px;
	height: 17px;
	color: rgba(0,0,0,0);
	display: block;
}
#featured_post_widget-3 .sharedaddy ul {
    display: none;
}