﻿.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
body, html {
	height:100%;
}




/* Flex Slider Styles */
.flexslider {position: relative;zoom: 1;}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flex-control-nav {position: absolute; bottom: 4px; z-index: 10; right: 20px;}
.flex-control-nav li {
    margin: 0 3px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #969696; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #98c22a; }
.flex-control-paging li a.flex-active { background: #98c22a; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs ol {
    text-align: center;
}
.flex-control-thumbs li {
    width: 30%;
    margin: auto;
    padding: 4px;
    cursor: pointer;
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    -moz-box-shadow: 0 0 5px #bebebe;
    -webkit-box-shadow: 0 0 5px #bebebe;
    box-shadow: 0 0 5px #bebebe;
}
.flex-control-thumbs li:hover img {
    opacity: 1;
}
.flex-control-thumbs .active {
    opacity: 1;
    cursor: default;
}

.flex-control-thumbs li.video-link:before {
    display: block;
    position: absolute;
    width: 88px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    background: url(img/play-button-small.png) no-repeat center center;
    content: '';
    z-index: 999;
}
.slides li.product-video a:before {
    display: block;
    position: absolute;
    width: 294px;
    height: 294px;
    line-height: 294px;
    text-align: center;
    background: url("img/play-button-small.png") no-repeat center center;
    content: '';
    z-index: 999;
}

.hero-slider {
    display: block;
}

.shop-slider {
    display: block;
}


.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.flexslider .slides {
    zoom: 1;
}

.flex-viewport {
    max-height: 720px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.hero-slider .slides p {
    position: absolute;
    padding-bottom: 14px;
    font-size: 40px;
    color: #ff9966;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
    text-align: left;
	margin-top: -450px;
    margin-left: 80px;
    line-height: 120%;
}


.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    background: url("../images/bg_direction_nav.png") no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: 14px;
}

.flex-direction-nav .flex-prev {
    left: 14px;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity =30);
    cursor: default;
    display: none; /* Remove...maybe? */
}

.flexslider .price {
    font-family: Montserrat, sans-serif;
}




/* Home Page Styles */
.shop-slider {
    position: relative;
}

.hero-slider .light-bg p {
    color: #51514f;
}

.hero-slider-container {
    padding-bottom: 10px;
}

.shop-slider-container {
    padding-bottom: 0px;
}

.content {
    padding: 0 20px;
}

header {
    position: relative;
}

/* Home Page Header Message */
.home-content {
    padding-top: 35px;
}

#homeCTA {
    position: relative;
}

#homeCTA .call-to-action {
    width: 858px;
    background: #fff;
    position: absolute;
    left: 113px;
    top: -280px;
    text-align: center;
    z-index: 5;
}

.call-to-action img.or {
    background: url("img/bg_sprite_icons.png") no-repeat 50% -120px;
    width: 58px;
}

.home-message-wrapper {
    padding: 18px 50px 6px;
    background: #fff;
}

.home-message h2 {
    font-weight: normal;
    line-height: 130%;
    font-family: 'Montserrat', sans-serif;
    color: #7b746d;
    font-size: 15px;
    text-transform: none;
}



p#homeTagline,.tagline {
    font: italic 300 15px/60px 'MerriweatherLightItalic', serif;
    margin-bottom: 0;
}

p#homeTagline2 {
    font: italic 300 12px/160% 'MerriweatherLightItalic', serif;
    padding-left: 0;
    padding-top: 18px;
    margin-top: 0
}

p#homeTagline strong,p#homeTagline2 strong,.tagline strong {
    color: #111;
    font-style: normal;
    white-space: nowrap;
    font-family: 'MerriweatherBold', serif;
    font-size: 15px;
}

p#homeTagline img,p#homeTagline2 img,.tagline img {
    background: url("img/weil_signature.png") no-repeat 0 0;
    vertical-align: top;
    height: 70px;
    width: 152px;
}

p#homeTagline img,.tagline img {
    margin-top: 0
}


.home-feature {
    font: 300 13px/124% 'Merriweather', serif;
    text-align: center;
    min-height: 105px;
    background: #e1e1d1;
    padding: 10px 10px 24px;
    margin-bottom: 20px;
}


.home-features hr,.hr53{
    border: 0;
    height: 1px;
    background: #231F20;
    width: 53px;
    margin: 10px auto 12px;
}

.vertical-rule{
	border-right: solid 1px #77256d; 
	padding-right:20px; 
	height:100%;
}

.horizontal-rule{
	border-bottom: solid 1px #77256d;
}

.horizontal-ruleALT {
	border-bottom:none; 
}

.photo {
		margin-right:-34px
	}
	



@media (max-width: 786px) {

    .hero-slider .slides p {
        font-size: 16px;
        margin-top: -70%;
        margin-left: 15%;
		padding-top:10%;
        float: right;
        width: 75%;
        text-shadow:none;
    }
	
	
    .hero-slider .slides p em{
        font-size:13px;
    }
	
    #homeFinal {
        width:100%;
        margin:0;
    }
    #homeFinal .content {
        padding:0;
    }
    #homeFinal ul {
        margin: 30px 0 14px;
        width: auto;
    }
   
    
    .hero-slider-container {
        padding-bottom: 20px;
        margin-top: 0px
    }
	
	.shop-slider-container {
        padding-bottom: 0px;
        margin-top: 0px
    }
    

    
    /** Flexslider Overrides **/
    .flexslider .flex-next,
    .flexslider .flex-prev {
        opacity: 0.8;
    }
    

    #homeFinal {
        background: none;
        padding-top: 10px;
    }
    /* END crap to fix */
	
	
	.form {
  	padding-bottom: 20px;
  	color: #7fac2e;
  	border-color: #005492;
	
	}

 

}


@media (max-width: 600px) {

    .vertical-rule {
	border-right:none; 
	padding-right:0px; 
	height:100%;
	}
	
	.horizontal-rule {
	border-bottom:none; 
	}
	
	.horizontal-ruleALT{
	border-top: solid 1px #77256d;
	margin-top: 20px;
}
	

@media (max-width: 800px) {

    .photo {
		margin-right:0px
	}
	
	

 

}

