@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}
body .columnless body {
	overflow: hidden;
    overflow-y: auto;
}
/*******************************
RESETS (#MAIN DOES NOT MATTER IT COUNTS AS COLUMNLESS)
/******************************/
img {
	max-width: 100%;
	width: auto\9; /* ie8 */
	height: auto;
	border: 0;
}
/***************************************
VIDEO
***************************************/
video {
    max-width: 100%;
    height: auto;
}
iframe, embed, object {
    max-width: 100%;
}
/***************************************
VIDEO
***************************************/
#video embed, #video object, #video iframe {
	min-height: 400px;
	width: 100%;
	height: auto;
} 
/****************************************
SELECT DROP DOWN MENUS FOR MOBILE DEVICES 
****************************************/
.select-menu-top,
.select-menu-main,
.select-menu-left,
.select-menu-footer {
	display: none;
	height: auto;
	border: 0;
	font-weight: bold;
	font-size: 14px;
}
.select-menu-main,
.select-menu-left {
	overflow: hidden;
    padding: 2px;
	min-height: 27px;
    margin: 2px auto;
	width: 90%;
	font-size: 16px;
    border: none;
    background: url(../images/select-option-bg.png) top right no-repeat !important;
	cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -khtml-appearance: none;
}
.select-menu-main option,
.select-menu-left option {
	color: #000;
	font-size: 12px;
} 
.select-menu-main,
.select-submenu-main {
	margin: 2px auto;
	width: 97%;
}
.select-menu-filters,
.select-menu-category {
	display: none;
	width: 100%;
}
/**************************************** OUR MEDIA QUERIES ****************************************/
/*****************************  
LARGE RESOLUTIONS 
******************************/
@media all and (min-width: 979px ) {
body {overflow-x:hidden;}

#main-content #main-banner,#main-content ul.bjqs,
#main #main-banner, #right #main-banner, #page #main-banner,
#main ul.bjqs, #right ul.bjqs, #page ul.bjqs {
	margin-bottom:  0;
	height: 261px !important;
	}
/****************************
BLOG
*****************************/
.blog-posts{width:65%;float:left}
.blog-post{float:left;width:auto;}
.blog-right{float:right;width:30%;}
.right-section{width:auto;}
}
@media only screen and (max-width: 930px) {
/******************************
BANNER
*******************************/
.banner {
	display: none;
}
/****************************
BLOG
*****************************/
.blog-posts{width:65%;float:left}
.blog-post{float:left;width:auto;}
.blog-right{float:right;width:30%;}
.right-section{width:auto;}
}
/******************************* 
IPAD PORTRAIT
*******************************/

/*********************************
THIS IS A HACK BACKGROUND PARTICULALRY FOR THIS HEADER ONLY
**********************************/
@media all and (width : 768px) {
#header {
	background: url(../images/header_bg_768.jpg) no-repeat !important;
}
}
@media all and (max-width : 768px) {
/***************************
ORDER BUTTON 
****************************/
#order .order_details {
	margin:  10px auto;
}
/***************************
COPYRIGHT
****************************/
.copyright p {
	text-align: center;
	}
/************************************
ORDER FORM 
*************************************/
#order {
	margin-bottom: 0;
}
#order .order_details input.quantity_submit {
}
/****************************
BLOG
*****************************/
.blog-posts{width:65%;float:left}
.blog-post{float:left;width:auto;}
.blog-right{float:right;width:30%;}
.right-section{width:auto;}
}
/************************************************
PHONE, TABLET (IPAD)
************************************************/
@media all and (max-width: 979px) {
body {
	overflow-x:hidden;
	background-color:#fff; background-image:none;
}
#wrapper {
	padding:0 2%;
	width: 100%;
}
.slicknav_menu, #mainNav, #home h1, #bct, #related h2 {
}
.slicknav_menu {
	display: block !important;
	position: relative;
	margin-bottom: 10px;
}
#small-banner {
	display:-moz-inline-stack;
	display: inline-block;
	zoom:100%;
	*display:inline;
	width:100%;
	float:none;
	text-align: center;
}
#small-banner ul li {
	width: 23.38877338877339%;
	margin-right: 2.079002079002079%;
}

/***************************
INPUTS RESETS
*****************************/
input[type="password"], 
input[type="text"], 
input[type="button"], 
textarea,
#quick-search .quick-search_string, 
#quick-search .quick-search_submit { 
  	@include border-radius(0);
  	-webkit-border-radius: 0;
  	-khtml-border-radius: 0;
  	-moz-border-radius: 0;
  	border-radius: 0;
  	-webkit-appearance: none;  
  	-moz-appearance: none;
  	-khtml-appearance: none;
  	appearance: none;
  	-khtml-border-radius: 0;   
}
/***************************
WRAPPER, CONTAINER , CONTENT
****************************/
#wrapper, #page #wrapper, #container  {
	margin: 0;
	width: auto;
}
#header-wrapper {
	height:auto;
}
#wrapper, #page #wrapper {
   padding: 0;   
   width: 98%;
   margin: 0 auto;
}
#container {
	margin: 0;
	padding: 0;
}
#content {
	width: 100%;
}

/***************************
HEADER & BASKET
****************************/
#header {
	background: url(../images/header_bg_979.jpg) no-repeat 100%;
	/* width: 96.2%; */
	width:100%;
	background-size: cover;
}

#header .logo  {
	max-width: 100%;
	width: auto\9; /* ie8 */
	height:  70%;
	border: 0;
}
#header .banner {
	margin-left: 223px;
}
#header .banner img {
	margin-top: 23px;
	margin-left: 23px;
	width: 73%;
}
#mainNav li#top-nav-4 a {
	padding-top:0!important;
}
/*************************
HEADER SEARCH
**************************/
#header #header-search {
    background: url(../images/searchbox.png) top left no-repeat;
}
#basket {
	display: block;
	float: none;
	clear: both;
	margin: 0 auto 20px auto;
	z-index: 9;
}
/****************************
MENU
*****************************/
#main-nav {
	position: relative !important;
	top:0;
}
#mainNav {
	display: none;
	width: 99%;
	background: #0045BB;
	margin: 0px 0 40px 0;
	border: 1px solid #000;
}
#main-nav li {
	display: block;
	float:none;
	width: 100%!important;
	clear: both;
	padding: 0 !important;
	max-height: 37px;
	background: url(../images/responsive/subnav-bg.png) repeat-x;
	font-weight: bold !important;
	border-bottom: 1px solid #001894;
	margin: 0% auto;
}
#main-nav li a {
	text-shadow:none;
	padding: 0;
	line-height: 37px;
	background: url(../images/responsive/navarrow.png) center right 2% no-repeat;
	font-weight: bold;
}
#main-nav li a:hover {
	background: url(../images/responsive/navarrow_hover.png) center right 2% no-repeat;
}
/****************************
SUBMENU 
*****************************/
#mainNav div.submenu {
	position: relative;
	top:0;
	padding: 0;
	width: 98% !important;
	float: left;
	border: none !important;
	background: none;
}
/* DISABLE HOVER FOR SUBMENU , ENABLE IT WITH JQUERY INSTEAD */
#mainNav li:hover div.submenu, 
#mainNav li a:hover div.submenu,
#mainNav li.hover div.submenu,
#mainNav li.hover a div.submenu {
	display: none;
}
#mainNav li div.submenu ul.subnavContent li a,
ul#mainNav li#top-nav-1 div.submenu ul.subnavContent li a,
ul#mainNav li#top-nav-2 div.submenu ul.subnavContent li a,  
ul#mainNav li#top-nav-3 div.submenu ul.subnavContent li a,
ul#mainNav li#top-nav-4 div.submenu ul.subnavContent li a, 
ul#mainNav li#top-nav-5 div.submenu ul.subnavContent li a, 
ul#mainNav li#top-nav-6 div.submenu ul.subnavContent li a,  
ul#mainNav li#top-nav-7 div.submenu ul.subnavContent li a { 
	color:#fff; 
	text-shadow:none;
	width:100%;
	background: rgb(61, 139, 242);
}  
#mainNav li div.submenu ul.subnavContent li a,
ul#mainNav li#top-nav-1 div.submenu ul.subnavContent li a:hover,
ul#mainNav li#top-nav-2 div.submenu ul.subnavContent li a:hover,  
ul#mainNav li#top-nav-3 div.submenu ul.subnavContent li a:hover,
ul#mainNav li#top-nav-4 div.submenu ul.subnavContent li a:hover, 
ul#mainNav li#top-nav-5 div.submenu ul.subnavContent li a:hover, 
ul#mainNav li#top-nav-6 div.submenu ul.subnavContent li a:hover,  
ul#mainNav li#top-nav-7 div.submenu ul.subnavContent li a{
	width: 100%;
	border-bottom: 1px solid #094593 !important;
	text-shadow: 0 !important;
	text-align: center !important;
	font-size: 14px;
}
#left, #left .filters, #nav_left .nav_left_top, #nav_left .nav_left_top, #nav_left .nav_left_middle, #nav_left .nav_left_bottom,
#nav_left .nav_left_middle li a, #nav_left .nav_left_middle li a:hover {
    width: 90%;
} 
/******************************
SLIDER
*******************************/
#main ul.bjqs, #right ul.bjqs, .columnless ul.bjqs  {
	margin-bottom: 10px;
	height:auto;
	max-height: 261px !important;
	text-align: center;
	margin-top: 10px;
}
/***************************
CONTENT
****************************/
#content {}
/******************************
MAIN NAV
*******************************/
#main-nav {
	padding: 0;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;
	width: 100%;
	position: relative;
	margin-top: 0px;
}
#main-nav .main-menu{
	display: block;
}
/******************************
MOBILE SELECT MENUS
*******************************/
.select-menu-main,
.select-menu-left, 
.select-submenu-main {
	display: none;
	padding-top: 1px;
	padding-right: 30px;
}
/***************************
LEFT & RIGHT & MIDDLE
****************************/
#left, #nav_left .nav_left_top {
	width:18.91891891891892%;
}
#nav_left .nav_left_top, #nav_left .nav_left_middle, #nav_left .nav_left_bottom {
	width:  100%;
}
#right, #middle {
	width: 79.62577962577963%;
}
#nav_left .nav_left_top span {
	font-size:14px;
}
/***************************
PRODUCT THUMBS  (COLUMNLESS)
****************************/
#products {
	 width: 100%;
}
#products .prod-box {
	float: none;
	margin-right: 0.6%;
	width: 19.02286902286902%;
	background: none;
}
/***************************
PRODUCT THUMBS (RIGHT)
****************************/
#right #products .prod-box,
#middle #products .prod-box {
	width:24.022869%;
}
#right #related #products .prod-box, #middle #related #products .prod-box {
width: 23.022869%;
}
#products .prod-box .last {
	margin-right: 0 !important;
}
#products .prod-box a.product_name,
#products .prod-box a.product_name:hover, 
#products .prod-box a.product_name span {
	text-decoration: none;
	width:100%;
}
#products .prod-box .product_price {
	width: 100%;
	float: none;
	clear: both;
	text-align: center;
}
#products .prod-box .product_image,
#products .prod-box .product_price .product_rrp, 
#products .prod-box .product_price .our_price {
	display: block;
	margin: 0 auto;
	width: 100%;
}
#products .prod-box a.product_buy {
	background:url(../images/responsive/buynow.jpg) no-repeat;
}
#products .prod-box .product_moreinfo {
     background:url(../images/responsive/moreinfo.jpg) no-repeat;
     margin-top: 0;
}
/******************************
PRODUCT DETAILS
*******************************/
#product-page-left {width:44.6985446985447%;} 	  /* 430 / 962 */
#product-page-right {width: 51.97505197505198%;}  /* 500 / 962 */
#gallery img, #main_image img {max-width: 350px;}
#order .order_details  {background:none;}
#order .order_details .order_details_left {width: 42%;}
#order .order_details .order_details_right {width: 57%;}

#middle #product-page-left, #right #product-page-left {width: 48.185031%;} 	  /* 430 / 962 */
#middle #product-page-right, #right #product-page-right {width: 45.63409563409563%;}  /* 500 / 962 */

#middle #order .order_details .qty,#right #order .order_details .qty {display:none;}
#middle #order .order_details .order_details_left, #right #order .order_details .order_details_left {width:19%;}
#middle #order .order_details .order_details_right, #right #order .order_details .order_details_right {width:80%;}
/******************************
FOOTER
*******************************/

#footer ul {
	width: 14.711019%;
}
#footer #footer-newsletter {
	width: 23.027027%;
}
#testimonials {
	width: 28.06652806652807%;
}
.copyright-text {
	display: block;
	text-align: center;
}
.copyright_inner {
	width: 100%;
}
/***************************
COPYRIGHTS
****************************/
.copyright_inner .floatleft {width: 27%; text-align:left;}
.copyright_inner .floatright {width: 50%; text-align: right;}

/***************************
SCROLL BUTTON
****************************/
.scroll {
	position: fixed;
	right: 20px;
	bottom: 10px;
	z-index: 123456789;
	display: block;
}
#copyright {
	bottom: 0;
	left: 0;
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
/***************************
LEFT
****************************/
#sidebar {
	float: none;
	clear: both;
	margin: 0 0 20px 0;


	padding: 4px 0;
	width: 100%;
	border: 1px solid #7b9f23!important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #c4d867; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZDg2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2EwYmYwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2EwYmYwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzdmYWUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #c4d867 0%, #a0bf0a 50%, #a0bf0a 50%, #7fae0a 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4d867), color-stop(50%,#a0bf0a), color-stop(50%,#a0bf0a), color-stop(99%,#7fae0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c4d867 0%,#a0bf0a 50%,#a0bf0a 50%,#7fae0a 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c4d867 0%,#a0bf0a 50%,#a0bf0a 50%,#7fae0a 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c4d867 0%,#a0bf0a 50%,#a0bf0a 50%,#7fae0a 99%); /* IE10+ */
background: linear-gradient(to bottom,  #c4d867 0%,#a0bf0a 50%,#a0bf0a 50%,#7fae0a 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4d867', endColorstr='#7fae0a',GradientType=0 ); /* IE6-8 */

	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4d867', 
	endColorstr='#7fae0a',GradientType=0 )!important;
	-moz-border-top-right-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	border-top-bottom-radius: 6px;
	-moz-border-top-right-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	text-shadow: 0 2px 0 #769c20;
}
#sidebar ul,
#sidebar .sidebar_top {
	display: none;
}
#sidebar .sidebar_middle {
	width: 100%;
	border: none;
	background: none;
	text-align: center;
}
#sidebar .sidebar_middle .sidebar_middle_inner {
	padding: 0;
}
/***************************
MOBILE SELECT MENU LEFT
****************************/
.select-menu-left {
	display: none;
	width: 97%;
}
/***************************
BREADCRUMBS 
****************************/
#bct {
	text-align: center;
	background: url(../images/responsive/breadcrumbs_bg.jpg) repeat-x;
	margin-top: 0px;
	width: 100%;
}
#bct .bct_inner {
	width:90%;
}
#main-content #main-banner,#main-content ul.bjqs,
#main #main-banner, #right #main-banner
#main ul.bjqs, #right ul.bjqs {
	height: auto;
	text-align: center;
}
#main-banner img,ul.bjqs img,
#main ul.bjqs img, #right ul.bjqs img {
    height:  inherit;
    max-height:  89%;
    width: 97%;
    padding: 0 7% 0 0;
}
/***************************
PRODUCTS HEADERS
****************************/
h1.products-header, #middle h1.products-header,
#related h2 {
	width: 100%;
}
#product-page-right h1 {
	text-align:  left;
}
#related h2 span {
	padding: 0;
	text-align: center;
	font-size: 18px;
}
 
/***************************
FOOTER
****************************/
#footer-wrapper {
	background: none;
}
#footer-wrapper #footer{
	padding: 1px;
	width: 100%;
}
#footer-wrapper #footer .footer_container {
	width: 90%;
	margin: 2%;
}
/****************************
BLOG
*****************************/
.blog-posts{width:65%;float:left}
.blog-post{float:left;width:auto;}
.blog-right{float:right;width:30%;}
.right-section{width:auto;}

}


/************************************************
TABLET (IPAD) , PC 
************************************************/
@media all  and (min-width: 768px) and (max-width: 979px)  { 

/****************************
BLOG
*****************************/
.blog-posts{width:65%;float:left}
.blog-post{float:left;width:auto;}
.blog-right{float:right;width:30%;}
.right-section{width:auto;}

/****************************
CAT BOX WRAPPER 
*****************************/
#cat-box-wrap {
	text-align: center;
}
#cat-box-wrap .cat-box {
	float: none;
	margin-right: 11px;
	width:22.7154046997389%;
}
/****************************
CAT BOX WRAPPER  RIGHT AND MIDDLE COLS
*****************************/
#right #cat-box-wrap .cat-box,
#middle #cat-box-wrap .cat-box {
	width:28.715405%
}
/*******************************
PRODUCT THUMBS COLUMNLESS SITES
********************************/
.columnless #products .prod-box,
.columnless #related .prod-box {
	width: 19.02286902286902%; !important
	background: none;
}
 
/*******************************
SELECT 
*******************************/
select {
	text-align: center;
}

}

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

/***************************
WRAPPER
****************************/
#wrapper, #page #wrapper {
}
#header .logo {
	display: inline;
	float: left;
}
#header .logo img {
    width:  auto;
    top: 10%;
}
#header-search {
	display: block !important;
}
/******************************
SLIDER
*******************************/
#main ul.bjqs, #right ul.bjqs, .columnless ul.bjqs  {
	margin-top: 20px;
}
/******************************
BASKET & QUICK SEARCH 
*******************************/
#quick-search {
   display: block;
	margin: 21px 0 0 0;
    width: 80% !important;
} 
#quick-search .quick-search_string {
    width: 76% !important;
}

#quick-search .quick-search_submit{	
	float: right;
	width: 19%;
	border-left: 0 !important;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-size: 0;
}
 /******************************
MAIN NAV
*******************************/

#main-nav {
	padding: 0;
	width: 100% !important;
	background: none;
	position: relative !important;
}
#quick-search .quick-search_string, #quick-search .quick-search_submit {
	padding-top: 0;
	padding-bottom: 0;
	height: 33px;
	border: 0 !important;
}

/****************************
BLOG
*****************************/
.blog-posts{width:60%;float:left}
.blog-post{float:left;width:auto;}
.blog-right{float:right;width:35%;}
.right-section{width:auto;}

}

/************************************************
TABLETS (IPADS)
************************************************/
@media only screen and (min-width: 651px) and (max-width: 979px) {

/******************************
MOBILE SELECT MENU MAIN
*******************************/
.select-menu-main {
	display: inline;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	width: auto;
	border: 0;
	background: #0D5C63;
	color: #fff;
}
}
@media only screen and (max-width: 835px) {
/******************************
HEADER SEARCH AND LOGO
*******************************/	
#header-search {
}
.logo img {
}
}
@media all and (max-width: 800px) { 
/********************************
TOP LINKS 
*********************************/
ul#top-links {
	width: 176px;
}
ul#top-links li a {
	font-size: 10px;
	margin: 0 8px;
}
/*******************************
FOOTER 
*******************************/
#footer-wrapper #footer {
	height:auto;
	background: #d9e4ff;
	border-top:3px solid #ffb900;
	border-bottom:5px solid #f47a05;
	margin-top: 5%;
}
#footer ul {
	margin:5px;
	width:45%;
}
#footer #footer-newsletter {
	margin-top:5%;
	width: 45%;
}
#footer #testimonials {
	margin-top:5%;
	width: 53%;
}
}
@media only screen and (max-width: 770px) {}
@media only screen and (max-width: 640px) {
table {margin: 5% auto;}
/******************************
LEFT
*******************************/
#content {
	margin: 0;
}
#sidebar {
	margin: 0 0 10px 0;
} 
#sidebar .sidebar_top {
	display: none;
}
/******************************
RIGHT
*******************************/
#right, #main, #middle {
	display: block;
	float: none;
	clear: both;
	width: 100%;
} 

/*******************************
FOOTER
*******************************/
#footer ul,
#footer #footer-newsletter,
#footer #testimonials {
	margin-top:2%;
	width: 100%;
	text-align: center;
}
#newsletter,#footer-social,#testimonials a{
	margin: 0 auto!important;
	float: none;
}
.copyright_inner, .copyright.floatleft, copyright.floatright {
	clear:both;
	width: 90%;
	text-align:center;
	margin-top: 10px;
}
#testimonials a span {
	padding-right: 20px;
}
#footer-copyright {
	height: 100px;
	text-align:center;
}
.floatleft,.floatright {
	float: none;
}
}
@media only screen and (min-width: 481px) and (max-width: 651px) {
/*******************************
HEADER LOGO 
********************************/

#header .logo {
    WIDTH: auto !important;
}
.select-menu-main {
	display: inline;
	float: left;
	margin-top: 18px;
	margin-left: -10px;
	width: 34.6%;
	color: #fff;
	}

}
@media only screen and (max-width : 630px) {
/*************************************
PRODUCT HEADERS 
**************************************/
#product-page-right h1 {
	text-align: center;
}

/*************************************
FILTERS
**************************************/
.filters {
	margin-bottom: 20px;
	min-height: 125px;
	background: none;
}
.filters form {
	display: block;
	float: none;
	margin: 0 auto;

}
/*********************
HORIZONTAL FILTERS 
**********************/
#main .sortby, #main .numberofproducts,
#main .filters .ProductsNavigator {
	clear: both;
	width:100%;
	text-align: left;
	display: block;
	margin: 0 auto;
}
#main .filters form label {}
#main .filters,
#main .sortby_by {
	background: none;
	background-color: #0031CC;
	text-align: center;
	margin:1% 0;
	max-height: 170px;
	height: 170px;
}
#main .filters form select, #main .filters .sort_by select {
	width:100%;
	clear:both;
}
.filters  .ProductsNavigator, .filters .NumberOfProducts,
.filters .productsSelector {
	display: block;
	float: none !important;
	margin: 0 auto;
	margin-top: 5px;
	padding: 1px 0;
	width: 100%;
	height: 36px;
	text-align: center;
	line-height: 33px;
	margin: 0 auto;
}
.filters .productsSelector {
    background: none;
}
.sort_by {
	margin-top: 10px;
	padding: 7px 0 0 0;
	width: 100%;
	height: 30px;
	text-align: center;
} 
.NumberOfProducts {
	padding: 7px 0 0 0 !important;
}	
.sortby, .numberofproducts {
	width: 90%;
}
.filters form select, .filters .sort_by select {
	float: right;
	padding: 2px;
	width: 41%;
	height: 24px !important;
	border: 1px solid #033033;
}
/***************************
SORT BY ORDER
****************************/
#order-summary p {
	width: 100%;
}
/****************************
BLOG
*****************************/
.blog-posts{width:auto;}
.blog-post{width:auto;}
.blog-right{display:none;}
.right-section{display:none;}
}
@media all and (min-width: 481px) and (max-width : 767px) {
/***************************
RIGHT & MAIN
****************************/
#right, #main, #middle {
	float: none;
	clear: both;
	padding: 0;
	width: auto;
}
#right .right_inner, 
#main .main_inner,
#middle .middle_inner {
    padding: 0;
}
/*************************************
DELIVERY FORM
*************************************/
#main-banner {margin-top:-20px !important;}
}
@media all and (max-width: 767px) {
.select-menu-left {
	display: block;
}
#left .sub-menu {
	display: none;
}
/*************************************
HEADER
**************************************/
#header {
	width: 100%;
	background:none;
}
#header .logo {
}
#header, #header-wrapper {
    height: 250px;
    max-height: 250px;
}
/*************************************
TOP LINKS 
**************************************/
ul#top-links {
	left: 9;
	background: url(../images/responsive/top-links-bg.png) top center repeat-x;
	width: 100%;
	min-height: 38px;
	text-align: center;
	position: fixed;
	left: 0;
	top: -1%;
	z-index: 123456789;
}
ul#top-links li {
	display: -moz-inline-stack;
	display:inline-block;
	zoom:100%;
	*display:inline;
	float:none;
	border:none;
}
ul#top-links li a {
	font-size: 0pt;
	background: url(../images/responsive/home-icon.jpg) no-repeat;
	height: 34px;
	width: 64px;
	display: block;
}
ul#top-links li a.about {background: url(../images/responsive/about-icon.jpg) no-repeat!important;}
ul#top-links li a.delivery {background: url(../images/responsive/contact-icon.jpg) no-repeat!important;}

/**************************************
SEARCH
**************************************/
#quick-search {
	width: 100% !important;
	background:  #f59c0e;
	position: absolute;
	top: -6%;
	left: -20px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#quick-search .quick-search_string,
#quick-search .quick-search_submit {
	display: inline;
	margin: 0;
	padding: 0;
}
#quick-search .quick-search_string {
	padding-left: 6%;
	width: 78%;
	color: #fff;
	font-family: verdana;
	margin-top: 1%;
	text-align: center;
	font-weight: bold;
}
#quick-search .quick-search_submit {
	width: 15%;

	font-size: 0pt;
	background: url(../images/responsive/magnifier.png) no-repeat center center  !important;
	height: 40px;
}
#quick-search .quick-search_submit input,
#quick-search .quick-search_string input {
	line-height: 30px !important;
	}
/**************************************
BASKET 
***************************************/ 
#basket {
	margin:60px auto 20px auto !important;

}
/*************************************
SLIDER
**************************************/
#main-content #main-banner,#main-content ul.bjqs,
#main #main-banner, 
#right #main-banner,  
#main ul.bjqs, 
#right ul.bjqs, 
.columnless ul.bjqs {
	/* display:none REMOVE IT FROM SMART PHONE HERE */
	margin-bottom: 20px !important;
	margin-top:  0;
}
#main-content ul.bjqs, #main ul.bjqs, #right ul.bjqs {
	padding: 0 !important;
}
ul.bjqs-controls.v-centered li.bjqs-prev a, 
ul.bjqs-controls.v-centered li.bjqs-prev a:hover,
ul.bjqs-controls.v-centered li.bjqs-next a, 
ul.bjqs-controls.v-centered li.bjqs-next a:hover {
	top: 22% !important;
	background-size: 60%;
}
#main-banner {
	margin-bottom: 10px !important;
	margin-left: 0 !important;
	background: none;
	padding: 0;
	margin-top: -30px;
	margin-bottom: 0 !important;
}
.columnless #main-banner, #main-banner {
	margin-left: 0 !important;
}
#main-banner img {border: 8px solid #f59c0e;}
#main-content ul.bjqs img, #main ul.bjqs img, #right ul.bjqs img{
	height: inherit;
	max-height: 100%;
	width: 96%;
	padding: 0 0 0 0;
	max-width: 100%;
}
/****************************
LEFT
****************************/
#left, #left .filters, #nav_left .nav_left_top, #nav_left .nav_left_top, #nav_left .nav_left_middle, #nav_left .nav_left_bottom,
#nav_left .nav_left_middle li a, #nav_left .nav_left_middle li a:hover {
	clear:both;
	width:  100%;
	float:none;
	display:block;
	margin: 0 auto;
}
/****************************
CAT BOX WRAPPER 
*****************************/
#cat-box-wrap {
	text-align: center;

}
#cat-box-wrap .cat-box {
	float: none;
	margin-right: 11px;
}
/***************************
PRODUCT THUMBS (COLUMNLESS AND COLS)
****************************/

#products .prod-box,
#middle #products .prod-box,
#right #products .prod-box,
#main #products .prod-box {
	float: none;
	margin-right:  0.6%;
	width: 32.022869%;
}
#right #related #products .prod-box, #middle #related #products .prod-box {
	width: 31.022869%;
}
#products .prod-box .last {
	margin-right: 0 !important;
}
/*******************************
PRODUCT THUMBS COLUMNLESS SITES
********************************/
.columnless #products .prod-box,
.columnless #related .prod-box {
	width: 22% !important;
	background: none;
}

/***************************
PRODUCT DETAILS 
****************************/
#product-page-left, #product-page-right,
#middle #product-page-left, #middle #product-page-right {
	display: block;
	float: none;
	clear: both;
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
#product-page-left,
#middle #product-page-left {
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
#product-page-right h1 {
	font-size:15px;
}
#product-page-right h1 span {
	padding-left:0;
	padding-right:0;
}

/**************************************
ORDER
**************************************/
#order {
	margin-bottom: 20px;
	width: 100%;
	height: auto;
	text-align: center;
	clear: both;
}

#order .order_details {
	width: 100%;
	background: none;
	border-top: 0;
	border-bottom: 0;
}
/*************************************
ORDER DETAILS 
**************************************/
#order .order_details, #order .order_details input.quantity_submit {
text-align:center;
}
#order .order_details .order_details_left,
#order .order_details .order_details_right {
	width:100% !important;
	text-align: center;
	clear:  both;
	margin: 0 0 20px 0;
}
#order .order_details, #order .order_details input.quantity_submit {
	float:none;
	clear: both;
}
#order .order_details .qty {
	float:none;
}
/******************************
ORDER BUTTON
*******************************/
#order .order_button {
	 background:url(../images/responsive/add-to-basket-mobile.jpg) center center no-repeat;
	 cursor: pointer;
}
/***************************
GALLERY 
***************************/
#gallery_thumbs {
	display: block;
	margin: 20px auto;
	width: auto;
}
#gallery { margin: 0 auto; width: 100%;}
.gallery_main_inner {
	display: block;
	margin: 10px auto;
	width: 94%;
	height: 100%;
	border: 0;
	vertical-align: middle;
	text-align: center;
	border: 10px solid rgb(211, 235, 255);
}
.gallery_main_inner img {
	max-width: 100%;
	width: auto\9; /* ie8 */
	height: auto;
	border: 0;
}
#gallery img, #main_image img {
	z-index: 123456789;
	margin: 0 auto;
	max-width: 100% !important;
	height: auto !important;
}
 /********************************************* TABS **************************/



.first {}
.second { left: 124px !important;}
.third { left: 248px !important;}
.tabs_panes {
	display: none;
	margin-top: 30px;
	margin-bottom: -40px;
}
.accordion-header,
.accordion-header:hover {
	width: 100%;
	position: relative !important;
	left: 0 !important;
	display: block;
	clear: both;
	margin: 5px 0;
	border : 0 !important;
}
.accordion-content {
	float: left !important;
	margin-top: -40px;
	margin-bottom: 49px !important;
	border: 1px solid #ccc;
}
.tabs-toggle{
	display: block;
	background:url('../images/toggle-buttons.png') 0 -25px no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.active-header .tabs-toggle,

.active-header:hover .tabs-toggle {
		background-position: 0 0 !important;
}
#tabs-mobile-menu {display: block;}
}
@media all and (max-width : 480px) {
/**************************************
HEADER

**************************************/
body, .columnless body, #wrapper {
	overflow: hidden;
    overflow-y: auto;
}
#wrapper {
}
#header .logo {
	display: block;
	float: none;
	text-align: left;
	width: 100%;
}
#header .logo img {
	width: 47%;    
	top:  70px;
	left: 3%;
}
#main-banner img {
     border: 4px solid #f59c0e;
}
#small-banner {
	float: none;
	text-align: center;
	width: 100%;
	margin: 0;
}
#small-banner ul li {
	width: 45.172557%;
	margin-bottom: 5.158004%;
	margin-left: 2.158004%;
}
/**************************************
MAIN NAV
**************************************/
#main-nav {
	top: 28px;
	left: 0;
	width: 100% !important;
	background: none;
	text-align: center;
}
#header #header-search {	
	background: none;
}
/*************************************
HEADERS
**************************************/
h1, h2, h3, h4 {
	font-size: 24px;
}
/**************************************
SIDEBAR
***************************************/
#sidebar {
	padding: 0 !important;
}
/**************************************
PRODUCT THUMBS
**************************************/
 
.copyright_inner p {
	font-size: 13px !important;
}
/*************************************
 MAIN CONTENT, RIGHT  CONTENT
 *************************************/
#home #right h1, #home #main h1, #home #middle h1, #home #right h2, #home #main h2, #home #middle h2 {
	width:100%;
	margin: 0;
}
.filters .filtersContent {
	padding: 0;
}
/*************************************
FOOTER
**************************************/
#footer-wrapper {
	background-image: none;
	}
#footer-wrapper #footer .footer_container {
    padding: 5%;
    margin: 0;
}

/*********************************

MAIN NAV
**********************************/
#main-nav ul {
	/* display: block; */
}
/*********************************
BASKET
**********************************/
#basket h2 {
	display: block;
	margin: 0;
	padding-top: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
/*********************************
LOGO & IMAGE 
**********************************/
.logo,
.logo a,
.logo a img,
.prod-box a.product_image span img {
	display: block;
	max-width: 100% !important;
	width: auto\9; /* ie8 */
	height: auto;
	border: 0;
}
/*********************************
PRODUCT THUMB
**********************************/
 
#header-search {
	width: 100% !important;
 	text-align: center;
}
/**************************************
BASKET SEPERATOR
***************************************/
#basket span.basket-seperator {
	display: none;
}
/**************************************
BASKET 
***************************************/
#basket {
	width: 77px;
	background: url(../images/responsive/basket.jpg) top left no-repeat;
	text-align: left;
	height: 47px;
	position: absolute;
	top: 25%;
}
#basket .basket_area {
	padding: 2px 0 0 45px;
}
#basket  span {
	color:#fff;
	font-weight:bold;
	font-size: 16px;
	margin-top: 11px;
	display: block;
	margin-left: 5px;
}
#basket span.basket_items,
#basket span.basket_value,
#basket span.basket_value span,
#basket span.basket_cost {
	display:none;
}
/****************************
MIDDLE SECTION
****************************/
#middle {
	margin:0 auto;
	width: 96%;
}

/***************************
PRODUCT THUMBS (COLUMNLESS AND COLS)
****************************/
#products {
	 width: 100%;
	 text-align: center;
}
#products .prod-box,
#middle #products .prod-box,
#right #products .prod-box,
#main #products .prod-box,
#right #related #products .prod-box, 
#middle #related #products .prod-box  {
	float: left;
	margin-right:  0;
	width: 50%;
	text-align: center;
}
#products .prod-box a.product_name span, #products .prod-box a.product_name,
#right #products .prod-box a.product_name span, #right #products .prod-box a.product_name,
#middle #products .prod-box a.product_name span, #middle #products .prod-box a.product_name {
	width:100%;
}
#products .prod-box .last {
	margin-right: 0 !important;
}
#products .prod-box .product_price .product_rrp, #products .prod-box .product_price .our_price,
#right #products .prod-box .product_price .product_rrp, #right #products .prod-box .product_price .our_price,
#middle #products .prod-box .product_price .product_rrp, #middle #products .prod-box .product_price .our_price
 {
	text-align: center;
	font-size:18px;
}
.select-menu-main {
	position: absolute;
	top: 0;
	right: 20px;
	padding-left: 7px;
	width: 50% !important;
	border-radius: 7px;
	background: #0a585e url(../images/select-option-bg-small.png) right center no-repeat !important;
	color: #fff !important;
	font-size: 12px;
}

#bct {
    background: #f59c0e;
    height: auto;
    border-top: 1px solid rgb(255, 116, 0);
    border-bottom: 1px solid rgb(255, 116, 0);
}
#bct .bct_inner {
	padding: 3% 0;
}
.prettyPhoto {
	display : none;
}
 
/**************************************
GALLERY
**************************************/
#gallery_thumbs {
	display: block;
	background: none;
	border: none;
	margin: 0;
}
/****************************
BLOG
*****************************/
.blog-posts{width:auto;}
.blog-post{width:auto;}
.blog-right{display:none;}
.right-section{display:none;}
}
@media all and (max-width:430px) {
#order .order_details {
	border:none;
	height:auto;
}
#order .order_details .order_details_right,
#order .order_details .order_details_left {
	float:none;
	clear: both;
	margin: 10px 0;
	display: block;
}
#order .order_details input.quantity_submit,
#order .order_details .qty, #order .order_details input.quantity_submit {
	float:none;
}
#order .order_details .order_details_left 
#order .order_details {
	width: 100%;
	border: 0;
	height: auto;
}
}
@media all and (max-width:320px) {
#products {
    margin: 0 -1.5%;
}
#header .logo img {
	width:65%;
}
}
/*******************************
RETINA DSIPLAYS
********************************/
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
#logo {
	/* ADD YOUR STYLES HERE */
}	
}
@media 
(-webkit-min-device-pixel-ratio: 1.5) { 
/* Retina-specific stuff here */
#logo {
/* ADD YOUR STYLES HERE */
}
}