/* Responsive Styles ======================================================== */      
@media screen and (max-width: 768px) {

	#header-main{
		padding:5px!important;
		height:80px!important;
		opacity: 1.0!important;
	}
	
	#header-main-welcome{
		padding:5px!important;
		height:80px!important;
	}
	
	.halfsize{
		width:100%!important;
	}
	
	.border-right-dotted{
		border:0 none!important;
	}
	
	
	.myvgm-landingpage-teaser{
		width:100%!important;
		float:none!important;
	}
	
	#layerslider_styler{
		padding-top:95px!important;
		width:100%!important;
	}
	
	#layerslider{
		height:1380px!important;
	}
	
	.ss_teaser{
		margin:10px!important;
		width:95%!important;
		height:400px!important;
	}
	
	.ss_teaser_1_inner_headline, .ss_teaser_2_inner_headline, .ss_teaser_3_inner_headline{
		width:85%!important;
	}


	.ipf_contact{
		width: 95%!important;
	}
	
	#nlSubmitToEntry{
		width:auto!important;
	}
	
	.xsunfloat{
		float:none!important;
	
	}
	
	.article_img{
		float:none!important;
		width:100%!important;
		border:1px solid #fff!important;
	}

	.article_text{
		float:none!important;
		width:100%!important;
		margin:0px!important;
	}
	
	.article_westing{
	}
	
	
	.article_text_ingreds{
		height:auto!important;
		line-height:15px!important;
		width:100%!important;
	}
	

	#page-content{
		width:100%!important;
		padding:0px!important;
		padding-top:100px!important;
	}

	.document-title{
		font-size:20px!important;
		line-height:27px!important;
		padding-left:10px!important;
		width:93%!important;
		font-weight:200!important;
	}
	
	.document-content{
		padding-left:10px!important;
		padding-right:15px!important;
	}
	
	#vgm_slogan_home{
		max-width:100%;
		display:none!important;
	}
	
	.sxnopadding{
		padding:0px!important;
	}
	
	
	
	.startpage_content_section{
		width:100%!important;
	}	
	
	.ifsu{
		margin-top:85px!important;
		z-index:1000!important;
	}
	
	.ifswc{
		margin-top:85px!important;
		z-index:1000!important;
	}
	
	
	#mobile_layout_content_left{
		display:none!important;
	}
	
	#mobile_layout_content_content{
		padding-left:0px!important;
		border:0 none!important;
		padding-right:0px!important;
	}
	
	

	.sxcart{
		background: url(/collection/images/shopping_basket.png) left top no-repeat;
		width:100px;
		height:100px;
		position:absolute;
		text-align:center;
		right:17px;
		top:35px;
		width:20px;
		height:20px;	
	}	

	.sxmenu{
		background: center center no-repeat #7BB032;
		background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 20px;
		left: 5px;	
	}
	
	
	#header-main .logo{
		background-size:155px!important;
		height:60px!important;
		width:170px!important;
		margin-top:1px!important;
		position:absolute;
		left:60px;
	}



	#header-main-welcome{
		padding:5px!important;
	}
	
	#header-main-welcome .logo{
		background-size:155px!important;
		height:60px!important;
		width:170px!important;
		margin-top:1px!important;
		position:absolute;
		left:60px;
	}
	
	
	.onepage-checkout-table-left input{
	    border: 1px solid #d8d8d8;
	    padding: 5px;
	    font-size: 14px!important;
	    margin-bottom: 3px!important;
	    width: 99%!important;
	}
	
	
	.onepage-checkout-table-left{
		float:none!important;
		width:100%!important;
		border:0px!important;
	}

	.onepage-checkout-table-right{
		float:none!important;
		width:100%!important;
		margin-top:20px;
	}
	
	.onepage-checkout-subheadline{
		margin-bottom:3px!important;
		font-size:15px!important;
		font-weight:700!important;
		color: #999!important;
	}
	

	.onepage-checkout-article-list-container .item .ximg{
		width:100%!important;
		float:none!important;
		margin-bottom:10px;
	}

	.onepage-checkout-article-list-container .item .xprc{
		text-align:left!important;
	}
	
	.onepage-checkout-article-list-container .item .xtitle{
		width:60%!important;
		margin-bottom:18px;
	}
	
	.sx_100p{
		width:100%!important;
	}
	
	
	#page-footer{
		height:400px!important;
	}
	
	#page-footer .page-footer-inner{      
		max-width:100%!important;
		width:100%!important;
		display: default!important;
	}

	#page-footer .sidemap a{
		font-size:16px!important;
		float:left!important;
		text-align:center!important;
		margin-bottom:15px!important; 
		width:100%!important;
	}
	
	.domore{
		float:none!important;
		width:100%!important;
	}
	
	.vtxt{
		max-width:300px!important;
	}

	.xscr{
		
	}
	
	.mydata-addresses-button{
		width:100%!important;
	}
	
	#inv_zip{
		width:95%!important;
	}

	#inv_city{
		width:95%!important;
	}


	#chg-pwd-submit{
		width:100%!important;
	}
	
	#mydata-chgpwd-errors{
		background-position: 3px 7px!important;
	}
	
	.mone {
 	   display: none!important;
	}
	
	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	    color:    #999!important;
	}

	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color:    #999!important;
	}

	::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color:    #999!important;
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	    color:    #999!important;
	}
	
	#formErrors{
		max-width:230px!important;
	}
	
	.nfl{
		float:none!important;
	}
	
	.mnu{
		font-size:12px!important;
	}
	

	
	/* psc-defaults */
	
	
	.cr{
		width:100%!important;
		text-align:center;
		border-top:1px solid #efefef;
		font-size:10px;
		padding-top:10px;
		margin-top:1px!important;
	}

	.hiddenphone{
		display:none!important;
	}

	.hiddentablet{
		display:none!important;
	}
	
	.hiddendesktop{
		display:block!important;
	}
	
	
	.showphone{
		display:block!important;
	}

	.showtablet{
		display:block!important;
	}

	.showdesktop{
		display:block!important;
	}


}


::-webkit-input-placeholder { 
    color:    #fff;
}

:-moz-placeholder {
    color:    #fff;
}

::-moz-placeholder {
    color:    #fff;
}

:-ms-input-placeholder {
    color:    #fff;
}


#onepage-checkot-form ::-webkit-input-placeholder{ 
    color:    #999!important;
}

#onepage-checkot-form ::-moz-input-placeholder{ 
    color:    #999!important;
}

#onepage-checkot-form :-moz-input-placeholder{ 
    color:    #999!important;
}

#onepage-checkot-form ::-ms-input-placeholder{ 
    color:    #999!important;
}



#pwd_current::-webkit-input-placeholder { 
    color:    #999!important;
}

#pwd_current::-moz-input-placeholder { 
    color:    #999!important;
}

#pwd_current:-moz-input-placeholder { 
    color:    #999!important;
}

#pwd_current::-ms-input-placeholder { 
    color:    #999!important;
}


#pwd_new::-webkit-input-placeholder { 
    color:    #999!important;
}

#pwd_new::-moz-input-placeholder { 
    color:    #999!important;
}

#pwd_new:-moz-input-placeholder { 
    color:    #999!important;
}

#pwd_new::-ms-input-placeholder { 
    color:    #999!important;
}




#vote_cr::-webkit-input-placeholder { 
    color:    #999!important;
}

#vote_cr::-moz-input-placeholder { 
    color:    #999!important;
}

#vote_cr:-moz-input-placeholder { 
    color:    #999!important;
}

#vote_cr::-ms-input-placeholder { 
    color:    #999!important;
}




#pwd_new_confirm::-webkit-input-placeholder { 
    color:    #999!important;
}

#pwd_new_confirm::-moz-input-placeholder { 
    color:    #999!important;
}

#pwd_new_confirm:-moz-input-placeholder { 
    color:    #999!important;
}

#pwd_new_confirm::-ms-input-placeholder { 
    color:    #999!important;
}


#del_address_error{
	border:1px solid #cc0000;
	color: #cc0000;
	background: url(/collection/images/warning.png) 5px 50% no-repeat;
	padding:8px;
	padding-left:23px;
	display:inline;
	font-weight:bold;
	display:none
}





/* Include Fonts =========================================================== */      
@font-face {
	font-family: 'roboto-bold';
	src: url('../fonts/Roboto-Bold.eot?') format('eot'), 
	     url('../fonts/Roboto-Bold.woff') format('woff'), 
	     url('../fonts/Roboto-Bold.ttf')  format('truetype'),
	     url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
}
@font-face {
	font-family: 'roboto-light';
	src: url('../fonts/Roboto-Light.eot?') format('eot'), 
	     url('../fonts/Roboto-Light.woff') format('woff'), 
	     url('../fonts/Roboto-Light.ttf')  format('truetype'),
	     url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
}
@font-face {
	font-family: 'roboto-medium';
	src: url('../fonts/Roboto-Medium.eot?') format('eot'), 
	     url('../fonts/Roboto-Medium.woff') format('woff'), 
	     url('../fonts/Roboto-Medium.ttf')  format('truetype'),
	     url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
}
  
/* Global properties ======================================================== */      
html {width:100%;}           
a:active {  outline:none; }      
:focus {  -moz-outline-style: none; }     
a {color: #7BB032; text-decoration:none; outline:none;}      
a:hover {text-decoration:underline;}      
.clear {clear:both; width:100%; line-height:0; font-size:0;}     

textarea:focus,
select:focus,
input[type=submit]:focus,
input[type=button]:focus,
input[type=text]:focus,
input[type=password]:focus { outline: 0 none; }

body {
    font-family: 'roboto-light', Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#272727;
	padding:0 0px;
	font-size:12px;
	margin: 0 0px;
	height:100%;
	width:100%;
	cursor: default;
	background:#fff;
	-webkit-text-size-adjust: none;
}



.btnPageUp{
	clear:both;
	width:51px;
	height:51px;
	background: url(../images/totop.png) 0px -51px no-repeat;
	position: fixed;
	right:20px;
	top:80%;
	display:none;
}

.btnPageUp:hover{
	background: url(../images/totop.png) 0px 0px no-repeat;
}

/* defaults *************************************************************************/



.hiddendesktop{
	display:none;
}


.ifsu{
	background: transparent url(../images/header-shader-float.png) left top repeat-x;
	height:50px;
	width:100%;
	position:fixed;
	margin-top:170px;
	z-index:998;
}
.ifswc{
	background: transparent url(../images/header-shader-float.png) left top repeat-x;
	height:50px;
	width:100%;
	position:fixed;
	margin-top:170px;
	z-index:12010;
	display:none;
}


#header-main {
	width:100%; 	
	padding:0;
	position:relative;
	height:170px;
	position:fixed;
	z-index:999;
	background:#fff;
}
#header-main-inner{
	width:980px;
	height:100%;
	margin:auto;
}
#header-main-inner .logo{
	background: url(../images/veggieman-logo-left-top.png) left top no-repeat;
	background-size:80%;
	height:120px;
	width:291px;
	float:left;
	margin-top:15px;
}

#header-main-inner .menuarea{
	float:right;
	text-align: left;
	height:100%;
	width:680px;
}


#header-main-welcome{
	width:100%; 	
	padding:0;
	position:relative;
	height:170px;
	position:fixed;
	z-index:999;
	background: #fff;
}
#header-main-inner-welcome{
	width:980px;
	height:100%;
	margin:auto;
}
#header-main-inner-welcome .logo{
	background: url(../images/veggieman-logo-left-top.png) left top no-repeat;
	height:120px;
	width:291px;
	float:left;
	margin-top:15px;
}
#header-main-inner-welcome .menuarea{
	float:right;
	height:100%;
	text-align: left;
	width:680px;
}

#page-content{      
	position:relative;       
	width:980px;
	padding-top:200px;
	margin:auto;      
	font-size:15px;
	padding-bottom:50px;
}            
#page-content-welcome{
	position:relative;       
	width:100%;
	font-size:15px;
	padding-bottom:20px;
}            


.document-title{      
	font:33px 'roboto-light';       
	color:#7BB032;
	margin-bottom:30px; 
	font-weight:normal;
	line-height:42px;      
	text-transform:uppercase;
	margin-top:20px
}            

.document-content{      
	font:15px 'roboto-light';       
	color:#475258!important;      
	letter-spacing:0px!important;      
	line-height:22px!important;          
	padding-right:50px;
	margin-bottom:50px;
}            

.document-content a{      
	color:#7BB032;
	text-decoration:none;      
}            

.document-content a:hover{      
	color:#7BB032;
	text-decoration:underline;      
}

.defaultbutton {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight:bold;
	padding: 3px;
	background:
		-moz-linear-gradient(
		top,
		#7BB032 0%,
		#7BB032 71%,
		#7BB032 8%,
		#7BB032);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#7BB032),
		color-stop(0.71, #7BB032),
		color-stop(0.8, #7BB032),
		to(#7BB032));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0 none;
	-moz-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
	-webkit-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
	box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
	text-shadow:
		0px -2px 0px rgba(000,000,000,0),
		0px -2px 0px rgba(255,255,255,0);
}

.defaultbutton:hover {
	background: -moz-linear-gradient(
		top,
		 0%,
		#333333 71%,
		#333333 8%,
		#333333);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#333333),
		color-stop(0.71, #333333),
		color-stop(0.8, #333333),
		to(#333333));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px none;
	-moz-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
	-webkit-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
	box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
	text-shadow:
		0px -2px 0px rgba(000,000,000,0),
		0px -2px 0px rgba(255,255,255,0);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


/* sidebar *****************************************************************************************************************************************/

.sidebar-tile{
	font:18px 'roboto-light';       
	color:#666;      
	font-weight:normal;
	margin-bottom:3px;
	padding:7px;
	padding-left:0px!important;
}            

.sidebar-tile:hover{
	font:18px 'roboto-light';       
	color:#7BB032;      
	font-weight:normal;
	background: url(../images/menu_arrow.png) 98% 51% no-repeat;
}            


.sidebar-tile-link{
	font:18px 'roboto-light';       
	color:#666;
	font-weight:normal;
}            

.sidebar-tile-link:hover{
	font:18px 'roboto-light';       
	font-weight:normal;
	color:#7BB032;      
	text-decoration:none!important;
}            


.sidebar-tile-link-selected{
}            
.sidebar-tile-link-selected:hover{
	text-decoration:none!important;
}            
.sidebar-tile-selected{
	font:18px 'roboto-light';       
	color:#7BB032!important;
	font-weight:normal;
	padding:7px;
	padding-left:0px!important;
	background: url(../images/menu_arrow.png) 98% 51% no-repeat;
}            


.cart-line{
	margin-top:50px;
	float:right;
	text-align:right;
}


.cart-line .fa{
	font-size:25px;
	color: #717273;
}



/* menu *******************************************************************************************************/
.menu-line{
	margin-top:102px;
}

#menu {
	list-style:none;
	background: transparent;
	float:right;
}

#menu li {
	color:#7BB032;
	float:left;
	display:block;
	text-align:left;
	position:relative;
	margin-left:15px;
	border:none;
	height:22px;
	text-transform: uppercase;
}



#header-main-inner-welcome #menu li a {
	font-family:'roboto-light', Arial, Helvetica, sans-serif;
	font-size:17px; 
	display:block;
	outline:0;
	border-bottom:5px solid transparent;
	text-decoration:none!important;
    -webkit-transition: all 0.2 linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#header-main-inner-welcome #menu li:hover a {
	color:#000;
	text-decoration:underline!none;
	border-bottom:5px solid #EF9316;
    -webkit-transition: all 0.2 linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


#menu li a {
	font-family:'roboto-light', Arial, Helvetica, sans-serif;
	font-size:19px; 
	color:#7BB032;
	display:block;
	outline:0;
	border-bottom:5px solid transparent;
	text-decoration:none!important;
    -webkit-transition: all 0.2 linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#menu li:hover a {
	color:#EF9316;
	text-decoration:underline!none;
	border-bottom:5px solid #EF9316;
    -webkit-transition: all 0.2 linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


#menu li .xselected {
	color:#EF9316;
	text-decoration:underline!none;
	border-bottom:5px solid #EF9316;
    -webkit-transition: all 0.2 linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#menu li .xselected:hover {
	color:#EF9316;
	text-decoration:underline!none;
	border-bottom:5px solid #7BB032;
    -webkit-transition: all 0.2 linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}







#menu li .drop {
	padding-right:12px;
	background: url(../images/menu-arrow.png) 100% 3px no-repeat;
}
#menu li:hover .drop {
	background: url(../images/menu-arrow.png) 100% 4px no-repeat;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	z-index:9999999;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid silver; 
	border-top:none;
	background:#fff;
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}


.dropdown_1column  {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
    -webkit-transition: all 0.3 linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
	color: #666;
}

.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}


.col_1:hover,.col_2:hover,.col_3:hover,.col_4:hover,.col_5:hover {	
	color: #7BB032; 
    -webkit-transition: all 0.1 linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}


#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
}

#menu h2 {
	font-size:15px;
	font-weight:bold;
	margin:6px 0 4px 0;
}
#menu h3 {
	font-size:13px;
	font-weight:400;
	padding-bottom:7px;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#666;
}
#menu li:hover div a:hover {
	color:#272727;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
	width:70px!important;
	height:70px!important;
}


.d_left {
	width:11px;
	float:left;
	background: #fff url(../images/bullet_csc_menu.png) no-repeat 50% 10px; 
}


#menu li .black_box {
	background-color:#fff;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
/*	border:1px solid silver; */
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

.header_quicklink_to_news{
	float:right;
	color: #fff;
	background: #7BB032 url(/collection/images/white-arrow-go-18x18.png) 93% 50% no-repeat;
	width:150px;
	font-size:15px;
	padding:5px;
	padding-left:10px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.header_quicklink_to_news:hover{
	background: #7BB032 url(/collection/images/white-arrow-go-18x18.png) 95% 50% no-repeat;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.header_quicklink_to_news a{ color: #fff; }
.header_quicklink_to_news a:hover{ text-decoration:none!important; }



#header_search_and_newslink_section{
	float:right;
	margin-bottom:12px;
	margin-top:11px;
}


#header_search_and_newslink_section .link{
	color:888;
	font-size:12px;
	font-family:'roboto-light', arial, tahoma, helvetica;
	border-right:1px solid #333;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	float:left;
	line-height:13px;
}

#header_search_and_newslink_section .link a{
	color:#888!important;
}




.page-search-field{
	border:1px solid #B0AFB1!important;
	width:150px;
	height:21px;
	background:#fff url(../images/s-glass.png) 5px 50% no-repeat;
	float:left;
	margin:3px;
}
#searchField{
	width:109px;
	margin-left:30px;
	height:19px;
	color: #666;
	border:0 none!important;
}


/* Wrapper for lightbox - image centering */
#lightwrap {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    cursor:-webkit-zoom-out;
    cursor:-moz-zoom-out;
    z-index:999;
}
/* overlay covering website */
#lightbg {
    position:fixed;
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255, 255, 255, .9);
}
#lightwrap img {position:absolute;display:none;}
#lightzoomed {opacity:0;}
#off-screen {position: fixed;right:100%;opacity: 0;}



img[rel="zoom"]{
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
}




/* Startpage Slider ******************************************************************************************************* */

.startpage_content_section{
	width:980px;
	margin:auto;
}

#layerslider * {
	font-weight: 300;
}

#layerslider {
	/* z-index: 1; */
	height:0px;
	/* background:#fff url(/cms/image/slider/vgm-slider-3.jpg) left top no-repeat; */
	background-size:cover;
}

#layerslider_styler{
	width:980px;
	margin:auto;
	padding-top:160px;
}	


/* footer *****************************************************************************************************************************************/


#page-pre-footer{
	background: #707173;
	height:75px;
	width:100%;
}

#page-pre-footer .inner{
	width:100%;
	width:980px;
	margin:auto;
	color: #fff;
	line-height:75px;
}

#page-pre-footer .inner a{
	color: #fff;
	font-size:15px;
	text-transform: uppercase;
}


#page-footer{
	width:100%;     
	line-height:40px;
}

#page-footer .inner{
	width:100%;
	width:980px;
	margin:auto;
}

#page-footer .inner .cr{
	width:50%;
	float:left;	
	font-weight: 700;
}

#page-footer .inner .links{
	width:50%;
	float:right;	
	text-align: right;
}

#page-footer .inner .links a{
	color: #000;
	font-weight: 700;
}

#page-footer .inner .links a:hover{
	color: #000;
}




#page-footer .headline{
	color: #000;
    font-family: 'roboto-bold', Arial, Helvetica, sans-serif;
	font-size:15px;	
}

#page-footer .cnt{
	margin-top:16px;

}


#page-footer .ccsd{
		height:100%;
		float:left;
		margin-right:70px;
}


#page-footer .ddcv{
		height:100%;
		float:left;
		margin-right:30px;
}

#page-footer .ddcv a{
    font-family: 'roboto-light', Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	line-height:25px;
}


#page-footer .sidemap a{
	color: #666;
    font-family: 'roboto-light', Arial, Helvetica, sans-serif;
	font-size:20px;
	float:left;
	margin-right:16px;
}



#page-footer .page-footer-inner a{
	color:#666;
}
#page-footer .page-footer-inner{      
    font-family: 'roboto-medium', Arial, Helvetica, sans-serif;
	color:#666!important;
	font-size:12px!important;
	width:980px;
	margin:auto;      
	overflow: hidden;      
	overflow: auto;            
	display: table;            
}

.soc_fb{
	width:31px;
	height:31px;
	background: url(../images/social-buttons-green.jpg) left top no-repeat;
	float:left;
	margin-left:1px;
}
.soc_fb:hover{background: url(../images/social-buttons-green.jpg) left -33px no-repeat;}


.soc_go{
	width:31px;
	height:31px;
	background: url(../images/social-buttons-green.jpg) -33px top no-repeat;
	float:left;
	margin-left:1px;
}
.soc_go:hover{background: url(../images/social-buttons-green.jpg) -33px -33px no-repeat;}


.soc_tw{
	width:31px;
	height:31px;
	background: url(../images/social-buttons-green.jpg) -66px top no-repeat;
	float:left;
	margin-left:1px;
}
.soc_tw:hover{background: url(../images/social-buttons-green.jpg) -66px -33px no-repeat;}


.soc_ml{
	width:31px;
	height:31px;
	background: url(../images/social-buttons-green.jpg) -99px top no-repeat;
	float:left;
	margin-left:1px;
}
.soc_ml:hover{background: url(../images/social-buttons-green.jpg) -99px -33px no-repeat;}



.newsletterabofield{
	border:1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	width:217px;
	background: #fff;
	padding:3px;
}

.newsletterabofield input{
	border:0 none;
	background: #fff!important;
	width:170px;
	font-size:15px;
    font-family: 'roboto-light', Arial, Helvetica, sans-serif;
	color:#999!important;
	
}


.newsletterabofield .img{
	width:26px;
	height:26px;
	background: url(../images/nl-submit-go.png) 0px 0px no-repeat;
    -webkit-transition: all 0.2 linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
	transition-duration: 2s;
	transition-delay: 2s;	
	transition-property: left;
}

.newsletterabofield .img:hover{
	background: url(../images/nl-submit-go.png) -26px 0px no-repeat;
    -webkit-transition: all 0.2 linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
	transition-duration: 2s;
	transition-delay: 2s;	
	transition-property: left;
}


.leftfloat{	float:left; }
.rightfloat{ float:right; }


#colem_1a_error{
	padding:8px;
	color: #cc0000;
	font-weight:bold;
	background: url(/collection/images/warning.png) 5px 50% no-repeat;
	margin-top:10px;
	text-align:left!important;
	padding-left:23px;
	visibility:hidden;
}

#css_go{
	display:none;
}




sup {
	vertical-align: baseline;
	font-size: 10px;
	position: relative;
	top: -0.4em;
}



/* ------------------------- adds by psc 2016-10-17 ----------------------------------- */

#page-footer-mobile{
	background: #999;
	width:100%;
	min-height:300px;
	text-align:center;
}

#page-footer-mobile .inner{
	padding: 30px 0px
}

#page-footer-mobile .inner a{
	color: #fff;
	line-height:35px;
	font-size:20px;
}

#page-footer-mobile .cr{
	background: #fff;
	margin: 20px 0px;
	color: #000;
	text-align:center;
}

.ops{
	 -moz-border-radius: 7px;
	 -webkit-border-radius: 7px;  
	 border-radius: 7px;
	 background: rgba(0, 0, 0, 0.76);
	 z-index:999999;
	 color:#fff;
	 font-size:8px;
	 line-height:auto;
	 text-align:center;
	 position:absolute;
	 top:-11px;
	 width:14px;
	 height:14px;
	 right:2px;
}


.mobileart{
	background:#76AC2F url(/collection/images/xs-logo-part-ups.png) center bottom no-repeat!important;
	height:55px!important;
    opacity: 1!important;
	position: initial!important;
}


.blockMenuGrayStyle{
		background: center center no-repeat #707173;
		background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 13px;
		left: 5px;	
}

.hidden-element{
	display:none;
}



.sx_selection_menu{
	top: 18px;
	left:77px;	
	position: absolute;
	max-width:200px;
	min-width:200px;
	width:200px;
}

.sx_selection_menu select{
	padding:6px;
	font-size:13px;
	color: #999;
	border: 0px!important;
	width:100%;
}

.sx_selection_menu select option{
	font-size:16px;
	line-height:25px;
}

.sxaccount_v1{
	position:absolute;
	text-align:center;
	right:50px;
	top:20px;
	width:25px;
	height:25px;	
	color: #fff;
	font-size:22px;
}


.sxsignout_v1{
	position:absolute;
	text-align:center;
	right:40px;
	top:24px;
	width:25px;
	height:25px;	
	color: #fff;
	font-size:15px;
}



.sxcart_v1{
	position:absolute;
	text-align:center;
	color: #fff;
	font-size:22px;
	right:7px;
	top:20px;
	width:35px;
	height:20px;	
}	

#xs-logo-upper-part{
	text-align:center;
}	


.xs-document-content{      
	font:15px 'roboto-light';       
	color:#475258!important;      
	letter-spacing:0px!important;      
	line-height:22px!important;  
	margin-top:10px;
}            



/* ------------------------- // adds by psc 2016-10-17 -------------------------------- */

/* ------------------------- adds by psc 2017-02-15 -------------------------------- */


.absHeader{
	background: #76AC2F;
	color: #fff;
	width:100%;
	line-height: 30px;
	font-size:12px;
}

.absHeader a{
	color: #fff;
	text-decoration: none;
}


.absHeader .inner{
	width:980px;
	height:100%;
	margin:auto;
	text-align: right;
}

.unveil{ 
    opacity: 0;
    transition: opacity .5s ease-in;
}


.ops_dt{
	 -moz-border-radius: 50%;
	 -webkit-border-radius: 50%;  
	 border-radius: 50%;
	 background:#cc0000;;
	 z-index:999999;
	 color:#fff;
	 font-size:9px;
	 line-height:auto;
	 text-align:center;
	 position: relative;
	 line-height:10px;
	 width:16px;
	 height:16px;
	 bottom:30px;
	 left:15px
}

.hcv{
	color: #76AC2F;
	font-size:12px;
}


.aporch{
	background: #76AC2F;;
	padding: 10px 5px;
	color: #fff;
	font-size:12px;
	width:30%;
	float:left;
	margin:5px;
}


.aporch:hover{
	background: #EF9316;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
	cursor:pointer;
}


/* ------------------------- // adds by psc 2017-02-15 -------------------------------- */