
.sprite-greenheat-concept-banner-button , .sprite-info-banner-button, .sprite-latest-news-banner-button , .sprite-logo , .sprite-plus-sign, .button-search , .da-arrows-next , .da-arrows-prev, .da-dots span, .da-dots span.da-dots-current, .surge-footer-logo:hover, .surge-footer-logo {
	background: url('../image/sprites.png') !important;
}

.sprite-greenheat-concept-banner-button{ background-position: 0 0; width: 54px; height: 54px; } 
.sprite-info-banner-button{ background-position: -74px 0; width: 54px; height: 54px; } 
.sprite-latest-news-banner-button{ background-position: -148px 0; width: 54px; height: 54px; } 
.sprite-logo{ background-position: -222px 0; width: 255px; height: 100px; } 
.sprite-plus-sign{ background-position: -497px 0; width: 21px; height: 20px; } 
.button-search{ background-position: -538px 0 !important; width: 24px; height: 20px; } 
.da-arrows-next{ background-position: -582px 0!important; width: 12px !important; height: 21px !important; } 
.da-arrows-prev{ background-position: -614px 0!important; width: 12px !important; height: 21px !important; } 
.da-dots span  { background-position: -646px 0 !important; width: 11px !important; height: 12px!important; } 
.da-dots span.da-dots-current { background-position: -677px 0 !important; width: 11px!important; height: 12px!important; } 
.surge-footer-logo:hover{ background-position: -838px 0 !important; width: 110px; height: 31px; } 
.surge-footer-logo{ background-position: -708px 0!important; width: 110px; height: 31px; } 

html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}
body {
  background: url("../image/body-bg.jpg") no-repeat scroll 0 0 / 100% auto #000;
  color: #1c7db8;
  font-family: "Arimo",sans-serif;
  font-weight: 300;
  letter-spacing: -0.4px;
  margin: 0 !important;
  padding: 0 !important;
}


body, td, th, input, textarea, select, a {
  font-size: 16px;
}
h1, .welcome {
	color: #636E75;
	font: Verdana;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: normal;
	text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}

#content h1 {
  border-bottom: 1px solid #789be9;
  color: #0b184d;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: -2px;
  margin-bottom: 20px;
  margin-top: 0;
  padding-bottom: 20px;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
}
h2 {
	color: #000000;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 5px;
}
p {
	margin-top: 0px;
	margin-bottom: 20px;
}
.category-info {
  color: #626262;
  font-size: 20px;
}
a, a:visited, a b {
  color: #1c7db8;
  cursor: pointer;
  text-decoration: none;

}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input[type="text"], input[type="password"], textarea {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #505050;
  font-family:  'Arimo', sans-serif;
  font-size: 18px;
  letter-spacing: -0.5px;
  margin-left: 0;
  margin-right: 0;
  padding: 3px;
} 
select {
	background: #fff;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
label {
	cursor: pointer;
}
/* layout */
#container {
  float: left;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 177px;
  position: absolute;
  text-align: left;
  transition: all 0s ease 0s;
  width: 100%;
  z-index: 99;
  padding-top: 13px;
}
#column-left {
  float: left;
  margin-right: 20px;
  width: 171px;
}
#column-right {
	float: right;
	width: 180px;
}
#content {
  color: #626262;

  margin-bottom: 0;
  min-height: 400px;
  overflow: hidden;
}


#column-left + #column-right + #content, #column-left + #content {
  margin-left: 195px;
  min-height: 0px;
  width: 710px;
  padding-bottom:25px;
}
#column-right + #content {
  
}
/* header */
#header {
  background-color: #0b184d;
  height: 178px;
  left: 50%;
  margin: 0 auto 0 -490px;
  padding-bottom: 0;
  position: absolute;
  top: 0;
  transition: position 0s ease 0s !important;
  width: 980px;
  z-index: 999;
}


#header #logo {
  float: left;
  height: 100px;
  margin-top: 19px;
  position: relative;
  width: 255px;
}


#language {
	position: absolute;
	top: 15px;
	left: 320px;
	width: 80px;
	color: #999;
	line-height: 17px;
}
#language img {
	cursor: pointer;
	margin-right: 5px;
}
#currency {
	width: 75px;
	position: absolute;
	top: 15px;
	left: 425px;
	color: #999;
	line-height: 17px;
}
#currency a {
	display: inline-block;
	padding: 2px 4px;
	border: 1px solid #CCC;
	color: #999;
	text-decoration: none;
	margin-right: 2px;
	margin-bottom: 2px;
}
#currency a b {
	color: #000;
	text-decoration: none;
}

#header #cart {
   background-image: -moz-linear-gradient( 90deg, rgb(39,53,127) 0%, rgb(28,125,184) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(39,53,127) 0%, rgb(28,125,184) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(39,53,127) 0%, rgb(28,125,184) 100%);
  border-radius: 2px;
  height: 28px;
  padding: 9px 20px 0 20px;
  position: absolute;
  right: 20px;
  top: 66px;
  width: auto;
  z-index: 1000;
}

#header #cart .heading {
  border-top: 0 none;
  color: #ffffff;
  float: right;
  font-size: 14px;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  text-align: left;

  z-index: 1;
}


#header #cart .heading h4 {
  color: #ffffff;
  float: left;
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}
#header #cart .heading a {
  color: #38B0E3;
  float: left;
  text-decoration: none;
  border-radius: 2px 0px 0px 2px;
}
#header #cart .heading a span {
	background: url('../image/minicart-button.png') 100% 50% no-repeat; 
	padding-right: 15px;
}
#header #cart .content {
  background: none repeat scroll 0 0 #ffffff;
  border-color: #0b184d;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 2px 2px #dddddd;
  clear: both;
  display: none;
  min-height: 150px;
  position: absolute;
  right: 0;
  top: 35px;
  width: 477px;
  z-index: 15;
}
#header #cart.active .heading {

}
#header #cart.active .content {
	display: block;
}
.mini-cart-info table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
.mini-cart-info td {
  color: #000000;
  font-size: 18px;
  padding: 10px;
}
.mini-cart-info .image {
	width: 1px;
}
.mini-cart-info .image img {
	border: 1px solid #EEEEEE;
	text-align: left;
}
.mini-cart-info .name small {
	color: #666;
}
.mini-cart-info .quantity {
	text-align: right;
}
.mini-cart-info td.total {
	text-align: right;
}
.mini-cart-info .remove {
	text-align: right;
}
.mini-cart-info .remove img {
  cursor: pointer;
  position: relative;
  top: -9px;
}
.mini-cart-total {
  color: #505050 !important;
  font-size: 19px !important;
  font-weight: 500;
  padding: 17px 9px 20px 20px;
  text-align: right;
}
.mini-cart-total table {
	border-collapse: collapse;
	display: inline-block;
	margin-bottom: 5px;
}
.mini-cart-total td {
  color: #000000;
  padding: 0 10px;
}
.mini-cart-total td {
  font-size: 16px;
  color:#505050;
}

.right > b {
  font-weight: 500;
}
#header #cart .checkout {
	text-align: right;
	clear: both;
}
#header #cart .empty {
	padding-top: 50px;
	text-align: center;
}
#header #search {
  float: right;
  margin: 8px 0 0;
  padding: 0px;
  position: relative;
  width: 261px;
}
#header .button-search {
  background: url("../image/button-search.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 0;
  width: 28px;
  margin-top: 5px;
}

.login-content p {
  font-size: 18px;
}
#header #search input {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 0 none;
  border-radius: 3px;
  height: 21px;
  padding: 3px 1% 3px 5%;
  width: 94%;
}

#header #search input:focus {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #337B19;
  border-radius: 3px;
  height: 21px;
  padding: 3px 1% 3px 5%;
  width: 94%;
     -moz-box-shadow:    inset 0 0 5px #cee1d7;
   -webkit-box-shadow: inset 0 0 5px #cee1d7;
   box-shadow:         inset 0 0 5px #cee1d7;
}
#search:focus {
  position: relative;
  top: -1px;
}
#header #welcome {
  color: #fff;
  font-size: 14px;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 30px;
  width: 234px;
  z-index: 5;
}
#header #welcome a {
  font-size: 14px;
  color: #faa635 !important;
}

.checkout-content-main {
  float: left;
}

#header .links {
  bottom: 66px;
  font-size: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
}
#header .links a {
	float: left;
	display: block;
	padding: 0px 0px 0px 7px;
	color: #38B0E3;
	text-decoration: none;
	font-size: 12px;
}
#header .links a + a {
	margin-left: 8px;
	border-left: 1px solid #CCC;
}
/* menu */
#menu {
  background-image: url("../image/menuBg.jpg");
  background-repeat: repeat-x;
  float: left;
  font-size: 18px;
  height: 35px;
  position: relative;
  text-transform: uppercase;
  top: -13px;
  width: 980px !important;
  z-index: 12;
}

#menu > ul > li:hover {
  background: url("../image/menuHoverBg.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);

}
#menu > ul > li:hover > a {
  color: #fff !important;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu > ul > li {
	position: relative;
	float: left;
	z-index: 20;
	padding: 0px;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
  color: #313131;
  display: block;
  font-family: trebuchet ms;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 0;
  padding: 9px 30px 15px 32px;
  position: relative;
  text-decoration: none;
  z-index: 6;
}

#header .centered {
  height: 148px !important;
}

.menu-products {
  display: none !important;
}

#menu > ul > li > div {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #0b184d;
  display: none;
  min-width: 207px;
  padding: 20px 14px;
  position: absolute;
  z-index: 5;
}

#menu > ul > li:hover > div {
	display: table;
}
#menu > ul > li > div > ul {
  display: table-cell;
  padding-right: 25px;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}
#menu > ul > li ul > li > a {
	text-decoration: none;
	padding: 4px;
	color: #313131;
	display: block;
	white-space: nowrap;
	min-width: 120px;
}

#menu > ul > li > div > ul > li > a, #menu > ul > li ul > li > a:hover {
  color: #313131;
  font-size: 19px;
  letter-spacing: -1px;
  text-transform: none;
}
 #menu > ul > li ul > li > a:hover  {
	text-decoration:underline;
 }
.breadcrumb {
  color: #0b184d;
  font-size: 14px;
  margin-bottom: 3px;
  margin-top: -3px;
}
.success, .warning, .attention, .information {
  border-radius: 5px;
  color: #626262;
  margin-bottom: 15px;
  padding: 15px 10px 19px 33px;
  font-weight: bold;
}

.success {
  background: url("../image/success.png") no-repeat scroll 10px center #eaf7d9;
  border: 1px solid #bbdf8d;
  border-radius: 5px;
  float: left;
  width: 95%;
}
.warning {
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	  float: left;
  width: 95%;
}
.attention {
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	  float: left;
  width: 95%;
}
.success .close, .warning .close, .attention .close, .information .close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}
.required {
	color: #000;
	font-weight: bold;
}
.error {
	display: block;
	color: #FF0000;
}
.help {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}
table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form tr td:first-child {
	width: 150px;
}
table.form > * > * > td {
	color: #000000;
}
table.form td {
	padding: 4px;
}
input.large-field, select.large-field {
	width: 300px;
}
table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
table.list tbody td {
	padding: 0px 5px;
}
table.list .left {
	text-align: left;
	padding: 7px;
}
table.list .right {
	text-align: right;
	padding: 7px;
}
table.list .center {
	text-align: center;
	padding: 7px;
}
table.radio {
	width: 100%;
	border-collapse: collapse;
}
table.radio td {
	padding: 5px;
}
table.radio td label {
	display: block;
}
table.radio tr td:first-child {
	width: 1px;
}
table.radio tr td:first-child input {
	margin-top: 1px;
}
table.radio tr.highlight:hover td {
	
	cursor: pointer;
}
.pagination {
  border: 1px solid #E7E2E2;
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px;
  width: 688px;
}
.pagination .links {
  float: right;
}
.pagination .links a {
  border-right: 1px solid #929292;
  color: #67BF29;
  display: inline-block;
  font-weight: 600;
  padding: 0px 10px;
  text-decoration: underline;
  font-size: 16px;
}
.pagination .links b {
  background: none repeat scroll 0 0 #FFFFFF;
  border-right: 1px solid #929292;
  color: #269BC6;
  display: inline-block;
  font-weight: normal;
  padding: 0px 10px;
  text-decoration: none;
  color: #4a4a4a;
  font-size:16px;
}

.pagination .results {
  float: left;
  padding-top: 3px;
  color: #4a4a4a;
  font-size: 14px;
}
/* button */
a.button, input.button {
	cursor: pointer;
	color: #FFFFFF;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: url('../image/button.png') repeat-x;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
}
a.button {
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
}
input.button {
	margin: 0;
	border: 0;
	height: 24px;
	padding: 0px 12px 0px 12px;
}
a.button:hover, input.button:hover {
	/*background-position: 0px -24px;*/
}
.buttons {
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	overflow: hidden;
	padding: 6px;
	margin-bottom: 20px;
}
.buttons .left {
	float: left;
	text-align: left;
}
.buttons .right {
	float: right;
	text-align: right;
}
.buttons .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.htabs {
	height: 30px;
	line-height: 16px;
	border-bottom: 1px solid #DDDDDD;
}

.htabs a, .htabs a.selected, .htabs a:hover, .htabs a.selected {
  background: none repeat scroll 0 0 #09528e;
  border: 0 none;
  bottom: -2px;
  color: #ffffff;
  font-family: "Arimo",sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0;
  margin-right: 10px;
  padding: 9px 15px 10px;
  position: relative;
}
.htabs a {
  background: none repeat scroll 0 0 #73bbe7;
  color: #09528e;
}

.tab-content {
  border-bottom: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  color: #505050;
  font-size: 18px;
  margin-bottom: 20px;
  overflow: auto;
  padding: 16px 20px;
  z-index: 2;
}
/* box */
.box {
  margin-bottom: 5px;
}
.box .box-heading {
  background: none repeat scroll 0 center rgba(0, 0, 0, 0);
  border: 0 none;
  color: #626262;
  font-size: 36px;
  font-weight: 300;
  padding: 23px 10px 11px;
  text-align: center;
}
#column-right .box .box-content {
  line-height: 25px;
}
/* box products */
.box-product {
	width: 100%;
	overflow: auto;
}
.box-product > div, .product-grid > div {
  border: 0 none;
  display: block;
  float: left;
  margin-bottom: 20px;
  margin-right: 10px;
  padding: 0;
  vertical-align: top;
  width: 232px;
  background:url('../image/product-bgs.png') no-repeat;
  background-position:0px 100%;
  border:2px solid #fff;
}

.product-list > div {
  border: 0 none;
  display: block;
  float: left;
  margin-bottom: 20px;
  margin-right: 0px;
  padding: 0;

  width: 100%;
  background:#fff;

  border:2px solid #fff;

}
.product-grid > div , .product-list > div {
  margin-bottom: 10px;
}
.last-featured-product {
  margin-right: 0 !important;
}
#column-left + #column-right + #content .box-product > div {
	width: 119px;
}
.box-product .image, .product-grid .image{
  border-left: 1px solid #2f8ac2;
  border-right: 1px solid #2f8ac2;
  border-top: 1px solid #2f8ac2;
  display: block;
  float: left;
  margin-bottom: 0;
  text-align: center;
  width: 230px;
}
.box-product .image img  , .product-grid .image img , .product-list .image img{
  border: 0px;
  padding: 0px;
}

.box-product .price, .product-grid .price, .product-list .price, .product-info .price {
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  margin-bottom: 24px;
  margin-left: 20px;
  width: 100%;
}
.box-product .price-old , .product-grid .price-old ,.product-list .price-old , .price-info .price-old {
  color: #FF0000;
  text-decoration: line-through;
  font-size: 21px;
  font-weight: 500;
  margin-right: 10px;
} 
.box-product .price-new , .product-grid .price-new,  .product-list .price-new{
	font-weight: bold;
}
.box-product .rating , .product-grid .rating , .product-list .rating{
	display: block;
	margin-bottom: 4px;
}
/* box category */
#column-left ul.box-category, #column-left ul.box-category ul {
  border-bottom: 1px solid #1c7db8;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
ul.box-category > li:first-child {
	padding: 0px 8px 8px 0px;
}
#column-left ul.box-category > li + li {
  border-top: 1px solid #f3f3f3;
}

#column-left ul.box-category > li > a, #column-left ul.box-category > li a.active {
  color: #01226e;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
ul.box-category > li ul {
	display: none;
}

 
#column-left .box-category li ul {
  border-bottom: 0 none !important;
}
ul.box-category > li a.active + ul {
	display: block;
}
ul.box-category > li ul > li {
	padding: 5px 5px 0px 10px;
}
ul.box-category > li ul > li > a {
	text-decoration: none;
	display: block;
}

#column-left ul.box-category > li ul > li > a, #column-left ul.box-category > li ul > li > a:hover {
  color: #2d2d2d;
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-left: 4px;

  text-indent: -7px;
}

#column-left ul.box-category > li ul > li > a:hover {
  text-decoration: underline;
  color:#2f8ac2;
}
ul.box-category > li ul > li > a.active {
	font-weight: bold;
}
/* box filter */
ul.box-filter, ul.box-filter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.box-filter span {
	font-weight: bold;
	border-bottom: 1px solid #EEEEEE;	
	display: block;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
ul.box-filter > li ul {
	padding-bottom: 10px;
}
/* content */
#content .content {
	padding: 10px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #EEEEEE;
}
#content .content .left {
	float: left;
	width: 49%;
}
#content .content .right {
	float: right;
	width: 49%;
}
/* category */
.category-info {
  margin-bottom: 10px;
  overflow: hidden;
}
.category-info .image {
	float: left;
	padding: 5px;
	margin-right: 15px;
	border: 1px solid #E7E7E7;
}
.category-list {
  margin-bottom: 9px;

}

.category-list > a , .category-list > a:hover{
  -moz-hyphens: none;
  background: none repeat scroll 0 0 #01226e;
  border: 0 none;
  border-radius: 17px;
  color: #fff;
  font-size: 16px;
  height: 18px;
  line-height: 43px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 5px 31px;
  text-transform: none;
  white-space: nowrap;
  word-break: keep-all;
}
.category-list ul {
	float: left;
	width: 18%;
}
/* manufacturer */
.manufacturer-list {
	border: 1px solid #DBDEE1;
	padding: 5px;
	overflow: auto;
	margin-bottom: 20px;
}
.manufacturer-heading {
	background: #F8F8F8;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 8px;
	margin-bottom: 6px;
}
.manufacturer-content {
	padding: 8px;
}
.manufacturer-list ul {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}
/* product */
.product-filter {
  border: 1px solid #E7E2E2;
  float: left;
  margin-bottom: 20px;
  overflow: auto;
  padding: 7px;
  width: 694px;
}
.product-filter select {
  background: none repeat scroll 0 0 #F8F8F8;
  padding-left: 10px;
  color: #4a4a4a;
  font-size: 14px;
  margin-left: 5px;
}
.product-filter .display {
	margin-right: 15px;
	float: left;
	padding-top: 4px;
	color: #333;
}
.product-filter .display a {
  background-position: 0 5px;
  font-weight: bold;
  padding-left: 35px;
  padding-top: 9px;
  padding-bottom: 5px;
  margin-right: 20px;
}
.product-filter .sort {
	float: right;
	color: #4a4a4a;
}
.product-filter .limit {
	margin-left: 15px;
	float: right;
	color: #4a4a4a;
}
.product-compare {
	padding-top: 6px;
	margin-bottom: 25px;
	font-weight: bold;
}
.product-compare a {
	text-decoration: none;
	font-weight: bold;
}
.product-list > div {
	overflow: auto;
	margin-bottom: 15px;
}
.product-list .right {
	float: right;
	margin-left: 15px;
}

.product-list .image {
	float: left;
	margin-right: 10px;
}






.product-grid, .product-list {
  overflow: hidden;
  width: 100%;
}

#column-left + #column-right + #content .product-grid > div {
	width: 125px;
}

/* Product */
.product-info {
  margin-bottom: 20px;
  overflow: hidden;
}
.product-info > .left {
  float: left;
  margin-right: 20px;
}
.product-info > .left + .right {
  color: #626262;
  float: left;
  font-size: 16px;
  margin-left: 0;
  width: 324px;
}


.options > h2 {
  display: none;
}
.product-info .image {
  border: 1px solid #e7e2e2;
  float: left;
  margin-bottom: 10px;
  padding: 15px;
  text-align: center;
  width: 363px;
}
.product-info .image-additional {
  clear: both;
  margin-left: -10px;
  overflow: hidden;
  width: 320px;
}
.product-info .image-additional img {
	border: 1px solid #E7E7E7;
}
.product-info .image-additional a {
	float: left;
	display: block;
	margin-left: 10px;
	margin-bottom: 10px;
}
.product-info .description {
  border-bottom: 1px solid #daecd4;
  border-top: 0 none;
  color: #626262;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
  padding: 0 0 20px;
}

.short-description {
  border-bottom: 1px solid #eeeeee;
  color: #505050;
  float: left;
  font-size: 18px;
  margin-bottom: 24px;
  margin-top: 10px;
  padding-bottom: 21px;
  width: 100%;
}
.information-content p, .information-content li, .information-content a {
  font-size: 18px;
}

.information-content {
  font-size: 18px;
}

.breadcrumb > a {
  font-size: 15px;
}
.product-info .description span {
  font-weight: bold;
}
.product-info .description a {
  color: #4D4D4D;
  text-decoration: none;
  font-size: 16px;
}

.product-info .price-old {

	text-decoration: line-through;
}
.product-info .price-tax {
  color: #999999;
  font-size: 19px;
  font-weight: normal;
  margin-top: -1px;
  float: left;
}

.product-info .price {
  border: 0 none !important;
  float: left;
  margin-top: 10px;
  color: #626262;
  font-size: 24px;
  font-weight: bold;
  margin-top: 19px;
  padding-left: 0px;
  margin-left: 0px;
}
.product-info .price .reward {
	
	font-weight: normal;
	color: #999;
}
.product-info .price .discount {
  clear: both;
  color: #4D4D4D;
  float: left;

  font-weight: normal;
}

.option > select {
  color: #626262;
  margin-left: 0;
  max-width: 99% !important;
  padding: 10px;
}

.option {
  clear: both;
  float: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 100%;
}
.size-guides {
  float: left;
  width: 100%;
  margin-bottom: 23px;
  font-style: italic;
  font-size: 12px !important;
}
.size-guides a {
  font-size: 12px !important;
  display: none;
}

.coupon-message {
  float: left;
  font-size: 23px;
  margin-bottom: 20px;
}


.coupon-message a {

  font-size: 23px;

}


.product-info .options {
  border-bottom: 1px solid #e7e7e7;
  color: #626262;
  float: left;
  margin-bottom: 10px;
  padding: 0 5px 10px;
  width: 100%;
}
.product-info .option-image {
	margin-top: 3px;
	margin-bottom: 10px;
}
.product-info .option-image label {
	display: block;
	width: 100%;
	height: 100%;
}
.product-info .option-image img {
	margin-right: 5px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}
.product-info .cart {
  border-bottom: 0 none;
  color: #4D4D4D;
  float: left;
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
}
.product-info .button {
  float: left;
  width: 214px !important;
}
.product-info .cart div > span {
	color: #999;
}
.product-info .cart .links {
	display: inline-block;
	vertical-align: middle;
}
.product-info .cart .minimum {
  clear: both;
  color: #999999;
  float: left;
  padding-top: 5px;
}
.product-info .review {
	color: #4D4D4D;
	float:left;
	}
.product-info .review > div {
  border-bottom: 0px;
  line-height: 20px;
  padding: 0px;
}
.product-info .review > div > span {
	color: #38B0E3;
}
.product-info .review .share {
	overflow: auto;
	line-height: normal;
}
.product-info .review .share a {
	text-decoration: none;
}
.review-list {
	padding: 10px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #EEEEEE;
}
.review-list .author {
	float: left;
	margin-bottom: 20px;
}
.review-list .rating {
	float: right;
	margin-bottom: 20px;
}
.review-list .text {
	clear: both;
}
.attribute {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.attribute tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
	width: 20%;
}
.attribute td {
	padding: 7px;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.compare-info tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
}
.compare-info td {
	padding: 7px;
	width: 20%;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
	font-weight: bold;
}
.compare-info .price-old {
	font-weight: bold;
	color: #F00;
	text-decoration: line-through;
}
.compare-info .price-new {
	font-weight: bold;
}
/* wishlist */
.wishlist-info table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.wishlist-info td {
	padding: 7px;
}
.wishlist-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
	text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
	text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
	text-align: right;
}
.wishlist-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image {
	text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
	text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
	text-align: right;
}
.wishlist-info tbody .price s {
	color: #F00;
}
.wishlist-info tbody .action img {
	cursor: pointer;
}
.login-content {
	margin-bottom: 20px;
	overflow: auto;
}
.login-content .left {
	float: left;
	width: 48%;
}
.login-content .right {
	float: right;
	width: 48%
}
.login-content .left .content, .login-content .right .content {
	min-height: 190px;
}
/* orders */
.order-list {
	margin-bottom: 10px;
}
.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.order-list .order-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.order-list .order-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
	float: left;
	width: 33.3%;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background: #EFEFEF;
	font-weight: bold;
}
/* returns */
.return-list {
	margin-bottom: 10px;
}
.return-list .return-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.return-list .return-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
	float: left;
	width: 33.3%;
}
.return-list .return-info {
	text-align: right;
}
.return-product {
	overflow: auto;
	margin-bottom: 20px;
}
.return-name {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-model {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-quantity {
	float: left;
	width: 31%;
}
.return-detail {
	overflow: auto;
	margin-bottom: 20px;
}
.return-reason {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened textarea {
	width: 98%;
	vertical-align: top;
}
.return-captcha {
	float: left;
}
.download-list {
	margin-bottom: 10px;
}
.download-list .download-id {
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.download-list .download-status {
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.download-list .download-content {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
	float: left;
	width: 33.3%;
}
.download-list .download-info {
	text-align: right;
}
/* cart */
.cart-info table {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.cart-info td {
	padding: 7px;
}
.cart-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .image {
	text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
	text-align: left;
}
.cart-info thead .price, .cart-info thead .total {
	text-align: right;
}
.cart-info tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .image img {
	border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
	text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
	text-align: left;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
	position: relative;
	top: 4px;
	cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
	text-align: right;
}
.cart-info tbody span.stock {
	color: #F00;
	font-weight: bold;
}
.cart-module > div {
	display: none;
}
.cart-total {
	border-top: 1px solid #DDDDDD;
	overflow: auto;
	padding-top: 8px;
	margin-bottom: 15px;
}
.cart-total table {
	float: right;
}
.cart-total td {
	padding: 3px;
	text-align: right;
}
/* checkout */



.checkout-heading {
  background: none repeat scroll 0 0 #eef8ff;
  border: 0px;
  font-weight: 700;
  color:#7ea1d2;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 12px 15px;
}

.checkout > div {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

.checkout-content {
  
  float: left;
  margin-bottom: 20px;
}

.checkout .checkout-content {

}

.checkout-heading a {
  color: #1c7db8;
  float: right;
  font-weight: normal;
  margin-top: 1px;
  text-decoration: underline;
}
.checkout-content {

  float: left;

}

#checkout .checkout-content h2 {
  color: #626262;
  font-size: 24px !important;
  font-weight: bold;
  margin-top: 20px;
}
.checkout-content .left {
  float: left;
  padding: 0 15px;
  width: 45%;
}
.checkout-content .right {
	float: right;
	width: 48%;
}
.checkout-content .buttons {
	clear: both;
}
.checkout-product table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.checkout-product td {
	padding: 7px;
}
.checkout-product thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
	text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
	text-align: right;
}
.checkout-product tbody td {
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
	text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
	text-align: right;
}
.checkout-product tfoot td {
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
}
.contact-info {
	overflow: auto;
}
.contact-info .left {
	float: left;
	width: 48%;
}
.contact-info .right {
	float: left;
	width: 48%;
}
.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}
.sitemap-info .left {
	float: left;
	width: 48%;
}
.sitemap-info .right {
	float: left;
	width: 48%;
}
/* footer */ 
#footer {
  background: none repeat scroll 0 0 #5B5353;
  clear: both;
  min-height: 100px;
  overflow: auto;
  padding: 20px 0px 40px;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
}
#footer h3 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 14px;
  margin-top: 13px;
  font-weight: bolder;
  text-transform: uppercase;
}
#footer .column {
	float: left;
	width: 25%;
	min-height: 100px;
}
#footer .column ul {
  list-style: none outside none;
  margin-left: 0;
  margin-top: 0;
  padding-left: 0;
  font-size: 14px;
  color: #fff;
}
#footer .column ul li {
	margin-bottom: 6px;
}
#footer .column a {
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
}
#footer .column a:hover {
  color: #AEF77B;
  text-decoration: none;
  font-weight: 400;
}
#powered {
  background: url("../image/footer-pattern.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  clear: both;
  height: 104px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding-top: 30px;
  text-align: left;
  width: 980px;
}
/* banner */

#banner1 div {
  float: left;
}

.banner p {
  display: none;
}
.box {
  float: left;

}


.banner div img {
  margin-top: 20px;
}

#content #banner1 div img {
  margin-top: 20px;
  box-shadow: 0px 0px 3px #1c7db8;
}

#header > div {
  width: 207px;
}
#logo img {
  width: 100%;
}

#live-search-results-wrapper > ul {
  background: none repeat scroll 0 0 #F6FFEF;
  border: 1px solid;
  border-radius: 3px;
  display:none;

}
#live-search-results-wrapper > ul.data {
  padding: 10px 19px;
  display:block;
}

#live-search-results-wrapper > ul  li a {
  color: #8f8f8f;
  text-transform: none;
  font-size: 16px;
  font-weight: 400;
}
 
#login-popup {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 3px;
  display: none;
  left: 50%;
  margin-left: -195px;
  padding: 30px;
  position: fixed;
  top: -210px;
  width: 330px;
  z-index: 99999;
  padding-bottom: 40px;
}
#login-popup h4, #register-popup h2 {
  color: #271810;
  font-size: 24px;
  font-weight: 600;
  margin: -10px 0 12px;
  clear: both;
}
#register-popup h2 {
  margin: -10px 0 7px;
}

#login-popup b {
  color: #271810; 
  float: left;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  width: 100%;
  margin-top: 9px;
}

#register-popup .content > div {
  color: #271810; 
    margin-top: 9px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
}

#login-popup input , #register-popup input , #register-popup select {
  background: none repeat scroll 0 0 #F4F4F4;
  border: 0 none;
  color: #000000;
  margin-bottom: 0;
  padding: 7px 5px;
  width: 97%;
  
}

#register-popup select {
  width: 92% !important;
}


#register-popup input, #register-popup select {
  margin-top: 6px;
  width: 89%;
  border-radius: 3px;
}

#register-popup  input.full-width,#register-popup  select.full-width {
	width:96% !important;
}
#register-popup  select[name="zone_id"] {
	width:99% !important;
}
#register-popup .content > div {
  float: left;
  width: 50%;
}

#register-popup > form {
  width: 100%;
}

#login-popup a {
  color: #1c7db8;
  float: left;
  font-weight: 500;
  margin-top: 6px;
  text-decoration: underline;
}
#login-popup input.button, #register-popup input.button {
  background: url("../image/add-to-cart-bg.jpg") repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
  border-radius: 0;
  box-shadow: none;
  color: #ffffff;
  float: left;
  font-size: 24px;
  font-weight: 300;
  margin-top: 13px;
  text-shadow: none;
  width: 100%;
}
.register-in-login {
  color: #1c7db8;
  float: left;
  font-weight: 500;
  margin-top: 4px;
  text-align: center;
  width: 100%;
}
.register-in-login a#register-click, .register-in-login a#register-click:hover {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  float: none;
  font-size: 18px;
  font-weight: 500;
  margin-top: 9px;
  position: relative;
  text-align: center !important;
  text-decoration: underline;
  top: 10px;
  color: #1c7db8;
}
#register-popup {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 3px;
  display: none;
  left: 50%;
  margin-left: -330px;
  overflow: hidden;
  padding: 25px;
  position: absolute;
  top: -560px;
  width: 660px;
  z-index: 9999;
}

.login-register-bg {
  background: url("../image/login-register-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 0px;
  position: absolute;
  width: 100%;
  z-index: 9998;
 

}
#register-popup .content {
  float: left;
  width: 100%;
  margin-bottom: 22px;
}
#register-popup .buttons {
  float: left;
  text-align: center !important;
  width: 100%;
  border: 0px;
}
#register-popup > form {
  float: left;
}
#register-popup .buttons .right {
  border: 0 none;
  text-align: center;
  width: 100%;
  color: #271810;
  font-size: 18px;
  font-weight: 400;
}
#register-popup .right a {
  font-size: 18px;
  font-weight: 400;
  text-decoration: underline;
}
#register-popup .right > input[type="checkbox"] {
  width: 10px;
}
.right > .button , a.button,  a.button:hover ,  .content > input[value="Login"].button{
	background:url('../image/add-to-cart-bg.jpg');
	border-radius:0px;
	box-shadow:none;
	color:#fff;
	font-family: 'Arimo', sans-serif;
	font-size:17px;
	font-weight:700;
	padding:14px 20px; 
	height:auto;
	background-size:100% 100% !important;
}
#login-popup .button , #register-popup .right .button {
  border-radius: 3px;
  float: none;
  height: 55px;
  margin-top: 40px;
  padding: 10px 30px !important;

  letter-spacing: -.5px;
  font-weight: 400;
  border-radius:3px !important;
}

#register-popup .right .button {
	width:61%;
}



.centered {
  height: 100% !important;
  margin: 0 auto !important;
  padding: 0 20px;
  position: relative;
  width: 940px !important;
}

.cart-product {
  border: 1px solid #E7E2E2;
  float: left;
  min-height: 247px;
  padding: 20px;
  width: 267px;
  margin-right: 10px;
  margin-bottom:10px;
}
.cart-products {
  float: left;
  margin-bottom: 15px;
  min-height: 390px;
  width: 640px;
}

.cart-options-totals {
  float: left;
  margin-bottom: 20px;
  position: relative;
  width: 300px;
}

#captcha {
  margin-top: 20px;
}
.product-image {
  border: 1px solid #E7E2E2;
  height: 188px;
  width: 188px;
  float: left;
}
.product-quantity {
  border: 1px solid #E7E2E2;
  float: left;
  margin-left: 17px;
  padding: 10px 0;
  text-align: center;
  width: 58px;
  margin-top:36px;
  height:132px;
}

.product-quantity > input[type="image"], .product-quantity > input[type="image"]:hover {
  background: url("../image/update-cart.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  height: 31px;
  margin-left: 9px;
  margin-top: 7px;
  padding: 0px;
  text-indent: -9999px;
  transition: none 0s ease 0s !important;
  width: 34px;
}
.product-quantity > input[type="image"]:hover  {
background-position:-40px 0px;
}


.product-quantity > a, .product-quantity > a:hover {
  background: url("../image/remove-from-cart.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  margin-left: 15px;
  margin-top: 4px;
  padding: 15px;
  transition: none 0s ease 0s !important;
  margin-bottom: 10px;
}

.product-quantity > a:hover  {
background-position:-30px 0px;
}
.product-name , .product-name a{
  clear: both;
  color: #48A128;
  float: left;
  font-size: 18px;
}

.product-name small {
  font-size: 12px;
  float: left;
}

.product-name {
  margin-top: 30px;
  margin-bottom: 26px;
}

.product-price, .product-total {
  clear: both;
  color: #505050;
  float: left;
  font-size: 24px;
}

.product-total {
	margin-bottom:8px;
}

.cart-product.first {
  clear: both;
}
.cart-options-totals-fixed {
  border: 1px solid #E7E2E2;
  color: #505050;
  font-size: 18px;
  /*max-height: 430px;*/

  padding: 20px;
  transition: none 0s ease 0s !important;
  width: 258px;
}
.cart-options-totals-fixed.on {
 
  left: 49.75%;
  margin-left: 175px;
  padding: 20px;
  position: fixed;
  top: 164px;
  transform: none !important;
  width: 258px;
}

.cart-options-totals-fixed.on > h2  , .cart-options-totals-fixed> h2{
  color: #505050;
  font-size: 24px;
  font-weight: 400;
}

.cart-options-totals-fixed.stick-to-bottom {
  bottom: -0px !important;
  position: absolute;
}

.popup-x {
	float:right;
	cursor:pointer;
}

#eucookielaw {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
  color: #FFFFFF;
  display: none;
  font-size: 24px;
  height: auto;
  left: 0;
  margin-left: 0;
  padding: 30px 20% 40px 20%;
  position: absolute;
  text-align: center;
  width: 60%;
  z-index: 99999;
}


#eucookielaw a {
	color:#eee;
}

#more , .cookie-ok{
  background: none repeat scroll 0 0 #BB911E;
  border-radius: 2px;
  font-size: 18px;
  font-weight: 600;
  padding: 11px 37px;
  margin-right: 25px;
}

.cookie-ok {
	cursor:pointer;
	background:#67bf29;
  padding: 11px 40px;
}
#eucookielaw > p {
  margin-bottom: 33px;
}

#mobile-nav {
  backface-visibility: hidden;
  background: none repeat scroll 0 0 #80A0A7;
  display: none;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.3s ease 0s;
  z-index: 999;
  width: 80%;
  overflow-x: hidden;
}

#mobile-nav-button {
  background: url("../image/mobile-menu-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  cursor: pointer;
  display: none;
  float: right;
  height: 42px;
  position: absolute;
  right: 0;
  top: 203px;
  width: 60px;
  z-index: 999;
}
.menu-click-line {
  width: 100%;
  height: 10px;
  background: #000;
  margin-bottom: 6px;
  border-radius: 10px;
}

.show-element {
  display: block !important;
  transition: all 0.3s ease 0s;
}

.show-navigation {
  left: -80% !important;
  position: fixed !important;
  transition: all 0.3s ease 0s;
} 

.links-phone-number {
  float: left;
  height: 120px;
  margin-left: 159px;
  margin-top: 24px;
  position:relative;
}
.links-phone-number {
  float: left;
  height: 120px;
  margin-left: 146px;
  margin-top: 39px;
  position: relative;
}

.header-links > li {
  float: left;
  margin-right: 5px;
  padding-left: 5px;
  height: 14px;
}
.header-links a {
  position: relative;
  top: -4px;
}

.header-phone {
  clear: both;
  float: left;
  font-size: 30px;
  color: #00622f;
  font-weight: bolder;
}

.header-phone  a, .header-phone a:hover{ 

  color: #00622f;
  font-size: 30px;  
  cursor:default;
  text-decoration:none;
}
.header-links > li + li {
  border-left: 1px solid #b8e19b;
}

#welcome #login-click, #welcome #register-click {
  color: #faa635;
  font-size: 14px;
  margin-right: 4px;
  padding: 0;
  position: relative;
  top: 1px;
}
#welcome #register-click {
  margin-left: 4px;
  margin-right: 0 !important;
}

.cart-text {
  float: left;
  margin-left: 3px;
}

.mini-cart-button {
  float: right;
  margin-left: 25px;
}
.mini-cart-button > a {
  padding: 10px 17px 8px 18px;
  position: relative;
  top: -4px;
}

.name > a {
  font-size: 16px;

  font-weight: 500;
  text-decoration: underline;
  position: relative;
  top: -9px;
}
.quantity > span, .total > span {
  position: relative;
  top: -9px;
  font-size: 16px;
  color: #505050;
  font-weight: 500;
}

.mini-cart-info {
  padding: 8px 12px 0px 12px;
  border-bottom: 3px solid #f3f3f3;
  height:200px;
  overflow-y:auto; 
}

.minicart-cart-link {
  float: left;
  margin-bottom: 30px;
  margin-left: 20px;
  color: #505050;
  font-weight: 500;
}

.minicart-checkout {
  border-radius: 2px;
  color: #ffffff !important;
  font-size: 16px;
  margin-right: 20px;
  padding: 4px 26px;
  background: url('../image/add-to-cart-bg.jpg');
  background-size:100% 100%;
}
.minicart-checkout:hover {
  color: #FFFFFF;
  text-decoration:none;

}



a:hover {
  color: #1c7db8 ;
  text-decoration: underline;
}

#cart:hover {
  cursor: pointer;
}

.cart-underline {
  background: #b3df94;
  bottom: 10px;
  height: 2px;
  position: absolute;
  width: 73%;
  visibility:hidden;
  opacity:0;
 	 transition:visibility 0s linear 0.25s,opacity 0.25s linear;
}

#cart:hover .cart-underline  {
	display:block;

	   visibility:visible;
  opacity:1;
  transition-delay:0s;
}
#cart.active:hover .cart-underline {
	display:none;
}
#header #cart.active .heading a {
	background:#none repeat scroll 0 0 #006330;
}

#header #cart.active  .mini-cart-button > a {
  background: none repeat scroll 0 0 #006330 !important;
  padding: 10px 17px 8px 18px;
  position: relative;
  top: -4px;
}

#cart.active {

}

#container > .centered {
  background: none repeat scroll 0 0 #FFFFFF;

  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  position: relative;
  width: 940px !important;
  z-index: 1;
  overflow-y: hidden;
}

.jcarousel-container.jcarousel-container-horizontal {
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
}


.slideshow{
	width: 100%;
	min-width: 520px;
	height: 400px;
	position: relative;
	margin: 30px auto;
	overflow: hidden;
	background: transparent url(../images/waves.gif) repeat 0% 0%;
	border-top: 8px solid #efc34a;
	border-bottom: 8px solid #efc34a;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
}
.slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;

	text-align: left;
}
.slide-current{
	z-index: 1000;
}
slideshow-fb .slide{
	left: 100%;
}
slideshow-fb  .slide.slide-current{
	left: 0px;
}
.slide h2,
.slide p,
.slide .da-link,
.slide .da-img{
	position: absolute;
	opacity: 0;
	left: 0%;
}
slideshow-fb .slide h2,
slideshow-fb .slide p,
slideshow-fb .slide .da-link{
	left: 10%;
	opacity: 1;
}
slideshow-fb .slide .da-img{
	left: 0%;
	opacity: 1;
}
.slide h2{
	color: #fff;
	font-size: 66px;
	width: 50%;
	top: 60px;
	white-space: nowrap;
	z-index: 10;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-family: 'Economica', Arial, sans-serif;
	font-weight: 700;
}
.slide p{
	width: 45%;
	top: 155px;
	color: #916c05;
	font-size: 18px;
	line-height: 26px;
	height: 80px;
	overflow: hidden;
	font-style: italic;
	font-family: 'Economica', Arial, sans-serif;
	font-weight: 400;
	font-style: italic;
}
.slide .da-img{
	text-align: center;
	width: 30%;
	top: 70px;
	height: 256px;
	line-height: 320px;
	left: 110%; /*60%*/
}
.slide .da-link{
	top: 270px; /*depends on p height*/
	border-radius: 30px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 8px solid rgba(255,255,255,0.8);
	padding: 2px 20px 0px;
	font-size: 18px;
	line-height: 30px;
	width: 80px;
	text-align: center;
	background: rgba(255,255,255,0.2);
}
.slide .da-link:hover{
	background: rgba(255,255,255,0.3);
}
.da-dots {
  -moz-user-select: none;
  bottom: 20px;
  right: 14px;
  position: absolute;
  text-align: right;
  width: 20%;
  z-index: 2000;
}
.da-dots span {
  background: none repeat scroll 0 0 #E4B42D;
  cursor: pointer;
  display: inline-block;
  margin-left: 9px;
  position: relative;
  transition: none 0s ease 0s !important;
}


.da-arrows {
  -moz-user-select: none;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 1px;
  position: absolute;
  top: 0px;
  width: 2px;
  z-index: 9999;
  left: 0px;
}
.da-arrows span {
  cursor: pointer;
  height: 30px;
  left: 40%;
  opacity: 1;
  position: absolute;
  top: 50%;
  width: 30px;
  z-index: 999999999;
}

.da-arrows-prev {
  left: 8px !important;
  top: 137px !important;
}

.da-arrows-next {
  left: 926px !important;
  top: 137px !important;
}

.slide-current h2,
.slide-current p,
.slide-current .da-link{
	left: 10%;
	opacity: 1;
}
.slide-current .da-img{
	left: 00%;
	opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.slide-fromright {
	-webkit-animation: fromRightAnim1 0.6s ease-in-out 0s both;
	-moz-animation: fromRightAnim1 0.6s ease-in-out 0s both;
	-o-animation: fromRightAnim1 0.6s ease-in-out 0s both;
	-ms-animation: fromRightAnim1 0.6s ease-in-out 0s both;
	animation: fromRightAnim1 0.6s ease-in-out 0s both;
}
 
@-webkit-keyframes fromRightAnim1{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 10%; opacity: 0; }
	1%{ left: 0%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 10%; opacity: 0; }
	1%{ left: 0%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 10%; opacity: 0; }
	1%{ left: 0%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 10%; opacity: 0; }
	1%{ left: 0%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 10%; opacity: 0; }
	1%{ left: 0%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 10%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.slide-fromleft{
	-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in-out 0s both;
	-o-animation: fromLeftAnim1 0.6s ease-in-out 0s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in-out 0s both;
}

@-webkit-keyframes fromLeftAnim1{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -10%; opacity: 0; }
	1%{ left: 0%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -10%; opacity: 0; }
	1%{ left: 0%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -10%; opacity: 0; }
	1%{ left: 0%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -10%; opacity: 0; }
	1%{ left: 0%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -100%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -10%; opacity: 0; }
	1%{ left: 0%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -10%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
.slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in-out both;
	-moz-animation: toRightAnim3 0.4s ease-in-out both;
	-o-animation: toRightAnim3 0.4s ease-in-out both;
	-ms-animation: toRightAnim3 0.4s ease-in-out both;
	animation: toRightAnim3 0.4s ease-in-out both;
}
.slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in-out both;
	-moz-animation: toRightAnim4 0.6s ease-in-out both;
	-o-animation: toRightAnim4 0.6s ease-in-out both;
	-ms-animation: toRightAnim4 0.6s ease-in-out both;
	animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 0%;  opacity: 1; }
	99%{ left: 0%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 0%;  opacity: 1; }
	99%{ left: 0%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 0%;  opacity: 1; }
	99%{ left: 0%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 0%;  opacity: 1; }
	99%{ left: 0%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 0%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 0%;  opacity: 1; }
	99%{ left: 0%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
	-moz-animation: toLeftAnim1 0.6s ease-in-out both;
	-o-animation: toLeftAnim1 0.6s ease-in-out both;
	-ms-animation: toLeftAnim1 0.6s ease-in-out both;
	animation: toLeftAnim1 0.6s ease-in-out both;
}
.slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

.slideshow {
  position: relative;
  float: left;
  margin-bottom: 11px;
}

.slide-html {
  position: absolute;
  top: 0;
}
.slider-title {
  color: #FFFFFF;
  font-size: 37px;
  font-weight: 300;
  left: 40px;
  letter-spacing: -1px;
  position: absolute;
  top: 40px;
  width: 352px;
}
.slider-button {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 21px;
  height: 38px;
  left: 41px;
  position: absolute;
  top: 200px;
  width: 218px;
} 

.slider-button:hover {
	background:rgba(255, 255, 255, .3);
}

.slider-button a {
  color: #FFFFFF;
  font-size: 21px;
  float:left;
}

.slider-button a {
  color: #FFFFFF;
  float: left;
  font-size: 22px;
  padding: 4px 26px 6px 22px;
  letter-spacing: -.5px;
}


.banner {
  float: left;
}
#carousel0 {
  float: left;
}
.box {
  float: left;
}

.product-range {
  float: left;
}
.product-range > h3 {
  color: #00622F;
  font-size: 48px;
  font-weight: 300;
  letter-spacing: -2px;
  text-align: center;
  margin-top:0px;
  margin-bottom:12px;
}


.product-range-cat {
  border: 1px solid #858585;
  float: left;
  margin-right: 10px;
  position: relative;
  width: 308px;
  height: 143px;
}
.product-range-cat:hover .product-range-cat-green-bg  {
	text-decoration:underline;
	height:48px;
}
.product-range-cat + .product-range-cat + .product-range-cat{
	margin-right:0px;
}

.product-range-cat-green-bg {
  background: url("../image/green-bg-product-range.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  bottom: 0;
  height: 34px;
  padding-top: 3px;
  position: absolute;
  text-align: center;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
}

.name {
  float: left;
  height: 60px;
  margin-top: 15px;
  width: 90%;
}
.name:hover {
	text-decoration:underline;

}
.featured-product .cart , .product-grid .cart , .product-list .cart{
  float: left;
  width:100%;
}



.box-product input.button, .product-grid input.button, .product-list input.button, .product-info input.button, #tab-related .related-add-button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 0;
  box-shadow: none;
  font-family: "Arimo",sans-serif;
  font-size: 18px;
  font-weight: 300;
  height: 38px;
  width: 100%;
}

 #tab-related  .related-add-button:hover{
  

}

.product-grid  .featured-product:hover, .product-grid  .last-featured-product:hover, .product-grid > div:hover {
  background-position: -256px 100%;
  border: 2px solid #0998f1;
  width: 232px !important;
  box-shadow: 0px 0px 8px #cadee9;
}

.product-list > div:hover {
  background-position: 0px 0px;
  border: 1px solid #0998f1;

  box-shadow: 0px 0px 8px #cadee9;
}
.box-product .name a, .box-product .name a:hover, .product-grid .name a, .product-grid .name a:hover, .product-list .name a, .product-list .name a:hover {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 300;
  margin-left: 20px;
  margin-top: 12px;
  text-decoration: none;
}

.product-list .name a, .product-list .name a:hover {
  color: #626262;
  font-size: 16px;
  margin-left: 0;
  margin-top: 18px;
}
.featured-product .name a:hover {
  
  
}
.name:hover {
	text-decoration:underline;
	color:#fff;
}

.featured-product:hover, .last-featured-product:hover  , .product-grid > div:hover , .product-list > div:hover{

	
}
.footer-links a {
  font-size: 14px;
  position: relative;
  transition: none 0s ease 0s  !important;
  color: #f3fa35 !important;
}
.footer-links a:hover {
	font-weight:400;
	text-decoration:underline;

}
.footer-links > ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
  margin: 0px;
  padding: 0px;
  float:left;
}

.footer-links li {
height:14px;
  float: left;
  padding-right: 8px;
}
.footer-links li:hover {
	
}

.footer-copyright {
  float: left;
  clear: both;
  color: #fff;
  margin-top: 10px;
}

.footer-links li + li{
	padding-left:8px;
	 border-left: 1px solid #FFFFFF;
	 margin-left:-3px;
}

.surge-footer-logo {
  float: right;
  position: relative;
  top: -17px;
  transition: none 0s ease 0s !important;
}

.surge-footer-logo > a {
  float: left;
  padding: 16px 57px;
}

.menu-products a , .menu-products a:hover{
  color: #8f8f8f !important;
  font-size: 18px !important;
  font-weight:300 !important;
  text-transform:none !important;
  letter-spacing:-1px;
}

.stick-header {
	position:fixed !important;
	top:-136px !important;
	transition:none !important;
	
}
.stick-header-container {
  margin-top: 182px !important;
  transition: none 0s ease 0s !important;
}

#column-left .box .box-heading {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url("../image/categories-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-color: -moz-use-text-color -moz-use-text-color #1c7db8;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 1px;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px;
  text-align: left;
  text-shadow: 0 1px 5px #000;
  text-transform: none;
}

#column-left .box .box-content {
  border-left: 1px solid #1c7db8;
  border-right: 1px solid #1c7db8;
  margin-bottom: 15px;
}

#column-left .box {
  width: 100%;
}
#column-left .box-category > li {
  padding: 11px 20px 14px;
}

#column-left .banner {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
#column-left #banner0 div {
  margin-right: 0px !important;
}
#banner3 {
  height: 358px !important;
}
#banner3 img {
  width: 100% !important;
}
#banner3 p {
  display: none;
}
#column-left .banner div img {
  margin-top: 15px;
  width: 100%;
}

#column-left #banner0 p,#column-left #banner1 p,#column-left #banner2 p,#column-left #banner0 a,#column-left #banner1 a,#column-left #banner2 a {
  color: #FFFFFF;
  font-size: 19px;
}

.breadcrumb > a {
  color: #1c7db8;
  text-decoration: none;
}

.refine-search {
    background-image: -moz-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
  border: 1px solid rgb(189, 189, 189);
  float: left;
  margin-bottom: 22px;
  padding: 10px 15px 7px;
  text-align: center;
  width: 708px;
}




.refine-search > h2 {
  color: #006330;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 7px;
}

.product-list {
  float: left;
}

.grid-light, .list-light , .grid-light:hover, .list-light:hover{
  cursor: default;
  color: #9b9b9b;
  font-weight: 400 !important;
   text-decoration:none; 
}
.grid-light {
	background:url('../image/grid-light.jpg') no-repeat;
}
.grid-dark {
	background:url('../image/grid-dark.jpg') no-repeat;
}

.list-light {
	background:url('../image/list-light.jpg') no-repeat;
}
.list-dark {
	background:url('../image/list-dark.jpg') no-repeat; 
}

.list-dark, .grid-dark, .list-dark:hover, .grid-dark:hover   {
  color: #4A4A4A !important;
  font-weight: 400 !important;
  text-decoration:none; 
}

.product-list .featured-product, .product-list .last-featured-product {
  border: 1px solid #2f8ac2;
  float: left;
  width: 99.8%;
  padding-bottom: 20px;
}

.product-list input.button, .product-info #button-cart {
  background: url("../image/add-to-cart-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 0;
  box-shadow: none;
  font-family: "Arimo",sans-serif;
  font-size: 18px;
  font-weight: bold;
  height: 52px;
  width: 100%;
}

.product-info #button-cart {
  width: 237px !important;
}

.cart-options-totals-fixed .buttons .right a.button {
  background: url("../image/add-to-cart-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}


#cart-options-totals .cart-options-totals-fixed > h2 {
  color: #626262;
  font-size: 24px !important;
  font-weight: bold;
}
.product-list .name {
  float: left;
  height: auto;
  margin-bottom: 22px;
  margin-left: 10px;
  width: 370px;
}

.product-list .price {
  color: #626262;
  font-size: 16px;
  margin-left: 13px;
  width: 64%;
}
.product-list .cart {
  float: left;
  width: 213px;
}

.product-grid .description {
  display: none;
}
.product-list .description {
  color: #626262;
  float: left;
  font-size: 16px;
  margin-bottom: 24px;
  margin-left: 10px;
  width: 453px;
}

.product-list .cart {
  float: left;
  width: 237px;
}

hr {
  color: #66A183;
  height: 1px;
  margin-bottom: 31px;
  padding: 0;
  text-shadow: none;
}
.right > input {
  color: #626262;
  font-size: 14px;
  height: auto;
  left: 10px;
  padding: 8px 20px !important;
  position: relative;
}

.search-content .buttons .right {
  float: left;
}

.related-add-button {
  background-position: 165px 10px !important;
  color: #FFFFFF;
  float: left;
  padding: 3px 0 0 34px;
  width: 177px !important;
}

.border-line {
  background: none repeat scroll 0 0 #E7E2E2;
  height: 1px;
  margin-bottom: 14px;
  width: 100%;
  float:left;
}

.product-quantity > input[type="text"] {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #006330;
  font-size: 18px;
  padding: 6px 0;
  text-align: center;
}
.cart-options-totals-fixed .content {
  border: 0 none !important;
  float: left;
  margin-top: 5px !important;
  padding: 0 0 20px 0!important;
  border-bottom: 1px solid #DAECD4 !important;
}

.cart-options-totals-fixed .content > p {
  border-bottom: 1px solid #daecd4;
  padding-bottom: 20px;
}

.cart-options-totals-fixed label {
  font-size: 14px;
  position: relative;
  top: -2px;
}

#coupon, #voucher , #shipping, #reward {
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #E7E2E2 !important;
  font-size: 14px;
  padding: 12px 10px 10px !important;
  position:relative;
}

#coupon input , #voucher input , #shipping input , #reward input  {
  background: #fff;
  width: 227px;
  float: left;
  margin-top: 6px;
}

#coupon .button, #voucher .button, #shipping .button, #reward .button {
  background: url("../image/add-to-cart-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none !important;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-family: "Arimo",sans-serif;
  font-size: 14px;
  font-weight: normal;
  height: auto;
  margin-top: 12px;
  padding: 7px !important;
  text-align: center;
  width: 150px;
}
.cart-options-totals-fixed.on.remove-fixed {
  position: static;
  margin-left: 0px;
}

.cart-options-totals-fixed {
  border: 1px solid #fff;
  color: #626262;
  font-size: 18px;
  overflow: hidden;
  padding: 20px;
  transition: none 0s ease 0s  !important;
  width: 258px;
  background: none repeat scroll 0 0 #eef8ff;
}

.cart-options-totals-fixed.stay-down.on, .cart-options-totals-fixed.stay-down.stick-to-bottom {
  bottom: 0 !important;
  left: 0 !important;
  margin-left: 0 !important;
  position: absolute !important;
  top: auto;
} 

.cart-options-totals-fixed.remove-fixed.stick-to-bottom  {
 bottom: auto;
    position: static;
}

.coupon-arrow {
  background: url("../image/coupon-arrow.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 6px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  top: 5px;
  width: 20px;
  z-index: 99999;
}

.cart-module {
  float: left;
  position: relative;
}

#shipping > select {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #505050;
  padding: 5px;
  width: 236px;
  margin-top: 7px;
  margin-bottom: 7px;
}

#shipping > input {
  color: #505050;
  padding: 4px 7px;
  width: 145px;
}

#shipping .button {
  margin-top: 22px;
  margin-bottom: 15px;
}

.cart-total {
  border-top: 0 none;
  float: left;
  font-size: 18px !important;
  overflow: visible;
  width: 100%;
}

.right.main-total {
  font-size: 24px !important;
  font-weight: bold;
}

.cart-total td {
  font-size: 18px !important;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 15px !important;
}

.cart-options-totals-fixed .buttons .right , .cart-options-totals-fixed .buttons .center {
  float: left;
  width: 100%;
}

.cart-options-totals .center a {
  float: right;
  margin-top: 10px;
  top: 0 !important;
}

.cart-options-totals-fixed .buttons {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  float: left;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
.buttons .center .button {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  box-shadow: none;
  color: #1c7db8;
  font-family: "Arimo",sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding: 0;
  position: relative;
  text-decoration: none;
  top: 22px;
}

.cart-options-totals-fixed .buttons .right a.button {
  background: url("../image/add-to-cart-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 0;
  color: #ffffff;
  font-family: "Arimo",sans-serif;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 78px;
  box-shadow: 3px 0px 6px #344176;
  margin-bottom: 10px;
}
.cart-options-totals-fixed .buttons .right a.button:hover {

	text-decoration:none;
}
.cart-options-totals-fixed .buttons .center {
  text-align: left;
  width: 100%;
  height: 28px !important;
}

.highlight {
  float: left !important;
  width: 100%;
  padding: 3px 0px;
  background: none !important;
}
.highlight:hover {
  background: none !important;
}

.checkout-content .left > h2, .checkout-content h2, #content h2, #tab-description h3 {
  color: #01226e;
  font-size: 18px !important;
  font-weight: 300;
  margin-bottom: 18px;
}

.checkout .left b {
  color: #626262;
  font-size: 16px;
  margin-left: 9px;
}

.checkout-content label {
  float: left;
  margin-bottom: 6px !important;
  width: 100%;
}

.checkout-content .left > p {
  margin-top: 11px;
}

.checkout {
  color: #505050;
}

#shipping-address .right, #shipping-method  .right,  #payment-method  .right{
  float: left;
}

.checkout-content input[type="text"] , .checkout-content input[type="password"]{
  background: none repeat scroll 0 0 #ffffff;
  color: #626262;
  font-size: 16px;
  left: 0;
  margin-top: 9px;
  padding: 9px 0 4px 10px !important;
  position: relative;
  width: 82%;
}

#login > a {
  float: left;
  margin-top: 10px;
  text-decoration: none;
  color: #1c7db8;
  font-size: 16px;
  letter-spacing: 0px;
}

#login > b, #payment-address .checkout-content, .content b {
  font-size: 18px;
}

#payment-address .checkout-content , #shipping-address .checkout-content, #shipping-method .checkout-content, #payment-method .checkout-content  , #confirm .checkout-content { 
  width: 98.7%;

  padding-left: 1%;
}
.checkout-heading.darker + .checkout-content {
  padding-top: 22px;
  border:1px solid #eeeeee;
}


td.name {
  width: 100%;
}

#confirm .checkout-product {
  margin-left: 2%;
  width: 94.5%;
}
.payment .buttons .right input {
  float: right;
  padding: 19px 49px !important;
}
.checkout-content .button, .checkout-content #button-login {
  background: url("../image/add-to-cart-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 0;
  box-shadow: none;
  color: #fff !important;
  float: left;
  font-family: "Arimo",sans-serif;
  font-size: 19px !important;
  font-weight: bold;
  height: auto;
  padding: 19px 65px !important;
  left: 0px;
  margin-top: 10px;
  margin-bottom: 21px;
}

.checkout-content .button:hover,.checkout-content #button-login:hover {

}


.checkout-content .buttons {
  border: 0 none;
  overflow: hidden;
  padding: 0;
  width: 97%;
}

#payment-method .buttons {
  width: 99%;
}

#button-payment-method {
  margin-left: 20px;
}
.checkout-product .name {
  margin-top: 0px;
  height: auto;
}

.checkout-product .name {
  height: auto;
  margin-top: 0;
  padding: 16px 10px;
}

#payment-address-existing , #payment-address-new ,#shipping-address-existing, #shipping-address-new{
  float: left;
    clear: both;
}



label[for="payment-address-existing"], label[for="payment-address-new"], label[for="shipping-address-existing"], label[for="shipping-address-new"] {
  float: left;
  width: 90%;
  margin-left: 20px;
}

#payment-method .right, #payment-address .buttons .right {
  width: 70%;
  float: left;
}
.cart-content {
  min-height: 684px !important;
  float: left;
}

#payment-new table {
  float: left;
}


.checkout-heading.darker {
  background: none repeat scroll 0 0 #eef8ff;
  border: 0px;
  font-weight: 700;
  color:#093067;
}

#payment-address label {
  float: left;
  width: 80%;
}

#payment-address input#newsletter, #payment-address input#shipping {
  float: left;
  margin-right: 15px;
  clear: both;
  position: relative;
  top: 3px;
}

#shipping-new {
  clear: both;
  float: left;
}

.checkout-content .wait {
	margin-left:10px;
	position:absolute;
	right:50px;
	margin-top:10px;
}

.search-content , .search-content b {
  color: #505050;
}

.content.search-content input {
  clear: both;
  color: #505050;
  float: left;
  margin-bottom: 10px;
}

.content.search-content select {
  clear: both;
  float: left;
}

.search-content label {
  float: left;
}

.content.search-content select {
  clear: both;
  float: left;
  margin-bottom: 10px;
  margin-top: 4px;
  height: 28px;

 }
 
 .count-6 {
  left: 0%;
}


.contact-content input, .contact-content textarea {
  margin-top: 10px;
}

.content > input[name="captcha"] + br + img {
  margin-top: 15px;
  float: left;
  clear: both;
  margin-bottom: 15px;
}

#colorbox {
  transition: none !important;
}

.internet-explorer-warning {
	display:none;
}

.notification-desktop {
  height: 64px;
  position: absolute;
  top: 22px;
  width: 940px;
  z-index: 9999;
}
#login-popup .warning {
background: url("../image/warning.png") no-repeat scroll 10px center #ffd1d1;
border: 1px solid #f8acac;
border-radius: 5px;
float: left;
margin-top: -2px;
width: 75%;
}

#header #topLinks {
  background-color: #27357f;
  color: #fff;
  height: 30px;
  margin: 0 auto;
  width: 980px;
}

#header #topLinks ul, #header #topLinks ul li {
  display: block;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#header #topLinks li + li {
  background: url("../image/topLinksSplitter.jpg") no-repeat scroll 0 center rgba(0, 0, 0, 0);
}
#header #topLinks li a {
  color: #fff;
  display: block;
  font-size: 10px;
  padding: 8px 10px 9px;
  font-family: trebuchet ms;
}
#header #topLinks li a.current {
  background: none repeat scroll 0 0 #37a7ec;
  height: 13px;
}

#pbrecruit {
  height: 65px;
  width: 195px;
}

#menu > ul > li + li {
  background: url("../image/menuSplitter.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
  z-index: 9999;
}
.sponsors {

  margin-bottom: 20px;
}
.surge-info {
  color: #c9eaff;
  float: right;
  font-size: 14px;
  position: relative;
  top: 8px;
}

.footer-links {
  color: #fff;
  float: left;
  font-size: 14px;
  margin-right: 49px;
  margin-top: 8px;
}

.surge-footer-logo {
  clear: both;
  float: right;
  position: relative;
  top: -28px;
  transition: none 0s ease 0s  !important;
}

#banner2 {
  margin-bottom: 20px;
}

#slider1 .buttons.prev {
	background:url('../image/prev.jpg') !important;

}

#slider1 .buttons.next {
	background:url('../image/next.jpg') !important;
	background-position:100% 0px !important;

}


.sponsors-title {
  color: #1c7db8;
  float: left;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  width: 100%;
}
.centered #slider1 .buttons {

  border-radius: 0px !important;
  border: 0px !important;
  background-repeat: no-repeat !important ;
  height: 43px !important;
  position: absolute;
  top: 20px !important;
}

.internal-page-banner {
  float: left;
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%;
}

.sponsors-container {
  float: left;
  width: 100%;
}

#welcome a:visited {
  color: #faa635;
}

.category-info {
  margin-bottom: 30px;
  overflow: hidden;
  font-size: 18px;
}
.category-info > h4 {
  font-size: 19px;
  margin-top: 0;
}

#banner0 > a, #banner2 > a {
  cursor: default;
}

label[for="newsletter"] {
  display: none;
}

#newsletter {
  display: none;
}

#column-left #banner0 a {
  cursor: pointer;
}