/* ************************************************************** */
/* RESPONSIVE CSS */

/* iphone and Mobile */
/* @media only screen and (min-width: 100px) and (max-width: 767px)   */
@media only screen and (min-width: 100px) and (max-width: 870px) {
.container {width:100%;}

/* Header */
.mob-menu {display:block;}
#head_top {display:none;position:relative;}
#header {width:100%;height:auto;margin-top:0;}
#head_left {float:none;width:300px;height:80px;margin:15px auto 0 auto;text-align:center;}
#head_center {display:none;}
#head_right {display:none;}

.logo {text-align: center; margin:0 auto; padding:0;}
.logo img{}

.head_links {display:none;width: 100%;margin: 0;overflow:hidden;font-size:80%;}
.welcome {text-align:center;color:#FFF;}
.welcome a{color:#FFF;}
.welcome span{display:inline-block;padding: 0 0 0 5px;}
.head_buttons {float:right;padding:0 10px 0 0;}
.head_buttons a{color:#fff;padding:0 3px;}
.head_cart {float:left;}

.head_caption {width:100%;text-align:center; color:#FFF;text-transform:none;}
.cart_summary a {display:inline;background:none;padding:0;margin:0;}
.cart_text {}

/* ********* SEARCH ************* */
.mob-menu .searchbox {display:none;min-height:30px;margin-top:5px;}
.mob-menu .searchbox form {margin: 0;padding: 0;}
.mob-menu .searchbox .txt_search{font-size:11pt;width:76%;padding:3px;float:left;}
.mob-menu .searchbox .btn_search{font-size:11pt;width:20%;padding:3px;float:right;}
.mob-menu .fas {color:#FFF;font-size:16pt;margin:5px;}
.mob-menu .col.one .fas {float:left; margin:5px 8px 0 5px;}
.mob-menu .col.two .fas {float:right; margin:5px 5px 0 8px;}
/* Social networking */
.mob-social-networking {float:none;margin-top:5px;}
.mob-social-networking ul {margin:0;padding:0;}
.mob-social-networking ul li {list-style:none;text-align:left;padding: 10px; border-top: solid 1px #3A729E; border-bottom: solid 1px #1F5580;}
.mob-social-networking ul li img {float:left; margin-right:15px;position:relative;top: -2px;}
.mob-social-networking ul li a {text-align:left;text-decoration:none;color:#FFF;}

/* Nav */
#topnavrow {display:none;width:100%;position:absolute;top:0;}
#topnavbar {display:none;height:0px;}
.tnbar, .fixtnbar {position:relative; display:none;}
ul#topnav {display:block; height:auto; width:100%; position:absolute; top:-95px; padding: 20px 0; border-bottom: 2px solid #555; background:#EEEEEE;}
ul#topnav li {height:auto; float:none; text-align:left; width:100%; padding:5px 0 5px 20px; font-size: 13pt;}
ul#topnav li a {margin: 0 1px 0 0;padding: 5px 0px 5px 0px;font-size:13pt; text-align:left;}
/*ul#topnav li.home {display:none;}
ul#topnav li.home a{width:20px;height:16px;text-indent:-2999px;padding-left: 5px;}
ul#topnav li.home a:after {left:8px;}
ul#topnav li.home a:hover:after {left:8px;}*/
.tnsub {width:100%;top:-94px;border:none; box-sizing:border-box; padding:0 0 20px 20px; border-bottom: 2px solid #555; background:#EEEEEE;}
.tnsub .col {width:100%;box-sizing:border-box;}
.tnsub .col h2, .tnsub .col h2 a {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color:#555; text-transform:uppercase; font-size:13pt;}
.close-nav {display:block;width:100%; height:30px; background-image: url('/content/1/skin/btn_close.png'); background-repeat: no-repeat; background-position: right center;}
.tnsub ul li, .tnsub ul li a {font-size:12pt;}

/* Brand USP */
.brand-usp .usp-panel h2, .brand-usp .usp-panel p {display:none;}
.brand-usp .usp-panel.brand-times, .brand-usp .usp-panel.brand-delivery, .brand-usp .usp-panel.brand-about {background-position: center !important;}

/* Page */
#pagearea {width:100%;}
#pagearea_full {width:100%;}

/* left column */
#sidenav {display:none;}

#pagehero {float:none;width:100%;height:auto;margin:10px 0 5px 0;}
/* Global */
.global_left {}
.global_right {}
#globalfooter {float:none;width: 100%;}
.global_footer {}

/* Content */
#content {float:none;width:auto;margin:0;padding:0px 10px;}
#popup_content {width: 90%;}
#content_centre {float:none;width: 100%;}
#content_right {float:none;width: 100%;background: #EfEFEF;}
/* If only left column is visible */
#content_twocoll {float:none;width: 100%;}
/* if only right column is visible */
#content_twocolr {float:none;width: 98%;margin: 0 5px;}
#content_threecol {float:none;width: 100%;margin:0;padding:0;}

/* Pages */
.sublist {display:none;}

/* Cat list */
#catlist {}
#catlist ul {border:none;}
#catlist li {float:none;width:100%;height:auto;}
#catlist li .catlist-item {
  background: #EFEFEF;
  border:none;
  border-radius: 9px;
  margin: 3px 0;
  padding: 5px 10px;
  text-align:left;
  }
#catlist li .catlist-item h4 {text-align:left;font-size:13pt;padding:0;margin:0;}
#catlist li h4 a {display:inline-block;width:100%;}
#catlist li .catdesc {display:none;}
#catlist .prodListItem {float:left; width:99%; height:auto;background:#FFF;border:solid 1px #CCCCCC;padding:10px;margin:2px; box-sizing:border-box;}
#catlist .prodImgHd {width:40px;}
#catlist .prodData {float:right;width:55%;}
#catlist .prodSku {width:100%; padding: 0;}
#catlist .prodSku .data{font-size:10pt;}
#catlist .prodSku .data a{text-decoration:none;}
#catlist .prodImg {float:left;width:40%; height:auto;margin:0 0 1% 0;overflow:hidden;}
#catlist .prodImg img{width:auto; height:auto;}
#catlist .prodInfo {width:100%; padding: 0; }
#catlist .prodInfo .prodTitle {height:auto; }
#catlist .prodInfo .prodText {height:auto;}
#catlist .prodPrice {width:100%;height:auto;}
#catlist .prodButton  {width:100%;}
#catlist .prodQty  {font-size:13pt;}
#catlist .list-options  {margin-bottom:10px;}
#catlist .prodBuy  {position:relative;margin:10px 0;}

/* Product Details */
.productdetail {margin:5px 0 0 10px;width:auto;}
.productimg {float:none;width:95%;margin:0 0 20px 0;}
.productimg .mainphoto {background:#FFFFFF; width: 98%;height:auto;}
.productimg .mainphoto img{width:98%;}
.productimg .altimage {display:none;}
.productdetail .prodInfo {float:none;width:auto;}
.column.half, .column.third {width:100%;}
.fleft {float:none;}
.tabs {height:50px;}
.tabbed {width:95%}
.addFavourites {float:none;margin:5px auto;text-align:center;}
.addThis {float:none;margin:5px auto;text-align:center;}
.related_item {width:45%;margin:5px;}
.related_item .related_img{width:100%;height:auto;}
.related_item img.related_photo{width:98%;height:auto}


/*  ------------ FORM BOX  ------------ */
.fm_box, .fm_box.reg, .fm_box.log {width:100%;}
.fm_col {width:100%;}
.fm_col one, .fm_col two{margin:0;}
.fm_label {clear:left;float:none;width:100%;padding:3px 0 0 0;}
.fm_input {float:none;width:100%;}
.fm_input input.txt{width:195px;}

.fm_row {clear:left;margin:3px;}
.fm_row [type="text"],.fm_row [type="password"],.fm_row textarea {width:90%;}
.fm_rowhead {clear:left;width:100%;padding:3px;text-align:left;font-weight:bold;}
.fm_box label {clear:left;float:none;display:block;width:100%;padding:3px 10px 0 0;text-align:left;}


/* CART ITEMS */
td.cart_photo {width:80px;}
td.cart_photo img {width:100%;}
td.cart_remove {text-align:left;}
td.cart_title {color:#000000;}
td.cart_title a {text-decoration:none;}
td.cart_sku {display:none;}
td.cart_rrp {display:none;}
td.cart_price {text-align:right;}
td.cart_quantity {text-align:right;}
td.cart_total {font-weight:bold;text-align:right;}
.cartFooter {text-align:right;float:right;}
.cartLabel {clear:right;width:auto;text-align:right;height:21px;}
.cartValue {width:100px;float:right;text-align:right;height:21px;}
.cart_discount {}

/* Home page */
.homepanels {width:100%; background:#EFEFEF;padding:20px 5px;}
.homepanel {width:30%;height:auto;overflow:hidden;min-height:250px;position:relative;margin:4px;}
.homepanel .button {position: absolute;bottom: 15px;left: 33%;}
.homepanel.last{margin-right:0px;}
.panel-image {height:130px;overflow:hidden;}
.homepanel img {max-width:100px;max-height:130px;}

/* Content */
#content_right #ModuleMaster {width: 100%;text-align:center;}
#content_right #ModuleMaster .Module {width: 180px;margin: 10px;float:left;}
.Module h2 {padding:5px 0;}
.Module title {padding:5px 0;}
.article-listitem {width:100%;float:none;}
.blog-main {width:100%;}
.blog-side {display:none;}

/* My Account */
.tabs {height:50px;}
.acc_orders .tablebox {font-size:80%;}
td.vo {display:none;}

/* Footer */
.fnb {width:25%;margin: 10px;}
.fnb li a {width:100%;padding:5px 0px;}
.fnb li a:hover {}

/* redefined */
br.clear {height:0px;}
h1 {font-size:15pt;}

/* iframe container */
.intrinsic-container {min-height:300px;}
a.button.printbtn, input.button.printbtn {display:none;}


/* Footer */
.global_footer .social-networking {float:none; margin: 0 auto; text-align:center;}
.global_footer .sign-up {float:none; margin: 0 auto; text-align:center;}
#footer {width:100%;}
#copyright {width:100%}

/* */
}

/* **************************************************************** */
/* iphone landscape */
@media only screen and (min-width: 323px) and (max-width: 480px) {

/* Home page */
.homepanels {width:100%; background:#EFEFEF;padding:20px 0;}
.homepanel {width:93%;height:auto;overflow:hidden;min-height:250px;position:relative;}
.homepanel .button {position: absolute;bottom: 15px;left: 38%;}
.homepanel.last{margin-right:0px;}
.panel-image {height:130px;overflow:hidden;}
.homepanel img {max-width:100px;max-height:130px;}

/* Content */
#content_right #ModuleMaster {width: 100%;text-align:center;}
#content_right #ModuleMaster .Module {width: 93%;margin:10px ;float:left;}
.Module h2 {padding:5px 0;}
.Module title {padding:5px 0;}

/* My Account */
.tabs {height:auto;}
.tab, .tab.active {
    padding: 5px 10px;
    float: none;
    width: 95%;
    display: block;
    height: 30px;
    text-align: left;
    margin: 5px 0;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    box-sizing:border-box;
    }
.tabbed {
    width: 95%;
    box-sizing: border-box;
}
.myaccount a.button, .myaccount input.button {padding: 5px 8px;}
.acc_orders .tablebox {font-size:80%;}
td.vo {display:;}

/* Footer */
.fnb {width:45%;margin: 0 0 0 10px;}
/* iframe container */
.intrinsic-container {min-height:200px;}
a.button.printbtn, input.button.printbtn {display:none;}
}

/* **************************************************************** */
/* small tablets */
@media only screen and (min-width: 481px) and (max-width: 600px) {

/* Home page */
.homepanels {width:100%; background:#EFEFEF;padding:20px 0;}
.homepanel {width:29.5%;height:auto;overflow:hidden;min-height:250px;position:relative;}
.homepanel .button {position: absolute;bottom: 15px;left: 33%;}
.homepanel.last{margin-right:0px;}
.homepanel img {width:100%;}
/* Content */
#content_right #ModuleMaster {width: 100%;text-align:center;}
#content_right #ModuleMaster .Module {width: 46%;margin:10px ;float:left;}
.Module h2 {padding:5px 0;}
.Module title {padding:5px 0;}

/* Cat list */
#catlist {}
#catlist ul {border:none;}
#catlist li h4 {
  background: #EFEFEF;
  border:none;
  border-radius: 9px;
  margin: 3px 0;
  padding: 10px;
  }
#catlist li h4 a {display:inline-block;width:100%;}
#catlist .prodQty  {font-size:13pt;}


/* Product Details */
.productdetail {margin:5px 0 0 10px;width:auto;}
.productimg {float:left;width:45%;margin:0 0 20px 0;}
.productimg .mainphoto {background:#FFFFFF; width: 98%;height:auto;}
.productimg .mainphoto img{width:98%;max-width:242px;max-height:242px;}
.productimg .altimage {display:block;width:28%;height:auto;}
.productdetail .prodInfo {float:right;width:50%;}
.productdetail .prodInfo.buymore {clear:both;float:none;width:100%;}
.column.half, .column.third {width:100%;}
.fleft {float:none;}
.tabs {height:50px;}
.tabbed {width:95%}
.addFavourites {float:none;margin:5px auto;text-align:center;}
.addThis {float:none;margin:5px auto;text-align:center;}
.related_item {width:45%;margin:5px;}
.related_item .related_img{width:100%;height:auto;}
.related_item img.related_photo{width:98%;height:auto;max-height:100%;}

/* My Account */
.tab {padding:5px 10px;}
.acc_orders .tablebox {font-size:90%;}
td.vo {display: table-cell;}

/* Footer */
.fnb {width:30%;margin: 0 0 0 10px;}
/* iframe container */
.intrinsic-container {min-height:300px;}
a.button.printbtn, input.button.printbtn {display:none;}
}


/* **************************************************************** */
/* ipad and Tablets */
@media only screen and (min-width: 871px) and (max-width: 1024px)  {
.container {width:100%;}

/* Header */
#header {width:100%;height:90px;}
#head_left {float:left;width:48%;height:80px;margin:0;text-align:left;padding:10px 0 0 10px;}
#head_center {display:none;}
#head_right {float:right;width:48%;margin:0;padding:10px 10px 0 0;}

#head_left img {}
.logo {text-align: left; margin:0; width:100%; padding:10px 0 0 0;}
.logo img{}

.welcome { position: absolute;text-align: center;padding: 3px 0; width: 100%; }
.welcome .rep-name {display:none;}
.welcome span {display:inline-block;}
.head_links {}
.head_buttons {}
.head_buttons a{}
.head_cart {}

.head_caption {}
.cart_summary a {}
.cart_text {}

/* Nav */
#topnavrow {width:100%;position:absolute;top:0;}
#topnavbar {width:100%;height:50px;}
ul#topnav li a {padding: 16px 5px 18px 5px; }
ul#topnav li.home a{}
ul#topnav li.home a:after {}
ul#topnav li.home a:hover:after {}
.tnsub {width:100%;}
.tnsub .col{width:50%;}

/* Page */
#pagearea {width:100%;}
#pagearea_full {width:100%;}

/* left column */
#sidenav {}

#pagehero {float:none;width:100%;height:auto;margin:10px 0 5px 0;}
/* Global */
.global_left {}
.global_right {}
#globalfooter {float:none;width: 100%;}
.global_footer {padding:20px;}

/* Content */
#content {width:100%;float:none;margin:0;padding:5px 10px;}
#popup_content {width: 90%;}
#content_centre {float:left;width: 70%;}
#content_right {width:25%;float:right;margin: 0 10px 0 0;padding:0 10px 0 0;}
/* If only left column is visible */
#content_twocoll {float:left;width: 70%;}
/* if only right column is visible */
#content_twocolr {float:left;width: 70%;margin: 0 5px;}
#content_threecol {float:none;width: 100%;margin:0;padding:0;}

/* Pages */
.sublist {display:none;}

/* Cat list */
#catlist {margin: 0;}
#catlist ul {border:none;}
#catlist ul li {width:23%;}
#catlist li .catlist-item {
    padding: 2px;
}
#catlist li h4 {
  background: #EFEFEF;
  border:none;
  border-radius: 9px;
  margin: 3px 0;
  padding: 5px;
  padding-bottom: 1px;
  font-size: 12pt; }
#catlist li h4 a {display:inline-block;width:100%;}

/* Products */
#catlist .prodListItem {float:left; width:45%; height:auto;background:#FFF;border:solid 1px #CCCCCC;padding:10px;margin:2px;min-height: 210px;}
#catlist .prodImgHd {width:40px;}
#catlist .prodData {float:right;width:40%;}
#catlist .prodSku {width:100%; padding: 0;}
#catlist .prodSku .data{font-size:10pt;}
#catlist .prodSku .data a{text-decoration:none;}
#catlist .prodImg {float:left;width:53%; height:auto;margin:0 0 1% 0;overflow:hidden;}
#catlist .prodImg img{width:auto;max-width:175px; height:auto;max-height:180px;}
#catlist .prodInfo {width:100%; padding: 0; }
#catlist .prodInfo .prodTitle {height:auto; }
#catlist .prodInfo .prodText {height:auto;}
#catlist .prodPrice {width:100%;height:auto;}
#catlist .prodButton  {width:100%;}
#catlist .prodQty  {font-size:13pt;}

.productdetail {width:95%;margin:10px;}
.productimg {float:left;width:50%;margin:0px 0 10px 0;overflow:hidden;}
.productimg img{width: 100%; max-width: 341px;height: auto;max-height: 800px;}
.productimg .altimage{width: 29%;height:auto;}
.productdetail .prodInfo {float:right;width:50%;}

.button {font-size: 120%;}
.addFavourites {float:none;margin:0 0 20px 0;}
.addThis {float:none;}
/* Footer */
#footer {width:100%;}
#copyright {width:100%}

/*  ------------ FORM BOX  ------------ */
.fm_box {width:100%;}
.fm_label {clear:left;float:none;width:100%;padding:3px 0 0 0;}
.fm_input {float:none;width:100%;}
.fm_input input.txt{width:195px;}

.fm_row {clear:left;margin:3px;}
.fm_row [type="text"],.fm_row [type="password"],.fm_row textarea {width:90%;}
.fm_rowhead {clear:left;width:100%;padding:3px;text-align:left;font-weight:bold;}
.fm_box label {clear:left;float:none;display:block;width:100%;padding:3px 10px 0 0;text-align:left;}


/* CART ITEMS */
td.cart_remove {text-align:left;}
td.cart_title {color:#000000;}
td.cart_title a {text-decoration:none;}
td.cart_sku {display:none;}
td.cart_rrp {display:none;}
td.cart_price {text-align:right;}
td.cart_quantity {text-align:right;}
td.cart_total {font-weight:bold;text-align:right;}
.cartFooter {text-align:right;float:right;}
.cartLabel {clear:right;width:auto;text-align:right;height:21px;}
.cartValue {width:125px;float:right;text-align:left;height:21px;}
.cart_discount {}

/* Home page */
.homepanel {width:29%;height:auto;overflow:hidden;min-height:250px;}
.homepanel.last{margin-right:0px;}
.panel-image {height:130px;overflow:hidden;}
.homepanel img {max-width:100px;max-height:130px;}

/* Content */
#content_right #ModuleMaster {width: 100%;text-align:center;max-width:190px;}
#content_right #ModuleMaster .Module {width: 100%;float:left;margin: 10px 0;}
.Module h2 {padding:5px 0;}
.Module title {padding:5px 0;}
.ModuleHTML img {width:100%}

/* My Account */
.tabs {height:50px;}
.acc_orders .tablebox {font-size:80%;}
td.vo {display:none;}

/* Footer */
.fnb {width:30%;margin: 10px;}
.fnb li a {display:inline-block;width:100%;padding:2px 0;}
.fnb li a:hover {}

/* redefined */
br.clear {height:0px;}
/* iframe container */
.intrinsic-container {min-height:400px;}
a.button.printbtn, input.button.printbtn {display:none;}

}

@media only screen
and (min-device-width : 871px)
and (max-device-width : 1024px)
and (orientation : landscape) {
#content_centre {float:left;width: 58%;}
#content_right {float:left;}

#content_centre {float:left;width: 58%;}
#content_right {float:left;}
/* If only left column is visible */
#content_twocoll {float:left;width: 78%;}
/* if only right column is visible */
#content_twocolr {float:none;width: 78%;margin: 0 5px;}
#content_threecol {float:none;width: 100%;}
a.button.printbtn, input.button.printbtn {display:none;}
}

/* End Conditional CSS */
/* **************************************************************** */