html, body {
	font-family: 'Arial', sans-serif;
	text-align: left;
	font-size: 14px;
	color: rgba(255,255,150,1);
	/*background : rgba(90,190,90,0.2);*/
	background : rgba(27,54,27,0.3);
	margin: 0px;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-highlight-color: #5D6A34;
	scrollbar-face-color: #5D6A34;
	scrollbar-shadow-color: #5D6A34;
	scrollbar-track-color: #EEEEEE;
	scrollbar-darkshadow-color: #FFFFFF;
}

@font-face {
    font-family: 'vivaldiitalic';
    src: url('vivaldii-webfont.eot');
    src: url('vivaldii-webfont.eot?#iefix') format('embedded-opentype'),
         url('vivaldii-webfont.woff2') format('woff2'),
         url('vivaldii-webfont.woff') format('woff'),
         url('vivaldii-webfont.ttf') format('truetype'),
         url('vivaldii-webfont.svg#vivaldiitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	height:100%;
	min-height: 100%;
}

body {
	min-height: 100%;
}

.search_icon {
	display: block;
	/*position: absolute;*/
	float: right;
	font-size: 24px;
	overflow: hidden;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}

#faq_search_field {
	display: block;
	float: left;
	width: 80% !important;
	margin-right: 10px;
}

.product_color {
	display: block;
	position: relative;
	float: left;
	width: 20px;
	height: 20px;
	background: rgba(0,0,0,0.8);
	margin: 2px;
	box-shadow: 5px 5px 25px #888;
  -moz-box-shadow: 5px 5px 25px #888;
  -webkit-box-shadow: 5px 5px 25px #888;
  opacity: 0.8;
}

.product_color:hover {
	transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  opacity: 1;
}

.searchcontainer{
	display: table;
	width: 96%;
}

.faq {
	font-size: 10px !important;
	padding: 0px;
	margin: 0px;
}
.lightbox {
	display: none;
}	

.collapse > * + *{
  display:none;
}

.collapse > *{
  cursor:pointer;
}

.collapse:focus{
  outline:none;
}
 
.collapse:focus > * + *{
  display:block; 
}

li {
	list-style-type: none;
}

#cf {
  position:relative;
  height: 400px;
  width: 400px;
}

#cf img {
  position:absolute;
  height: 100%;
  width: 100%;
  right: 0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

@keyframes cfFadeInOut {
	0% {
	  opacity:1;
	}
	40% {
	opacity:1;
	}
	60% {
	opacity:0;
	}
	100% {
	opacity:0;
	}
}

@-webkit-keyframes cfFadeInOut {
	0% {
	  opacity:1;
	}
	40% {
	opacity:1;
	}
	60% {
	opacity:0;
	}
	100% {
	opacity:0;
	}
}


#cf img.top {
	animation-name: cfFadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 4s;
	animation-direction: alternate;
	-webkit-animation-name: cfFadeInOut;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 4s;
	-webkit-animation-direction: alternate;
}

.dwl-button {
	width: 100px;
	display: block;
	float: left;
	font-size: 1.2em;
	color: #FFFFFF;
	font-family: 'arial', sans-serif;
	font-weight:normal;
	background-color: #000000;
	padding: 10px;
	margin: 5px;
	margin-right: 20px;
	margin-bottom: 8px;
	border: 0px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border-radius: 7px;
  -moz-border-radius: 7px;
 	-webkit-border-radius: 7px; 
	box-shadow: 5px 5px 25px #888;
  -moz-box-shadow: 5px 5px 25px #888;
  -webkit-box-shadow: 5px 5px 25px #888;
	transition: all 0.3s ease-in-out;
}

.dwl-wide {
	position: absolute;
	margin: 0px;
	bottom: 0px;
	left: 0px;
	width: 95.5%;
	text-align: center;
	opacity: 0.8;
	 border-radius: 0px;
	  -moz-border-radius: 0px;
	 	-webkit-border-radius: 0px; 
	font-family: "vivaldiitalic", "Arial", "Verdana", sans-serif;
	font-size: 18px;
	color: rgba(255,210,0,0.8);
}

.dwl-button:hover,
.dwl-button:focus {
  background-color: #5D6A34;
  opacity: 0.8;
}

.dwl-button a:link, 
.dwl-button a:hover, 
.dwl-button a:active, 
.dwl-button a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}

.dpt_fair {
	display: block;
	float: left;
	opacity: 0.8;
	font-size: 1.2em;
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-weight:normal;
	background-color: #5D6A34;
	padding: 10px;
	margin: 5px;
	margin-right: 20px;
	margin-bottom: 8px;
	border: 0px;
	text-align: left;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border-radius: 7px;
  -moz-border-radius: 7px;
 	-webkit-border-radius: 7px; 
	box-shadow: 5px 5px 25px #888;
  -moz-box-shadow: 5px 5px 25px #888;
  -webkit-box-shadow: 5px 5px 25px #888;
}

.news {
	display: table;
	padding-left:10px;
	text-align: left;
	width: 600px;
}

#map-canvas {
	width: 960px; 
	height: 400px;
}

.largeheader {
	display: block;
	width: 650px;
}

[data-title]{
	position: relative;
	text-align: center;
}
		
[data-title]:hover:after{
		background: #5D6A34;
		border-radius: 5px;
		bottom: 26px;
		color: #fff;
		content: attr(data-title);
		font-size:10px;
		left: 20%;
		padding: 7px;
		position: absolute;
		z-index: 98;
		width: 60px;
		box-shadow: 5px 5px 25px #DDD;
  	-moz-box-shadow: 5px 5px 25px #DDD;
  	-webkit-box-shadow: 5px 5px 25px #DDD;
}

[data-title]:hover:before{
		border: solid;
		border-color: #5D6A34 transparent;
		border-width: 6px 6px 0 6px;
		bottom: 20px;
		content: "";
		font-size:10px;
		left: 50%;
		position: absolute;
		z-index: 99;
}

#slider_container {
	padding: 0px;
	margin: 0px;
	width: 637px;
	height: 339px;
}

#slider_container:hover,
#slider_side:hover,
#slider_cat:hover {
	background-image: none !important;
	background-color: #5D6A34 !important;
}

#slider_container img:hover,
#slider_side img:hover,
#slider_cat img:hover {
	opacity: 0.9 !important;
}

.slider_side {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 312px;
	height: 339px;
}

#slider_cat {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 700px;
	height: 211px;
}

.no-a a:link,
.no-a a:visited,
.no-a a:focus,
.no-a a:active,
a.no-a:link ,
a.no-a:visited ,
a.no-a:focus ,
a.no-a:active  {
	background: transparent;
	text-decoration: none;
	border: 1px solid;
	outline: none;
	border: 0px;
}

.searchnav {
	display: table;
	margin-left: 0px 
	margin-right: 0px 
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	width: 95%;
	font-family: 'vivaldiitalic','arial','verdana', sans serif;
	font-size: 19px;
	color: rgba(255,210,0,0.8);
	background:rgba(0,0,0,0.3);
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px; 
 	border-radius: 5px;
}

.searchnav #product_count {
	display: table; 
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 0px;
	margin-top: 2px;
}

.searchnav .abut{
	display: table;
	float: left;
	background:rgba(0,0,0,0.3);
	font-size: 25px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	margin-right: 3px;
	color: rgba(255,255,255,0.9) !important;
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px; 
 	border-radius: 5px;
}

.cross-products-thumbnails {
	display: block;
	position: relative;
	float: left;
	margin: 5px;
	width: 120px;
}
.cross-products-thumbnails img {
	width: 99%;
	padding: 0px;
	opacity: 0.8;
}

h1 {
	font-family: "vivaldiitalic", "Arial", "Verdana", sans-serif;
	font-size: 45px;
	color: rgba(255,255,255,0.9);
	display: block;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h2 {
	font-family: "vivaldiitalic", "Arial", "Verdana", sans-serif;
	font-size: 33px;
	background: rgba(0,0,0,0.2);
	display: table;
	color: rgba(204,233,114,1);
	margin-bottom: 0px;
	padding-bottom: 0px;
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px; 
 	border-radius: 5px;
 	padding-left: 10px;
 	padding-right: 10px;
 	padding-bottom: 2px;
}
	
.thumbnail {
	display: block;
	float: left;
	width: 202px;
	min-height: 130px;
	margin:5px;
}

.gthumbnail {
	display: block;
	float: left;
	width: 152px;
	min-height: 152px;
	margin:5px;
}

.product-bigcategory {
	display: inline;
	width:140px;
	height: 20px;
	padding:5px;
	z-index: 1000;
	background-color: #FFE79E;
	color:#5D6A34;
	border-radius: 8px;
  -moz-border-radius: 8px;
 	-webkit-border-radius: 8px; 
}

.product-bigcategory:hover {
	background-color: #5D6A34;
	color: #FFFFFF;
	/* smooth rollovers */
  transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
	/*********************/
}

.product-disclaimer {
	width: 340px;
	float:right;
	font-size: 10px;
	margin-left: 10px;
	margin-top: 10px;
}

.product-bigdescription {
	margin-top: 20px;
	display: block;
	width: 330px;
	float: left;
}

.product-bigthumb {
	float: right;
	position: relative;
	display: block;
	width: 450px;
	height: 450px;
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	margin-bottom: 20px;	
}

.siennabrand{
	display: table;
	position: absolute;
	bottom: 50px;
	right: 5px;
	z-index: 100;
	font-family: 'vivaldiitalic','arial','verdana', sans serif;
	font-size: 18px;
	color: rgba(255,210,0,0.8);
	background: rgba(0,0,0,0.5);
	padding: 5px;
	 border-radius: 5px;
  -moz-border-radius: 5px;
 	-webkit-border-radius: 5px; 
}

.siennabrand:hover{
	opacity: 0.5;
}

.product-bigthumb a {
	cursor: pointer;
}
	
.product-bigthumb img{
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	opacity: 0.90 !important;
}

.product-bigthumb:hover,
.product-bigthumb:focus {
	box-shadow: 5px 5px 25px #AAA;
  -moz-box-shadow: 5px 5px 25px #AAA;
  -webkit-box-shadow: 5px 5px 25px #AAA;
}

.price-nav {
	width:100%;
	position: relative;
	display: table;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #5D6A34;
	 border-radius: 8px;
  -moz-border-radius: 8px;
 	-webkit-border-radius: 8px; 
 	color: #FFFFFF;
}

.stockcode {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 700;
	font-size: 10px;
	padding:5px;
	font-family: 'vivaldiitalic','arial','verdana', sans serif;
	font-size: 15px;
	color: rgba(255,255,255,0.8);
	background: rgba(0,0,0,0.8);
}

.bigstockcode {
	display: table;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 700;
	font-size: 10px;
	padding:5px;
	font-family: 'vivaldiitalic','arial','verdana', sans serif;
	font-size: 15px;
	color: rgba(255,255,255,0.8);
	background: rgba(0,0,0,0.8);
}

.price {
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	font-family: 'vivaldiitalic','arial','verdana', sans serif;
	font-size: 15px;
	color: rgba(255,255,255,1);
	background: rgba(128,128,128,1);
	padding: 5px;
	text-align: center;
	border-radius: 3px;
  -moz-border-radius: 3px;
 	-webkit-border-radius: 3px; 
	z-index: 600;
}

.state-list {
	display: table;
	margin-top:20px;
	width: 90%;
}
	
.state-button {
	display: block;
	position: relative;
	float: left;
	min-width: 50px;
	font-size: 12px;
	color: #FFFFFF;
	font-family: arial, sans-serif;
	font-weight:normal;
	background-color: #888;
	padding: 3px;
	margin: 5px;
	border: 0px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border-radius: 7px;
  -moz-border-radius: 7px;
 	-webkit-border-radius: 7px; 
}

.state-button span {
	font-size: 0.7em;
}

.state-button:hover {
	background-color: #5D6A34;
	box-shadow: 5px 5px 25px #888;
  -moz-box-shadow: 5px 5px 25px #888;
  -webkit-box-shadow: 5px 5px 25px #888;
  /* smooth rollovers */
  transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
	/*********************/
}

.selected-state{
	background-color: #5D6A34;
	box-shadow: 5px 5px 25px #888;
  -moz-box-shadow: 5px 5px 25px #888;
  -webkit-box-shadow: 5px 5px 25px #888;
}

.big-price {
	font-size: 20px;
}

.medium-price {
	font-size: 1.5em;
}

.discount-medium-price {
	font-size: 1.5em;
	font-style: italic;
	text-decoration:line-through;
}

.sprice {
	display: block;
	position: absolute;
	top: -5px;
	right: -5px;
	font-family: 'vivaldiitalic','arial','verdana', sans serif;
	font-size: 18px;
	color: rgba(255,255,255,1);
	background: rgba(128,128,128,1);
	padding: 5px;
	text-align: center;
	border-radius: 3px;
  -moz-border-radius: 3px;
 	-webkit-border-radius: 3px; 
	z-index: 600;
}


.discount {
	background-color: #FF0000 /*!important*/;
}

.search-thumb {
	position: relative;
	float: left;
	display: block;
	width: 300px;
	height: 300px;
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	/*background: rgba(255,255,255,0.5);*/
}

.collection-thumb {
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	width: 46%;
	margin: 0px;
	padding: 0px;
	margin-right: 2%;
	margin-bottom: 2%;
	border-radius: 20px;
  -moz-border-radius: 20px;
 	-webkit-border-radius: 20px; 
	/*background: rgba(255,255,255,0.5);*/
}

.collection-hero {
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-right: 2%;
	margin-bottom: 2%;
	border-radius: 20px;
  -moz-border-radius: 20px;
 	-webkit-border-radius: 20px; 
	/*background: rgba(255,255,255,0.5);*/
}


.search-thumb:hover,
.search-thumb:focus,
.collection-thumb:hover,
.collection-thumb:focus {
  box-shadow: 5px 5px 25px #BBB;
  -moz-box-shadow: 5px 5px 25px #BBB;
  -webkit-box-shadow: 5px 5px 25px #BBB;
}

.search-thumb img{
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	opacity: 0.90 !important;
}

.collection-thumb img{
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	opacity: 0.90 !important;
}

.collection-hero img{
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	opacity: 0.90 !important;
}

.search-thumb img:hover{
	opacity: 1 !important;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}


.search-thumb a:link, 
.search-thumb a:hover, 
.search-thumb a:active, 
.search-thumb a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	background: transparent;
}

.highlightit img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.highlightit:hover img {
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.seriesdesc {
	font-size: 15px;
	font-family: 'vivaldiitalic';
	font-weight: normal;
	display: block;
	width: 97%;
	text-align: left;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2%;
	position: absolute;
	bottom: 3px;
	left:0px;
	z-index: 600;
	color: rgba(255,255,255,0.8);
 	background: rgba(0,0,0,0.5);
}

.product-title {
	font-size: 15px;
	font-family: 'vivaldiitalic';
	font-weight: normal;
	display: block;
	width: 98%;
	text-align: left;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2%;
	position: absolute;
	bottom: 0px;
	left:0px;
	z-index: 600;
	color: rgba(255,255,255,0.8);
 	background: rgba(0,0,0,0.5);
}

.collection-title {
	font-size: 15px;
	font-family: 'vivaldiitalic';
	font-weight: normal;
	display: table;
	text-align: center;
	padding: 0px;
	padding: 2%;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 600;
	color: rgba(255,255,255,0.8);
 	background: rgba(0,0,0,0.5);
 	border-radius: 10px;
  -moz-border-radius: 10px;
 	-webkit-border-radius: 10px; 
}

.product-description {
	display: none;
}


.product-picture {
	display: block;
	max-width: 100%;
	max-height: 100%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.product-bigpicture {
	display: block;
	max-width: 100%;
	max-height: 100%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.product-category {
	display: block;
	font-size: 10px;
	position: absolute;
	left: 3px;
	bottom: 6px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	z-index: 1000;
	background-color: #FFE79E;
	color:#5D6A34;
	border-radius: 2px;
  -moz-border-radius: 2px;
 	-webkit-border-radius: 2px; 
}


.product-category:hover {
	background-color: #5D6A34;
}


.product-category a:link, 
.product-category a:active, 
.product-category a:visited {
	color: #5D6A34;
	text-decoration: none;
	font-weight:bold;
	background: transparent;
}

.product-category a:hover{
	color: #FFFFFF;
}

.product-title a:link, 
.product-title a:hover, 
.product-title a:active, 
.product-title a:visited {
	color: #5D6A34;
	text-decoration: none;
	font-weight:bold;
	background: transparent;
}


.left-menu {
	width: 244px;
	float:left;
	margin-right: 0px;
}


.absolute-center {
	display: table;
	position: relative;
  width: 1024px;
  margin: 0 auto;
  padding-top:20px;
  padding-bottom: 20px;
  padding-left: 50px;
  margin-bottom:0px;
  background: rgba(20,40,20,0.4);
   border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
 	-webkit-border-radius: 0px 0px 20px 20px;
 	box-shadow: 5px 5px 25px rgba(0,0,0,0.5);
  	-moz-box-shadow: 5px 5px 25px rgba(0,0,0,0.5);
  	-webkit-box-shadow: 5px 5px 25px rgba(0,0,0,0.5);
}

.main-frame {
	display: table;
	position: relative;
	padding: 0px;
	width: 968px;
	margin: 0px;
}

.side-cat {
	display:table;
	width: 230px;
	margin: 0px;
	padding: 0px;
	margin-top:0px;
}

.side-cat a:link,
.side-cat a:visited,
.side-cat a:active,
.side-cat a:hover {
	text-decoration: none;
	font-size: 12px;
}

.category {
	display: block;
	text-align: left;
	width: 230px;
	min-height:19px;
	margin-bottom:2px;
	padding:2px;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #5D6A34;
	 border-radius: 2px;
  -moz-border-radius: 2px;
 	-webkit-border-radius: 2px; 
 	color: #FFFFFF;
}

.selected-category:hover {
	background-color: #5D6A34;
}

.subcategory {
	display: block;
	position: relative;
	float:left;
	font-size:11px;
	text-align: left;
	width: 96px;
	min-height:30px;
	margin-bottom:3px;
	margin-right:3px;
	padding: 2px;
	padding-left: 20px;
	padding-top: 5px;
	background-color: #FFE79E;
	 border-radius: 2px;
  -moz-border-radius: 2px;
 	-webkit-border-radius: 2px; 
 	color: #5D6A34;
}

.selected-subcategory {
	display: block;
	position: relative;
	float:left;
	font-size:11px;
	text-align: left;
	width: 96px;
	min-height:30px;
	margin-bottom:3px;
	margin-right:3px;
	padding: 2px;
	padding-left: 20px;
	padding-top: 5px;
	background-color: #BBBBBB;
	 border-radius: 2px;
  -moz-border-radius: 2px;
 	-webkit-border-radius: 2px; 
 	color: #FFFFFF;
}

.selected-subcategory:hover,
.subcategory:hover,
.category:hover {
	background-color: #AAAAAA;
	color: #FFFFFF;
 	/* smooth rollovers */
   transition: background-color 0.3s ease;
   -webkit-transition: background-color 0.3s ease;
   -moz-transition: background-color 0.3s ease;
   -o-transition: background-color 0.3s ease;
   -ms-transition: background-color 0.3s ease;
	/*********************/
}

.selected-category {
	display: block;
	text-align: left;
	width: 180px;
	min-height:25px;
	margin-bottom:2px;
	padding:2px;
	padding-left: 60px;
	padding-top: 5px;
	background-color: #5D6A34;
	 border-radius: 2px;
  -moz-border-radius: 2px;
 	-webkit-border-radius: 2px; 
 	color: #FFFFFF;
}

.bullet {
	float: right;
	background-color: #5D6A34;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 8px;
	margin-left: 10px;
	margin-right: 5px;
	border-radius: 10px;
  -moz-border-radius: 10px;
 	-webkit-border-radius: 10px; 
 	color: #FFFFFF;
 	font-size:10px;
}

.selected-category .bullet {
	float: right;
	background-color: #FFFFFF;
 	color: #5D6A34;
}

.subcategory .bullet,
.selected-subcategory .bullet {
	position: absolute;
	top:-5px;
	left:-20px;
	background-color: #5D6A34;
 	color: #FFFFFF;
 	font-size: 10px;
}

.search {
	float: right;
	display: table;
	text-align: right;
	position: absolute;
	right: 0px;
	padding:0px;
	width: 400px;
	margin: 0px;
	padding: 0px;
	margin-top:15px;
	
}

.ad-panel {
	padding:0px;
	width: 312px;
	height: 339px;
	margin: 0px;
	padding: 0px;
	margin-top:50px;
	margin-bottom:10px;
}

.smallsec {
	display: table;
	width: 45%;
	float: left;
	text-align: left;
	padding: 10px;
	margin: 5px;
	border: 1px solid;
	height: 425px;
	min-height: 300px;
	border: rgba(255,255,255,0.2) 1px solid;
	background-color: rgba(125,155,192,0.1); 
	overflow: auto;
	 border-radius: 5px;
  -moz-border-radius: 5px;
 	-webkit-border-radius: 5px; 
 	font-size: 15px;
}

.tiny {
	height: 50px !important;
	min-height: 50px !important;
}

.wide {
	display: table;
	width: 95% !important;
	text-align: left !important;
	min-height: 10px !important;
	height: 10px !important;
	margin-bottom: 15px;
}

.faqwide {
	display: none;
	width: 95% !important;
	text-align: left !important;
	min-height: 10px !important;
	height: 10px !important;
	margin-bottom: 15px;
}

.youtube {
	margin-top: 10px;
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.youtube iframe, 
.youtube object, 
.youtube embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.container a h2 {
	cursor: help;
}

.horizontal_arrow {
	display: block; 
	float: left;
	color: rgba(255,255,255,0.5);
	margin-right: 5px;
	transform: scale(0.8,0.8); 
	-moz-transform: scale(0.8,0.8); 
	-webkit-transform: scale(0.8,0.8); 
	-o-transform: scale(0.8,0.8); 
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
	
.rotated_arrow {
	display: block; 
	float: left;
	color: rgba(255,255,255,1);
	margin-right: 5px;
	transform:rotate(90deg); 
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.usefullinks{
	width: 45%;
	text-align: left;
	display: table;
	min-height: 310px;
	color: #FFF;
}

.usefullinks a:link {
	color:#AFAFAF;
}

.section-left {
	display: table;
	float:left;
	top: 0px;
	position: relative;
	padding:0px;
	width: 600px;
	margin: 0px;
	padding: 0px;
	padding-right: 0px;
	border:1px solid #FFF;
}

.section-right {
	display: table;
	text-align: right;
	float:right;
	top: 0px;
	position: relative;
	padding:0px;
	width: 313px;
	margin: 0px;
	padding: 0px;
}

.top {
	position: relative;
	display: block;
	width: 968px;
	height: 163px;
	background-image:url('../../images/logo.png');
	background-repeat: no-repeat;
	background-size: 968px 163px;
	background-position: top left;
}

.topcont{
	position: absolute;;
	display: block;
	width: 94%;
	height: 95%;
	margin-left: 20px;
	/*background: rgba(255,255,255,0.5);*/
	z-index: 1000;
}

.topcont img{
	width: 100%;
	height: 100%;
	cursor: e-resize;
}

.topmenu {
	position: relative;
	bottom: -150px;
	width: 968px;
	height: 34px;
	background-image:url('../../images/top_layout_02.png');
}

.tab-bottom
{
background-image:url(images/tab-bottom.gif)
}

.tab-top
{
background-image:url(images/tab-top.gif)
}

.tab-left
{
background-image:url(images/tab-left.gif)
}

.tab-right
{
background-image:url(images/tab-right.gif)
}

td{
	font-size:10pt;
}

pre{
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#808183;
	word-wrap : break-word;
}


td.light{
	color:#5D6A34;
}

td.red{
	color:#FFFFFF;
	background-color:#FF0000;
}

table.grey{
	background-color:#C2C2C3;
	BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid; BORDER-BOTTOM: #FFFFFF 1px solid
}


td.dark{
	background-color:#5D6A34;
	color: #FFFFFF;
}

td.tlight {
	font-size: 15px;
	background-color:rgba(255,255,255,0.2);
	padding-left: 10px;
}

td.tdark {
	font-size: 15px;
	background:rgba(0,0,0,0.4);
	padding-left: 10px;
}

div.dark{
	background-color:#5D6A34;
}

.tida {
	font-family:Arial, Helvetica, sans-serif;
	FONT-SIZE: 9px
}
.tida2 {
	font-family:Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px
}

.tbox {
	font-size: 12px;
	padding:5px;
	margin-top:5px;
	color: #DDD;
	border: rgba(255,255,255,0.2) 1px solid;
	background: rgba(20,40,20,0.4);
	overflow: auto;
	 border-radius: 5px;
  -moz-border-radius: 5px;
 	-webkit-border-radius: 5px; 
}
.fieldar {
		width: 90%;
}

.selectar {
		width: 50%;
		display: table; 
		float: left;
}

.textar {
	width: 100%;
	height: 100px;
}

.pc { 
	width: 100%;
	background: rgba(0,0,0,0.1); 
}

.pc .ss {
	width: 30%;
	font-size: 12px;
	background: rgba(125,155,192,0.1); 
	border: 1px solid rgba(255,255,255,0.5);
}

.fieldpc {
		width: 63%;
		height: 20px;
		float: left;
		margin-right: 2px;
		color: #FFF;
		font-size: 17px;
		height: 25px;
}

.searchnav .fieldpc {
		width: 60%;
		height: 15px;
		float: left;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 3px;
		color: #FFF;
		font-size: 15px;
}

.latln {
		width: 20%;
}

.fieldpc:hover {
		background: rgba(255,0,0,0.5);
}

.tnavbox {
	font-size: 10px;
	color: #888;
	border: #EEEEEE 1px solid;
	overflow: auto;
	 border-radius: 3px;
  -moz-border-radius: 3px;
 	-webkit-border-radius: 3px; 
}

.cart_button input{
	font-size: 13px;
	background:transparent;
	width: 90%;
	padding: 1px;
}

.cart_button{
	display: table;
}

.cart_button input:hover{
	background:transparent;
}

input.tbox,
input.box {
	overflow: hidden;
}

*:focus {outline:0px none transparent;}

.tbox:focus,
.tpbox:focus {
	-moz-appearance:none;
	background: rgba(125,155,192,0.5); 
	box-shadow: 1px 1px 1px #EEE;
  -moz-box-shadow: 1px 1px 1px #EEE;
  -webkit-box-shadow: 1px 1px 1px #EEE;
  color: #FFF !important;
}

#cart_trolley{
	display: block;
	float: right;
	width: 30px;
	height: 22px;
	opacity: 0.5;
	background-image: url("../../images/cart.png");
	background-size: 30px 22px;
	background-repeat: no-repeat;
}
#top_cart_trolley{
	display: block;
	position: absolute;
	right: -10px;
	bottom: 10px;
	width: 30px;
	height: 22px;
	opacity: 0.5;
	z-index: 10000;
	background-image: url("../../images/cart.png");
	background-size: 30px 22px;
	background-repeat: no-repeat;
}

#cart_trolley:hover,
#top_cart_trolley:hover{
	opacity: 1;
	transform:rotate(-10deg); 
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
}

#cart_form .dwl-button {
	display: table;
	width: 30px;
	height: 30px;
	vertical-align: text-top !important;
	box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px;
	padding: 5px;
	border-radius: 0px;
	  -moz-border-radius: 0px;
	 	-webkit-border-radius: 0px; 
	font-family: "vivaldiitalic", "Arial", "Verdana", sans-serif;
}

#cart_form .vertical_arrow {
	display: table;
	width: 30px;
	height: 30px;
	vertical-align: text-top !important;
	box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px;
	padding: 5px;
	border-radius: 0px;
	  -moz-border-radius: 0px;
	 	-webkit-border-radius: 0px; 
	font-family: "vivaldiitalic", "Arial", "Verdana", sans-serif;
}

.cart_qty {
		display: block;
		overflow: hidden;
		border: 0px;
		width: 90%;
		font-size: 22px;
		text-align: center;
		margin: 0px;
		padding: 0px;
}

.cart_qty:focus {
	border: none;
	-moz-appearance:none;
	background: #000;
	background-color: rgba(125,155,192,0.1); 
}

.qty_controls {
	float: left;
	display : table;
	width: 40px;
}

.vertical_arrow img{
	width: 95%;
	opacity: 0.8;
}

.vertical_arrow img:hover{
	opacity: 1;
}

.cart_controls {
	float: left;
	display : table;
	width: 200px;
}

.cart_controls .dwl-button {
	display: table;
	width: 100px !important;
	text-align: left;
	vertical-align: text-top !important;
	box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px;
	padding: 5px;
	border-radius: 0px;
	  -moz-border-radius: 0px;
	 	-webkit-border-radius: 0px; 
	font-family: "vivaldiitalic", "Arial", "Verdana", sans-serif;
	font-size: 16px;
}

.rotate180deg {
	transform:rotate(180deg); 
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.tpbox {
	border: #EEEEEE 1px solid;
	font-size: 10px;
	color: #808183;
	padding: 2px;
	font-family: Arial, sans-serif;
	background-color: #FCFCFC;
}

.stbox {
	BORDER-RIGHT: #FFFFFF 1px solid;
	BORDER-TOP: #FFFFFF 1px solid;
	FONT-SIZE: 8px;
	BORDER-LEFT: #FFFFFF 1px solid;
	COLOR: #FFFFFF;
	BORDER-BOTTOM: #FFFFFF 1px solid;
	FONT-FAMILY: Arial, sans-serif;
	BACKGROUND-COLOR: #5D6A34;
}

A:link {color: rgba(255,210,0,0.8);
        text-decoration: none;}

A:visited {color: rgba(255,210,0,0.8);
        text-decoration: none;}

A:hover {color: #FFFFFF;
				 text-decoration: none;}

A.none:link {
	TEXT-DECORATION: none;
	background-color:transparent;
}
A.none:visited {
	TEXT-DECORATION: none;
	background-color:transparent;
}
A.none:active {
	TEXT-DECORATION: none;
	background-color:transparent;
}
A.none:hover {
	text-decoration : none;
	background-color:transparent;
	padding: 0px;
}



A.red:link { color: #FFFFFF;
				background-color: #5D6A34;
				font-family: Arial, Helvetica, sans-serif;
				font-size:8pt;
        text-decoration: none;
        padding:2px;}
        
A.red:visited {color: #FFFFFF;
				background-color: #5D6A34;
				font-family: Arial, Helvetica, sans-serif;
				font-size:8pt;
        text-decoration: none;
        padding:2px;}

A.red:hover {color: #E7CB2E;
				font-family: Arial, Helvetica, sans-serif;
				font-size:8pt;
				background-color:#5D6A34;
        text-decoration: none;
        padding:2px;}

A.gray:link { color: #FFFFFF;
				background-color: #CCCCCC;
				font-family: Arial, Helvetica, sans-serif;
				font-size:8pt;
        text-decoration: none;
        padding:2px;}
        
A.gray:visited {color: #FFFFFF;
				background-color: #CCCCCC;
				font-family: Arial, Helvetica, sans-serif;
				font-size:8pt;
        text-decoration: none;
        padding:2px;}

A.gray:hover {color: #FFFFFF;
				font-family: Arial, Helvetica, sans-serif;
				font-size:8pt;
				background-color:#AAAAAA;
        text-decoration: none;
        padding:2px;}

A.white:link { color: #FFFFFF;
				font-family: Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:10pt;
        text-decoration: none;}
A.white:visited {color: #FFFFFF;
				font-family: Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:10pt;
        text-decoration: none;}

A.white:hover {color: #C2C2C3;
				font-family: Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:10pt;
        text-decoration: none;}

A.black:link { color: #5D6A34;
				font-family: Arial, Helvetica, sans-serif;
				font-size:8pt;
        text-decoration: none;
        padding:2px;}

A.black:visited {color: #5D6A34;
				font-family: Arial, Helvetica, sans-serif;
				font-size:8pt;
        text-decoration: none;
        padding:2px;}

A.black:hover {color: #FFFFFF;
				background-color: #5D6A34;
				font-family: Arial, Helvetica, sans-serif;
				font-size:8pt;
        text-decoration: none;
        padding:2px;}
        
A.sidenav:link {color: #FFFFFF;
      font-size: 8pt;
      text-decoration: none;}

A.sidenav:visited {color: #FFFFFF;
      font-size: 8pt;
      text-decoration: none;}

A.sidenav:hover {color: #FFFF00;
      font-size: 8pt;
      background-color:#0355AE;
      text-decoration: overline underline;}

A.footer:link { color: rgba(255,210,0,0.8);
				font-family: Arial, Helvetica, sans-serif;
				font-size:8pt;
        text-decoration: none;}

A.footer:visited {color: rgba(255,210,0,0.8);
				font-family: Arial, Helvetica, sans-serif;
				font-size:8pt;
        text-decoration: none;}

A.footer:hover {color: rgba(255,210,0,1);
				font-family: Arial, Helvetica, sans-serif;
				font-size:8pt;
        text-decoration: none;}

A.tnone:link {
	TEXT-DECORATION: none;
	color: #999999;
}
A.tnone:visited {
	TEXT-DECORATION: none;
	color: #999999;
}
A.tnone:active {
	TEXT-DECORATION: none;
	color: #999999;
}
A.tnone:hover {
	text-decoration : none;
	color: #999999;
	background-color: transparent;
}

A.tcnone:link {
	TEXT-DECORATION: none;
	color: #999999;
}
A.tcnone:visited {
	TEXT-DECORATION: none;
	color: #999999;
}
A.tcnone:active {
	TEXT-DECORATION: none;
	color: #999999;
}
A.tcnone:hover {
	text-decoration : none;
	color: #999999;
	background-color: transparent;
}

.titlecell{
   background:#5D6A34;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold
}

.titlecellred{
   background:#FF0000;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold
}

.titlecellblue{
   background:#75C7FF;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold
}

.picborder {
 	border : solid 1px #AAAAAA;
 	box-shadow: 5px 5px 25px rgba(0,0,0,0.5);
  	-moz-box-shadow: 5px 5px 25px rgba(0,0,0,0.5);
  	-webkit-box-shadow: 5px 5px 25px rgba(0,0,0,0.5);
}

.picborderlight {
 	border : thin #5D6A34;
}

hr {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 100%;
	border-bottom: 1px solid #5D6A34;
	opacity: 0.5;
	padding-top: 5px;
	padding-bottom: 5px;
}

.invalidtextinput {
   	BORDER-RIGHT: #FF0000 1px solid;
	BORDER-TOP: #FF0000 1px solid;
	FONT-SIZE: 8pt;
	BORDER-LEFT: #FF0000 1px solid;
	COLOR: #FF0000;
	BORDER-BOTTOM: #FF0000 1px solid;
	FONT-FAMILY: Arial, sans-serif;
	BACKGROUND-COLOR: #FFEEEE;
}
.formtextinput {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	FONT-SIZE: 8pt;
	BORDER-LEFT: #000000 1px solid;
	COLOR: #5D6A34;
	BORDER-BOTTOM: #000000 1px solid;
	FONT-FAMILY: Arial, sans-serif;
	BACKGROUND-COLOR: #FFFFFF;
}
.formcombo {
   BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	FONT-SIZE: 8pt;
	BORDER-LEFT: #000000 1px solid;
	COLOR: #5D6A34;
	BORDER-BOTTOM: #000000 1px solid;
	FONT-FAMILY: Arial, sans-serif;
	BACKGROUND-COLOR: #FFFFFF;
}
.textarea {
   background-color:#6666FF;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 2pt;
   font-weight: normal
}

.button {
	font-size: 1em;
	color: #FFFFFF;
	font-family:  'Arial', 'Helvetica', sans-serif;
	font-weight:normal;
	background-color: #5D6A34;
	padding: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border: 0px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border-radius: 7px;
  -moz-border-radius: 7px;
 	-webkit-border-radius: 7px; 
  background-image: -moz-linear-gradient(top, #5D6A34 0%, #5D6A34 100%);
  background-image: linear-gradient(to bottom, #5D6A34 0%, #5D6A34 100%);
  background-repeat: repeat-x;
}

.button:hover {
  background-color: #5D6A34;
  background-image: -moz-linear-gradient(top, #5D6A34 0%, #268D02 100%);
  background-image: linear-gradient(to bottom, #5D6A34 0%, #268D02 100%);
  background-repeat: repeat-x;
  cursor: pointer;
  box-shadow: 5px 5px 25px #5D6A34;
  -moz-box-shadow: 5px 5px 25px #5D6A34;
  -webkit-box-shadow: 5px 5px 25px #5D6A34;
}

.sbutton {
   background-color:#5D6A34;
   color: #FFFFFF;
   border: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 6pt;
   font-weight: normal;
}

.heading14bold {
	FONT-SIZE: 14px;
	COLOR: #5D6A34;
}

.heading12bold {
	FONT-SIZE: 12px;
	COLOR: #5D6A34;
}

.refmember {
	FONT-SIZE: 16px;
	COLOR: #FFFFFF;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.heading14boldi {
	FONT-SIZE: 14px; 
	COLOR: #FFFFFF;
}

.heading16bold {
	font-family: 'vivaldiitalic','arial','verdana', sans serif;
	FONT-SIZE: 18px;
	COLOR: #5D6A34;
}

.heading16boldi {
	FONT-SIZE: 16px; 
	COLOR: #FFFFFF;
}

.heading18bold {
	FONT-SIZE: 18px;
	COLOR: #5D6A34;
}
.heading20bold {
	FONT-SIZE: 20px;
	COLOR: #5D6A34;
}

.border {
	BORDER-RIGHT: #5D6A34 2px solid; BORDER-TOP: #5D6A34 2px solid; BORDER-LEFT: #5D6A34 2px solid; BORDER-BOTTOM: #5D6A34 2px solid;
	background-color:#ECECBD;
}

.ean {
	BORDER-RIGHT: #DDDDDD 1px solid; BORDER-TOP: #DDDDDD 1px solid; BORDER-LEFT: #DDDDDD 1px solid; BORDER-BOTTOM: #DDDDDD 1px solid;
	background-color:#FFFFFF;
}


#table_container {
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
	position:relative;
	margin:0px;
	width:105px;
	height:200px;
	text-align:left;
}

#ad_container {
/* This class defines things about menu MMMenu0205093048_0's div. */
	position:absolute;
	left:0px;
	top:5px;
	visibility:hidden;
	background-color:transparent;
	width:550px;
	height:200px;
}

#flash_ad {
/* Unique ID for item 0 of menu flash_ad so we can set its position */
	left:0px;
	top:0px;
	width:550px;
	height:200px;
	background-color:transparent;
	z-index: 1;
}

#flex_ad {
/* flex in the background */
	z-index: -1;
}

#list-menu {
width: 135px;
line-height: 0.9em;
/* this width value is also effected by
the padding we will later set on the links. */
}

#list-menu ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold; 
} 

#list-menu li {
margin: 2px 0 0;
color: #FFFFFF;
} 

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
border: none;
background: #FFFFFF url(images/wyellow_button.gif);
color: #003257;
}

#list-menu a:hover {
border: none;
background: #FFFFFF url(images/wblue_button.gif);
color: #FFFFFF;
}

#list-menu a {
display: block;
width:135px;
height:30px;
padding: 8px 0px 0px 20px;
border: none;
background: #FFFFFF;
text-decoration: none;
}


#list-lmenu {
width: 210px;
line-height: 1.4em;
/* this width value is also effected by
the padding we will later set on the links. */
}

#list-lmenu ul {
margin: 0px; 
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold; 
} 

#list-lmenu li {
margin: 2px 0 0;
color: #FFFFFF;
} 

#list-lmenu a:link, #list-lmenu a:active, #list-lmenu a:visited {
border: none;
background: #FFFFFF url(images/lyellow_button.gif);
color: #FFFFFF;
}

#list-lmenu a:hover {
border: none;
background: #FFFFFF url(images/lblue_button.gif);
color: #FFFFFF;
}

#list-lmenu a {
display: block;
width:210px;
height:30px;
padding: 5px 0px 0px 24px;
border: none;
background: #FFFFFF;
text-decoration: none;
}

#pcontainer {     
	z-index:0;
	background-color:#FFFFFF;
	width: 80px;     
	height: 105px;     
	position: relative; 
	padding:3px;
} 

#poverlay {
z-index:1;
position:absolute;
top:68px;
right:1px;
width:82px;
height:16px;
background-color:#0099CC;
visibility:visible;
}

#dbottom {     
	z-index:0;
	position: relative;
	float: left;
	padding:10px;
	margin-bottom: 10px;
	text-align: left;
	 border-radius: 7px;
  -moz-border-radius: 7px;
 	-webkit-border-radius: 7px; 
	background-color: #EEEEEE;
} 

.facebook {
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
}

#dscontainer { 
	display: block;   
	float: right; 
	z-index:0;
	width: 600px;     
	height: 50px; 
	text-align: right;    
	position: relative;
	margin-bottom: 20px;
	padding-top:5px;
}

.mwlogo {
	float:right;
	display: block;
	width: 40px;
	height: 40px;
	margin-left: 10px;
} 

#dcontainer {     
	z-index:0;
	margin-top: 15px;
	margin-bottom: 100px;
	width: 970px;     
	height: 100px;     
	position: relative;
} 

.bottom-links {
	float: left; 
	display: block; 
	min-width: 80px;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	padding:5px; 
	margin-right: 20px;
	padding-right: 10px;
}

.bottom-links:hover {
	background: #AAA;
	color: #FFFFFF;
	 border-radius: 7px;
  -moz-border-radius: 7px;
 	-webkit-border-radius: 7px; 
 	/* smooth rollovers */
  transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
	/*********************/
}

.top-bottom{
	display: table;
	margin-top: 20px;
	width: 955px;
	height: 38px;
	padding-top:15px;
	padding-left: 10px;
	padding-bottom: 30px;
	background: rgba(0,0,0,0.5);
	 border-radius: 10px 10px 10px 10px;
	  -moz-border-radius: 10px 10px 10px 10px;
	 	-webkit-border-radius: 10px 10px 10px 10px;
}

.sponsors {
	display: table;
	margin-top:10px;
	min-height: 30px;
	float: right;
	padding-right: 25px;
}

.sponsors img {
	opacity: 1;
	max-width: 200px;
	max-height: 36px;
}

table.tableList{
	border : thin solid 1px #A1ADC5;
}
th.tableList  { 
 background-color:#FDE39B; /* minor colour */
 background-image: url(images/survey/th.jpg) ;/* */
 background-position: left; background-repeat: repeat-y;
 border : thin solid 1px #A1ADC5; } 

td.tableListo  { 
 background-color:#FDE39B; /* minor colour */
 background-image: url(images/survey/th.jpg) ;/* */
 background-position: left; background-repeat: repeat-y;
 border : thin solid 1px #A1ADC5; } 

td.tableListh  { 
 background-color:#61759A; /* minor colour */
 border : thin solid 1px #A1ADC5; 
 color:#FFFFFF;} 
 
td.tableList  {
 background-color: #E9F1F4; /* background colour */
 background-image: url(images/survey/td.jpg) ;/* */
 background-position: top; background-repeat: repeat-x;
 border : thin solid 1px #A1ADC5;}

td.tableListg  {
 background-color: #E9F1F4; /* background colour */
 background-image: url(images/survey/tdg.jpg) ;/* */
 background-position: top; background-repeat: repeat-x;
 border : thin solid 1px #A9Ed48;}

#tabanner {     
	z-index:0;
	width: 800px;     
	height: 109px;     
	position: absolute; 
} 

#taoverlay {
z-index:2;
position:relative;
top:71px;
left:430px;
color: #FFFFFF;
font-family: 'Arial, Helvetica', sans-serif;
font-size: 19px;
font-weight: bold;
width:400px;
height:50px;
}

.miframe {
	width: 230px;
	height:302px;
}

.quotation {
	color:#FFF;
	display: table;
	width: 100%;
}

.quotation label {
	float:left;
	display: block;
	width: 48%;
	height: 22px;
	text-align: right;
	padding: 5px;
	background-color: #5D6A34;
		 border-radius: 5px 0px 0px 5px;
	  -moz-border-radius: 5px 0px 0px 5px;
	 	-webkit-border-radius: 5px 0px 0px 5px;
}

.input_block input {
	float: left;
	display: table;
	width: 48%;
	height: 20px;
	text-align: left;
	padding: 5px;
	border: 1px thin #5D6A34 !important;
		 border-radius: 0px 5px 5px 0px;
	  -moz-border-radius: 0px 5px 5px 0px;
	 	-webkit-border-radius: 0px 5px 5px 0px;
}

.small_input_block {
	float: right !important;
	display: block;
	width: 25% !important;
	height: 10px !important;
	text-align: left;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	border: 1px thin #5D6A34 !important;
		 border-radius: 5px 5px 5px 5px !important;
	  -moz-border-radius: 5px 5px 5px 5px !important;
	 	-webkit-border-radius: 5px 5px 5px 5px !important;
}

.form_block {
	float:left;
	display: table;
	width: 90%;
	background: rgba(60,60,60,0.4);
	text-align: left;
	margin: 10px;
	padding:10px;
		 border-radius: 10px 10px 10px 10px;
	  -moz-border-radius: 10px 10px 10px 10px;
	 	-webkit-border-radius: 10px 10px 10px 10px;
}

.fb_white {
	background: rgba(255,255,255,1);
	opacity: 0.5;
}
.fb_white >img {
	opacity: 1;
}

.input_block {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.input_wide label{
	display: table;
	width: 97.5%;
	margin-bottom: 10px;
	 border-radius: 5px 5px 5px 5px;
	  -moz-border-radius: 5px 5px 5px 5px;
	 	-webkit-border-radius: 5px 5px 5px 5px;
	 	text-align: center;
}

.checkbox {
	display: table;
	float: right;
	text-align: top;
	padding: 0px;
	margin: 0px;
	width: 100%;
	/*border: 1px solid #FFF;*/
}

.checkbox li {
	display: table;
	position: relative;
	float: left;
	width: 33%;
	text-align: top;
	margin-bottom: 5px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	/*border: 1px solid #FF0000;*/
}

.checkbox label {
	display: table;
	position: relative;
	left: -40px;
	float: right;
	width: 42%;
	text-align: left;
	margin-bottom: 5px;
	background: transparent !important;
	cursor: pointer;
}


@media screen and (max-width: 1090px) {
	
	html, body {
		font-size: 15px;
	}
	.miframe {
		width: 698px;
		height:100px;
	}

	.absolute-center {
	  width: 700px;
	  padding-right: 50px;
	}
	
	.main-frame {
		width: 698px;
	}
	
	.cross-products-thumbnails {
		display: block;
		float: left;
		margin: 5px;
		width: 100px;
	}
	.searchnav {
		width: 93%;
	}
	
	.searchnav .fieldpc {
		width: 40%;
	}
	
	.smallsec {
		width: 43%;
		font-size: 15px;
	}
	
	.search-thumb {
		float: left;
		width: 30%;
		height: 30%;
	}
	
	.smallsec {
		width: 40%;
		float: right;
		text-align: left;
		padding: 10px;
		margin: 5px;
		border: 1px solid;
		height: 320px;
		min-height: 300px;
		border: rgba(255,255,255,0.2) 1px solid;
		background-color: rgba(125,155,192,0.1); 
		overflow: auto;
		 border-radius: 5px;
	  -moz-border-radius: 5px;
	 	-webkit-border-radius: 5px; 
	 	font-size: 15px;
	}
	
	.dwl-wide {
		width: 94.1%;
	}
	
	.usefullinks{
		display: table;
		width: 300px;
		font-size: 13px;
	}

	.top {
		position: relative;
		display: block;
		width: 700px;
		height: 118px;
		background-image:url('../../images/slogo.png');
		background-repeat: no-repeat;
		background-size: 700px 118px;
		background-position: top left;
	}
	
	.topmenu {
		position: relative;
		bottom: -110px;
		width: 700px;
		height: 34px;
		background-image:url('../../images/top_layout_02.png');
	}
	
	#map-canvas {
		width: 700px; 
		height: 300px;
	}

	.section-left {
		display: table;
		float:none;
		top: 0px;
		position: relative;
		padding:0px;
		width: 620px;
		margin: 0px;
		padding: 0px;
		padding-right: 0px;
	}
	
	#cf {
  	position:relative;
  	height: 300px;
  	width: 300px;
	}
	
	.section-right {
		display: table;
		text-align: right;
		float:none;
		top: 0px;
		position: relative;
		padding:0px;
		width: 313px;
		margin: 0px;
		padding: 0px;
	}
	
	h1 {
		font-size: 40px;
	}

	h2 {
		font-size: 30px;
	}

	.top-bottom{
		width: 685px;
		padding-top:15px;
		margin-left: 0px;
		padding-bottom: 30px;
	}
	
	#dscontainer {    
		display: block; 
		z-index:0;
		float: right; 
		width: 320px;     
		height: 50px;     
		position: relative;
		margin-bottom: 80px;
	} 
	
	.bottom-links {
		min-width: 100px;
	}

	#dcontainer {     
		z-index:0;
		width: 650px;     
		position: relative;
	  margin: auto; 
	  margin-top: 5px;   
	  margin-bottom: 150px;
	} 
	
	.side-cat {
		display:table;
		width: 690px;
		margin: 0px;
		margin-left: 10px;
		padding: 0px;
		margin-top: 10px;
		margin-bottom:10px;
	}
	
	.left-menu {
		width: 695px;
		float:left;
		margin-right: 0px;
	}

	.category {
		display: block;
		text-align: left;
		float: left;
		width: 155px;
		min-height:19px;
		margin-bottom:2px;
		margin-right:3px;
		padding:2px;
		padding-left: 10px;
		padding-top: 2px;
		background-color: #5D6A34;
		 border-radius: 2px;
	  -moz-border-radius: 2px;
	 	-webkit-border-radius: 2px; 
	 	color: #FFFFFF;
	}
	.selected-category {
		display: block;
		float: none;
		text-align: left;
		width: 620px;
		min-height:25px;
		margin-bottom:2px;
		padding:2px;
		padding-left: 60px;
		padding-top: 5px;
		background-color: #5D6A34;
		 border-radius: 2px;
	  -moz-border-radius: 2px;
	 	-webkit-border-radius: 2px; 
	 	color: #FFFFFF;
	}
	.subcategory {
		display: block;
		position: relative;
		float:left;
		font-size:10px;
		text-align: left;
		width: 96px;
		min-height:30px;
		margin-bottom:3px;
		margin-right:3px;
		padding: 2px;
		padding-left: 12px;
		padding-top: 5px;
		background-color: #FFE79E;
		 border-radius: 2px;
	  -moz-border-radius: 2px;
	 	-webkit-border-radius: 2px; 
	 	color: #5D6A34;
	}
	
	.subcategory .bullet,
	.selected-subcategory .bullet {
		position: absolute;
		top:-5px;
		left:-20px;
		background-color: #5D6A34;
	 	color: #FFFFFF;
	 	font-size: 10px;
	}
	
	.selected-subcategory {
	 	width: 96px;
	 	font-size:10px;
	 	padding: 2px;
		padding-left: 12px;
		padding-top: 5px;
	}
	
	.product-bigdescription {
		margin-top: 20px;
		margin-left: 10px;
		display: block;
		width: 310px;
		float: left;
	}
	
	.largeheader {
		display: block;
		width: 400px;
	}
	
	.fieldpc { 
		width: 59%;
	}
	.product-bigthumb {
		float: right;
		position: relative;
		float: left;
		display: block;
		width: 350px;
		height: 350px;
		margin: 0px;
		padding: 0px;
		margin-right: 20px;
		margin-bottom: 20px;	
	}

}

@media screen and (max-width: 795px) {
	
	html, body {
		font-size: 16px;
		background-color: rgba(0,0,0,1);
	}
	
	#btnFullscreen {
		display: none;
	}
	
	.cross-products-thumbnails {
		margin: 3px;
		width: 90px;
	}

	#top_cart_trolley{
		right: 3px;
		bottom: 20px;
	}
	
	.absolute-center {
  	background: rgba(0,0,0,1);
		width: 100%;
  	padding: 0px;
  	border-radius: none;
  	-moz-border-radius: none;
 		-webkit-border-radius: none;
 		box-shadow: none;
  	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
	}
	
	.searchnav {
		width: 95.5%;
		background: rgba(255,255,255,0.1);
		-moz-border-radius: 0px;
 		-webkit-border-radius: 0px; 
 		border-radius: 0px;
 		font
	}
	
	.searchnav .fieldpc {
		width: 90%;
		margin-right: 0px;
		margin-left: 0px;
		height: 15px;
		float: left;
	}	
	
	.smallsec {
		width: 90%;
		min-height: 230px;
	}
	
	.main-frame {
		display: table;
		margin: 10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 50px;
		width: 100%;
	}
	
	.top {
		position: relative;
		display: block;
		width: 100%;
		min-height: 30px;
		background-image:url('../../images/slogo.png');
		background-repeat: no-repeat;
		background-size: 80%;
		background-position: 40% 10%;
	}
	
	.search-thumb {
		width: 46%;
		height: 46%;
		margin-left: 3%;
		margin-right: 0px;
	}
	
	.product-bigthumb {
		float: none;
		position: relative;
		float: left;
		display: table;
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		margin-right: 0px;
		margin-bottom: 0px;	
		margin-top: 0px;	
	}
	
	.dwl-wide {
		font-size: 15px;
	}
	
	.topcont{
		width: 75%;
		margin-left: 12%;
		height: 85%;
	}
	
	.topmenu {
		position: relative;
		bottom: -100px;
		width: 100%;
		height: 34px;
	}
	
	.textar {
		width: 90%;
		height: 100px;
	}
	
	.fieldar {
		width: 90%;
	}
	
	.section-left {
		display: table;
		float:none;
		top: 0px;
		position: relative;
		padding:0px;
		width: 100%;
		margin: 0px;
		padding: 0px;
		padding-right: 0px;
	}
	
	.section-right {
		display: table;
		text-align: right;
		float:none;
		top: 0px;
		position: relative;
		padding:0px;
		width: 313px;
		margin: 0px;
		padding: 0px;
	}
	
	h1 {
		font-size: 30px;
		margin-left: 3%;
	}

	h2 {
		font-size: 26px;
	}

	.title {
		display: table;
		width: 90%;
		min-height: 30px;
		font-size: 18px;
		text-align: center;
		 border-radius: 3px 3px 0px 0px;
	  -moz-border-radius: 3px 3px 0px 0px;
	 	-webkit-border-radius: 3px 3px 0px 0px;
		background-color: #5D6A34;
		color: #FFF;
		margin: 0px;
		padding-top: 6px;
	}

	.thumbnail {
		display: block;
		float: left;
		width: 90%;
		min-height: 120px;
		margin: 0px auto;
		margin-right: 3px;
		text-align: center;
		padding-top: 5px;
		margin-bottom: 6px;
	}

	.topic {
		display: block;
		float: left;
		width: 280px;
		min-height: 220px;
		margin:5px;
		padding: 15px;
		background:rgba(0,0,0,0.5);
		 border-radius: 20px 20px 20px 20px;
	  -moz-border-radius: 20px 20px 20px 20px;
	 	-webkit-border-radius: 20px 20px 20px 20px;
	}

	.top-bottom{
		width: 98%;
		padding-top:15px;
		padding-left: 10px;
		margin-left: 0px;
		padding-bottom: 30px;
		min-width: 100px;
		 border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	 	-webkit-border-radius: 0px 0px 0px 0px;
	}
	
	#dscontainer {  
		display: block; 
		float: right;  
		z-index:0;
		width: 320px;     
		height: 50px;     
		position: relative;
		margin-bottom: 80px;
	} 
	
	.bottom-links {
		min-width: 100px;
	}

	#dcontainer {     
		z-index:0;
		width: 100%;     
		position: relative;
	  margin: auto; 
	  margin-top: 5px;   
	} 
	
	
	
	.front-banner {
		float: left;
		margin-left: 0px;
		width: 100%;
	}
	
	.front-ad {
		float: left;
		width: 312px;;
		height: 339px;
		margin-top: 10px;
		margin-left: 30px;
	}
	
	.front-description {
		float: left;
		width: 282px;
		margin: 20px;
		font-size: 14px;
		font-style: italic;
	}
	
	.front-bpl {
		float: left;
		width: 312px;
		margin-top: 10px;
		margin-left: 10px;
	}
	
	.fieldpc { 
		width: 53%;
	}
}

@media screen and (max-width: 600px) {
	.searchnav .fieldpc {
		width: 90%;
		margin-right: 0px;
		margin-left: 0px;
		height: 15px;
		float: left;
	}	
}
	
@media screen and (max-width: 475px) {
	
	.cross-products-thumbnails {
		margin: 2px;
		width: 60px;
	}

	.searchnav .fieldpc {
		width: 80%;
		margin-right: 0px;
		margin-left: 0px;
		height: 15px;
		float: left;
	}	
	
.stockcode {
	font-size: 10px;
}

.topmenu {
		position: absolute;
		top: 0px;
		width: 100%;
		height: 200px;
	}
	
	.cart_button input{
		font-size: 10px !important;
		width: 80%;
	}
	
	.topcont{
		width: 55%;
		margin-left: 28%;
		height: 39%;
		top: -45px;
		z-index: 10000 !important;
	}
	
	.selectar {
		width: 90%;
		display: table; 
		float: none;
	}

.main-frame {
	margin-top: 0px;
}

.product-title {
	font-size: 12px;
}

.pc .ss {
	width: 91%;
	font-size: 12px;
}

.fieldpc {
		width: 95%;
		height: 20px;
		float: left;
		margin-right: 5px;
		font-size: 15px;
}

.top {
		position: relative;
		display: block;
		width: 100%;
		display: table;
		background-image:url('../../images/logo.png');
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: top left;
	}
	.top-bottom{
		width: 96%;
		padding-top:15px;
		padding-left: 10px;
		margin-left: 0px;
		padding-bottom: 30px;
		min-width: 100px;
		 border-radius: 0px 0px 0px 0px;
	  -moz-border-radius: 0px 0px 0px 0px;
	 	-webkit-border-radius: 0px 0px 0px 0px;
	}
	.sprice {
		font-size: 13px;
	}
	.price {
		font-size: 11px !important;
	}
	h1 {
		font-size: 25px;
		margin-left: 10%;
	}
	
	h2 {
		font-size: 23px !important;
	}
}

@media screen and (max-width: 380px) {
	.paypal {
		position: absolute;
		left: 10px;
	}
	
	.searchnav {
		font-size: 12px;
	}
	
	.searchnav #product_count {
		display: table; 
		float: left;
		padding-right: 3px;
		padding-left: 3px;
		margin-bottom: 0px;
		margin-top: 5px;
	}
	
	.searchnav a{
		font-size: 18px;
		padding-right: 5px;
		padding-left: 5px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 3px;
		margin-right: 3px;
	}
	
	h1 {
		font-size: 25px;
		margin-left: 10%;
	}
}

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

	.topmenu {
			position: absolute;
			top: 0px;
			width: 100%;
			height: 200px;
		}
	
	.cart_controls {
		width: 110px;
	}

	.topcont{
			width: 35%;
			margin-left: 40%;
			height: 39%;
			top: -45px;
			z-index: 10000 !important;
	}
		
	.main-frame {
		margin: 0px;
		margin-top:-110px;
	}
	
	.pc .ss {
		width: 82%;
	}

	.top {
			display: block;
			position: relative;
			background: none;
		}
		
	

}