/* below 949 and ipad */
@media only screen and (max-width : 949px){

div.container, div.header, div.main {width:100%; overflow-x:hidden;}

.header-bar {display:block; width:100%; margin:0 auto -8px; padding:0; float:left; height:auto; position:relative; z-index:9999;}
.header-bar .logo-lt {float:left; margin:0; padding:0 0 0 2%; width:34%;}
.header-bar .phone-rt {float:right; margin:0; padding:0; width:64%;}
.header-bar img {width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none;}

.header .check-nav {display:block; width:100%; margin:0; padding:0; float:left; height: auto; position:relative; top:-7px;}
.header .check-nav ul { float: left;
    margin: 0;
    padding:10px 0;
    width: 100%; background:#e1e1e1;}
.header .check-nav ul li {background: url("../../../images/top-rt-icon.png") no-repeat scroll left 1px rgba(0, 0, 0, 0); list-style:none;
    color: #565656;
    float: left;
    font-size: 14px;
    font-weight: 600;
    height: 42px; line-height:18px;
    margin: 0;
    padding:0 0 0 60px;
    text-align: left;
    width: 25%;}
.header .check-nav ul li a {line-height:42px; text-decoration:none;}
	
.header .check-nav ul li:first-child {margin:0 0 0 20px;}	

div.main  {float:left; clear:both; display:block; box-shadow:none;}
div.mainmenuhorizontal {width:100%; float:left; height:auto; margin-bottom:10px;}
div.mainmenuhorizontal ul {width:100%; float:left; display:block; margin:0; padding:0;}
div.mainmenuhorizontal li {display:block; margin:0; padding:0;}
div.mainmenuhorizontal li a {display:inline-block; line-height:24px; text-decoration:none; padding:0 20px;}

#jqb_object {width:100% !important; margin:0; padding:0; display:block; height:auto;}
#jqb_object .jqb_slide {width:100% !important; margin:0; padding:0; display:block; height:auto !important;}
#jqb_object .jqb_slide img {width:auto; height:auto; max-width:100%; margin:0; padding:0;}

div.search {
float:left;
width:98%;
border-bottom:1px dotted #ccc;
padding:1%;}

div.search .brand-search {width:68%; float:left; display:block; margin:0; padding:0;}
div.search .brand-search select {padding:2px;}
div.search .searchform {width:30%; float:right; padding:0; margin:0;} 

div.leftcol {width:20%; float:left; margin:0; padding:1%;}
div.mainmenu {width:auto;}
a.mainmenublue {width:auto; display:block; padding:5px; margin:0;}
a.mainmenublue:hover {display:block; padding:5px; margin:0; text-decoration:none;}
a.mainmenublue strong {width:160px; display:block; margin-left:10px;}
div.leftcol img {
    height: auto;
    max-width: 100%;
    width: auto;}

div.rightcol {width:76%; margin:0; padding:1%;}
div.rightcol div.content {width:100%; display:block;}
div.content .home-banner {width:100%; display: block;}
div.content .home-banner img {width:auto; max-width:100%; height:auto;}

div.productlistings {width:100%; display:block; margin:0; padding:0;}
div.productlistings .pro-box {height:auto; min-height:300px; margin:0 1.5% 2% 0; padding:0 0 10px; width:32%; box-shadow:0 0 3px rgba(0, 0, 0, 0.2);}

div.productlistings .pro-box:nth-child(3n+0) {margin:0 0 2%;}

div.footer {width:100%;}
div.footer div.footlinks {width:100%; display:block; margin:0 auto; padding:0; height:auto;}
div.footer div.footlinks ul {width:100%; display:block; margin:0 auto; padding:0;}

div.footer div.finalthought {width:100%; display:block; text-align:center;}
div.footer div.finalthought div {margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;}
	
.msg-box .box-popup {margin:0 0 10px; width:130px;}

.description {height: 40px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;}

.pro-box .protitle img {max-width:100%; width:auto; height:auto;}


div.homelistings .home-box {
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    float: left;
    height: auto;
    margin: 2px 2px 10px;
    padding: 2px 2px 10px;
    text-align: center;
    width: 23.3%;}


}





@media only screen and (max-width : 800px){
.header .check-nav ul li { 
	font-size: 14px;
    font-weight: 600;
    height: 42px;
    line-height: 18px;
    list-style: outside none none;
    margin: 0 2% !important;
    padding: 0 0 0 60px;
    text-align: left;
    width: 38%; background:url("../../../images/top-rt-icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);}

div.homelistings .home-box { 
    height: auto;
    text-align: center;
    width:23%;
}
	

}


/* below 767 */
@media only screen and (max-width : 767px){
.header-bar {display:block; width:100%; margin:0 auto 8px; padding:0; float:left; height:auto; position:relative; z-index:9999;}
.header-bar .logo-lt {margin:0 auto; padding:0; width:100%; clear:both; text-align:center;}
.header-bar .phone-rt {margin:0 auto; padding:0; width:100%; clear:both; text-align:center;
background: #c8181a; /* Old browsers */
background: -moz-linear-gradient(top,  #c8181a 0%, #990505 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8181a), color-stop(100%,#990505)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c8181a 0%,#990505 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c8181a 0%,#990505 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c8181a 0%,#990505 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c8181a 0%,#990505 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8181a', endColorstr='#990505',GradientType=0 ); /* IE6-9 */
}

.home-box .protitle img {
    height: auto;
    max-width: 100%;
    width: auto;}

div.homelistings .home-box { 
    height: auto;
    text-align: center;
    width:31%; min-height:205px;}

div.leftcol {
    float: left;
    margin: 0;
    padding: 1%;
    width: 21%;}

div.rightcol {
    margin: 0;
    padding: 1%;
    width: 75%;}	
	

div.footer div.footlinks ul li {
    float: left;
    margin: 0;
    padding: 0 10px;
    text-align: center;}	

div.footer div.footlinks a {width:auto; height:auto; line-height:20px;}	

.brands > a {
    display: block;
    float: left;
    height: auto;
    margin:0 0 10px;
    min-height: 60px;
    padding: 0;
    width: 20%;}

.msg-box .box-uppar {background:#c1ecff;
    border-radius: 4px;
    padding: 10px 4px; height:auto; min-height:80px;}	

.msg-box .box-popup {
    margin: 0 0 10px;
    padding: 2px;
    width: 124px;}	

div.search .brand-search {width:62%;}
div.search .searchform {width:38%;}
div.search .searchform input[type="text"] {width:auto; display:inline;}
.selector select {
    display: block;
    margin: 0;
    width:auto;
}

}


/* below 640 */
@media only screen and (max-width : 640px){

div.leftcol {width:100%; clear:both; text-align:center; display:block; margin:0; padding:0;}
div.rightcol {width:100%; clear:both; text-align:center; display:block; margin:0; padding:0;}

div.leftcol .msg-box {width:100%; display:block;}
div.leftcol .viewcart {display:block; margin:0; padding:0;}
div.leftcol .celebrate {display:block; margin:0; padding:0;}

.msg-box .box-uppar {text-align:left;}
.msg-box .box-popup {margin:0 10px 10px 0;}


div.homelistings .home-box {
    height: auto;
    min-height: 225px;}

}


/* below 600 */
@media only screen and (max-width : 600px){

div.mainmenuhorizontal ul {width:100%; float:left; display:block; margin:0; padding:10px 0;}
div.mainmenuhorizontal li {display: block;
    float: left;
    margin: 0;
    padding: 2px 0;}
	
div.mainmenuhorizontal li a {
    border-right: 1px solid #fff;
    display: inline-block;
    font-size: 13px;
    line-height: 100%;
    margin: 0;
    padding: 0 7px;}

div.mainmenuhorizontal li:last-child a {border-right:none;}	

div.footer div.footlinks ul li { 
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

div.footer div.footlinks a {
    background:#ededed;
    height: auto;
    line-height: 20px;
    margin-bottom: 1px;
    padding: 3px 0;
    width: auto;
}

div.footer div.footlinks a:hover {background:#f4f4f4;}
.brands > a {width:25%;}


div.search {border-bottom: 1px dotted #ccc;
    float: left;
    margin: 0 1%;
    padding: 0;
    width: 98%;}	

div.search .brand-search {
    clear: both;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;}	

div.search .brand-search h3 {
    color: #000;
    display: block;
    font-size: 14px;
    line-height: 28px;
    margin: 0;
    text-align: center;
    width: 100%;}	

.brand-search > form {
    display: block;
    text-align: center;
    width: 100%; margin:0 0 10px; padding:0;}	

.brand-search .selector {
    display: block;
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;}

.brand-search .selector select {
    display: inline;
    margin: 0;
    width: 300px;}	

div.search .searchform {float: left;
    margin:0 0 10px;
    padding:0;
    text-align: center;
    width: 100%;}	

div.searchform form {
    background-color: transparent;
    border: medium none;
    margin: 0;
    padding: 0; float:none;}	


a.mainmenublue {
    border-bottom: medium none;
    border-right: 1px solid #333;
    display: block;
    line-height: 100%;
    margin: 0 0 12px;
    padding: 0 7px;
    text-align: center;}

a.mainmenublue:hover {display: block;
    margin: 0 0 12px;
    padding: 0 7px;}	

a.mainmenublue strong {
    display: block;
    margin:0px;
    width: auto;}	


}


/* below 480 */
@media only screen and (max-width : 480px){
.header .check-nav ul li { 
	font-size: 14px;
    font-weight: 600;
    height: 42px;
    line-height: 18px;
    list-style: outside none none;
    margin: 0 2% !important;
    padding: 0 0 0 60px;
    text-align:left;
    width: 98%; background:url("../../../images/top-rt-icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);}	

div.productlistings .pro-box {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    height: auto;
    margin: 0 1% 2%;
    min-height: 300px;
    padding: 0 0 10px;
    width: 98%;}

div.homelistings .home-box {
    height: auto;
    margin: 0 auto 10px;
    padding: 5px 0 10px;
    text-align: center;
    width: 99%;}

.header .check-nav, div.leftcol .viewcart, div.leftcol .celebrate, #jqb_object {display:none;}	
div.content .home-banner {margin:10px auto 0;}


}


/* below 360 */
@media only screen and (max-width : 360px){
.content h2, p {text-align:left; margin:0 10px 10px;}
.brands > a {width: 33%;}
}





































/* added 20/04/2016 Eamonn Mulvihill */

form.product div.details div.text {
  background-color: #0B73CA;
}

div#backgroundPopup{
  z-index: 11000;
}
div#popupContact{
  z-index: 11001;
  w_idth: 500px;
  max-width: 100%;
  height: initial;
  box-sizing: border-box;
  margin-left:-13px;
  margin-top: -15px;
}
div#popupContact p#contactArea{
  margin:0;
  margin-bottom: -2.5em;
}
div#popupContact p#contactArea a{
  display: block;
  text-align: center;
  margin-bottom: 0.4em;
}
div#popupContact img{
  max-width: 100%;
}


/* below 949 and ipad */
@media only screen and (max-width : 949px){


div.content form.product{
  width: 100%;
  box-sizing: border-box;
}

div.content div.title,
div.content div.title h2,
div.content div.title h3,
div.productdesc h2{
  width: 100%;
}

div.title #productimage{
  max-width: 95%;
  margin-left: -10px;
}

form.product div.productdesc{
    width: 300px;
}

} /*(max-width : 949px)*/



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


form.product div.productdesc,
form.product div.productdesc p{
  width: 99%;
}
form.product div.details {
    width: 100%;
}
form.product div.details div.text {
  float: none;
  display: block;
  margin: 0 auto;
}
input.buttontrolley {
  float: none;
  margin: 0 auto;
}

} /*(max-width : 800px)*/



/* cart page */
@media only screen and (max-width : 949px){


form.shoppingcart{
  float: none;
  width: 100%;
  display: table;
  border-collapse: collapse;
  text-align: left;
  box-sizing: border-box;
}

form.shoppingcart>div{
  float:none !important;
}

form.shoppingcart div.carthead,
form.shoppingcart div.cartitem,
form.shoppingcart div.cartfoot,
form.shoppingcart div.cartbuttons{
  float:none;
  display: table-row;
  width: 100%;
}
form.shoppingcart div.cartfoot{
  border-bottom: none;
}

form.shoppingcart div.carthead div.shoppingcartremove,
form.shoppingcart div.carthead div.shoppingcartproduct,
form.shoppingcart div.carthead div.shoppingcartqty,
form.shoppingcart div.carthead div.shoppingcartprice,
form.shoppingcart div.cartitem div.shoppingcartremove,
form.shoppingcart div.cartitem div.shoppingcartproduct,
form.shoppingcart div.cartitem div.shoppingcartqty,
form.shoppingcart div.cartitem div.shoppingcartprice,
form.shoppingcart div.cartfoot div.shoppingcartremove,
form.shoppingcart div.cartfoot div.shoppingcartproduct,
form.shoppingcart div.cartfoot div.shoppingcartqty,
form.shoppingcart div.cartfoot div.shoppingcartprice,
form.shoppingcart div.cartbuttons div.shoppingcartremove,
form.shoppingcart div.cartbuttons div.shoppingcartproduct,
form.shoppingcart div.cartbuttons div.shoppingcartqty,
form.shoppingcart div.cartbuttons div.shoppingcartprice{
  float: none;
  display: table-cell;
  width: initial;
  padding: 12px 0;  
}
form.shoppingcart div.carthead div.shoppingcartprice,
form.shoppingcart div.cartitem div.shoppingcartprice,
form.shoppingcart div.cartfoot div.shoppingcartprice,
form.shoppingcart div.cartbuttons div.shoppingcartprice{
  padding: 0 4px;
}
form.shoppingcart div.cartitem div.shoppingcartprice{
  white-space: nowrap;
}
form.shoppingcart div.cartitem div.shoppingcartproduct ul{
  display: table-cell;
  float: none;
  list-style-type: none;
}

form.shoppingcart div#cart-updatecheckout{
  width: initial !important;
  float: none !important;
}



} /* media */