/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries */

/* #Site Styles
================================================== */

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bol-webfont.eot');
    src: url('../fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bol-webfont.woff') format('woff'),
         url('../fonts/lato-bol-webfont.ttf') format('truetype'),
         url('../fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-reg-webfont.eot');
    src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-reg-webfont.woff') format('woff'),
         url('../fonts/lato-reg-webfont.ttf') format('truetype'),
         url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-regita-webfont.eot');
    src: url('../fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regita-webfont.woff') format('woff'),
         url('../fonts/lato-regita-webfont.ttf') format('truetype'),
         url('../fonts/lato-regita-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/********** Base Styles ********/
html {min-height: 100%}
body {padding: 0; background-attachment: fixed; margin: 0; background: #fff; color: #666; font-size: 11px; line-height: 1.6; font-family: "latoregular", Arial, Helvetica, sans-serif; min-height: 100%;}

::-moz-selection { background: #666; color: #fff; text-shadow: none; }
::selection { background: #666; color: #fff; text-shadow: none; }

a, a:link {text-decoration: none; color: #999;}
a:visited {text-decoration: none; color: #999;}
a:hover {text-decoration: none; color: #FF9900;}
a:active {text-decoration: none; color: inherit;}

h1, .h1, h2, .h2, h3, .h3 {font-family:  "latobold", "Arial Black", Arial, sans-serif; color: #000; background: transparent; font-weight:900;}
h1, .h1 {font-size: 17px; margin: 0 0 5px 0; border-bottom: 1px solid #B9B9B9; padding:2px 0 2px 0; color: #000; text-transform: uppercase; letter-spacing: 1px;}
h2, .h2 {font-size: 22px;}
h3, .h3 {font-size: 17px;}
h4, h5, h6, .h4 {font-size: 16px; color: #00725B; font-weight: bold}
h1 a {padding-right: 5px; color: #000!important;}

/********** Site Structure ********/

.contact {margin: 10px 0; text-align: center; text-transform: uppercase; font-family: "latobold", "Arial Black", Arial, sans-serif; font-weight:900; font-size: 9px; letter-spacing:1px;}
.contact > span {margin: 0 10px;}
.logo {margin-bottom: 8px;}
.logo img{max-width: 100%;}
.headBar {padding: 0 0 10px 0;}
.headBar .searchBox {width: 99%;-webkit-box-shadow: inset 2px 2px 3px 0px #C7C7C7; -moz-box-shadow: inset 2px 2px 3px 0px #C7C7C7; box-shadow: inset 2px 2px 3px 0px #C7C7C7;border: 1px solid #aaa; padding-left: 4px;}
.headBar #search { z-index: 9999 !important; }
.mid {}
#column-left {float: left; width: 210px; padding-top:10px;}
#column-right {float: right; width: 210px; padding-top:40px;}
#content {min-height: 400px; padding: 10px 0px 0px 2px; position:relative; z-index:97;}
.breadcrumb {display: none;}
#column-left + #column-right + #content, #column-left + #content{margin-left: 235px;}
#column-right + #content {margin-right: 235px;}
.leftColumnButton {display: none;}
.box-lastview {display: none;}
.product-info .box-lastview {display: block;}

/********** MENU ********/

.nav {margin-bottom: 10px;}
.nav ul {list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between}
.nav > ul > li {padding-top: 2px;}
.nav > ul > li:hover a { color: #FF9900; }
.nav > ul > li > a {text-decoration: none; display: block; color: #000; text-transform: uppercase; font-family: "latobold", "Arial Black", Arial, sans-serif; font-weight:900; font-size: 9px; letter-spacing:1px; padding: 2px 0 3px 0;}
.nav .menu-block {display: inline-block; width: 12px; height: 12px; margin-right: 10px; position: relative; top: 2px; background: #000;}
.nav li:hover .menu-block {background: #FF9900;}


/* #Page Styles
================================================== */

/********** SPLASH PAGE ********/
.splash-html,
.splash-body {
	height: 100%;
}

.splash-page {
	display: table;
	width: 100%;
	height: 100%;
}

.splash-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 100%;
}

.splash-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -5;
}

.splash-logo {
	margin: 0 auto;
	display: block;
	width: 705px;
	max-width: 90%;
}

a.enter-site {
	display: block;
	width: 125px;
	height: 125px;
	margin: 6em auto;
}

a.enter-site img {
	width: 100%;
	height: 100%;
}

.splash-contact {
	display: inline-block;
	font-size: 14px;
	color: #999 !important;
	letter-spacing: 3px;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
	max-width: 90%;
}

.splash-desc {
	display: inline-block;
	font-size: 11px;
	color: #fff !important;
	letter-spacing: 1px;
	line-height: 1.5;
	text-align: justify;
	text-transform: none;
	max-width: 75%;
	text-shadow: 1px 1px 2px #000;
}


.splash-contact .email-phone {
	color: #fff !important;
	width: 100%;
	text-shadow: 1px 1px 2px #000;
}

.splash-contact .email-phone a {
	color: #FFF !important;
}

.splash-contact .email-phone .line {
	width: 8%;
	background: url("images/data/line.png") 50% 50% repeat-x;
}

.splash-contact .email-phone .info {
	/*width: 82%;*/
	font-family: "latobold", "Arial Black", Arial, sans-serif; 
}

@media only screen and (max-width: 767px) {
	a.enter-site {
		width: 119px;
		height: 119px;
		margin: 3em auto;
	}

	.splash-contact {
		font-size: 12px;
	}
}

/********** HOME PAGE ********/

.homeSections {padding: 10px 0 0 0;width: 960; margin: 0;}
.homeSectionContent {padding: 0 5px; height: 255px; float:left;}
.homeSection {margin-bottom:10px; padding: 0 0 0 5px; position: relative; background: #000000;}
.homeSection.eight.columns {width: 470px;}
.homeSectionImage {position: absolute; top: 10px; right: 10px; height: 215px}
.homeSectionImage img {max-height: 100%;}

.homeSections .category-heading {color: #FFF; font-family: "latobold", "Arial Black", Arial,sans-serif; font-size: 17px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; padding: 0; background: none; border: none;}
.homeSections .box-category li ul {padding: 0;}
.homeSections .box-category li ul a {color: #fff;}
.homeSections .box-category li ul a:hover {color: #FF9900;}

.homeSection-1 .box-category ul li .category-colour { background: #0066ff !important; }
.homeSection-2 .box-category ul li .category-colour { background: #ff3399 !important; }
.homeSection-3 .box-category ul li .category-colour { background: #009933 !important; }
.homeSection-4 .box-category ul li .category-colour { background: #ff0000 !important; }
.homeSection-5 .box-category ul li .category-colour { background: #ffcc00 !important; }
.homeSection-6 .box-category ul li .category-colour { background: #999999 !important; }
.homeSection-7 .box-category ul li .category-colour { background: #99CC33 !important; }


/********** SEARCH ********/

#search {position: relative;}
#smartsearch {right: -10px; top: 30px;}

/********** CATEGORY *************/

.product-filter {margin: 10px 0 25px}
.product-filter .display, .product-filter .limit, .product-filter .sort {display: inline-block; margin-right: 20px}
.product-filter .display a {color: #FF9900; cursor: pointer;}
.product-filter .pagination-links {float: right;}
.product-filter .pagination-links a,
.product-filter .pagination-links span {
	line-height: 15px;
}

.product-list > div {overflow: auto; margin-bottom: 15px;}
.product-list .right {float: right; margin-left: 15px;}
.product-list > div + div {border-top: 1px solid #EEEEEE; padding-top: 16px;}
.product-list .image {float: left; margin-right: 10px;}
.product-list .name {margin-bottom: 3px;}
.product-list .name a {color: #333; font-family: "latobold", "Arial Black", Arial, sans-serif; font-weight:900; text-decoration: none;}
.product-list .description {line-height: 15px; margin-bottom: 5px; color: #4D4D4D;}
.product-list .rating {color: #7B7B7B;}
.product-list .price {float: right; height: 50px; margin-left: 8px; text-align: right; color: #333333; font-size: 12px;}
.product-list .price-old {color: #F00; text-decoration: line-through;}
.product-list .price-new {font-weight: bold;}
.product-list .price-tax {font-size: 12px; font-weight: normal;	color: #BBBBBB;}
.product-list .cart {display: none;}
.product-list .wishlist, .product-list .compare {margin-bottom: 3px;}
.product-list .wishlist {display: none;}
.product-list .compare a {color: #333; text-decoration: none; padding-left: 18px; display: block; background: url('../image/add.png') left 60% no-repeat; cursor: pointer;}

.product-grid > div {width: 100px; display: inline-block; vertical-align: top; margin-right: 16px; margin-bottom: 35px;}
#column-left + #column-right + #content .product-grid > div {width: 125px;}
.product-grid .image {display: block; margin-bottom: 0px;}
.product-grid .image img {}
.product-grid .name a {color: #333; font-family: "latobold", "Arial Black", Arial, sans-serif; font-weight:900; display: block;}
.product-grid .description {display: none;}
.product-grid .rating {display: block; margin-bottom: 4px;}
.product-grid .price {display: block; font-weight: bold; color: #999; margin-bottom: 4px;}
.product-grid .price-old {color: #F00; text-decoration: line-through;}
.product-grid .price-new {font-weight: bold;}
.product-grid .price .price-tax {display: none;}
.product-grid .cart{display: none;}
.product-grid .wishlist, .product-grid .compare {margin-bottom: 3px;}
.product-grid .wishlist {display: none;}
.product-grid .compare a {color: #333333; text-decoration: none; padding-left: 18px; display: block; background: url('../image/add.png') left center no-repeat; cursor: pointer;}

.banner {max-height: 272px; overflow:hidden;}
.product-compare {margin: 10px 0;}

.box-subcat {margin: 10px 0;}
.box-subcat > div{width: 106px; float: left; margin-bottom: 10px; margin-right:10px; min-height:140px;}
.box-subcat .image{margin-bottom: 0px;}
.box-subcat .name a{font-weight: bold;}

#category_description {
	font-size: 14px;
}

/********* COMPARE ************/


.compare-info {border-collapse: collapse; width: 100%; 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;}
.compare-info tr td:last-child {border: 0;}
.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;}


/********** MODULES ***************/

.box-category ul{padding: 0; list-style: none;text-transform: uppercase; font-size:9px; letter-spacing: 1px;}
.box-category li {margin-bottom: 20px;}
.box-category li a{display: block; padding: 2px 0 4px 0; border-bottom: 1px solid #B9B9B9; font-family: "latobold", "Arial Black", Arial, sans-serif; font-weight:900; color: #000; margin-bottom: 5px; }
.box-category li a.active {font-family: "latobold", "Arial Black", Arial, sans-serif; font-weight:900; color: #FF9900;}
.box-category li a:hover {color: #FF9900;}
.box-category li ul {padding: 0 0 0 20px;}
.box-category li ul li {margin: 0;}
.box-category li ul a {border: 0; padding: 2px 0; color:#666; margin:0; background: none; font-family: Arial, sans-serif; font-weight:400;}

.category-colour { display: inline-block; width: 12px; height: 12px; margin-right: 10px; }

.box-category ul li:nth-child(1) .category-colour { background: #0066ff; }
.box-category ul li:nth-child(2) .category-colour { background: #ff3399; }
.box-category ul li:nth-child(3) .category-colour { background: #009933; }
.box-category ul li:nth-child(4) .category-colour { background: #ff0000; }
.box-category ul li:nth-child(5) .category-colour { background: #ffcc00; }
.box-category ul li:nth-child(6) .category-colour { background: #999999; }
.box-category ul li:nth-child(7) .category-colour { background: #99CC33; }




#column-left .box-category .category-colour {position: relative; top: 3px;}


/**************** MESSAGES ***************/

.success, .warning, .attention, .information {padding: 10px 10px 10px 33px;	color: #555555}
.success {background: #EAF7D9 url('../image/success.png') 10px center no-repeat; border: 1px solid #BBDF8D;}
.warning {background: #FFD1D1 url('../image/warning.png') 10px center no-repeat; border: 1px solid #F8ACAC;}
.attention {background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border: 1px solid #F2DD8C;}
.success .close, .warning .close, .attention .close, .information .close {float: right; padding: 0 4px;	cursor: pointer;}
.required {color: #FF0000; font-weight: bold;}
.error {display: block; color: #FF0000;}
.help {color: #999; font-size: 10px; font-weight: normal; display: block;}

/***************** PRODUCTS PAGE ******************/

.parent-category {color: #ff9900 !important; margin-right: 1em;}

.product-info {overflow: hidden; margin-bottom: 20px;}
.product-info > .left {float: left;}
.product-info > .left + .right {margin-left: 420px;}
.product-info .image {float: left; margin-right: 10px; margin-bottom: 20px;}
.product-info .image-additional {width: 425px; margin-left: -10px; clear: both;	overflow: hidden;}
.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 {color: #000; padding: 5px 5px 10px 5px; margin-bottom: 10px;}
.product-info .product-code {color: #000; font-size:18px; font-family: "latobold", "Arial Black", Arial, sans-serif; font-weight:900;}
.product-info .htabs {border-bottom: 1px solid #C4C4C4; height: 22px; line-height: 16px; clear: both; margin-top: 60px}
.product-info .htabs a {background: #eaeaea; color: #999; display: none; float: left; font-size: 11px; font-weight: bold; margin: 0 13px; padding: 4px 4px 2px; text-align: center; text-transform: uppercase; text-decoration: none; position: relative;}
.product-info .htabs a:before {border-bottom: 0 solid transparent; border-left: 10px solid #eaeaea; border-top: 22px solid transparent; content: ""; height: 0; position: absolute; right: -10px; top: 0; width: 0;}
.product-info .htabs a:after {border-bottom: 0 solid transparent; border-right: 10px solid #eaeaea; border-top: 22px solid transparent; content: ""; height: 0; position: absolute; left:-10px; top: 0; width: 0;}
.product-info .htabs a.selected {background: #dadada; color: #666;}
.product-info .htabs a.selected:before {border-left: 10px solid #dadada;}
.product-info .htabs a.selected:after {border-right: 10px solid #dadada;}
.product-info .tab-content {margin-bottom: 20px; overflow: auto; padding: 10px; z-index: 2;}
.product-info .tab-content .button {display: none;}
.product-info .price {overflow: auto; padding: 0px ; margin-bottom: 10px; font-size: 15px;
 font-weight: bold;	color: #666;}
.product-info .price-old {color: #F00; text-decoration: line-through;}
.product-info .price-tax {font-size: 12px; font-weight: normal;	color: #999;}
.product-info .price .reward {font-size: 12px; font-weight: normal; color: #999;}
.product-info .price .discount {font-weight: normal; font-size: 12px; color: #4D4D4D;}
.product-info .options {border-bottom: 1px solid #E7E7E7; padding: 0px 5px 10px 5px; margin-bottom: 10px; color: #000;}
.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 #CCC; cursor: pointer;}
.product-info .cart {display: none;}
.product-info .prev-next {text-transform: uppercase;}
.product-info .prev-next .button {display: inline-block; width: 135px; text-align: center; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-info .prev-next .button.compare, .product-info .prev-next .button.return {width: 100%; cursor:pointer;  margin-bottom: 10px}
.product-info .prev-next .button a {padding: 2px 5px; display: block; color: #000;}
.product-info .prev-next .button a:hover {color: #FF9900;}
.product-info .prev-next .button .arrow.prev {background:url(../image/arrow-left.png) no-repeat 5% 50%; padding-left:25px}
.product-info .prev-next .button .arrow.next {background:url(../image/arrow-right.png) no-repeat 95% 50%; padding-right:25px}
.product-info .prev-next .button .arrow.prev:hover {background:url(../image/arrow-left-over.png) no-repeat 5% 50%; color: #FF9900;}
.product-info .prev-next .button .arrow.next:hover {background:url(../image/arrow-right-over.png) no-repeat 95% 50%; color: #FF9900;}
.product-info .prev-next .prev-light {float: left;}
.product-info .prev-next .next-light {float: right;}

#tab-previous .box-heading, #tab-previous .cart {display: none;}
#tab-previous .box-product > div{width: 110px; float: left; margin-right:5px}
#tab-previous .box-product .image{margin-bottom: 0px;}
#tab-previous .box-product .name a{font-weight: bold;}
#tab-previous .box-product .price{font-weight: normal; font-size:11px;}

.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;}
.attribute-Instructions {display: none;}

#tab-related .box-heading, #tab-previous .cart {display: none;}
#tab-related .box-product > div{width: 110px; float: left; margin-right:5px}
#tab-related .box-product .image{margin-bottom: 0px;}
#tab-related .box-product .name a{font-weight: bold;}
#tab-related .box-product .price{font-weight: normal; font-size:11px;}

#tab-similar .box-heading, #tab-previous .cart {display: none;}
#tab-similar .box-product > div{width: 110px; float: left; margin-right:5px}
#tab-similar .box-product .image{margin-bottom: 0px;}
#tab-similar .box-product .name a{font-weight: bold;}
#tab-similar .box-product .price{font-weight: normal; font-size:11px;}
.similar_container{position:relative;width:100%;overflow:hidden;}
.similar_overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000;display:none;}
.upper_layer{z-index:999;}
.lower_layer{z-index:998;}
.div_table{display:table;width:100%;height:100%;}
.div_table_cell{display:table-cell;vertical-align:middle;text-align:center;}
.div_table_cell img{display:inline;}
.no_bottom_margin{margin-bottom:0px !important;}
.similar_product{margin-right:9px !important;margin-left:10px !important;}

.pagination {clear: both; text-align: center}
.pagination-links {margin-bottom: 10px;}
.pagination-links a {color: #000;}
.pagination-links a:focus,
.pagination-links a:hover {
	color: #ff9900;
	background-color: #fff;
}
.pagination-links span {
	color: #ccc;
	cursor: default;
}
.pagination-links a,
.pagination-links span {
	display: inline-block;
	border: solid 1px #ccc;
	border-right: 0;
	margin: 0;
	flex: 0 1 auto;
	background-color: #f8f8f8;
	padding: 2px 5px;
}
.product-filter .pagination-links a,
.product-filter .pagination-links span {
	font-size: 12px;
	padding: 4px 6px;
}
.pagination-links a:first-child,
.pagination-links span:first-child {border-radius: 5px 0 0 5px;}
.pagination-links a:last-child,
.pagination-links span:last-child {
	border-right: solid 1px #ccc;
	border-radius: 0 5px 5px 0;
}
/**************** Contact page ***************/
.contact-info {
	font-family: "Trebuchet MS";
	font-size: 18px;
}
/**************** Trade Buyers page ***************/
.trade-buyers {
	font-family: "Trebuchet MS";
	font-size: 18px;
	text-align: center;
}

/**************** About page ***************/
.about {
	font-family: "Trebuchet MS";
	font-size: 18px;
	text-align: center;
}
/**************** Gallery ***************/
#cboxLoadedContent {
	overflow: hidden !important;
}
.gallery_active_image_link {
	display: block;
	text-align: center;
	min-width: 800px;
	min-height: 500px;
}
.gallery_carousel {
	padding: 0 30px;
	position: relative;
}
.gallery_carousel .slide {
	margin-right: 10px;
}
.flex-viewport {
	z-index: 3;
}
.flex-direction-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.flex-direction-nav .flex-prev {
	margin-top: -12px;
	position: absolute;
	top: 50%;
}
.flex-direction-nav .flex-next {
	margin-top: -12px;
	position: absolute;
	top: 50%;
	right: 0;
}


/* #Media Queries
================================================== */

    @media only screen and (min-width: 960px) {
		.product-info .description {min-height: 329px;}
		.homeSections.sixteen.columns {width: 960px;}
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.mid { min-height: 970px}		
		.homeSectionImage {width: 40%; margin-top: 30px; max-height: 180px; text-align: right;}
		.homeSectionImage img {max-width: 100%;}	
		.product-info > .left {float: none; width: auto;}
		.product-info > .left + .right {margin: 0;}
		.product-info .image {float: none;}
		.product-info .htabs a {display: block!important; float: none; margin: 10px 0;}
		.product-info .tab-content {margin-top: 100px}
		.product-info .prev-next .button {width: 245px;}
		.product-filter .pagination-links {float: none; margin-top: 15px;}
		.banner {display: none;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.homeSections .eight.columns.alpha.omega {margin-left: 0;}
		.box-subcat > div {margin-right: 24px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {	
		.mid {overflow: hidden; position: relative;}
		#column-left {background: #F5F6F6; overflow: hidden; padding-right: 20px; position: absolute; height:100%; width: auto; min-width: 28px; z-index: 3;}
		#column-left.opened {-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3); box-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
		#column-left + #column-right + #content, #column-left + #content {margin-left: 55px; z-index: 1;}
		#column-left .box{padding-top: 40px; display: none;}
		.leftColumnButton {display: inline; position: absolute; left: -9px; top: 0;}
		.leftColumnButton .nav-btn {border: 1px solid #C4C4C4; -webkit-border-radius: 5px; border-radius: 5px; float: right; margin: 5px 15px; padding: 7px 8px; position: relative;
			background: #cccccc;
			background: -moz-linear-gradient(top,  #cccccc 0%, #9f9f9f 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#9f9f9f));
			background: -webkit-linear-gradient(top,  #cccccc 0%,#9f9f9f 100%);
			background: -o-linear-gradient(top,  #cccccc 0%,#9f9f9f 100%);
			background: -ms-linear-gradient(top,  #cccccc 0%,#9f9f9f 100%);
			background: linear-gradient(to bottom,  #cccccc 0%,#9f9f9f 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#9f9f9f',GradientType=0 );}
		.leftColumnButton .icon-bar {background-color: #F5F5F5; border-radius: 1px 1px 1px 1px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); display: block; height: 2px; margin: 3px 0; width: 18px;}
		.product-filter .display, .product-filter .limit, .product-filter .sort {float: none;}
		.product-info .prev-next .prev-light, .product-info .prev-next .next-light {margin: 10px 0;}
		.product-info .prev-next .button {width: 180px;}
		.product-filter .pagination-links {float: none;}
		.nav > ul {display: block;}
		.nav > ul > li {display: inline-block; position: relative; width: 25%;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.product-grid > div {margin-right: 28px;}
		.box-subcat > div {margin-right: 24px;}
		#smartsearch {top: 50px;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#smartsearch {display: none!important;}
		.product-grid > div {margin-right: 4px;}
		.box-subcat > div {margin-right: 0;}
		.nav > ul > li {width: 50%;}
		h2, .h2 {font-size: 19px;}
		.product-info .prev-next .prev-light, .product-info .prev-next .next-light {float: none; width: 100%;}
		.product-info .prev-next .button {width: 100%;}
		.product-filter .display, .product-filter .limit, .product-filter .sort {display: block; margin-bottom: 3px;}
	}