/*
 * @author ( Angie Radtke )
*/


/* ##########################  general  ########################### */

body
{
	font-family: arial, helvetica, sans-serif;
	background:#fff;
	color:#444
}

hca {
	font: normal small-caps bold 100% Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	color: #272d34:;
	font-variant: small-caps;
}


h3 {
	color: #555
}

h2 a {
	text-decoration: none
}

h2, .moduletable h3 {
	border-bottom: solid 1px #ddd;
}


.items-row h2
{border-top: solid 1px #ddd;
}




a:link,
a:visited
{
	color:#272d34;
}

a:hover,
a:active,
a:focus
{
	background:#272d34;
	color:#f6f1e5;
}

.vm-product-media-container a:link,a:hover,a:active,a:visited
{
color:#272d34;
text-decoration:none;
font-weight:normal; 
background-color:transparent;
}
}
.vm-product-media-container {
	background-color: black;
	background-position: inherit;
	border: thin #272d34 ridge;
	border-radius: 75px;
	margin: 0 50px 0 25px;
	max-width: 70%;
	outline-color: #ffffff;
	position: inherit;
	text-align: center;
	z-index:2;
}

/* ########################## ZOOM IN Picture  ##########################  */
.vm-product-media-container img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.vm-product-media-container:hover img {
	-webkit-transform: scale(2.0); /* Safari and Chrome */;
	-moz-transform: scale(2.0); /* Firefox */;
	-ms-transform: scale(2.0); /* IE 9 */;
	-o-transform: scale(2.0); /* Opera */;
	-transform: scale(2.0);
	

}
     

/* ##########################  logo  ########################### */

.logoheader
{
	color: #000;
	max-width: 1050px;
	max-height:100px;
	margin: -15px 100px auto auto ;
		min-height: 10px;
			margin-bottom: 0;
	border-radius: 25px;
	float: right;
}
.logoheader h1#logo
{padding:20px 10px 0px 10px; }
.logoheader h1#logo  span.header1 {padding:0}

/* ##########################  header  ########################### */

#all {padding-top:5em}
#line { position:relative; max-width:1050px; margin:0 auto; text-align:right; right:0;  top:0em}
#header
{
	background: #f7f5d4;
/* Old browsers */background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f1e5", endColorstr="#f7f5d4 ");
	background: -moz-linear-gradient(top, #004746 0%, #f6f1e5 25%, #f7f5d4 18%); /* FF3.6+ */;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004746), color-stop(25%,#0a5e69), color-stop(18%,#185359)); /* Chrome,Safari4+ */;
	background: -webkit-linear-gradient(top, #004746 0%,#f6f1e5 25%,#f7f5d4 18%); /* Chrome10+,Safari5.1+ */;
	background: -o-linear-gradient(top, #004746 0%,#f6f1e5 25%,#f7f5d4 18%); /* Opera 11.10+ */;
	background: -ms-linear-gradient(top, #004746 0%,#f6f1e5 25%,#f7f5d4 18%); /* IE10+ */;
	background: linear-gradient(top, #004746 0%,#f6f1e5 25%,#f7f5d4 18%); /* W3C */;
	position: fixed !important;
	left: 0;
	top: 0;
	width: 99.9%;
	padding: 0;
	z-index:1;
}
	
	
/* green background */
.button:hover, button:hover, p.readmore a:hover,
.pagenav a:hover, .pagenav a:active,  .pagenav a:focus,  #advanced-search-toggle:hover,  #advanced-search-toggle:active,  #advanced-search-toggle:focus,
.profile-edit a:hover, .profile-edit a:active, .profile-edit a:focus,
#fontsize a:hover,  #fontsize a:active,  #fontsize a:focus,#mobile_select h2 a
	{

	background-position: 0% 0%;
	color: #fff;
	/* Old browsers */


	background-color: hsl(165, 27%, 27%);
	 background-repeat: repeat-x;
	  border-color: #004746 #004746 hsl(165, 27%, 22.5%);
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#008885, #004746);
	background-attachment: scroll;
}

/* ++++++++++++++ header  menu ++++++++++++++ */

#header ul.menu
{
	border: 0;
	list-style-type: none;
	border-radius: 0;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
	position: absolute;
	top: 0;
	right: 10px;
}

#header ul.menu li
{
	border:0;

}
#header ul.menu a {
	box-shadow:none;
	border-bottom:0
	}
#header ul.menu li a:link,
#header ul.menu li a:visited
{
	color:#272d34;
	border:0;
	border-right:solid 1px #272d34;
	box-shadow: none;
	background:transparent;
	padding:10px ;
	display:inline-block
}
#header ul.menu li:first-child a {border-radius:0}
#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu li a:focus
{
	color:#f7f5d4;
	background:#272d34;
	padding:10px
}

#header ul li.active a:link,
#header ul li.active a:visited
{
	color:#f7f5d4;
	border-right:solid 1px #272d34;
	background:#272d34;
	padding: 10px  ;

}

#fontsize a , #fontsize h3 {color:#fff}
/*  grey background */
.button, button , p.readmore a ,
 .pagenav a:link, .pagenav a:visited, #advanced-search-toggle , .profile-edit a:link,.profile-edit a:visited,  h3.js_heading
 {
	background-color: #272d34;
	background-image: -moz-linear-gradient(center top, #f6f1e5, #272d34);
	background-repeat: repeat-x;
	border: solid 1px #272d34;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #f6f1e5;
	
}


/* ++++++++++++++++++++++  navigation  ++++++++++++++++++++++++++  */

.moduletable_menu {
	border: solid 1px #ddd;
	background: #f9f9f9;

}
#header ul.menu {
	border-color: #D5D5D5;
}

ul.menu a:hover,
ul.menu a:active,
ul.menu a:focus {
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6);
	background-repeat: repeat-x;
	background: url(../images/arrow.png) no-repeat right center;
	color: #004746;

}


/* ++++++++++++++++   highlightning active menuitem  +++++++++++++++++++ */

ul.menu li.active a,ul.menu  li.active ul li.active a,
ul.menu  li.active ul li.active  ul li.active a,
ul.menu  li.active ul li.active  ul li.active ul li.active  a ,
ul.menu  li.active ul li.active  ul li.active ul li.active ul li.active a
{font-weight:bold; }
ul.menu  li.active ul li a,
ul.menu  li.active ul li.active  ul li a,
ul.menu  li.active ul li.active  ul li.active ul li  a,
ul.menu  li.active ul li.active  ul li.active ul li.active ul li a
{font-weight:normal}

ul.menu a
{
	box-shadow:0 1px 0 #fff;
	border-bottom:solid 1px #ddd;

}

ul.menu ul a {
	background: #e5e5e5;
	margin-bottom:1px
}

ul.menu ul ul ul a {
	background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center;

}

ul.menu ul ul ul ul a {
	background: #fff;
}

/* +++++++++++++++++  content  +++++++++++++++ */


.article-info {
	background-color: #fbfbfb;
	background-repeat: repeat-x;
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: 0 1px 0 #ffffff inset;
	background-image: linear-gradient(top, #ffffff, #f5f5f5);
}

ul.menu a:link,ul.menu a:visited {
	color: #444;
}


#footer-inner, #footer , #footer-outer {
	background: #f7f5d4;
}
#footer-sub {background:#f7f5d4;}
#footer {background:#f7f5d4; max-width:2048px; margin:0 auto; }
#footer a {color:#272d34}

.box1
{border-right:solid 1px #ccc}
.box3
{border-left:solid 1px #ccc}
.box4
{border-right:solid 1px #ccc;
border-left:solid 1px #ccc;}

#bottom  ul li a
{background-image:none;
padding-left:0}

/* +++++++++++++++++++++++  SLIDER  ++++++++++++++++++++  */

.panel h3.pane-toggler a
{
	background: url(../images/slider_plus.png) right  top no-repeat;
	color:#333
}
.panel h3.pane-toggler-down a
{
	background: url(../images/slider_minus.png) right  top no-repeat;
	border-bottom:solid 1px #ddd;
	color:#333
}


/*  +++++++++++++++++   Checkout Button ++++++++++++++++++++++  */

.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
    background: #272d34 none repeat scroll 0 0;
    border: 1px solid ##272d34;
    border-radius:20px;
    color:  #f7f5d4;
    cursor: pointer;
    display: inline-block;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 6px 12px 3px;
    text-align: center;
    text-decoration: none;
}


/*  +++++++++++++++++   Tabs ++++++++++++++++++++++  */

ul.tabs li,
dl.tabs dt h3 a:link,
dl.tabs dt h3 a:visited
{
	background:#f5f5f5 url(../images/nature/box.png) repeat-x;

}
ul.tabs li a:link,
ul.tabs li a:visited,
dl.tabs dt a
{
	color:#333;
	border:solid 1px #ddd; border-bottom:0
}

ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus
{
	color:#000
}

.tabcontent, div.current
{
	background:#fff;
	color:#000;
	border:solid 1px #ddd;
}

.tabcontent .linkclosed
{
	color:#000;
	border-bottom:solid 1px #e5e5e5;
}

ul.tabs li a.linkopen,
dl.tabs dt.open  h3 a:link,
dl.tabs dt.open  h3 a:visited
{
	background:#fff;
	color:#333;
	border-radius: 5px 5px 0px 0px;
}

ul.tabs li a.linkclosed:hover,
ul.tabs li a.linkclosed:active,
ul.tabs li a.linkclosed:focus,
ul.tabs li a.linkopen:hover,
ul.tabs li a.linkopen:active,
ul.tabs li a.linkopen:focus
{
	background:#555;
	color:#fff
}


/* +++++++++++++++++  Pagination +++++++++++++++ */

.pagination span,
.pagination span  a:hover {
	color: #999999;
	background-color: #f5f5f5;
}

/* active item */
span.pagenav
{
background:#272d34;
color:#f6f1e5;
}

.pagination-start span.pagenav,
.pagination-prev  span.pagenav,
.pagination-end span.pagenav,
.pagination-next span.pagenav

{
background-color:#f6f1e5;
color:#272d34;
}

/* +++++++++++++  table display  Catgegories table, contact etc, ++++++++++++++++++++* */

table {border:solid 1px #ddd}
table th
 {
	background-color: #0A5E69;;
	color: #272d34;
}
table th a:link,
table th a:visited
{color:#fff}
tr.odd, tr.cat-list-row1 {background:#f8f8f8}
table  tr:hover td,
table tr:hover th {
  background-color: #FEFDE2;
}

/* responsive */
#mobile_select h2 {border:0; margin:-17px 0 0 0; padding:0; background:#004746;text-align:right}
#mobile_select h2 a {
display:inline-block;
font-size:1.0em;
border-radius:4px 4px 0 0;
padding:6px;
font-size:0.75em;
margin-right:5px;
}

@media only screen and (max-width: 480px) {

	  img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

	#fontsize{display:none}
	#nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,.box,#header form
		{
		float: none;
		width: 100%
	}
	#header {padding-top:3em; position:relative; margin:0; max-height:auto !important; }
	#header form  {margin:0}
	#all {padding-top:0}
	.logoheader {background:#004746 ; min-height:100px;margin:0 }
	.box {
		border-left: 0 !important;
		border-bottom: solid 1px #ddd;
	}
	#line {
		text-align: center;
		top: 0;
		right: auto;
		max-width: 100% ;
		min-width:100%;
		margin: 0 0px;
		background:#0A5E69;
		position:absolute
	}
	#header form input {
		float: none; margin-bottom:4px
	}
	#menuwrapper { margin-top:10px; background:#fff; padding:10px; width:97%}
	#header ul.menu {position:relative; top:0;left:20px; right:20px; margin:0; width:90%; border-radius:4px; text-align:left; border:0}
	#header ul.menu li:first-child a {border-radius: 4px 4px 0 0}
	#header ul.menu li:last-child a {border-radius:0 0 4px 4px }
	#header ul.menu li a:link,
	#header ul.menu li a:visited {
		display: block;
		padding: 6px 10px;
		border-right:0;
		border-bottom: solid 1px #ccc;
		background:#eee;
		color:#444
	}
	
	#wrapper2 {
    width :110%;
    max-width:110%;
    float: left;
    position: relative;
    padding-bottom: 20px;
}



}

@media only screen and (min-width: 600px) {

}

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 992px) {
}

@media only screen and (min-width: 1382px) { /* Styles */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) { /* Styles */
}