/*
Fabrica main stylesheet
by Themetorium
http://themeforest.net/user/Themetorium
*/
@font-face {
    font-family: 'SourceSansProBold';
    src: url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-bold.eot');
    src: url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-bold.eot') format('embedded-opentype'),
         url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-bold.woff') format('woff'),
         url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-bold.ttf') format('truetype'),
         url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-bold.svg#SourceSansProBold') format('svg');
}
@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-semibold.eot');
    src: url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-semibold.eot') format('embedded-opentype'),
         url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-semibold.woff') format('woff'),
         url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-semibold.ttf') format('truetype'),
         url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-semibold.svg#SourceSansProSemibold') format('svg');
}
@font-face {
    font-family: 'SourceSansProLight';
    src: url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-light.eot');
    src: url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-light.eot') format('embedded-opentype'),
         url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-light.woff') format('woff'),
         url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-light.ttf') format('truetype'),
         url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-light.svg#SourceSansProLight') format('svg');
}
@font-face {
    font-family: 'SourceSansProRegular';
    src: url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-regular.eot');
    src: url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-regular.eot') format('embedded-opentype'),
         url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-regular.woff') format('woff'),
         url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-regular.ttf') format('truetype'),
         url('http://www.sailorinstruments.com/catalog/view/theme/fabrica/fonts/sourcesanspro-regular.svg#SourceSansProRegular') format('svg');
}
html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}
body {
	background-color: #fff;
	color: #414141;
	margin: 0px;
	padding: 0px;
}
.cata{ float:left; width:33%; margin-left:15px; margin-bottom:20px;}
.social{ float:left; width:100%;}
.phone{ float:left; background:url(image/phone.png) no-repeat; width:147px; font-size:15px; color:#737373; font-weight:400; padding:0px 0px 0px 22px; margin-top:11px; font-family: 'Raleway', sans-serif;}

.mail a{ float:left; background:url(image/mail.png) no-repeat; width:170px; font-size:15px; color:#737373; font-family: 'Raleway', sans-serif; font-weight:400; padding:0px 0px 0px 22px; margin-top:12px;}
.menu{ float:left; padding-left:25%;}
.menu ul{ list-style:none; margin:0px; padding:0px;}
.menu ul li{ float:left; background:url(image/ul.png) no-repeat right;}
.menu ul li:last-child{ background:none;}
.menu ul li a{ float:left; padding:10px 12px; text-decoration:none; color:#737373; font-family: 'Raleway', sans-serif; font-weight:400; font-size:13px;}
.basket img{ margin-top:15px;}
.email span{ font-family: 'Lato', sans-serif; font-weight:300;}
.email a{ text-decoration:none; font-size:12px;}
.facebok{ float:left; background:url(../../../../../imgs/facebok.png) no-repeat; width:40px; height:40px;}
.facebok:hover{ background-position:0px -44px;}
.twiter{ float:left; background:url(../../../../../imgs/twiter.png) no-repeat; width:40px; height:40px;}
.twiter:hover{ background-position:0px -44px;}
.wifi{ float:left; background:url(../../../../../imgs/linked.png) no-repeat; width:40px; height:40px;}
.wifi:hover{ background-position:0px -44px;}
.google{ float:left; background:url(../../../../../imgs/google.png) no-repeat; width:40px; height:40px;}
.google:hover{ background-position:0px -44px;}
.links{ float:right; width:18%;}
::selection {
	background-color: #6AA372;
	color: #fff;
	text-shadow: none;
}
.box {
    display: inline-block;
    padding: 0px 0 0;
	
	float:left;

}
.container-2 {
    position: relative;
    
    vertical-align: middle;
    white-space: nowrap;
}
.container-2 input#search {
    
    
    box-shadow: none;
    color: #000;
    float: left;
    font-size: 14px;
    padding: 13px 22px;
    margin: 0;
    
    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
    width: 3px;
	 border-radius: 5px;
	background:#e60000;
	border:none;
}
.container-2 input:focus { box-shadow: none;}
.container-2 input#search::-webkit-input-placeholder {
   color: #fff;
}
 
.container-2 input#search:-moz-placeholder { 
   color: #fff;  
}
 
.container-2 input#search::-moz-placeholder { 
   color: #fff;  
}
 
.container-2 input#search:-ms-input-placeholder {  
   color: #fff;  
}

.container-2 .icon {
    color: #5c7781;
    left: 12px;
    position: absolute;
    top: 10px;
    z-index: 1;
	cursor:pointer;
	background:url(search.png) no-repeat center;
	height: 18px;
width: 20px;
margin:37px 0px 0px -45px;
	
}
.container-2 span.icon i { 
	font-size:16px;
	color:#fff;
	margin-top: 2px;
	margin-left: 2px;
}
.container-2 input#search:focus, .container-2 input#search:active{
  outline:none;
  width: 250px;
  color:#FFF;

}
 
.container-2:hover input#search{
width: 250px;
color:#FFF;


}
 
.container-2:hover .icon{
  color: #fff;
}
.rotate-skew-scale-translate {
	
-webkit-transform: skew(0deg, -5deg) ;
-moz-transform:skew(0deg, -5deg);
-o-transform:skew(0deg, -5deg);
-ms-transform:skew(0deg, -5deg);
transform: skew(0deg, -5deg);
  background:#e93e21; padding:35px 0px; width:100%;
  margin-top:55px;
  padding-left:0px !important;
  padding-right:0px !important;
  float:left;
}
body, td, th, input, select, a {
	font-size: 12px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-style: normal;
	line-height: normal;
	text-transform: capitalize;
	text-decoration: none;
}
h1 {
	font-size: 24px;
	font-weight: normal;
}
h2 {
	font-size: 16px;
	color:#2a90c9;
}
.header_top { background:#d4d4d4; display: block;overflow: visible; width:100%; height:40px;}



.heading-center {
	position: relative;
	text-align: left;
	margin-bottom: 15px;
	font-size: 24px;
	color: #414141;
}
.heading-product {
	text-align: left;
	padding-bottom: 15px;
}
.heading-product h1 {
	text-align: left;
	margin: 0;
	font-size: 24px;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	color:#2a90c9;
}
p, textarea {
	margin-top: 0px;
	line-height: 35px;
}
p img, .category-info .image img {
	max-width: 100% !important;
	height: auto !important;
}
a, a:visited, a b {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size:17px;
}
a:hover {
	text-decoration: none;
	color:#737373;
}
a img {
	border:none;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input[type='text'], input[type='password'], textarea {
	background-color: #e5e5e5;
	padding: 7px;
	margin: 5px 0 5px 0;
	color: #414141;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
textarea {
	width: 90% !important;
}
select {
	background-color: #fff;
	padding: 5px;
	margin-top: 5px;
	color: #414141;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
label {
	cursor: pointer;
}

/* Begin layout */
#container-wrapper {
	width: 1170px;
	margin: 0 auto;
	padding-top: 5px;
}
.container {
	padding: 0 0 0px 0;
	/*min-height: 535px;*/
	/*overflow: auto;*/
}
.social{ width:1120px; margin-left:72px;}
#column-left {
	float: left;
	width: 270px;
	margin: 0 0 30px 0;

	border-top: none;
	background:#e3e4e9;
	border-bottom: none;
	border-left: none;
	border-radius: 5px;
}
#column-right {
	float: right;
	width: 235px;
	margin: 0 0 30px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
	border-top: none;
	border-bottom: none;
	border-right: none;
}
#content {
}
#column-left + #column-right + #content {
	margin-left: 235px;
	margin-right: 235px;
	padding-left: 20px;
	padding-right: 20px;
}
#column-right + #content {
	margin-right: 235px;
	padding-right: 20px;
}
#column-left + #content {
	margin-left: 300px;
	
}
/* End layout */

/* Begin top bar */
#top-bar {
	/*background:url(../image/top_bar_bg.jpg);*/
	border-width: 0px;
	border-style: solid;;
	border-bottom:1px solid #EBEBEB;
	border-color: #e5e5e5;
	border-top: none;
	height:35px;
	border-left: none;
	border-right: none;
}
#top-bar-content {
	position: relative;
	height: 35px;
	margin: 0 auto;
	width: 1120px;
}
#currency {display:none;}

/* Begin top bar dropdown links */
.links-mobile {
	display: none;
}

#top-bar .dropdown-links > ul {
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #676767;
}
#top-bar .dropdown-links > ul > li {
	list-style: none;
	float: left;
	cursor: pointer;
}

/* Begin top bar currency-language dropdown */
.language-selected, .currency-selected {
	display: block;
	background: url('../image/arrow-down-small-white.png') 88% center no-repeat;
	padding: 0 25px 0 15px;
	line-height: 32px;
	border-width: 1px;
	border-style: solid;
	border-color: #e8e8e8;
	border-top: none;
	border-bottom: none;
	border-right: none;
}
.phon{ float:left; background:url(../../../../../imgs/phon.html) no-repeat left; padding-left:35px; font-family: 'Raleway', sans-serif; font-weight:500; color:#6d6d6d; font-size:14px;}
.fax{ float:left; background:url(../../../../../imgs/fax.html) no-repeat left; padding-left:35px; font-family: 'Raleway', sans-serif; font-weight:500; color:#6d6d6d; font-size:14px;}
.mal{ float:left; background:url(../../../../../imgs/mal.html) no-repeat left; padding-left:35px; font-family: 'Raleway', sans-serif; font-weight:500; color:#6d6d6d; font-size:14px;}
.language-selected img {
	margin-right: 2px;
}
#language-options, #currency-options {
	position: absolute;
	background-color: #FFF;
	min-width: 100px;
	z-index: 99999;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
	border-bottom-color: #DDD;
}
#language-options .arrow-up-back, #currency-options .arrow-up-back {
	position: absolute;
	left: 26px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid #FFF;
}
#language-options .arrow-up, #currency-options .arrow-up {
	position: absolute;
	left: 26px;
	top: -6px;
	width: 0;
	height: 0;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid #FFF;
}
#language a, #currency a {
	display: block;
	line-height: 26px;
	color: #414141;
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
	padding: 8px 18px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-top: none;
	border-left: none;
	border-right: none;
}
#language a:last-child, #currency a:last-child {
	border: none;	
}
#language a:hover, #currency a:hover {
	background-color: #f1f1f1 !important;
	color: #6AA372;
}
#language a  {
	padding: 8px 20px 8px 41px;	
}
#currency .symbol {
}
/* End top bar currency-language dropdown */

/* Begin top bar my account links */
#tabish {
	background: url('../image/top_phone.png') 15px 50% no-repeat;
}
#top-links {
	background: url('../image/top_mail.png') 15px 50% no-repeat;
}
#top-links ul {
	padding: 0;
	margin: 0;
}
#top-links ul li {
	float: none !important;
	list-style: none;
}
.top-links-selected {
	display: block;
	background: url('../image/arrow-down-small-white.png') 87% center no-repeat;
	padding: 0 25px 0 37px;
	line-height: 35px;
	border-width: 1px;
	border-style: solid;
	border-color: #dedede;
	border-top: none;
	border-bottom: none;
}
#top-links-options {
	position: absolute;
	background-color: #FFF;
	min-width: 200px;
	line-height: 32px;
	z-index: 99999;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
	border-bottom-color: #ddd;
}
#top-links-options .arrow-up-back {
	position: absolute;
	left: 26px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid #FFF;
}
#top-links-options .arrow-up {
	position: absolute;
	left: 26px;
	top: -6px;
	width: 0;
	height: 0;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid #FFF;
}
#top-links-options li a {
	display: block;
	padding: 8px 40px 8px 20px;
	font-size: 12px;
	text-decoration: none;
	color: #414141;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-top: none;
	border-left: none;
	border-right: none;
}
#top-links-options li:last-child a { 
	border: none;
}
#top-links-options li a:hover {
	background-color: #f1f1f1;
	color: #6AA372;
}

#top-links-options .account {
	background: url('../image/account-dark.png') 89% 50% no-repeat;
}
#top-links-options .wishlist {
	background: url('../image/wishlist-dark.png') 89% 50% no-repeat;
}
#top-links-options .shopping-cart {
	background: url('../image/cart-dark.png') 89% 50% no-repeat;
}
#top-links-options .checkout {
	background: url('../image/checkout-dark.png') 89% 50% no-repeat;
}
/* End top bar my account links */

/* Begin top bar social icons */
#top-bar .social-icons {
	position: absolute;
	top:10px;
	right:0;
}
#top-bar .social-icons ul {
	margin: 0;
	padding: 0;
}
#top-bar .social-icons li {
	display: inline-block;
	list-style: none;
	padding: 0;
	text-align:center;
	padding-left:10px;padding-top:5px;
	margin-right:10px;
	border-left:1px solid #e5e5e5;
	height:28px;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#top-bar .social-icons li:hover {
	opacity: 0.6;
	filter: Alpha(opacity=80); /* IE8 and earlier */
}
/* End top bar social icons */

/* Begin top bar welcome */
#welcome-mobile {
	display: none;
}

#top-bar #welcome {
	float: right;
	font-size: 14px;
	color: #999999;
	line-height: 48px;
	margin-right:15px;
}
#top-bar #welcome a {
	color: #6AA372;
	font-size: 14px;
}
#top-bar #welcome a:hover {
	text-decoration: underline;
	color:#6AA372;
}
/* End top bar welcome */
/* End top bar dropdown links */
/* End top bar */

/* Begin header */
#header {
	background:#FFF;
	padding: 0px;
	height: 108px;
margin-top: -15px;
}
#header-content {
	margin: 0 auto;
	width: 1120px;
	height: 48px;
	margin-top: 15px;
}

/* Begin header logo */
#header #logo {
	float: left;
	padding-top:4px;
	width:17%;
}
.cata1{ float:left; background:#232323; width:30%; margin-left:15px; border-radius:5px;}
.news{ float:left; width:100%; text-align:left; font-size:22px; font-weight:600; text-transform:uppercase; color:#e2e2e2; padding:20px 0px 0px 25px; font-family: 'Raleway', sans-serif;}
.news1{ float:left; width:80%; text-align:left; font-size:14px; font-weight:400; color:#e2e2e2; padding:20px 0px 0px 25px; font-family: 'Raleway', sans-serif;}
#header #logo img {
	padding: 6px 0px;
}
#header-content ul{ float:left; list-style:none; margin:0px; padding:0px; width: 90%;
margin-left: 14%;
}
#header-content ul li{ float:left;}
#header-content ul li a{ float:left; padding:42px 6px; color:#b6b6b6; font-size:15px; font-weight:600; font-family: 'Raleway', sans-serif;}
#header-content ul li a:hover{ background:#e60000; color:#FFF;}
#header .social-icons {
	position: relative;
	float:right;
	margin-right:5;
	margin-top:10px;
	padding-left:10px;
}
#header .social-icons ul {
	margin: 0;
	padding: 0;
}
#header .social-icons li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin-right: 13px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 0.3;
	filter: Alpha(opacity=80);
}
#header .social-icons li:hover {
	opacity: 1;
	filter: Alpha(opacity=80); /* IE8 and earlier */
}
/* End header logo */

/* Begin header search */
#search-mobile {
	display:none;
}
#header #search {
	position: absolute;
	/*float:right;*/
	right:0px;
	top:72px;
	margin-right:0px;
	margin-bottom:0px;
	
}
#header #search input {
	padding:0px 55px 0px 10px;
	margin:0;
	width:287px;
	height:50px;
	color:#414141;
	background:url(search.png) no-repeat;
	border:0px;
	
}
#header #search input:focus {
	
}
#header .button-search {
	position:absolute;
	top:0;
	right:0;
	
	background-position: center;
	background-repeat: no-repeat;
	width:55px;
	height:100%;
	cursor:pointer;
}
/* End header search */

/* Begin header cart */
#top-bar #cart {
	position: relative;
	float: right;
}
#top-bar #cart .heading {
	text-align: right;
	line-height: 48px;
}
#top-bar #cart .heading h4 {
	margin: 0;
}
#top-bar #cart .heading a {
	display: block;
	height: 48px;
	text-decoration: none;
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	padding-left: 12px;
	background-image: url(../image/pat-bg2.png);
	background-color: #6FB845;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
}
#top-bar #cart .heading a span {
	background: url(../image/cart-white.png) 90% 1px no-repeat;
	padding-right: 38px;
}
#top-bar #cart .content {
	clear: both;
	display: none;
	position: absolute;
	right: 0;
	min-width: 330px;
	background-color: #FFF;
	color: #414141;
	padding-bottom: 15px;
	min-height: 150px;
	z-index: 99999;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
}
#top-bar #cart .arrow-up-back {
	position: absolute;
	right: 74px;
	top: -10px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ddd;
}
#top-bar #cart .arrow-up {
	position: absolute;
	right: 74px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #FFF;
}
#top-bar #cart.active .heading {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
}
#top-bar #cart.active .content {
	display: block;
}
.mini-cart-info table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
#top-bar #cart .mini-cart-info tr {
}
.mini-cart-info td {
	text-align: left;
	vertical-align: top;
	padding: 12px 5px 6px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-top: none;
	border-left: none;
	border-right: none;
}
.mini-cart-info td a {
	font-size: 12px;
	color: #6AA372;
}
.mini-cart-info td a:hover {
	text-decoration: underline;
}
.mini-cart-info .image {
	width: 1px;
	padding-left: 15px;
}
.mini-cart-info .image img {
	text-align: left;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
}
.mini-cart-info .name small {
	color: #999;
}
.mini-cart-info .quantity {
	text-align: right;
}
.mini-cart-info td.total {
	text-align: right;
}
.mini-cart-info .remove {
	text-align: right;
	padding-right: 15px;
}
.mini-cart-info .remove img {
	cursor: pointer;
}
.mini-cart-total {
	text-align: right;
	padding-right: 15px;
}
.mini-cart-total table {
	border-collapse: collapse;
	display: inline-block;
	margin-bottom: 5px;
}
.mini-cart-total td {
	padding: 4px;
}
#top-bar #cart .empty {
	padding-top: 50px;
	text-align: center;
}
/* End header cart */

/* Begin header cart */
#header #cart {
	position: relative;
	float: right;
	top:-25px;
}
#header #cart .heading {
	text-align: right;
}
#header #cart .heading h4 {
	margin: 0;
}
#header #cart .heading a {
	background-color: #fff;
    border: 1px solid #E8E7E7;
    border-radius: 7px;
    color: #3c3c3c;
    display: block;
    font-size: 15px;
    font-weight: normal;
    padding: 13px 12px;
    text-decoration: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
}

#header #cart .heading a span {
	background: url(../image/cart-new.png) 10% 2px no-repeat;
	padding-left: 38px;
}
#header #cart .content {
	clear: both;
	display: none;
	position: absolute;
	right: 0;
	min-width: 330px;
	background-color: #FFF;
	color: #414141;
	padding-bottom: 15px;
	min-height: 150px;
	z-index: 99999;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
}
#header #cart .arrow-up-back {
	position: absolute;
	right: 74px;
	top: -10px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ddd;
}
#header #cart .arrow-up {
	position: absolute;
	right: 74px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #FFF;
}
#header #cart.active .heading {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
}
#header #cart.active .content {
	display: block;
}
.mini-cart-info table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
#header #cart .mini-cart-info tr {
}
.mini-cart-info td {
	text-align: left;
	vertical-align: top;
	padding: 12px 5px 6px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-top: none;
	border-left: none;
	border-right: none;
}
.mini-cart-info td a {
	font-size: 12px;
	color: #6AA372;
}
.mini-cart-info td a:hover {
	text-decoration: underline;
}
.mini-cart-info .image {
	width: 1px;
	padding-left: 15px;
}
.mini-cart-info .image img {
	text-align: left;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
}
.mini-cart-info .name small {
	color: #999;
}
.mini-cart-info .quantity {
	text-align: right;
}
.mini-cart-info td.total {
	text-align: right;
}
.mini-cart-info .remove {
	text-align: right;
	padding-right: 15px;
}
.mini-cart-info .remove img {
	cursor: pointer;
}
.mini-cart-total {
	text-align: right;
	padding-right: 15px;
}
.mini-cart-total table {
	border-collapse: collapse;
	display: inline-block;
	margin-bottom: 5px;
}
.mini-cart-total td {
	padding: 4px;
}
#header #cart .empty {
	padding-top: 50px;
	text-align: center;
}
/* End header cart */
/* End header */

/* Begin menu */
#menu-mobile {
	display: none;
}
.goog-te-gadget{
margin-top: 7px;}
.goog-te-gadget img{ background:url(../../../../../imgs/language.html)  no-repeat right !important; width:66px;}
.goog-te-gadget-simple .goog-te-menu-value span{ display:none;}
.goog-te-gadget-simple .goog-te-menu-value{ display:none;}
.goog-te-gadget-icon{ height:14px !important; border:none;}
.goog-te-gadget-simple{ border:none !important;}
.goog-te-gadget-simple{ background-color:#111 !important;}
.contentbg{ float:left; width:100%; background:#f0f0f0; background-size:100%; margin:27px 0px 0px 0px

;}

#menu-area {
    background: none repeat scroll 0 0 #2a90c9;
    float: left;
    height: auto;
    left: 0;
    margin: 0;
    position: absolute;
    /*top: 145px;*/
    width: 100%;
    z-index: 99;
}
#menu-area ul {
    list-style: outside none none;
    margin: 0 0 0 72px;
    padding: 0;
	display:-moz-box;
}
#menu-area > ul > li {
   /* border-right: 1px solid #454547;*/
    display: inline-block;
    text-align: left;
}
#menu-area > ul > li > a {
    color: #fff;
    display: block;
    font-size: 15px;
    
    line-height: normal;
    margin: 0px;
    padding: 18px 14px;
    text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
    text-transform: uppercase;
    
}
.faceb{ float:left; background:url(faceb.png) no-repeat left top; height:28px; width:35px; width:100%; padding-left:40px; padding-top:3px;}
.faceb:hover{ background-position:0px -30px;}
.twit{ float:left; background:url(twitr.png) no-repeat left top; height:28px; margin-top:15px; width:35px; width:100%; padding-left:40px; padding-top:3px;}
.twit:hover{ background-position:0px -30px;}
.gogl{ float:left; background:url(gog.png) no-repeat left top; margin-top:15px; height:28px; width:35px; width:100%; padding-left:40px; padding-top:3px;}
.gogl:hover{ background-position:0px -30px;}
#menu-area > ul > li > a > .arrow-down:before {
/*	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 0px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid #EA2D2D;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;*/
}
#menu-area > ul > li:hover > a > .arrow-down:before {
	border-bottom-color: #e2e2e2;
}
#menu-area > ul > li:hover > a {
    background: none repeat scroll 0 0 #31a2e1;
    color: #fff;
    height: auto;
	width:auto;
	/*border-radius:-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
border-top-left-radius: 6px;
border-bottom-right-radius: 6px;*/
}
#menu-area > ul > li:hover > a .arrow-up-back {
	position: absolute;
	left: 28px;
	bottom: -1px;
	width: 0;
	height: 0;
	border-left: 10px solid rgba(0, 0, 0, 0);
	border-right: 10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid #DDD;
}
#menu-area > ul > li:hover > a .arrow-up {
	position: absolute;
	left: 30px;
	bottom: -1px;
	width: 0;
	height: 0;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid #FFF;
	z-index: 9999;
}
#menu-area > ul > li > div {
	position: absolute;
	display: none;
	overflow: hidden;
	text-align: left;
	z-index: 999;
	background-color: rgba(255, 255, 255, 0.9);
	color: #414141;
	border:0px solid #fff;
}
#menu-area > ul > li:hover > div {
	display: table;
}
#menu-area > ul > li > div > ul {
	display: table-cell;
	width: auto;
}
#menu-area > ul > li ul + ul {
	padding-left: 5px;
}
#menu-area > ul > li ul > li + li {
	border-width: 0px;
	border-style: solid;
	border-color: #e6e6e6;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
#menu-area > ul > li ul > li > a {
	text-decoration: none;
	display: block;
	min-width: 0px;
	padding: 12px 25px 11px 25px;
	white-space: nowrap;
	background:url(../image/menu_arrow.png) no-repeat;
	background-position:12px;
}
#menu-area > ul > li ul > li > a:hover {
	color: #FFFFFF;
	background:url(../image/menu_arrow_act.png) no-repeat #F26529;
	background-position:12px;
}
 {
	color: #194564;
	font-size:14px;
	font-family: "Raleway",sans-serif;
font-weight: 600;
color:#F26529;
}
#menu-area > ul > li > div > ul > li > a:hover{ color:#fff;}
/* Begin breadcrumb */
.breadcrumb {
	

	/*background-color: rgba(237, 28, 36, 0.5);*/
	
	height:auto;

	width:100%;
	
	padding:0px 0px;
}
#breadcrumb-center {
width:100%;
background:#2c87e2;
display:none;
}
.breadcrumb a {
	font-size: 16px;
	font-weight:bold;
	color: #ffffff !important;
}
.breadcrumb a:last-child {
}
.breadcrumb a:hover {
	color: #000000 !important;
	text-decoration:none;
}
/* End breadcrumb */

/* Begin notice */
#notification-fixed {
	margin: auto;
	max-width: 395px;
}
#notification-fixed .success, #notification-fixed .warning, #notification-fixed .attention, #notification-fixed .information {
	max-width: 400px;
	position: fixed;
	top: 37%;
	z-index: 99999;
	padding: 20px;
	border-width: 1px;
	border-style: solid;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
}
.success, .warning, .attention, .information {
	max-width: 400px;
	margin: 38px auto 15px;
	text-align: center;
	line-height: 21px;
	padding: 15px;
	position: relative;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.success, .information {
	background-color: #fff;
	border-color: #d1d1d1;
	color: #414141;
}
.attention {
	background-color: #FFF8BA;
	border-color: #FFE16B;
	color: #A19318;
}
.warning {
	background-color: #FFDFDF;
	border-color: #FACACA;
	color: #FF3030;
}
.success a, .warning a, .attention a, .information a {
	color: #6AA372;
}
.success .close, .warning .close, .attention .close, .information .close {
	position: absolute;
	top: -13px;
	right: -13px;
	cursor: pointer;
	background-color: #fff;
	padding: 8px;
	z-index: 99999;
	border-width: 1px;
	border-style: solid;
}
.success .close, .information .close {
	border-color: #d1d1d1;
}
.attention .close {
	border-color: #FFE16B;
}
.warning .close {
	border-color: #FF9494;
}
.success .close:hover, .warning .close:hover, .attention .close:hover, .information .close:hover {
	background-color: #eee;
}
/* End notice */

.required {
	color: #6AA372;
	font-weight: bold;
}
.error {
	display: block;
	color: #EE4848;
}
.help {
	color: #999;
	font-size: 10px;
	display: block;
}
table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form tr td:first-child {
	width: 150px;
}
table.form > * > * > td {
}
table.form td {
	padding: 4px;
}
input.large-field, select.large-field {
	max-width: 100%;
}
table.list {
	background-image: url(../image/pat-bg.png);
	background-color: #F1F1F1;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}
table.list td {
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-top: none;
}
table.list thead td {
	background-image: url(../image/pat-bg.png);
	background-color: #6D6D6D;
	padding: 0px 5px;
	color: #fff;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #444;
	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 {
	background-color: rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

/* Begin pagination */
.pagination {
	display: inline-block;
	width: 100%;
	margin: 15px 0 47px 0;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	display: inline;
	background-color: #FFF;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 12px;
	color: #414141;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.pagination .links a:hover {
	background-color: #eee;
}
.pagination .links b {
	display: inline;
	background-color: #e60000;
	padding: 5px 10px;
	font-size: 12px;
	color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #e60000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.pagination .results {
	float: right;
	font-size: 12px;
	color: #888;
	line-height: 29px;
}
/* End pagination */

/* Begin buttons */
a.button, input.button {
	display: inline-block;
	background-image: url(../image/pat-bg2.png);
	background-color: #737373;
	padding: 8px 15px;
	color: #FFF !important;
	text-decoration: none;
	cursor: pointer;
	line-height: 17px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-top:5px;
}
a.button:hover, input.button:hover {
	background-color: #444;
}
input.qtyplus, input.qtyminus {
	width: 43px;
	height: 43px;
	background-color: #e5e5e5;
	margin: 0;
	padding: 0;
	color: #414141 !important;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
input.qtyplus:hover, input.qtyminus:hover {
}
input.button-product-page {
	
	
	background-color: #2a90c9 !important;
	padding: 0 28px;
	margin: 0;
	color: #FFF !important;
	text-decoration: none;
	cursor: pointer;
	height: 43px;
	font-size: 18px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-weight:300;
	font-family: 'Raleway', sans-serif;
}
input.button-product-page:hover {
	background-color: #444;
}
#header #cart .checkout {
	text-align: right;
	clear: both;
	margin: 5px 15px 0 0;
}
#header #cart .checkout a {
	background-image: url(../image/pat-bg2.png);
	background-color: #6AA372;
	padding: 8px 15px;
	margin-left: 2px;
	color: #FFF;
	text-decoration: none;
	line-height: 19px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#header #cart .checkout a:hover {
	background-color: #444;
}
#header #cart #checkout-button {
}
#header #cart #checkout-button:hover {
}

.buttons {
	overflow: auto;
	padding: 10px;
	margin-bottom: 20px;
	float:left;
	width:100%;
}
.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;
}

/* Begin thumbnail buttons */

.box-product-info .thumbnail-buttons .more {
    bottom: 50px;
    left: 25px;
    position: relative;
	display:none;
}
.box-product-info .thumbnail-buttons .cart {
    bottom: 0px;
    float: left;
    left: 145px;
    position: relative;
	display:none;
}
.box-product-info .thumbnail-buttons .wishlist {
    bottom: 0px;
    float: left;
    left: -18px;
    position: relative;
	display:none;
}
.box-product-info .thumbnail-buttons .compare {
    float: left;
    position: relative;
    right: 60px;
    top: 40px;
	display:none;
}

.box-product-info .thumbnail-buttons {
}
.box-product-info .more a {
	position: absolute;
	width: 120px;
	height: 30px;
	bottom: 0;
	left: 0;
	background-image: url(../image/button-view-more.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #6AA372;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.box-product-info .wishlist a {
	position: absolute;
	width: 120px;
	height: 30px;
	bottom: 0;
	left: 43px;
	background-image: url(../image/button-wishlist.png);
	background-position: 50% 7px;
	background-repeat: no-repeat;
	background-color: #6AA372;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-product-info .wishlist a:hover {
	background-color: #57825D;
}
.box-product-info .compare a {
	position: absolute;
	width: 120px;
	height: 30px;
	bottom: 0;
	left: 86px;
	background-image: url(../image/button-compare.png);
	background-position: 47% 42%;
	background-repeat: no-repeat;
	background-color: #6AA372;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-product-info .compare a:hover {
	background-color: #57825D;
}
.box-product-info .button-cart {
	position: absolute;
	width: 120px;
	height: 30px;
	bottom: 0;
	right: 0;
	cursor: pointer;
	text-indent: -99999px;
	background-image: url(../image/cart-white.png);
	background-position: 51% 7px;
	background-repeat: no-repeat;
	background-color: #6AA372;
	border: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-product-info .button-cart:hover {
	background-color: #003B4A;
}
/* End thumbnail buttons */
/* End buttons */

/* Begin product page tabs */
.htabs {
	margin-top: 50px;
}
.htabs ul {
	display: table;
	list-style: none;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border-spacing: 2px 0;
}
.htabs ul li {
	display: table-cell;
}
.htabs ul li a {
	position: relative;
	display: block;
	background-image: url(../image/pat-bg.png);
	background-color: #6D6D6D;
	padding: 14px 0;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	color: #FFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.htabs ul li a:hover {
	background-color: #444;
}
.htabs ul li a.selected {
	background-color: #444;
}
.htabs ul li a.selected span.arrow-down {
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -11px;
	width: 0;
	height: 0;
	border-left: 11px solid rgba(0, 0, 0, 0);
	border-right: 11px solid rgba(0, 0, 0, 0);
	border-top: 11px solid #444;
}
.tab-content {
	background-color: #FFF;
	padding: 20px;
	margin: 25px 0;
	z-index: 2;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.tab-content ul {
	line-height: 19px;
}
#captcha {
	margin-top: 10px;
}
/* End product page tabs */

/* Begin tags */
.tags {
	margin-bottom: 40px;
}
/* End tags */

/* Begin welcome */

p.small-banner a img.collection {
    margin-left: 15px;
}
p.small-banner a img {
    height: 150px !important;
}




.welcome-message {
	overflow: hidden;
}
.welcome-message p {
	padding-bottom:43px;
	text-align:center;
	float:left;
	font-size:15px;
	font-weight:500;
	font-family: "Raleway",sans-serif;
	color:#8a8a8a;
}
#column-left .welcome-message {
	text-align: left;
	padding: 0 0px 0px 0;
}
#column-right .welcome-message {
	text-align: left;
	padding: 0 0 0px 0px;
}
/* End welcome */

/* BEGIN BOX */
.box {
	padding-bottom: 0;
	text-align:left;
}

/* Begin box heading */
.box .box-heading {
	margin-top: 20px;
	
	text-transform: uppercase;
	width:100%; text-align:center;
	color: #2A90C9;
	font-size:35px;
	font-family: 'Raleway', sans-serif;
	padding: 0 10px 20px 0;
	text-transform:uppercase;
	font-weight:300;
}
.box .box-heading span {
	color:#f26529;
	
	
}
/* End box heading */

.box .box-content {
	margin-top: 11px;
	text-align: center !important;
}
#column-right .box .box-content {
	margin-left: 20px;
}
.box-account-content ul, .box-information-content ul, .affiliate > ul {
	list-style-type: none;
	padding: 0 10px 0 0;
	line-height: 26px;
}
.box-account-content ul li, .box-information-content ul li, .affiliate > ul li {
	background: url('../image/arrow-right-dark.png') left center no-repeat;
	padding-left: 11px;
}
.box-account-content ul li a, .box-information-content ul li a, .affiliate > ul li a {
	color: #414141;
}
.box-account-content ul li a:hover, .box-information-content ul li a:hover, .affiliate > ul li a:hover {
	color: #6AA372;
}

/* Begin box-product */
.box-product {
	width: 100%;
}
.box-product > div:first-child {
    margin-left: 10px;
}
.box-product > div {
	display: inline-block;
	position: relative;
	width: 218px;
	vertical-align: top;
	background-color: #FFF;
	margin: 0 0 20px 10px;
	border:1px solid #edecec;
	border-radius:5px;
	
	
	
}

.box-product .boxgrid {
	position: relative;
	overflow: hidden;
}

.box-product .image {
	text-align: center;
	line-height: 10px;
}
.box-product .image img {
	height: auto;
    margin: 0;
    padding: 5px;
    width: 100%;
}
.box-product-info {
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -84px;
	width:169px;
	height: 43px;
	z-index: 9;
	opacity: 0;
	filter: Alpha(opacity=0);
}
.box-product .rating {
	margin-top: 3px;
}
.box-product .boxgrid-bottom {
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom:15px;
	font-size:14px;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	color:#151515;
}
.box-product .boxgrid-bottom .arrow-box {
	position: relative;
	top: -7px;
}
.box-product .boxgrid-bottom .arrow-box:before {
	position: absolute;
	left: 50%;
	top: -6px;
	margin-left: -6px;
	width: 0;
	height: 0;
}
.box-product .boxgrid-bottom .arrow-box:after {
	position: absolute;
	left: 50%;
	top: -4px;
	margin-left: -6px;
	width: 0;
	height: 0;

}
.box-product .name {
	
	padding:5px;
}
.box-product .name a {
	text-decoration: none;
	color: #2a90c9;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
	font-size: 17px;
}
.catagari{ float:left; width:24%; margin-left:0.5%; margin-right:0.5%; margin-top:10px;}
.showme{ display:none;}
.catagari a:hover .showme{ display:block; position:absolute; z-index:111111; background:url(../../../../../image/ho.png) no-repeat; height:160px; width:260px; margin:12px 0px 0px 12px; opacity: 0.7;}
.des{ float:left; width:100%; text-align:center; color:#666667; font-weight:400; padding-bottom:10px;}
.box-product .price {
	margin-top: 0px;
	font-size: 15px;
	font-weight: bold;
	height:30px;
	color: #465A50;
}
.box-product .price-old {
	font-weight: normal;
	color: #bbb;
	text-decoration:line-through;
}
.box-product .price-new {
	color: #465A50;
}
.ribbon-sale {
	position: absolute;
	width: 58px;
	height: 23px;
	top: 11px;
	left: 10px;
	z-index: 9;
	background: url('../image/ribbon-sale.png') no-repeat;
}
/* End box-product */

/* Begin column-left + content and/or column-right + content  */
#column-left + #content .box-product > div, #column-right + #content .box-product > div {
	width: 200px;
}
#column-left + #content .category-info, #column-right + #content .category-info {
	margin: 0 7px 20px 10px;
	 width:50%;
	 float:left;
}
#column-left + #content .category-list, #column-right + #content .category-list {
	margin: 0 10px 25px 11px;
}


#column-left + #column-right + #content .box-product > div {
	width: 260px;
	margin: 0 0 20px 6px;
}
#column-left + #column-right + #content .box-product .image img {
	width: 100%;
}
/* End column-left + content and/or column-right + content  */

/* Begin left and right sidebar content */
#column-left .box .box-heading, #column-right .box .box-heading {
	margin-top: 12px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #414141;
	border-color: #e6e6e6;
	text-align:left;
	display:none;
}
#column-right .box .box-heading span {
	margin-left: -20px;
	padding: 0 10px 10px 20px;
	border-width: 2px;
	border-style: solid;
	border-color: #6AA372;
	border-top: none;
	border-left: none;
	border-right: none;
}
#column-left .box .box-heading span {
	border-color: #6AA372;
}
#column-right .box .box-heading {
	padding-left: 20px;
	padding-top:10px;
}
 #column-left .box-product > div, #column-right .box-product > div {
	width: 100%;
	background: transparent;
	margin: 0 0 20px 0;
	padding: 0;
	border: none;
}
#column-left .box-product .boxgrid, #column-right .box-product .boxgrid {
	float: left;
}
#column-left .box-product .box-product-info, #column-right .box-product .box-product-info,
#column-left .box-product .ribbon-sale, #column-right .box-product .ribbon-sale {
	display: none;
}
#column-left .box-product .boxgrid-bottom, #column-right .box-product .boxgrid-bottom {
	text-align: left;
	padding: 0;
	margin: 0 0 0 75px;
	border: none;
}
#column-left .box-product .boxgrid-bottom .arrow-box, #column-right .box-product .boxgrid-bottom .arrow-box {
	display: none;
}
#column-left .box-product .name a, #column-right .box-product .name a {
	font-size: 12px;
}
#column-left .box-product .price, #column-right .box-product .price {
	font-size: 13px;
}
#column-right .box-account-content, #column-right .box-information-content, #column-right .affiliate-content {
	margin-left: 20px;
}
#column-left .box, #column-right .box {
	padding-bottom: 0px;
	width:100%;
}
#column-left .box .box-content {
	margin-right: 0px;
}
/* End left and right sidebar content */

/* box category */
#box-category-area {
	padding: 0;
}
ul.box-category {
}
ul.box-category, ul.box-category ul {
	list-style: none;
	padding: 0;
	margin: -10px 0 2px 0;
}
ul.box-category > li:first-child {	
margin-bottom: 5px;
}
ul.box-category > li + li {
	margin-bottom: 5px;
}
ul.box-category > li > a {
	display: block;
	position: relative;
	/*background: url(../image/category.png) left 15px no-repeat;*/
	padding: 15px 10px 15px 13px;
	text-decoration: none;
	color: #fff;
	background-color:#2A90C9;
	margin-bottom:2px;
	webkit-border-radius:5px;
	border-radius:5px;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
	font-size:18px;
}
ul.box-category > li > a:hover {
	/*background: url(../image/category-hover.png) left 15px no-repeat;*/
	color: #FFFFFF;
	background-color:#393B40;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	font-size:18px;
}
ul.box-category > li ul {
	display: none;
}
ul.box-category > li a.active {
	/*background: url(../image/category-hover.png) left 11px no-repeat;*/
	color: #fff !important;
	font-weight:600;
	
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	width:92%;
}
ul.box-category > li a.active + ul {
	display: block;
	margin: 0;
	padding: 0 0 5px 0px;
}
ul.box-category > li ul > li {
	padding: 0px 0;
}
.box-category > ul > li ul > li:first-child {
}
ul.box-category > li ul > li > a {
	display: block;
	text-decoration: none;
	color: #404040;
	font-size:13px;
	font-family: 'Raleway', sans-serif;
	padding:5px 0px 5px 10px;
}
ul.box-category > li ul > li > a:hover {
	color: #fff;
	padding-left:5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background:#2a90c9;
}
ul.box-category > li ul > li > a.active {
	color: #6AA372;
	background: none;
	font-size:13px;
	color:#404040;
	text-decoration:none;
	background:#2a90c9 !important;
	width:96%;
}

/* Begin box filter */
#box-filter {
	margin-bottom: 20px;
}
ul.box-filter-inner {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}
ul.box-filter-inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.box-filter-inner span {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
}
ul.box-filter-inner > li ul {
	padding-bottom: 10px;
}

#column-left + #content #box-filter, #column-right + #content #box-filter {
	margin-bottom: 30px;
}
#column-left + #content #filter-box-heading, #column-right + #content #filter-box-heading {
	display: none;
}
#column-left + #content ul.box-filter-inner > li, #column-right + #content ul.box-filter-inner > li {
	display: inline-block;
	margin-right: 20px;
}
/* End box filter */
/* END BOX */

/* content */
#content .content {
	background-color: #f5f5f5;
	background-image: url(../image/pat-bg.png);
	padding: 20px;
	overflow: auto;
	margin-top: 15px;
	margin-bottom: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	float:left; width:100%;
}
#content .content ul {
	line-height: 28px;
	list-style: none;
	padding-left: 15px;
}
#content .content ul li {
	background: url('../image/myaccount-link-red.png') left no-repeat;
	padding-left: 22px;
	color: #414141;
}
#content .content ul li a {
	color: #414141;
}
#content .content .left {
	float: left;
	width: 49%;
}
#content .content .right {
	float: right;
	width: 49%;
}

/* category */
.category-info {
	position: relative;
	/*background-image: url(../image/pat-bg.png);*/
	background-color: #FFF;
	padding: 0px;
	margin-bottom: 2px;
	color: #9d9d9d;
	border-width: 0px;
	border-style: solid;
	border-color: #414141;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Raleway', sans-serif;
	font-size:13px;
}
.category-info:before {
	content: "";
	position: absolute;
	left: 90%;
	bottom: -11px;
	margin-left: -11px;
	width: 0;
	height: 0;
	/*border-left: 11px solid rgba(0, 0, 0, 0);
	border-right: 11px solid rgba(0, 0, 0, 0);*/
	border-top: 11px solid #FFFFFF;
}
.category-info:after {
	content: "";
	position: absolute;
	left: 90%;
	bottom: -9px;
	margin-left: -11px;
	width: 0;
	height: 0;
	border-left: 11px solid rgba(0, 0, 0, 0);
	border-right: 11px solid rgba(0, 0, 0, 0);
	border-top: 11px solid #FFFFFF;
}
.category-info-inner {
	overflow: hidden;
	padding-top: 55px;
}
.category-info .heading-center {
	margin: 0;
	font-size: 24px;
	
	padding-top:10px;
	text-transform:uppercase;
	color:#2a90c9 !important;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
}
.category-info p  a{
	margin-top: 10px;
	font-size:13px;
	font-family: 'Raleway', sans-serif;
	color:#353535;
}
.category-info ul {
	line-height: 19px;
}
.category-info .image {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
}
.category-info .image img {
}
.category-list {
	overflow: auto;
	margin-bottom: 25px;
}
.category-list span {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
.category-list ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.category-list ul li a {
    background: none;
    border: 2px solid #5a5959;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
    color: #5a5959;

    float: left;
    font-size: 14px;
    height: 150px;
    margin: 0 10px 10px 0;
    padding: 8px 10px;
    text-align: center;
    text-decoration: none;
    width: 155px;
}
.category-list ul li a:hover {
    background-color: #fff;
    border-color: #2a90c9;
    color: #2a90c9;
}
.category-list ul li a img {
/*	width:50px !important;
	height:auto !important;
*/	padding-bottom:10px;
}

/* manufacturer */
.manufacturer-list {
	padding: 5px;
	overflow: auto;
	margin-bottom: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
}
.manufacturer-heading {
	background-color: #eee;
	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;
}

/* Begin product filter */
.product-filter {
	overflow: auto;
	padding: 0px 8px 15px 10px;
	float:left;
	width:100%;
	
}
.product-filter .sort {
	float: left;
	background-color: #fff;
	padding: 0px 0px 0px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.product-filter .limit {
	float: left;
	background-color: #fff;
	padding: 0px 0px 0px 5px;
	margin-right: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.product-compare {
	float: right;
	padding-bottom: 15px;
	display:none;
}
.product-compare a {
	display: inline-block;
	padding: 13px;
	margin-top: 0px;
	background-color: #FFF;
	text-decoration: none;
	font-size: 12px;
	color: #555 !important;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.product-compare a:hover {
	color: #6AA372 !important;
}
.product-filter select {
	margin-top: 2px;
	border: none;
}
/* End product filter */

.navbar .nav>li>.dropdown-menu:before {
content: '';
display: inline-block;
border-left: 7px solid rgba(0, 0, 0, 0);
border-right: 7px solid rgba(0, 0, 0, 0);
border-bottom: 7px solid #CCC;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 9px;
}

/* Product page */
.product-info {
	overflow: auto;
}
.product-info > .left {
	float: left;
}
.product-info > .left + .right {
	margin-left: 450px;
	padding-left: 30px;
	
}
.product-info .image {
	position: relative;
	float: left;
	margin-bottom: 40px;
	text-align: center;
	border:1px solid #e5e5e5;
	height: 500px;
width: 450px;
}
.product-info .image .zoom {
	margin-top: 10px;
	z-index: 999;
}
.product-info .image .zoom a {
	font-size: 12px;
	color: #414141;
	background-image: url('../image/zoom-dark.png');
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 5px 8px 5px 16px;
}
.product-info .image-additional {
	width: 405px;
	margin: 0;
	clear: both;
	overflow: hidden;
	float: left;
}
.product-info .image-additional img {
}
.product-info .image-additional a {
	float: left;
	display: block;
	line-height: 1px;
	margin-right: 18px;
	margin-bottom: 10px;
}
.product-info .description {
	margin-bottom: 10px;
	line-height: 22px;
	color: #7e7e7e;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
}
.product-info .description span {
	color: #7e7e7e;
}
.product-info .description a {
	font-size: 14px;
}
.product-info .price-container {
	margin-bottom: 15px;
}
.product-info .price {
	display:none;
	font-size: 26px;
	color: #414141;
}
.product-info .price-old {
	color: #bbb;
	text-decoration: line-through;
	font-size: 20px;
}
.product-info .price-new {
}
.product-info .price-tax {
	color: #888;
}
.product-info .tax-reward {
	margin-bottom: 15px;
}
.product-info .discount {
	margin-bottom: 20px;
	font-size: 12px;
}
.product-info .options {
	font-size: 12px;
}
.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;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;	
}
.product-info .cart {
	padding: 10px 0;
}
.product-page-quantity {
	float: left;
	margin-right: 10px;
}
input.quantity-text {
	width: 42px;
	height: 40px;
	margin: 0 -3px;
	padding: 0 0 1px 0;
	text-align: center;
	font-size: 14px;
	color: #414141;
	border-color: #E6E6E6;
	border-left: none;
	border-right: none;
	border-radius: 0;
}
.product-info .cart div > span {
	color: #999;
}
.product-info .cart .minimum {
	padding-top: 5px;
	font-size: 12px;
	color: #999;
}
.product-add-list-compare {
	margin-top: 15px;
}
.product-add-to-wishlist, .product-add-to-compare {
	display: inline-block;
	padding: 10px 15px;
	margin-top: 5px;
	color: #414141;
	text-decoration: none !important;
	font-size: 12px;
	background-color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.product-add-to-wishlist:hover, .product-add-to-compare:hover {
	color: #6AA372;
}
.write-review {
	background: url(../image/plus-dark.png) left center no-repeat;
	padding-left: 12px;
	margin-left: 10px;
}
.product-info .review {
	color: #4D4D4D;
	margin-bottom: 10px;
}
.product-info .review a {
	color: #414141;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.product-info .review > div {
	padding: 10px 0 20px 0;
}
.product-info .review > div > span {
	color: #C44032;
}
.product-info .review .share {
	overflow: hidden;
	line-height: normal;
	padding: 0;
}
.product-info .review .share a {
	background-color: #fff;
	text-decoration: none;
	margin: 0 5px 5px 0;
	padding: 10px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.product-info .review .share a:hover {
	background-color: #EEE;
	border-color: #DDD;
}
.product-info .review .share a:last-child {
	margin-right: 0;
}
.review-list {
	padding-bottom: 15px;
	overflow: auto;
	margin-bottom: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-top: none;
	border-left: none;
	border-right: none;
}
.review-list .author {
	float: left;
	margin-bottom: 10px;
	background: url(../image/review-list-author.png) no-repeat;
	padding-left: 20px;
}
.review-list .rating {
	float: right;
	margin-bottom: 10px;
}
.review-list .text {
	clear: both;
	font-style: italic;
	line-height: 19px;
}
.review-write {
}
.attribute {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-right: none;
	border-bottom: none;
}
.attribute thead td, .attribute thead tr td:first-child {
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.12);
	text-align: left;
}
.attribute tr td:first-child {
	font-weight: bold;
	text-align: right;
	width: 20%;
}
.attribute td {
	padding: 7px;
	text-align: center;
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-top: none;
	border-left: none;
}
.compare-info {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
	background-color: #FFF;
}
.compare-info-img {
	background-color: #fff;
	padding: 3px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
	background-image: url(../image/pat-bg.png);
	background-color: #6D6D6D;
	color: #FFF;
	text-align: left;
}
.compare-info tr td:first-child {
	color: #444;
	font-weight: bold;
	text-align: right;
}
.compare-info td {
	padding: 12px;
	width: 20%;
	color: #444;
	text-align: center;
	vertical-align: top;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.compare-info .name a {
}
.compare-info .price {
	color: #DD5151;
}
.compare-info .price-old {
	color: #888;
	text-decoration: line-through;
}
.compare-info .price-new {
	color: #DD5151;
}

/* wishlist */
.wishlist-info table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}
.wishlist-info td {
	padding: 7px;
}
.wishlist-info thead td {
	background-image: url(../image/pat-bg.png);
	background-color: #6D6D6D;
	padding: 10px;
	color: #FFF;
}
.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 {
	background-image: url(../image/pat-bg.png);
	background-color: #f5f5f5;
	vertical-align: top;
	padding: 12px 5px 8px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
	border-top: none;
	border-left: none;
	border-right: none;
}
.wishlist-info tbody .image {
	text-align: center;
}
.wishlist-info tbody .image img {
	background-color: #fff;
	padding: 3px;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
	text-align: left;
}
.wishlist-info tbody .name a {
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
	text-align: right;
}
.wishlist-info tbody .action {
	padding-right: 15px;
}
.wishlist-info tbody .price s {
	color: #999;
}
.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 {
	background-image: url(../image/pat-bg.png);
	background-color: #f5f5f5;
	padding: 15px;
	margin-bottom: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
}
.order-list .order-id {
	width: 49%;
	float: left;
	margin-bottom: 5px;
}
.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-width: 1px;
	border-style: solid;
	border-color: #ddd;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.order-list .order-content div {
	float: left;
	width: 33.3%;
	line-height: 19px;
}
.order-list .order-info {
	text-align: right;
}
.order-detail {
	background-color: #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 #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}
.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 #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}
.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;
}
.cart-info td {
	padding: 7px;
}
.cart-info thead td {
	background-image: url(../image/pat-bg.png);
	background-color: #6D6D6D;
	padding: 10px;
	color: #FFF;
}
.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;
	background-color: #F5F5F5;
	background-image: url(../image/pat-bg.png);
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
	border-top: none;
	border-left: none;
	border-right: none;
}
.cart-info tbody .image img {
	background-color: #fff;
	padding: 3px;
}
.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 {
	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-image: url(../image/pat-bg.png);
	background-color: #6D6D6D;
	padding: 10px;
	color: #FFF;
	margin-bottom: 15px;
}
.checkout-heading a {
	float: right;
	margin-top: 1px;
	font-size: 12px;
	color: #fff;
}
.checkout-content {
	display: none;
	background-color: #F5F5F5;
	background-image: url(../image/pat-bg.png);
	padding: 20px;
	margin-bottom: 15px;
	overflow: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
}
.checkout-content .left {
	float: left;
	width: 48%;
}
.checkout-content .right {
	float: right;
	width: 48%;
}
.checkout-content .buttons {
	clear: both;
}
.checkout-product table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.checkout-product td {
	padding: 7px;
}
.checkout-product thead td {
	font-weight: bold;
	background-color: #fff;
}
.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 #ccc;
}
.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;
}
.contact-info {
	overflow: auto;
}
.contact-info .left {
	float: left;
	width: 48%;
}
.contact-info .right {
	float: left;
	width: 48%;
}

/* Begin sitemap */
.sitemap-info {
	overflow: auto;
	margin-bottom: 40px;
}
.sitemap-info ul {
	line-height: 26px;
}
.sitemap-info ul li ul {
	text-transform: none;
}
.sitemap-info ul li a {
	font-size: 12px;
	color: #414141;
}
.sitemap-info .left {
	float: left;
	width: 48%;
}
.sitemap-info .right {
	float: left;
	width: 48%;
}
.sitemap-info .left > ul > li > a, .sitemap-info .right > ul > li > a {
	font-weight: bold;
	text-decoration: underline;
}
/* End sitemap */

/* Begin welcome message newsletter block */
.welcome-message .store-newsletter {
	margin: 15px 0;
	padding: 20px;
	color: #414141;
	font-weight: 300;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.welcome-message .store-newsletter .subscribe-logo {
	float: left;
	margin: 7px 30px 0 0;
	padding-right: 45px;
	font-size: 22px;
	background: url(../image/subscribe-phone.png) right center no-repeat;
}
.welcome-message .store-newsletter .subscribe-logo span {
	font-size: 22px;
	margin-left: 15px;
	color: #6AA372;
}
.welcome-message .store-newsletter .subscribe-form {
	float: right;
	font-size: 22px;
}
.welcome-message .store-newsletter .subscribe-form label {
	display: block;
	float: left;
	margin-right: 25px;
	margin-top: 7px;
}
.welcome-message .store-newsletter .subscribe-form input.email {
	padding: 11px;
	color: #9D9B9B;
	float: left;
	margin: 1px 15px 0 0;
	width: 265px;
	border-width: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#column-left + #content .welcome-message .store-newsletter .subscribe-form input.email, #column-right + #content .welcome-message .store-newsletter .subscribe-form input.email {
	width: 200px;
}
#column-left + #content .welcome-message .store-newsletter .subscribe-logo span, #column-right + #content .welcome-message .store-newsletter .subscribe-logo span,
#column-left + #content .welcome-message .store-newsletter .subscribe-logo, #column-right + #content .welcome-message .store-newsletter .subscribe-logo,
#column-left + #content .welcome-message .store-newsletter .subscribe-form, #column-right + #content .welcome-message .store-newsletter .subscribe-form {
	font-size: 18px;
}
#column-left + #column-right + #content .welcome-message .store-newsletter .subscribe-form {
	float: left;
	margin-top: 20px;
}
.welcome-message #newsletter-button {
	padding: 12px 15px;
}
/* End welcome message newsletter block */

/* Begin welcome message map block */
.welcome-message .map-info {
	margin: 15px 0;
}
.welcome-message .map-wrapper {
	float: left;
	width: 520px;
	background-color: #f1f1f1;
	padding: 20px;
	margin-right: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#column-left + #content .map-wrapper, #column-right + #content .map-wrapper {
	width: 400px;
}
#column-left + #column-right + #content .map-wrapper {
	float: none;
	width: 570px;
	margin-bottom: 15px;
}
.welcome-message .map {
	line-height: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
}
.welcome-message .map-text {
}
.welcome-message .map-text h1 {
	margin-top: 5px;
	font-weight: 300;
}
/* End welcome message map block */

/* Begin footer */
#footer-mobile {
	display: none;
}
#footer-area {
	clear: both;
	background:#232323;
	margin-top:60px;
}
#footer {
	margin: 0 auto;
	width: 1120px;
	min-height: 100px;
	padding: 35px 0 15px 0;
	color: #777;
}
#footer-columns {
	overflow: hidden;
	margin-bottom: 20px;
}
#footer h3 {
	margin-top: 0px;
	text-transform:capitalize;
	font-size: 18px;
	color: #0d4b92;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	color:#FFF;	
	padding-bottom:5px;
	margin-bottom:10px;
	text-transform:uppercase;
}
#footer .column1, #footer .column2, #footer .column3, #footer .column4 {
	float: left;
	width: 24%;
	min-height: 130px;
	margin-right: 15px;
}
#footer .column1 ul, #footer .column2 ul, #footer .column3 ul, #footer .column4 ul {
	margin: 0;
	padding: 0;
	line-height: 24px;
}
#footer .column1 ul li, #footer .column2 ul li, #footer .column3 ul li, #footer .column4 ul li {
	list-style-type: none;
}
#footer .column1 a, #footer .column2 a, #footer .column3 a, #footer .column4 a {
	display: inline-block;
	
	
	color: #b2b1b1;
	text-decoration: none;
	font-size:13px;
	font-weight:500;
	font-family: 'Raleway', sans-serif;
}
#footer .column1 a:hover, #footer .column2 a:hover, #footer .column3 a:hover, #footer .column4 a:hover {
	
	text-decoration:none;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* footer contacts */
.column-contacts {
	position: relative;
	float: right;
	width: 22%;
	min-height: 130px;
	margin: 0;
}
.column-contacts ul {
	margin: 0;
	padding: 0;
	color:#b2b1b1;
	font-size:14px;
	font-weight:500;
	font-family: 'Raleway', sans-serif;
}
.column-contacts ul li {
	color: #b2b1b1;
	padding-left: 0px;
	line-height: 28px;
	list-style-type: none;
	float:left; width:100%;
}
.column-contacts .phone {
	background: url(../image/phone.png) left center no-repeat;
	color:#b2b1b1;
	font-size:14px;
}
.column-contacts .mobile {
	background: url(../image/mobile.png) 4px center no-repeat;
	color:#b2b1b1;
	font-size:14px;
}
.column-contacts .email {
	background: url(../image/email.png) left center no-repeat;
	color:#b2b1b1;
}
.column-contacts a {
	
	color: #b2b1b1;
}
.column-contacts a:hover {
	display: block;
	color: #6d6d6d;
}

/* powered */
#powered-area {
	
	background-color: #2e2e2e;

}
#powered {
	margin: 0 auto;
	width: 1120px;
	font-size: 12px;
	color: #999b9b;
	padding: 20px 0;
}
#powered a {
	color: #727272;
}
.powered-alignleft {
	float:left;
	margin-top: 10px;
	color:#969696;
	text-align: left;
width: 100%;
font-size:14px;
font-family: 'Raleway', sans-serif;
font-weight:200;
}
.powered-alignleft img {
	margin-right: 2px;
}
.powered-alignleft a {
	font-size: 14px;
	color: #969696  !important;
	font-family: 'Raleway', sans-serif;
font-weight:200;
}
.powered-alignright {
	float: right;
	text-align: right;
}
.powered-alignright a {
	font-size: 12px;
	color: #999b9b !important;
}
/* End footer */

/* Begin banner */
.banner {
	text-align: center;
	margin: 15px 0;
	overflow: hidden;
	line-height: 0;
}
#column-left .banner, #column-right .banner {
	margin-top: 0;
}
.banner div {
	float: left;
	max-width: 100%;
	margin: 0 7px 15px 10px;
	line-height: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.banner div:first-child {

}
.banner div:hover {
	opacity: 0.9;
	filter: Alpha(opacity=90); /* IE8 and earlier */
}
.banner div img {
	max-width: 100%;
}
#column-left .banner {
	text-align: left;
}
#column-right .banner {
}
#column-left .banner div {
	margin: 0 0 15px 0;
}
#column-right .banner div {
	margin: 0 0 15px 20px;
}
.clear {
	clear: both;
	visibility: hidden;
	padding: 0 !important;
	margin: 0 !important;
}
/* End banner */

/* Begin scroll to top button */
#scroll-to-top {
	width: 30px;
	height: 30px;
	background-image: url(../image/scroll-up.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #2a90c9;
	text-align: center;
	position: fixed;
	bottom: 23px;
	right: 25px;
	cursor: pointer;
	opacity: 0.4;
	filter: Alpha(opacity=50); /* IE8 and earlier */
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-khtml-border-radius: 100%;
	border-radius: 100%;
}
.text-1 {
    color: #0d4b92;
    font-weight: 300;
	font-size:32px;
	font-family: 'Lato', sans-serif;
}
.text-2 {
    color: #0b0b0b;
    font-weight: 500;
	font-size:32px;
	
}
.text-3 {
    color: #f26529;
    font-weight: 500;
	font-size:32px;
	
}
.des1{ float:left; font-family: 'Lato', sans-serif; font-weight:300; color:#8f8f8f; font-size:15px; width:100%; text-align:center;}
.text-4 {
    color: #fff;
    font-weight: 400;
}
.pull-left{ float:left; background:url(../../../../../imgs/surgical1.html) no-repeat; height:92px; width:92px; padding-right:20px;}
.pull-left:hover{ background-position:0px -92px;}
.pull-left1{ float:left; background:url(../../../../../imgs/otoscop.html) no-repeat; height:92px; width:92px; padding-right:20px;}
.pull-left1:hover{ background-position:0px -92px;}
.pull-left2{ float:left; background:url(../../../../../imgs/dental.html) no-repeat; height:92px; width:92px; padding-right:20px;}
.pull-left2:hover{ background-position:0px -92px;}
.pull-left3{ float:left; background:url(../../../../../imgs/surgical.html) no-repeat; height:92px; width:92px; padding-right:20px;}
.pull-left3:hover{ background-position:0px -92px;}
.pull-left4{ float:left; background:url(../../../../../imgs/veternary.html) no-repeat; height:92px; width:92px; padding-right:20px;}
.pull-left4:hover{ background-position:0px -92px;}
.pull-left5{ float:left; background:url(../../../../../imgs/heloware.html) no-repeat; height:92px; width:92px; padding-right:20px;}
.pull-left5:hover{ background-position:0px -92px;}

.media-body{ text-align:left;}
.media-heading{ width:100%; text-align:left; font-weight:600; color:#000; font-family: 'Raleway', sans-serif; font-size:18px;}
.pull-left img{ border-radius:5px; border:1px solid #ebebeb; margin-right:20px;}
.media-des{ text-align:left; font-size:13px; font-family: 'Raleway', sans-serif; color:#565656; padding:10px 0px;}
.text-5 {
    color: #0d4b92;
}
.text-6 {
    color: #f26529;
}
.welcome_cate{ float:left; width:100%; text-align:center; margin-top:0px;}
#scroll-to-top:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80); /* IE8 and earlier */
}
/* End scroll to top button */
#translate-this {
width: 180px;
display:none;
margin-left:230px;
}
@media only screen and (min-width: 0px) and (max-width: 340px) {
#translate-this {
width: 180px;
display:none;
margin-left:230px;
}


.span3 {
    float: left;
    height: 229px;
    /*margin-left: 15px;*/
    width: 280px;
	margin: 10px 0;
}
.span3.events {
    background: #6aa372 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    padding: 10px;
    width: 280px;
}


}
@media only screen and (min-width: 0px) and (max-width: 400px) {
#translate-this {
width: 180px;
display:none;
margin-left:230px;
}

.span3 {
    float: left;
    height: 229px;
    /*margin-left: 15px;*/
    width: 280px;
	margin: 10px 0 0 0;
}
.span3.events {
    background: #6aa372 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    padding: 10px;
    width: 280px;
}




}
@media only screen and (min-width: 0px) and (max-width: 440px) {
#translate-this {
width: 180px;
display:none;
margin-left:230px;
}
}
@media only screen and (min-width: 0px) and (max-width: 500px) {
#translate-this {
width: 180px;
display:none;
margin-left:230px;
}
}
@media only screen and (min-width: 0px) and (max-width: 540px) {
#translate-this {
width: 180px;
display:none;
margin-left:230px;
}
}
@media only screen and (min-width: 0px) and (max-width: 600px) {
#translate-this {
width: 180px;
display:none;
margin-left:230px;
}
}

object[type="application/x-shockwave-flash"]
{
	display:none;
}
@media (min-width: 1281px) and (max-width: 1366px) {
	
	#menu-area ul {
    margin: 0 0 0 110px;
}
#header #search {
	right:23%;
}
	
}
	
.row-fluid {
    width: 100%;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.span4 {
    float: left;
    height: auto;
    margin-left: 15px;
    width: 32%;
	margin-top:30px;
}
.span4.events {
    background: none repeat scroll 0 0 #6AA372;
    color: #fff;
    padding: 10px;
    width: 335px;
	border-radius:3px;
}
.span4.events h3 {
    font-size: 18px;
    margin: 0;
}
.span4.events p {
    font-size: 12px;
    margin: 0;
}





.span6 {
    float: left;
   
    width: 570px;
}
.span6.events {
    
    color: #3c3c3c;
    
    width: 100%;
	
}
.pak{ float:left; width:100%; text-align:center; font-size:35px; font-weight:300; color:#2a90c9; padding: 20px 0px; font-family: 'Raleway', sans-serif; text-transform:uppercase;}
.pak span{  font-family: "Lato",sans-serif;  text-align:center;}
.span6.events h3 {
    font-size: 18px;
	color:#6AA372;
    margin: 0;
}
.span6.events{ float:left;}
.span6.events p {
    font-size: 13px;
    margin: 0;
	color:#b3b4b5;
	width:100%; text-align:center;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	margin:35px 0px;
	float:left;
	line-height:20px;
	
}





.span3 {
    float: left;
    /*height: 229px;*/
    margin-left: 15px;
    width: 200px;
}
.span3.events {
    background: none repeat scroll 0 0 #6AA372;
    color: #fff;
    padding: 10px;
   /* width: 204px;*/
	border-radius:3px;
}
.span3.events h3 {
    font-size: 18px;
    margin: 0;
}
.span3.events p {
    font-size: 12px;
    margin: 0;
}

.serve-text{
width:329px;
height:32px;
background-image:url(../../../../../image/data/multiprographics/serving.html);
text-align:center;
margin-left:350px;
position:absolute;
margin-top:27px;
}

.pdf-catalogue a{
	
background-image: url(../image/pdf.jpg);
width:270px;
height:150px;
margin-top:15px;
float:left;
padding:0px;

}
.pdf-catalogue{ float:left; width:100%; background:#FFF; display:none;}
.pdf{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
#cart{ float:right; margin-top:-47px;}
/* Begin header cart */
.header_top #cart {
	position: relative;
	float: right;
	top:12px;
}
.header_top #cart .heading {
	text-align: right;
}
.header_top #cart .heading h4 {
	margin: 0;
}
.header_top #cart .heading a {
	background-color: #111111;
    border: 1px solid #111111;
    border-radius: 25px;
    color: #3c3c3c;
    display: block;
    font-size: 15px;
    font-weight: normal;
    padding: 8px 12px;
    text-decoration: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
}

.header_top #cart .heading a span {
	background: url(../image/cart-new.png) 10% 2px no-repeat;
	padding-left: 38px;
}
.header_top #cart .content {
	clear: both;
	display: none;
	position: absolute;
	right: 0;
	min-width: 330px;
	background-color: #FFF;
	color: #414141;
	padding-bottom: 15px;
	min-height: 150px;
	z-index: 99999;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
}
.header_top #cart .arrow-up-back {
	position: absolute;
	right: 74px;
	top: -10px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ddd;
}
.header_top #cart .arrow-up {
	position: absolute;
	right: 74px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #FFF;
}
.header_top #cart.active .heading {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
}
.header_top #cart.active .content {
	display: block;
}
.mini-cart-info table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
.header_top #cart .mini-cart-info tr {
}
.mini-cart-info td {
	text-align: left;
	vertical-align: top;
	padding: 12px 5px 6px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e6e6;
	border-top: none;
	border-left: none;
	border-right: none;
}
.header_top #cart .heading a span {
	background: url(../image/cart-new.png) 10% 2px no-repeat;
	padding-left: 38px;
	color:#737373;
}
.header_top #cart .content {
	clear: both;
	display: none ;
	position: absolute;
	right: 0;
	min-width: 300px;
	background-color: #FFF;
	color: #414141;
	padding-bottom: 15px;
	min-height: 100px;
	z-index: 99999;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
	text-align:center;
}
.basket{ float:left; width:74%;}
.demo-1 {
    position:relative;
    width:300px; 
   height:200px;
    overflow:hidden;
    float:left;
    margin-right:20px;
    background-color:rgba(26,76,110,0.5)
}
.demo-1 p,.demo-1 h2 {
    color:#fff;
    padding:10px;
    left:-20px;
    top:20px;
    position:relative
}
.demo-1 p {
    font-family:'Lato';
    font-size:12px;
    line-height:18px;
    margin:0
}
.demo-1 h2 {
    font-family:'Lato';
    font-size:20px;
    line-height:24px;
    margin:0;
}
.effect img {
    position:absolute;
    margin:-15px 0;
    right:0;
    top:0;
    cursor:pointer;
    -webkit-transition:top .4s ease-in-out,right .4s ease-in-out;
    -moz-transition:top .4s ease-in-out,right .4s ease-in-out;
    -o-transition:top .4s ease-in-out,right .4s ease-in-out;
    transition:top .4s ease-in-out,right .4s ease-in-out
}
.effect img.top:hover {
    top:-230px;
    right:-330px;
    padding-bottom:200px;
    padding-left:300px
}

 
Demo 2

Our second demo will show the image sliding down. This means when you hover your mouse over the image the caption will be revealed above it.
The markup

For our second demo's html, we'll use very similar markup to our first demo. But this time we will use demo-2 as the class, and add the zero class:

<ul class="demo-2 effect">
    <li>
       <h2 class="zero">This is a cool title!</h2>
       <p class="zero">Lorem ipsum dolor sit amet.</p>
    </li>
    <li><img class="top" src="images/image1.jpg" alt=""/></li>
</ul>

The CSS

Our CSS will be almost the same as the first demo, except that this time we will move our image downwards by settings the property bottom to -96px. We'll also use CSS3's transition to create a smooth effect:

.demo-2 {
    position:relative;
    width:300px;
    height:200px;
    overflow:hidden;
    float:left;
    margin-right:20px;
    background-color:rgba(26,76,110,0.5)
}
.demo-2 p,.demo-2 h2 {
    color:#fff;
    padding:10px;
    left:-20px;
    top:20px;
    position:relative
}
.demo-2 p {
    font-family:'Lato';
    font-size:12px;
    line-height:18px;
    margin:0
}
.demo-2 h2 {
    font-size:20px;
    line-height:24px;
    margin:0;
    font-family:'Lato'
}
.effect img {
    position:absolute;
    left:0;
    bottom:0;
    cursor:pointer;
    margin:-12px 0;
    -webkit-transition:bottom .3s ease-in-out;
    -moz-transition:bottom .3s ease-in-out;
    -o-transition:bottom .3s ease-in-out;
    transition:bottom .3s ease-in-out
}
.effect img.top:hover {
    bottom:-96px;
    padding-top:100px
}
h2.zero,p.zero {
    margin:0;
    padding:0
}



.demo-3 {
    position:relative;
    
    overflow:hidden;
    float:left;
    margin:0px;
	list-style:none;
}
.demo-3 figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    margin-left:-40px
}
.demo-3 figure img {
    display:block;
    position:relative;
    z-index:10;
   
}
.demo-3 figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.demo-3 figure h2 {
    font-family:'Lato';
    color:#fff;
    font-size:20px;
    text-align:left;
	padding:0px 20px;
}
.demo-3 figure p {
    display:block;
    font-family:'Lato';
    font-size:12px;
    line-height:18px;
    margin:0;
    color:#fff;
    text-align:left;
	padding:0px 20px;
}
.demo-3 figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
   
    background-color:#2A90C9;
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
	border-radius:5px;
	
}
.demo-3 figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.demo-3 figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.demo-3 figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}




/* <img src="/data/multiprographics/serving.png"  />*/
@media (max-width:1600px){
	.social{ width:50% !important;}
	.basket{ width:78%;}
	#header #search{ right:0px;}
	}
@media (max-width:1300px){
	#header #logo{ width:33% !important;}
	.social{ width:50% !important;}
	.basket{ width:73%;}
	
	}
@media (max-width:1024px){
	
	#header #logo{ width:100% !important;}
	.social{ width:85% !important;}
	.contentbg{ background:#000 !important;}
	.span4{ width:47% !important;}
	}

@media only screen and (min-width:320px) and (max-width:767px){
	.social{ width:90% !important; margin-left:20px;}
	#header #logo{ width:100%;}
	.cata{ width:100%; margin-left:0px;}
	.cata1{ width:100%; margin-left:0px; margin-bottom:10px;}
	.welcome-message{ float:left; width:99%;}
	.box .box-heading{ width:100%; padding-top:10px;}
	.cata img{ width:100%;}
	.menu{ display:none;}
.phone{ margin-top:3px; width:50%;}
.mail a{ margin-top:3px; float:left; width:30%;}
	.span4{ width:99% !important; margin-left:1% !important;}
	.contentbg{ background:#000;}
	.box .box-heading{ font-size:27px;}
	#header-content ul{ display:none;}
	#header{ background:#fff !important;}
	#google_translate_element{ display:none;}
	#container-wrapper, #top-bar-content, #header-content{ width:84%;}
	.product-filter{ float:left; width:95%; margin-top:-25px; display:block; z-index:111111;}
	#column-left + #content .category-info, #column-right + #content .category-info{ width:100%; float:left;}
	#header #search{ margin:0px !important;}
	.container-2 input#search{ float:left; width:100%;}
	.box{ float:left; width:91%; margin-left:1%;}
	#header #search{ width:93% !important;}
	.flex-control-nav{ bottom:21px !important; }
	.header_top #cart{ display:none;}
	#container-wrapper, #top-bar-content, #header-content{ float:left; width:97% !important;}
	.container-2{ width:100%;}
	.category-info-inner{ padding-left:10px;}
	.catagari{ width:100%;}
	.catagari img{ width:100%;}
	.catagari a:hover .showme{ margin: 27px 0px 0px 35px;}
	.pak{ font-size:25px;}
	.links{ float:left; background:#d4d4d4; width:100%; margin-top: 4px;}
	#header #logo img{ padding:10px 0px;}
	}