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

/* iphone and Mobile */
@media only screen and (min-width: 100px) and (max-width: 767px) {
.container {width:100%;}
.nomob {display:none !important;}
h1.bigheading {font-size:200%;}
/* Header */
.wide-head-top {display:none;}
.strapline {display:none;}
.head_links {display:none;}
.cust-addr {background:#5B80C3; }
#header {width:100%;height:auto;}
#head_left {display:none;}
#head_center {float:none;width:300px;height:80px;margin:15px auto 0 auto;text-align:center;}
.logo {text-align: center; margin:0 auto; padding:0;}
.logo img{ }
#head_right {
position: absolute;
top: 10px;
width: 50%;
padding: 1px 0 0 0;
height: auto;
margin: 0 auto;
left: 25%;}

.welcome {text-align:center;color:#FFF;margin:20px 0 0 0;}
.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-search .searchbox .txt_search {width: 70px;}
.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 {}

/* ********* Narrow Head ************* */
.narrow-head-top {display:block;}
.narrow-head-top .col {width:24%;}
.narrow-head-top .col img {padding: 5px 0px;}
.narrow-head-top .col.logo {width:50%;margin:0 auto;}
.narrow-head-top .col.logo img {height: 31px; width:auto;}
.narrow-head-top .searchbox {display:none;min-height:30px;}
.narrow-head-top .searchbox form {margin: 0;padding: 0;}
.narrow-head-top .searchbox .txt_search{font-size:11pt;width:76%;padding:3px;float:left;}
.narrow-head-top .searchbox .btn_search{font-size:11pt;width:20%;padding:3px;float:right;}

/* Social networking */
.mob-social-networking {float:none;}
.mob-social-networking ul {margin:0;padding:0;}
.mob-social-networking ul li {list-style:none;text-align:left;padding: 10px;float:left;}
.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;}

/* Search box */
.tnsub .searchbox {float:none;}
.tnsub .searchbox .box-div {display:none;}
#srchrefbox {display:none;}

/* Nav */
#topnavrow {width:100%;position:absolute;top:0;}
#topnavbar {display:none;position:absolute;}
ul.topnav {display:none;}
ul.topnav {width:auto;min-height:25px;overflow:auto;padding:10px 0 15px 0;border-bottom: solid 1px #CCCCCC;}
ul.topnav li {height:30px;float:none;}
ul.topnav li a {margin: 0 1px 0 0;padding: 5px 12px 5px 12px;font-size:110%;}
ul.topnav li.m-home {display:none;visibility:hidden;}
ul.topnav li.m-home a{width:20px;height:16px;text-indent:-2999px;padding-left: 5px;}
ul.topnav li.m-home a:after {left:8px;}
ul.topnav li.m-home a:hover:after {left:8px;}
.tnsub {width:90%;}
.tnsub .col {width:50%;}

.dnsub {
  position: absolute;
  top: 0px;
  z-index: 9999;
  background: #EEEEEE;
  padding: 0;
  float: none;
  width: 100%;
  text-align:left;
  border: 1px solid #FFF;
  border-top: none;
  box-sizing: border-box;
  -moz-box-shadow: 0px 15px 25px rgba(50,50,50,0.5);
  -webkit-box-shadow: 0px 15px 25px rgba(50,50,50,0.5);
  box-shadow: 0px 15px 25px rgba(50,50,50,0.5);
}

.dnsub ul {padding:10px 20px;}
.dnsub ul li {height:30px;float:none;}
.dnsub ul li, .dnsub ul li a {float:none;background:none;height:auto;padding:3px 0; text-align:center;}
.dnsub ul li:hover, .dnsub ul li a:hover {background:none;}
.cls-nav-pnl {width:100%;text-align:center;background: #D9D9D9; border-top: solid 1px #FFFFFF;}
.cls-nav-pnl img {height:12px;margin: 6px auto;}
.cls-nav {}

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

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

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

/* Content */
#content {float:none;width:95%;margin:0;padding:5px 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%;}

/* CONTENT BLOCKS */
.content-blocks {width:100%;overflow:auto;}
.content-block.four {width:50%;margin:0 0 20px 0;}
.content-block.two {width:100%;margin:0 0 20px 0;}
.column.quarter.fleft {float:none;width:100%;overflow:auto;margin:0 0 20px 0;}
.column.threequarter.fright {float:none;width:100%;}
.pg-default .module-master .column.third, .pg-default .module-master .column.twothirds { width: 98%; }
.module.block-row {height:auto;max-height:515px;}
.pg-default .module-html.special-offers {height:auto; padding:10px 0;}
.offer.offer-sixth {width:50%;margin:0 0 5px 0;}
.offer.offer-sixth .offer-content {margin:0 auto;padding:0;}
.module-master .column.full .module {width:96%;}
.fnb {width: 98%;}
.offer.offer-third {width:100%;float:left;}

/* Pages */
.sublist {display:none;}
#catlist {}
.biog-img {width:50%;float:left;}
.biog-form {width:50%; float:right;}
.biog-form a {width:80%;}
/* Cat list */
.clist.biog-clist ul li {width:21%;height:150px;}
.clist ul li .title {font-size:11px;}
#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%;}

/* Products */

#catlist .prodListItem {float:left; width:95%; height:auto;background:#FFF;border:solid 1px #CCCCCC;padding:10px;margin:2px;}
#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; height:auto;max-height:160px;}
#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;}

.tab-showdetails {display:block;}

.productdetail {margin:5px 0 0 0; width:100%;}
.productdetail .column.quarter {display:none;width:98%;}
.productdetail .column.threequarter {width:100%;}
#mainimage-resp {width:80px;height:80px;float:left; margin: 0 20px 20px 0;}
.mainphoto {display:none;}

.productimg {float:none;width:250px;margin:0  0 20px 0;}
.productimg img{/*border:1px solid #CCCCCC; */}
.productdetail .prodInfo {float:none;width:auto;}

.tabbed {width: 95% !important;}
.myaccount.tabbed {width: 95% !important;}
.tab-dnl {padding:3px 5px;}
.acc_downloads p.trackname {margin: 0;}
/* 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;}
.fm_box.log {margin:0px;}

/* 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 */
.homepanels {width:100%; background:#EFEFEF;padding:20px 5px;}
.homepanel {}
.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 auto;}
.Module h2 {padding:5px 0;}
.Module title {padding:5px 0;}

/* My Account */
.tablebox td {font-size:9pt;}
.tabs {height:50px;}
.acc_orders .tablebox {font-size:80%;}
td.vo {display:none;}
.acc_addressdetails .label {float:none; font-weight:normal;width: 100%; margin:5px 0 0 0;}
/* Footer */
.fnb {width:25%;margin: 10px;}
.fnb li a {width:100%;padding:5px;}
.fnb li a:hover {}

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

/* iframe container */
.intrinsic-container {min-height:300px;}

.toggleup { width:40px; height:18px; background-size: 40px 18px;}
.searchbox.refine .refine-item {display: block;}
.searchbox.refine .refine-item span.title { width: 60px; display: inline-block;}
.searchbox.refine .btn_search { padding: 0 5px; margin: 4px;}
.print-button {display:none; visibility:hidden;}
.special-offer-text {width:90%;position:relative;}
.my-search-form {float:none;text-align:left;}

.dyn-srch-list { column-count:1; column-gap:0px;}

.link-buttons a.button { width: 90%;margin: 5px;min-height: 30px;text-align: center;}
.link-buttons { margin:0;}

.gvoucher {width: 100%; float: none; }
}

/* **************************************************************** */
/* iphone landscape */
@media only screen and (min-width: 323px) and (max-width: 480px) {
.nomob {display:none !important;}
/* Home page */
.cust-addr {background:#5B80C3; }
.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:29px;margin: 20px 0 0 0;}
a.tab {font-size:75%;}
.tab {padding:3px 8px 5px 8px;height:20px;}
.tab.active {height:22px;}
.tab span.nm {display:none;} 

.acc_orders .tablebox {font-size:80%;}
td.vo {display:;}

/* Footer */
.fnb {width:98%;margin: 0;}
/* iframe container */
.intrinsic-container {min-height:200px;}

}

/* **************************************************************** */
/* small tablets */
@media only screen and (min-width: 481px) and (max-width: 600px) {
.nomob {display:none !important;}
.cust-addr {background:#5B80C3; }
/* Home page */
.homepanels {width:100%; background:#EFEFEF;padding:20px 0;}
.homepanel {width:30%;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;}

/* My Account */
.tabs {height:26px;}
a.tab {font-size:95%;}
.tab {padding:3px 8px 5px 8px;height:17px;}
.tab.active {height:18px;}
.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;}
}


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

/* Header */
.cust-addr {background:#C3C3C3;}
#header {width:100%;height:120px;}
#head_left {display:block;height:100px;width:20%;}
#head_left img {height:100px;}
#head_center {float:left;width:55%;height:100px;margin:0 auto;text-align:center;}
.logo {}
.logo img{}
#head_right {height:100px;width:20%;}
.strapline img{width:180px;}
.head-search .searchbox .txt_search {width: 70px;}
.welcome {position: absolute;text-align: center;padding: 0;margin:0;width: 100%;top: 98px;
}
.welcome .rep-name {display:block;margin: 0;}
.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;}
.topnavrow {width:100%;position:absolute;top:0;}
.topnavbar {width:100%;height:50px;}
ul.topnav li a {}
ul.topnav li.m-home {display:none;visibility:hidden;}
ul.topnav li.m-home a{}
ul.topnav li.m-home a:after {}
ul.topnav li.m-home a:hover:after {}

ul.topnav li.m-archiveservice {display:none;visibility:hidden;}
ul.topnav li.m-downloader {display:none;visibility:hidden;}
ul.topnav li.m-licensing {display:none;visibility:hidden;}

.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:0 0 5px 0;}
/* Global */
.global_left {}
.global_right {}
#globalfooter {float:none;width: 100%;}
.global_footer {}

/* Content */
#content {width:100%;float:none;margin:0;padding-left:0px;}
#popup_content {width: 90%;}
#content_centre {float:left;width: 70%;}
#content_right {width:25%;float:right;}
/* 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%;}

.pg-default .module-master .column.third {width: 33%;}

/* Pages */
.sublist {display:none;}
.column.quarter {width:22%;}

/* BIOG */
.biog-img {width:100%;}
.biog-button {width:100%;}

/* Cat list */
.clist ul li {width:15.5%;margin:0.5%;}
.clist ul li .photo {width:99%;height:auto;}


#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%;}

/* 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:98%;margin:5px 0 0 10px;}
.productimg {}
.productimg img{}
.productdetail .prodInfo {}

.tabbed {width: 95%;}
.track-col.text { width: 200px;  padding: 8px 0 0 0; margin: 0 2px 0 0;}
.track-col.text-short { width: 200px; margin: 0 2px 0 0; }
.button {font-size: 120%;}

/* Footer */
#footer {width:100%;}
#copyright {width:100%}

/*  ------------ FORM BOX  ------------ */
.fm_box {width:100%;}
.fm_box.log {margin:0px;}
.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 {}
.homepanel.last{margin-right:0px;}
.panel-image {height:130px;overflow:hidden;}
.homepanel img {}

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

/* My Account */
.tabs {}
.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;}
.special-offer-text {width:50%;}
.album-btn-list {box-sizing:border-box;margin-bottom:20px;}
}

@media only screen
and (min-device-width : 768px)
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%;}
/*.strapline {display:none;} */

.head-search .searchbox .txt_search {width: 70px;}
}

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