@charset "utf-8";
/* CSS Document */
header.resp{
	width:1000px;
	height:100%;
	overflow:hidden;
	padding:0;
}
main,
div#header,
nav{
	display:block;
	position:relative;
	width:960px;
	height: auto;
	overflow:hidden;
	margin:0 20px;
}
main{
	margin:0 auto;
	padding:20px;
}
section{
	width:100%;
	height: auto;
	margin:0 auto;
	padding:20px 0;
	overflow:hidden;
}
section section{
	padding:16px 0;
}
article{
	display: block;
    position: relative;
    height: 100%;
    overflow: hidden;
}
section h1,
article h1{
	 color: #000000;
    font-size: 1.75em;
    line-height: 1.2em;
	font-weight:bold;
	margin-top:0;
}
article.one-four h1{
    color: #000000;
    font-size: 1.5em;
    font-weight: lighter;
    line-height: 1.2em;
}
article p,
article ul{
	font-size:1.4em;
	line-height:1.4em;
	color:#333333;
}
article ul{
	padding:6px 0 6px 22px;
}
article.one-four{
	width: 98%;
    margin: 20px 0 0 0;
	float: left;
	background-color:#f2f2f2;
	padding:1%;
}
article.one-four:first-child{
    margin-left: 0;
}
article.one-four>img,
article.one-four .descr{
	width:30%;
	height:auto;
	margin-bottom:20px;
	float:left;
}
article.one-four .descr{
	margin-right:5%;
}

/* Colors */
.white{
	background-color:#FFFFFF;
}
/* End of colors */
/* Navigation */
nav a:hover,
nav a:focus{
	color:#FFF;
}
.header_line{
	position:relative;
	display:block;
	height:5px;
	overflow: hidden;
	float:none;
	clear:both;
}
.header_line img{
	width:140%;
	height:5px;
	margin: 0 0 0 -550px;
}
#logo.resp {
    border: none;
    float: left;
    height: 54px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    visibility: visible;
}
nav { 
	display: block;
	position: relative;
    height: 29px;  
    background: none;  
    font-size: 14px; 
    font-weight: bold;
	text-transform:uppercase;
    border: none;  
}  
nav ul {  
    padding: 0;  
    margin: 0 auto;  
    width:100%;  
    height: 24px;
    line-height: 24px;  
}

nav li {  
    display: block;  
    float: left; 
	padding: 0 24px;
}
nav li.active { 
}
nav li.correction{
	padding-left:26px;
	padding-right:0;
}
nav li a,
nav li a:link{ 
text-decoration:none;
}
nav li a.active,
nav li a.active:link{
	color:#FFF;
	cursor:text;
}
nav li:first-child {  
    display: inline;  
    float: left; 
	padding: 0 24px 0 0;
}
.nav_last{
	padding-left:0;
	padding-right:0;
	float:right;
}
nav a#pull {  
    display: none;  
} 
.clearfix:before,  
.clearfix:after {  
        content: " ";  
        display: table;  
    }  
.clearfix:after {  
        clear: both;  
    }  
.clearfix {  
        *zoom: 1;  
    }  
nav.top_right {
	width: 196px;
    height: 54px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right;
    visibility: visible;
	font-size:14px;
	line-height:14px;
    font-weight: normal;
	text-transform: lowercase;
	float:right;
	border: none;
}
nav.top_right ul {  
    padding: 6px 0;
	display:block;
    margin: 0;
	width: auto;
    height: auto; 	
	overflow: hidden;
	float:right;
}
nav.top_right ul li {
	display: inline;
	text-align:right;
	float: right;
	padding:0 10px 0 10px;
	border-right:solid #999999 thin;
}
nav.top_right ul li:first-child {
	padding:0 0 0 10px;
	border-right: none;
}

.header-slogan{
	width:582px;
	height:54px;
	position: relative;
	display:block;
	border:none;
	margin:0 0 0 20px;
	padding:0;
	float:left;
}
/* Popover Adjastments by Olga */
ol.quick_view{
	font-size:1.4em;
	padding: 0;
	margin:0;
	letter-spacing: normal;
	display:inline-block;
}
ol.quick_view .bigImages ul{
	padding:0;
}
ol.quick_view .example1 {
    background: none repeat scroll 0 0 #000000;
    box-shadow: 0 0 32px #666666;
    height: 424px;
    left: 50%;
    margin-left: -440px;
    position: fixed;
    top: 80px;
    width: 880px;
    z-index: 1000;
}
ol.quick_view .bigImages ul li{
    height: 400px;
    margin: 0;
    overflow: hidden;
	border:none;
	padding-bottom:0;
}
ol.quick_view .bigImages ul li img{
	margin:-50px 0 0 14px;
}
ol.quick_view .thumbnails {
    color: #FFFFFF;
    float: right;
    font-family: helvetica,"Lucida Grande","Lucida Sans Unicode",verdana,arial,sans-serif;
    padding: 8px 14px 0 0;
    position: relative;
    width: 296px;
}
ol .thumbnails ul li {
    border: 2px solid #FFFFFF;
    display: block;
    float: left;
    height: 50px;
    margin: 4px;
    width: 50px;
	padding:0;
	margin:0;
}
ol.quick_view  .popover a,
ol.quick_view  .popover a:link,
ol.quick_view  .popover a:visited,
.popover a,
.popover a:link,
.popover a:visited{
	color:#FFFFFF;
}
ol.quick_view  .popover a:hover,
ol.quick_view  .popover a:focus,
.popover a:hover,
.popover a:focus{
	color:#666666;
}

ol.quick_view li {
    font-weight: normal;
    list-style: none outside none;
    margin: 14px 0 0 0;
	padding: 0 0 14px 0;
	padding-left:0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
	border-bottom:dashed #999 thin;
}

ol .thumbnails>ul li {
	margin:4px;
}
ol.quick_view li a,
ol.quick_view li a:link,
ol.quick_view li a:visited {
    background-image: url("../images_vd/decor/Zoom_g.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #006699;
    line-height: 18px;
    padding: 0 20px 0 0;
    text-decoration: none;
}
ol.quick_view li a:hover,
ol.quick_view li a:focus{
	color:#00ccff;
}

/* End of Popover adjastments by Olga */
/* Multiple Choice Form */
form.multiple_choice{
	margin:26px 0;
	font-size:1.4em;
	line-height:1.4em;
	vertical-align:middle;
}
div.size{
	display: inline-block;
	width:60px;
	height:100%;
	overflow:hidden;
	line-height:100%;
	float:left;
	color:#000;
	font-weight:bold;
}
.size .am{
	font-size:1.6em;
	line-height:1.0em;
}
.size .metr{
	font-size:1.0em;
	font-weight:normal;
}
.multiple_choice input.qty{
	background-color: #FFFFFF;
    color: #000000;
    font-size: 1.4em;
    height: 34px;
    text-align: center;
    width: 42px;
	border: #333333 solid thin ;
    margin:0 0 0 7px;
    padding: 0;
}
.checkout,
.go_to{
	display:block;
	position:relative;
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 40px 0;
    vertical-align: middle;
}
.go_to{
	margin:0 20px;
}
.go_to a,
.go_to a:link,
.go_to a:visited{
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}
.go_to a:hover,
.go_to a:focus{
	color:#00ccff;
	text-decoration:none;
	font-weight:bold;
}
.multiple_choice input.sbm,
.checkout .sbm{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:6px 8px; /*add some padding to the inside of the button*/
margin:0 0 0 7px;
background:#006699; /*the colour of the button*/
border-bottom:1px solid #003366;
border-right:1px solid #003366;
border-top:1px solid #0099cc;
border-left:1px solid #0099cc;/*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
/*give the button a drop shadow*/
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0, .75);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0, .75);
box-shadow: 2px 2px 2px rgba(0,0,0, .75);
/*style the text*/
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
}
.checkout .sbm{
	margin:0 4px 0 0;
	padding:8px;
	background:#00cc66;
	border-bottom:1px solid #003300;
border-right:1px solid #003300;
border-top:1px solid #33ff99;
border-left:1px solid #33ff99;/*required or the default border for the browser will appear*/
}
.multiple_choice input.sbm:hover,
.multiple_choice input.sbm:focus{
background-color :#00ccff; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
text-decoration:none;
}
.checkout .sbm:hover,
.checkout .sbm:focus{
background-color :#006633; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
text-decoration:none;
border:none;
}
/* End of Multiple Choice Form */
body .ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.4em;
	line-height:1.6em;
	background-color:#000000;
	  -moz-box-shadow: 0 0 150px #000000;
  -webkit-box-shadow: 0 0 150px #000000;
	box-shadow: 0 0 150px #000000;
}
body .ui-dialog {
	padding:0;
}
body .ui-widget-content {
	color:#e2e2e2;
}
body .ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 #000000;
    border: 0 none;
    overflow: auto;
    padding: 0.5em 1em;
    position: relative;
}
.container,
footer,
#Footer {
    width: 960px !important;
	padding:20px;
	background-color:#FFFFFF;
}
footer,
#Footer{
	background-color:#000;
}
.container hr {
    margin: 20px 0 0 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
}
.container .videoPlayBox {
    width: 160px;
	margin-right:14px;
}
.container .videoPlayBox img {
    width: 160px !important;
    height: 110px !important;
}
.videoPlayBox a span.play {
    margin: -120px 10px 0 0 !important;
	height: 110px !important;
}
.shopping_cart{
float:right;
position:relative;
display:block;
width:30px;
height:30px;
margin-top:10px;
}
.shopping_cart a img,
#shopping_cart a:active img{
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.shopping_cart a:hover img,
.shopping_cart a:focus img{
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
/* Footer */
#footer,
#footer .container,
#footer .container .block{
	position:relative;
	display:block;
	height:100%;
	overflow:hidden;
    font-size: 14px;
    line-height: 24px;;
	background-color:#000;
}
#footer h3{
    font-size: 17px;
    font-weight: bold;
}
#footer a,
#footer a:visited
.side_menu a,
.side_menu a:visited{
	color:#FFF;
	text-decoration:none;
}
#footer a:hover,
#footer a:focus,
#footer a:active,
.side_menu a:hover,
.side_menu a:focus,
.side_menu a:active{
	color:#999999;
	text-decoration:none;
}
#footer .container{
	float:none;
	margin:0 20px 0 20px;
	width: auto !important;
	padding: 0;
	background-color:#000;
}
#footer #subscribe.container{
	margin:5px 0 0 0;
	padding:39px 0 28px 0 !important;
	background-image: url(../images_vd/decor/line1000x5_9.jpg);
	background-position: center bottom;
	background-repeat:no-repeat;
	background-color:#000000;
	border:0;
}
#footer .container hr,
hr{
	clear:both;
	border: 0;
    color: #333333;
    background-color: #333333;
    height: 1px;
}
#footer{
	margin: 0 auto;
	width: 1000px;
	padding:0 0 20px 0;
	background-image: url(../images_vd/decor/stripe_1000x5.png);
	background-position: center top;
	background-repeat:no-repeat;
	background-color:#000000;
	border:0;
}
#footer .container .block{
	width:29%;
	margin-left:3%;
	padding-left:2%;
	float:left;
	border-left: #333 solid 1px;
	margin-top:20px;
	margin-bottom:20px;
}
#footer .container .block:first-child{
	margin-left:0;
	border-left: none;
}
#footer .container .block ul.menu,
#footer #social-media.container ul,
.main_container_black ul.side_menu{
	padding-left:0;
}
#footer .container .block ul.menu li,
#footer  #social-media.container ul li,
.main_container_black ul.side_menu li{
	list-style:none;
	padding:10px 0;
}
#footer #subscribe.container .save_text{
	font-size:20px;
	font-weight:bold;
	margin-top:8px;
	float:left;
	margin-left:20px;
}
#footer #subscribe.container .subscribe_form{
	float:right;
}
#footer #copyright{
	font-size:12px;
	text-align:center;
	border-top: #333 solid 1px;
	padding-top:20px !important;
}
#footer  #social-media.container{
	text-align:center !important;
	vertical-align:middle;
	border-top: #333 solid 1px;
}
#footer  #social-media.container ul{
	display:inline-block;
	text-align:center;
}
#footer  #social-media.container ul li{
	display:inline-block;
	margin-left:30px;
}
#footer #social-media.container ul li:first-child{
	margin-left:0;
}
/* End of footer */
@media (min-width: 1200px){
.container,
footer,
#Footer{
    width: 960px !important;
}
}
@media screen and (max-width: 1199px) and (min-width: 1000px){
.container,
footer,
#Footer{
    width: 960px !important;
}
}
@media (max-width: 999px){
header.resp {
    width:100%;
}
main {
	width:100%;
    padding: 20px 0;
}
nav li,
.nav_last,
nav li.correction{
    padding: 0 2%;
	float:left;
}
.nav_last{
	padding-right:0;
}
nav li:first-child{
	padding:0 2% 0 0;
}
.shopping_cart {
	padding-right:2%;
}
.container,
footer,
#Footer{
    width: 96% !important;
	padding:20px 2% !important;
}
#footer{
    width: 100% !important;
}
#footer .container{
	width:auto !important;
	padding: 0 !important;
}
#footer #subscribe.container{
	text-align:center;
}
#footer #subscribe.container .save_text{
	margin-top:0;
	margin-left:0;
	margin-bottom:20px;
}
#footer #subscribe.container .subscribe_form{
	display:inline-block;
}
#footer #subscribe.container .save_text,
#footer #subscribe.container .subscribe_form{
	float:none;
	clear:both;
}
}
@media screen and (max-width: 992px){
main{
	width:96%;
	padding:2%;
}
/* Popover scale */
ol.quick_view .example1 {
    background: none repeat scroll 0 0 #000000;
    box-shadow: 0 0 32px #666666;
	width: 470px;
    height: 640px;
    left: 50%;
    margin-left: -235px;
    position: fixed;
    top: 30px;
    z-index: 1000;
}
ol.quick_view .bigImages {
    float: none;
	clear:both;
    margin: 3%;
    position: relative;
	display:block;
    width:94%;
	height: 330px;
}
ol.quick_view .vimeo,
ol.quick_view .youtube{
    background: none repeat scroll 0 0 #000000;
	width: 100% !important;
    height: 330px !important;
}
ol.quick_view .vimeo iframe,
ol.quick_view .youtube iframe{
    background: none repeat scroll 0 0 #000000;
	width: 100% !important;
    height: 100% !important;
}
article.one-four ol.quick_view img {
    height: auto;
    width: 45%;
}
ol.quick_view .bigImages ul li{
	width:100%;
	height:100%;
	margin: 0;
    overflow: hidden;
	border:none;
	padding-bottom:0;
}
ol.quick_view .bigImages ul li img{
	height: auto;
    width: 100%;
	margin:-30px 0 0 6px;
}
ol.quick_view .thumbnails {
    color: #FFFFFF;
    float: none;
	clear:both;
    font-family: helvetica,"Lucida Grande","Lucida Sans Unicode",verdana,arial,sans-serif;
    padding: 0 3%;
    position: relative;
    width: 94%;
}
ol .thumbnails ul{
	padding:0;
	margin:20px 0 0 0;
	float:left;
}
.learn_more{
	width:auto;
	float:left;
	margin:20px 20px 0 0;
}
ol .thumbnails ul li {
    border: 2px solid #FFFFFF;
    display: block;
    float: left;
    margin: 0 0 0 20px;
	padding:0;
}
ol .thumbnails ul li:first-child{
	margin:0;
}

ol.quick_view .thumbnails h3 {
    color: #CCCCCC;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding: 4px;
}
article.one-four ol.quick_view  .thumbnails  img {
    height: auto !important;
    width: 100% !important;
}
/* End of Popover scale */
.even{
		margin-left:0 !important;
	}
}
@media screen and (max-width: 800px){
nav li,
.nav_last,
nav li.correction{
    padding:0 1% 0 0;
}
nav li:first-child{
	padding:0 1% 0 0;
}
}
@media screen and (max-width: 992px) and (min-width: 768px){
header.resp {
    padding: 0;
    width: 100%;
	margin:0;
}
div#header,
nav{
	width:96%;
	height: auto;
	overflow:hidden;
	margin:0 2%;
}
nav{
	height:29px;
}
.header-slogan{
		display:none;
	}
nav li,
nav li.correction{  
    display: inline;  
    float: left; 
	font-size:96%;
	padding: 0 1.5%;
}
}
@media screen and (max-width: 991px) and (min-width: 321px){
	article.one-third>img{
		margin-right:4%;
}
}
@media screen and (max-width: 767px){
header.resp {
    padding: 0;
    width: 100%;
	margin: 0;
	text-align:center;
}
div#header,
nav{
	width:96%;
	height: auto;
	overflow:hidden;
	margin:0 2%;
}
.shopping_cart{
float:right;
position:relative;
display:block;
width:30px;
height:30px;
margin-top:10px;
margin-bottom:10px;
}
#logo.resp {
    border: none;
    float: left;
    height: 54px;
	width:160px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
	margin:0;
    visibility: visible;
}
}
@media screen and (max-width: 767px) and (min-width: 600px){
.header-slogan,
nav.top_right,
.header_line{
		display:none;
	}
nav li,
nav li:first-child,
nav li.correction,
.nav_last{  
    display: inline-block; 
	width:32.75%;
	height:40px;
	line-height:40px;
	text-align:center;
    float: left; 
	font-size:14px;
	padding:0;
	background-color:#333333;
	border:#000 solid thin;
}
}
@media screen and (max-width: 694px){
article.one-four .descr,
article.one-four img{
	width:47%;

}
article.one-four .descr.price{
	float:none;
	clear:both;
	width:100%;
	margin-left:20px;
}
}
@media screen and (max-width: 599px) and (min-width: 480px){
.header-slogan,
nav.top_right,
.header_line{
		display:none;
	}
nav li,
nav li:first-child,
nav li.correction,
.nav_last{  
    display: inline-block; 
	width:32.75%;
	height:40px;
	line-height:40px;
	text-align:center;
    float: left; 
	font-size:14px;
	padding:0;
	background-color:#333333;
	border:#000 solid thin;
}
}
@media screen and (max-width: 479px){
	/* Popover scale */
ol.quick_view .example1 {
    background: none repeat scroll 0 0 #000000;
    box-shadow: 0 0 32px #666666;
	width: 292px;
    height: 470px;
    left: 50%;
    margin-left: -146px;
    position: fixed;
    top: 20px;
    z-index: 1000;
}
ol.quick_view .bigImages {
    float: none;
	clear:both;
    margin: 3%;
    position: relative;
	display:block;
    width:94%;
	height: 186px;
}
ol.quick_view .vimeo,
ol.quick_view .youtube{
    background: none repeat scroll 0 0 #000000;
	width: 100% !important;
    height: 186px !important;
}
ol.quick_view .thumbnails h3 {
    color: #CCCCCC;
    font-size: 14px;
	line-height:16px;
}

.thumbnails p {
    clear: left;
    color: #CCCCCC;
    font-size: 11px;
    margin: 1px 0;
    padding: 0;
}
ol .thumbnails ul{
	padding:0;
	margin:12px 0 0 0;
	float:left;
}
.learn_more{
	width:auto;
	float:left;
	margin:12px 20px 0 0;
}

ol.quick_view .arrowButton .nextArrow {
    background: url("/popover_showcase/images/assets/next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 80px;
    position: absolute;
    right: 12px;
    top: 90px;
    width: 40px;
}

ol.quick_view .arrowButton .prevArrow {
    background: url("/popover_showcase/images/assets/prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 80px;
    left: 12px;
    position: absolute;
    top: 90px;
    width: 40px;
}
	/* End of popover scale */
div#header,
nav{
	width:96%;
	height: auto;
	overflow:hidden;
	margin:0 2%;
}
.header-slogan,
nav.top_right,
.header_line{
		display:none;
	}
nav li,
nav li:first-child,
nav li.correction,
.nav_last{  
    display: inline-block; 
	width:32.65%;
	height:40px;
	line-height:40px;
	text-align:center;
    float: left; 
	font-size:12px;
	padding:0;
	background-color:#333333;
	border:#000 solid thin;
}
nav {  
            border-bottom: 0;  
        }  
nav ul {  
            display: none;  
            height: auto;  
        } 
nav a,
nav a:link{
    display: inline-block;
    line-height: 40px;
    text-decoration: none;
	text-align:center
}
 nav a#pull {  
            display: block;  
            background-color: #000000;  
            width: 100%;  
            position: relative;  
        }  
nav a#pull:after {  
	background: url('/images_vd/decor/nav-icon.png') no-repeat;  
    content: "";
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 30px; 
        } 
article.one-four,
article.one-four:first-child,
article.one-third,
article.one-third:first-child{
	width: 100%;
    margin: 20px 2% 0 2%;
}
}
@media only screen and (max-width : 667px) {
#footer .container .block {
    width: 94%;
    margin-left: 0;
    padding-left: 3%;
	padding-right:3%;
    float: none;
	clear:both;
    border-left: none;
	text-align:center;
	border-top: #333 solid 1px;
}
#footer .container .block:first-child {
	border-top:none;
}
}
@media only screen and (max-width : 320px) { 
article.one-four .descr,
article.one-four img{
	width:100%;
	float:none;
	clear:both;
	width:100%;

}
}
@media only screen and (max-width : 320px) {  
nav li,
nav li:first-child,
nav li.correction,
.nav_last{  
    display: inline-block; 
	width:49%;
	height:40px;
	line-height:40px;
	text-align:center;
    float: left; 
	font-size:14px;
	padding:0;
	background-color:#333333;
	border:#000 solid thin;
}  
nav a,
nav a:link{
    display: inline-block;
    line-height: 40px;
    text-decoration: none;
	text-align:center
} 
article.one-four>img,
article.one-third>img{
	width:100%;
}
}