@charset "utf-8";
/* CSS Document */

html, body {
	background-color:#f4f4f4;
	font-family:"Helvetica", Arial, Helvetica, sans-serif;
  font-size:13px;
	color:#222;
	min-width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-y: auto;
  *position: relative;
  -webkit-overflow-scrolling: touch;
  background: #fff url("../images/opdealer/opdealer-bg-0002.jpg") no-repeat scroll center top;
}

body {
overflow-x: hidden;
*position: relative;

}

textarea,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     font-family:"Helvetica", Arial, Helvetica, sans-serif;
}

input[type="text"], input[type="password"], select{
  border: 1px solid #ccc;
  border-radius: 5px;
  }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}  
  
/* testing */
input[type="image"]{
  -webkit-appearance: none;
  border: none!important;
  outline: none!important;
}
  

  
  
#container{
  margin: 0 auto;
  width: 75%;
}


.menutop{
	background-image:url('/images/opDealer/menu-red.jpg');
	background-repeat:no-repeat;
	height:23px;
	padding-bottom:1px;
	padding-left:5px;
	padding-top:1px;
	color:white;
  font-weight:700;
}
.menusection{
	background-repeat:no-repeat;
	height:23px;
	padding-bottom:1px;
	padding-left:5px;
	padding-top:1px;
  height: auto;
  border-top: 3px solid #EEEEEE;
	 
}
.menuitem {
	background-repeat:no-repeat;
	height:23px;
	padding-bottom:1px;
	padding-left:5px;
	padding-top:1px;
	color:#808080

}
.menusection:active {
	color:white
}
a {	
	text-decoration:none;color:#BC171D
	
}
a:link img {
	border: none
}


a:hover{

	text-decoration:underline	
}

.showcasetitle {
	font-size:18px;
	padding-right:80px;
	color:black;
	margin-left:200px;
	margin-bottom:10px;
	min-height:60px
}
.showcasedesc {
	font-size:13px;
	margin-left:200px;
	color:#808080;
	min-height:60px
}


.smallshowcases {
	
}
 
.pagerepeat {
	background-image:url('/images/opDealer/pagerepeat.jpg');
	background-repeat:repeat-y;
}
#header {
	padding-left:8px;
	padding-bottom:40px;
	padding-right:8px
	
}
.left {
	float:left;
	margin-left:8px;
	padding-right:15px;
	

}
.middle {
	
	width:662px;
	float:left;
	overflow:hidden

}
.right {
	float:right;
	padding-right:8px;
}
#footer {
	font-size:11px;text-align:center
}


input {
	 font-size:12px;font-family:"Arial";
}

select {
	 font-size:12px;font-family:"Arial";border-color:#cccccc
}
img {
	border:0
}
img:link {
	border-style:none;border-width:0px
}


.checkout {
	text-align:right;color:black;font-size:16px;font-weight:700;padding-right:2px;padding-top:3px
}
.basketitems {
	text-align:right;margin-top:-3px;color:black;font-size:12px;padding-right:2px
}

.pageselected {
	background-color:#BC171D
}

.pagenotselected {
 background-color:#666666
}
.productlisting {
	font-size:12px;
	width:662px

}
.sectiontitle {
	color:#BC171D;
}	
.sectioncounter {
	color:gray
}
.titles {
	font-size:18px
}
.clearfloat {
	clear: both;
}
.tableheader {

	width:662px;
	background-color:#888888;
	color:white;
	padding-bottom:5px;
	min-height:20px
	
}

/* colour dark/light is used for the page numbering */

.Colour_Dark {

	Background-color:#BC171D

}

.Colour_Light {

	Background-color:#5F5F5F

}
.errortext {
	
	color:red
	
}

.thumbnailframe {
    height: 65px;      /* equals max image height */
    width: 65px;
    white-space: nowrap;    
    text-align: center;
}



.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


/* new styles added: 05-2015 */

.clear{
  clear: both;
}

.pagerepeat{
  background-image: none!important;
}

/* change main container to be fluid */
/* -webkit-overflow-scrolling: touch; - enables smooth scrolling on iOS devices */
#container {
    background: none #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-image: none!important;
    -webkit-overflow-scrolling: touch;
}


#checkout img{
  max-width: 100%;
  width: 125px;
}

.loginFlip img{
  max-width: 100%;
}

.footer{
  background: #444444;
  padding: 20px 0px;
  text-align: left; 
  margin-top: 40px; 
  margin-left: 0px; 
  height: 140px;
  color: #fff;
}

.footer a{
  color: #fff;
}

.menu li {
    background: #444 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: auto;
    padding: 12px 10px 10px;
    zoom: 1;
    letter-spacing: 0.5px;
	border-right: 2px solid #fff;
    *display: inline;
    *width: 135px;
    *margin-left: 5px;
    *margin-right: 5px;
    *height: 21px;
}
    
.menu li:last-child{
  zoom: 1;
  *display: inline;  
  border-right: none;
}    

.menu li:last-child a{
  color: #FFF;
}
    
.menu li a{
  color: #fff;
  text-decoration: none!important;
  width: 100%;
  display: block;
  font-size: 14px;
  zoom: 1;
  *display: inline;  
}    

.menu li:hover{
  background: #C7212D;
  zoom: 1;
  *display: inline;  
}
    
.menu li a:hover{
  color: #fff;
  text-decoration: none!important;
  display: block;
  zoom: 1;
  *display: inline;  
}    

.menusection li img {
     display: block;
     margin: -66px auto 0px auto;
}

    
.menusection{
  border-top: 3px solid #e4e4e4;
  margin: 10px auto 0px auto;
  padding: 35px 0 10px;
  text-align: center;
  width: 100%;
  font-family: 'Roboto Condensed', sans-serif;
}    



/* target clearance deals LI item */
li[id='Clearance Deals']{
  background: #C41521!important;
  border: 2px solid #FFF000!important;
  color: #c41521!important;
  height: 14px;
}




#header{
  background: #fff;
  background-image: none!important;
  padding: 0px 0px 0px 0px;
}

.loginFlip{
  width:17%; 
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  text-align:right;
  margin-bottom:10px;
}

.logo{
  float:left;
  width:20%;
}

.searchContainer{
  display: block;
  margin: 0 auto;
  width: 30%;
}

.searchBtn {
	float: left;
	margin-top: 14px;
	margin-left: 0px;
	display: inline-block;
	background: #5b5b5b;
	width: 20%;
	height: 44px;
	border: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.searchBox {
	color: #666666;
	width: 70%;
	height: 20px;
	padding: 11px 10px;
	margin-top: 14px;
	float: left;
	-webkit-appearance: none;
	border-radius: 0;
	font-family: "Helvetica", Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
}

.homeStaticBanner{
  width: 71%; 
  padding: 0px;
}

.homeStaticContainer{
  width: 99%; 
  margin: 0 auto 10px auto;
  display: inline-block;
} 

.homeScrollerContainer{
  width: 100%; 
  margin: 0 auto 10px auto; 
  display: inline-block; 
  margin: 10px auto; 
  text-align: center;

}

.homeScrollerContainer img{
  border: 1px solid #e4e4e4;
}

.qty {
  width:35px; 
  text-align:center; 
  font-size:14px; 
  height:20px; 
  margin-right:5px; 
  padding: 5px;
}


.btn{
  margin-left:0px; 
  display: inline-block; 
  background: #C41521; 
  border: none; 
  color: #fff; 
  font-weight: bold;
  padding: 5px 10px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 5px;
}

.btn:hover{
  text-decoration: none;
}




.buyBtn{
  margin-left:0px; 
  display: inline-block; 
  background: #C41521; 
  width: 55%; 
  height: 11px; 
  border: none; 
  color: #fff; 
  font-weight: bold;
  padding: 10px;
  font-size: 12px;
  cursor: pointer;
  vertical-align: top;
  border-radius: 5px;
}

.buyBtn:hover{
  text-decoration: none;
}

.buyBtn img{
  display: inline; 
  position: relative; 
  margin-top: -20px; 
  float: right;
}

.buyBtnLrg {
    background: url(../images/opdealer/icon-add-to-basket-lrg.png) no-repeat scroll right top;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 14px;
    margin-left: 3px;
    margin-top: -2px;
    padding: 15px 11px 32px;
    text-align: left;
    width: 47%;
    border-radius: 5px;
    *display: inline;
    *zoom: 1;
    *height: 48px;
    *margin-top: 5px;
    *text-align: left;
}

.buyBtnLrg:hover{
  text-decoration: none;
}

.buyBtnLrg img{
  display: inline; 
  position: relative; 
  margin-top: -20px; 
  float: right;
}


.favBtn{
  margin-left:0px; 
  display: inline-block; 
  background: #FAC408; 
  width: 100%; 
  height: 12px; 
  border: none; 
  color: #2b2b2b; 
  font-weight: bold;
  padding: 5px;
  font-size: 12px;
  border-radius: 4px;
  border-radius: 5px;
}

.favBtn:hover{
  text-decoration: none;
}

.favBtn img{
  display: inline; 
  position: relative; 
  margin-top: -6px; 
  float: left;
  margin-right: 5px;
  *position: static;
  *margin-top: -21px;
}


#showcases, .greySeparator{
  border-top: 12px solid #444444;
  border-bottom: 12px solid #444444; 
  width: 100%; 
  margin: 10px auto;
  text-align: center;
  background: #f4f4f4;
}

.showcaseItem{
  width:15%;
  padding: 5px; 
  margin: 10px; 
  text-align: center;
  display: inline-block;
  border: 1px solid #e4e4e4;
  background: #fff;
  min-height: 285px;
  vertical-align: top;
  *height: 345x;
  *display: inline;
  *zoom: 1;
}

.full{
  width: 100%; clear: both; margin: 5px auto;
}

.fifty{
  width: 48%;
}

.repeatingcontainer{
  margin: 6px;
  padding: 3px;
  width: 19%;
  display: inline-block;
  min-height: 200px;
  text-align: center;
  border: 1px solid #e4e4e4!important;
  border-radius: 5px;
  *display: inline;
  *zoom: 1;  
}

.repeatingcontainer a{
  text-align: center;
}

.repeatingcontainer img{
  border: 1px solid #e4e4e4;
  min-height:80px;
  width:80px;
  padding: 5px;
  text-align: center;
  *width: 57px;
} 

.desc{
  color: #808080;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}

.desc a{
  color: #2b2b2b;
}

.repeatingcontainer .desc{
  height: 59px;
}

.repeatingcontainer #buy{
  font-size:18px!important;
}


.latest{
  color: #fff;
  padding: 10px;
  font-size: 14px;
  background: #C7212D;
  text-align: center;
  border-radius: 5px;
}

.footerMenu ul{
  display: inline-block;
}

.footerMenu li{
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px solid #ccc;
  *display: inline;
  *zoom: 1;
}

.footerMenu li:last-child{
  border: none;
  padding-right: 0px;
}

.ProdImageContainer{
  width: 28%;
  margin-right:5px;
  margin-left: 5px;
  float:left; 
  margin-top:20px;
  text-align:center;
  *display: inline;
  *zoom: 1; 
}

.ProdImageContainer img{
  max-height: auto;
}

.ProdDetailContainer{
  width: 36%;
  float: left;
  margin: 10px;
}

.ProdDetailContainer h2{
  font-size: 17px;
  margin-top: 5px;
  color: #2b2b2b;
}


.ProdPriceContainer{
  width: 30%;
  float: right;
  margin: 10px;
  background: #EDECEC;
  border-radius: 14px;
  padding: 10px 0;
  border: 1px solid #999;
}

.prodDetailSubTitle{
	width:100px;
  font-weight:bold;
  display: inline-block;
  margin-bottom: 5px;
}

.prodDetailSubInfo{
  width: 95px;
  display: inline-block;
}

.prodSpecTitle{
  margin: 10px auto 5px auto; 
  font-size: 14px; 
  color: #605d5d;
  display: block;
  font-weight: bold;
}

.prodSpecification{
  font-size: 11px;
  margin-top: 16px;
}

.specContainer{
  width:100%;
  float:left;
  padding:5px;
  line-height: 17px;
  font-size: 12px;
}

.specContainerTitle{
  display: inline-block;
  font-weight: bold;
  width: 49%;
  margin-bottom: 3px;
}

.specContainerSubInfo{
  display: inline-block;
  width: 48%;
  float: right;
  margin-right: 5px;
}

.breadcrumb{
  background: #EDECEC; 
  width: 99%; 
  margin: 0 auto 10px auto;
  border-bottom: 2px solid #999;
}

.breadcrumb ul{
  display: inline-block;
  width: 100%;
  margin-left: -22px;
  *margin-left: 10px;
  *margin-top: 15px;
}

.breadcrumb li{
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.breadcrumb li:last-child{
  padding-right: 0px;
}


.breadcrumb li a{
  color: #2b2b2b;
}

.prodDescription{
  float: left;
  width: 65%; 
  margin-top: 0px;
  min-height: 300px;
}

.prodDescription h2{
  margin-left: 5px;
  font-size: 15px;
  padding: 10px;
  padding-left: 6px;
  display: block;
  background: #EDECEC;
  border-bottom: 2px solid #999;
}

.icon{
  vertical-align: middle;
  margin-right: 10px;
  height: 30px;
}

.prodDescription h3{
  margin-left: 25px;
  font-size: 14px;
  margin-bottom: -23px;
}
.prodDescription p{ 
  margin: 25px;
}

.alternateProducts{
  float: right;
  width: 33%;
  margin-right: 5px;
  clear: right;
}

.alternateProducts h2{
  background: none repeat scroll 0 0 #EDECEC;
  display: block;
  font-size: 15px;
  margin-right: 5px;
  padding: 10px 10px 10px 6px;
  text-align: center;
}

.productGridImage{
  width: 30%;
  float:left;
}

.relatedProdDetails{
  float:right;
  width:67%;
  margin-right:5px;
  text-align: right;
  clear: right;
}

.relatedProdDetails #productgridtitle3{
  color: #222;
  margin-right: 10px;
  font-weight: bold;
}

#title a{
  color: #222;
  margin-right: 10px;
}

.relatedProductWrap{
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  margin-bottom: 13px;
  padding-bottom: 10px;
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.relatedProductWrap > .productGridImage{
  max-width: 100%!important;
  min-height: 106px!important;
  margin-top: 10px!important;
}

.relatedProdDetails > #productgridtitle3{
  width: 100%!important;
  display: block!important;
  text-align: center!important;
}



.relatedProductWrap > *{
  width: 100%!important;
  display: block!important;
  text-align: center!important;
  float: none!important;
}

#code{
  float: right!important;
  font-weight: bold;
  background: #f4f4f4;
  border-radius: 5px;
  padding: 3px 5px;
}

.relatedProdDetails  #code{
  width: 70%!important;
  margin: 5px auto!important;
  display: block!important;
  text-align: center!important;
  float: none!important;
}


.relatedProdDetails #title{
  display: block;
  min-height: 42px;
}

#productgridtitle3{
  color: #C41521;
  font-weight: bold;
  text-align: right;
  float: right;
}

.arrowHighlight{
  color: #C41521;
  font-size: 15px;
  margin-right: 5px;
  display: inline-block;
  font-weight: bold;
  margin-top: -5px;
}

.priceHighlight{
  font-size: 20px;
  font-weight: bold;
  color: #C41521;
  padding: 0px;
  margin: 5px auto 0px auto;
  display: block;
}

.priceHighlightValue{
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  background: #C41521;
  padding: 12px 0px;
  margin: 5px auto!important;
  display: block;
  width: 95%;
  border-radius: 8px;
}

#checkouttop{
  background-position: right top;
  background-image: url(../images/opdealer/checkouttop.png)!important;
}

.blockHighlight{
  background: #eeeeee; 
  padding: 3px 5px; 
  color: #2b2b2b; 
  font-weight: bold; 
  border-radius: 5px;
}

.brandContainer{
  width: 98%; 
  margin: 10px auto; 
  padding: 10px 0px;
  text-align: center;
}

.brandContainer h3{
  display: block;
  background: #EEEEEE;
  padding: 10px 3px;
  color: #2b2b2b;
  text-align: left;
  padding-left: 10px;
  
}

.brand{
  width: 10%; 
  height: 101px; 
  border: 1px solid #ccc; 
  border-radius: 5px; 
  text-align: center; 
  font-weight: bold; 
  vertical-align: center;
  display: inline-block;
  margin: 5px 10px;
  text-align: center;
}

.brand p{
  vertical-align: middle;
  margin-top: 0px;
}

.brand a{
  display: inline-block;
  width: 100%;
}

.red{
  color: #C41521;
}

.blue{
  background: #143D6B;
}

.loginBoxContainer{
  background: url('/images/opdealer/loginbox.jpg') no-repeat right bottom;
  min-height: 205px;
  border: 1px solid #e4e4e4;
}

.loginBox{
  margin-top:15px;
  margin-left:30px
}
.loginBox h3{
  display: block;
  padding: 5px 10px;
  background: #C41521;
  color: #fff;
  margin-left: -30px;
  margin-top: -16px;
}

input{
  padding: 5px 8px;
}

.MissingFields{
  float:left;
  width:100%!important; 
  text-align: center; 
  padding: 10px 0px;
  color: #C41521!important;
  font-weight: bold;
  margin: 10px 0px -10px 0px;
  padding: 10px 0px;
  background: #f4f4f4;
}

.BadField1{
  font-size: 16px;
}

.MissingFields0, .MissingFields1, .MissingFields2, .MissingFields3{
  text-align: center;
  margin: 0px auto;
  padding: 5px 0px;
  background: #f4f4f4;
}

.messageboard{
  padding: 10px;
  border: 2px dotted #ff0000;
  color: 2b2b2b; 
  background-color:#f4f4f4;
  margin: 10px 0px;
}

.footerMemberSection{
  display: inline-block; 
  width: 10%; 
  margin: 1%; 
  height: 105px;  
  text-align: center;
  vertical-align: top;
  font-size: 13px;
  font-weigt: bold;
  *display: inline;
  *zoom: 1;
}

.sectionlinks{
  width: 22%; 
  min-height:50px;
  text-align:center;
  vertical-align:top;
  display: inline-block;
  margin: 10px;
  *display: inline;
  *zoom: 1;
}

.sectionlinks a{
  font-size: 17px;
  font-weight: bold;
  font-family: 'Roboto Condensed', sans-serif;
}


.divider{
  border-bottom: 1px dotted #e4e4e4;
  width: 90%;
  margin: 10px auto;
  padding-top: 10px;
}

.tableheader{
  background: #E0DBDB;
  padding: 10px 0px;
  width: 100%;
  color: #2b2b2b;
  font-weight: bold;
}

.favAdd{
  background-image: url(../images/opdealer/icon-add-to-favourites.png);
  background-position: left 5px top 4px;
  background-repeat: no-repeat;
}

.favRemove{
  background-image: url(../images/opdealer/icon-remove-from-fav.png)!important;
  background-position: left 5px top 4px!important;
  background-repeat: no-repeat!important;
}


.grey{
  background: #EEEEEE;
}

.darkGrey{
  background: #777;
  color: #fff;
}

.darkGrey a{
  color: #fff;
  text-decoration: none;
}

.darkGrey a:hover{
  color: #fff;
  text-decoration: none;
}

.darkGreyTitle{
  color: #2b2b2b;
}

.chkOutCircleContainer{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.chkOutCircleRed, .chkOutCircleGrey{
  background: #c41521;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  margin-right: 5px;
  text-align: center;
  width: 40px;
  font-size: 26px;
  margin-bottom: 15px;
}

.chkOutCircleRed{
  font-weight: bold;
}

.chkOutCircleGrey{
  background: #EEE!important;
  color: #c41521!important;
}

.addressbook{
  border: 1px solid #eee;
  line-height: 20px;
  padding: 10px 5px;
}

#Address1 a{
  color: #2b2b2b;
}


.BasketLines, .addressbook{
  padding: 10px 0px;
  border: none;
  border-bottom: 1px solid #e4e4e4;
}

.productlisting{
  width: 100%;
  padding: 3px;
  border-bottom: 1px solid #e4e4e4;
}

.productgridimage{
  float:left;
  width: 17%;
  margin-right:5px;
  text-align:center;
}

.productgridimage img{
  max-width: 87%;
}

.productgriddetails{
  float: left;
  margin-right: 2%;
  text-align: left;
  width: 33%;
}

.productgridbrand{
  float:left;
  width:10%;
  text-align:center
}

.productgridbrand img{
  margin-top: 10px;
  width: 60%;
}

.productgridqty{
  float:left;
  width:8%;
  font-size:12px;
  font-weight: bold;
  color: #fff;
  background: #28CE07;
  border-radius: 3px;
  padding: 5px 1px 4px 1px;
  display: block;
  text-align:center;
  margin-top: 10px;
}

.productgridprice{
  float:left;
  width:12%;
  font-size:18px;
  text-align:center;
  margin-top:10px;
  font-weight: bold;
  color: #C41521;
}

.productgridadd{
  float:left;
  width:11%;
  font-size:14px;
  text-align:center;
  padding-top:10px;
  text-align:center;
}

.paging{
  float:right;
  margin-bottom:10px;
  width: 100%;
  border-top: 1px solid #e4e4e4;
  padding: 10px 0px;
  text-align:right;
}

.advertFooter{
  display: inline-block;
  width: 30%;
  margin: 30px 5px 0;
  *display: inline;
  *zoom: 1;
}

.advertFooter img{
  width: 100%;
  *display: inline;
  *zoom: 1;
}

.signInSwitch{
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  box-shadow: 1px 1px 1px #999;
  color: #2b2b2b;
  display: block;
  font-size: 16px;
  font-weight: bold;  
  padding: 20px 0;
  width: 95%;
  margin: 20px auto;
}

.signInSwitch a{
  color: #444444;
  font-style: italic;
  text-shadow: 1px 1px 1px #fff;
}

.signInSwitch img{
  max-width: 100%; 
  vertical-align: middle; 
  margin-right:10px; 
  border: 0px;
}

.menuBtnResponsive{
  display: none;
  background: #C41521; 
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  float: right;
  margin: 2px;
  border: 0px;
  text-decoration: none;
}

.menuBtnResponsive img{
  width: 30px;
}

#Alternative3, 
#Alternative4, 
#Alternative5, 
#Alternative6, 
#Alternative7, 
#Alternative8, 
#Alternative9, 
#Alternative10,
#Alternative11, 
#Alternative12, 
#Alternative13, 
#Alternative14, 
#Alternative15, 
#Alternative16, 
#Alternative17, 
#Alternative18, 
#Alternative19, 
#Alternative20, 
#Alternative21,
#Alternative22,
#Alternative23,
#Alternative24,
#Alternative25,
#Alternative26,
#Alternative27,
#Alternative28,
#Alternative29,
#Alternative30{
  display: none;
}


#Cross-Sell3, 
#Cross-Sell4, 
#Cross-Sell5, 
#Cross-Sell6, 
#Cross-Sell7, 
#Cross-Sell8, 
#Cross-Sell9, 
#Cross-Sell10, 
#Cross-Sell11, 
#Cross-Sell12, 
#Cross-Sell13,
#Cross-Sell14,
#Cross-Sell15,
#Cross-Sell16,
#Cross-Sell17,
#Cross-Sell18,
#Cross-Sell19,
#Cross-Sell20,
#Cross-Sell21,
#Cross-Sell22,
#Cross-Sell23,
#Cross-Sell24,
#Cross-Sell25, 
#Cross-Sell26, 
#Cross-Sell27, 
#Cross-Sell28, 
#Cross-Sell20, 
#Cross-Sell29, 
#Cross-Sell30{
  display: none;
}


.prodSpecBtn{
  background: #C41521; 
  color: #fff; 
  padding: 5px 10px; 
  text-align: center; 
  font-weight: bold;
  border-radius: 5px;
}

.prodSpecBtn:hover{
  text-decoration: none;
}

.searchBoxDesktop{
  display: block;
}

.searchBoxTablet{
  display:  none;
}

/* Styles applied by Patrick*/

/* controls pagination */
#paging .Colour_Light, #paging .Colour_Dark { 
	border-radius: 5px!important;
	font-size: 11px!important;
	height: 17px!important;
	width: 17px!important;
	padding: 2px!important;
	vertical-align: middle;
	margin-left: 5px!important;
	margin-right: 5px!important;
}
#paging .Colour_Light{
	background:#edecec !important;
	color: #222!important;
}

#paging .btnPrev, #paging .btnNext {
   background: #666!important;
   width:auto!important;
   padding: 2px 10px!important;
   color: #fff!important;
}

/* Controls compare button */

#compare{
    margin-top: 20px; 
    border-radius:  5px; 
    width: 100px;
    background: #999; 
    color: #fff; 
    text-align: center; 
    font-size: 12px;
	border: none;
	vertical-align: middle;
	cursor: pointer;
}

#compare:hover{
	background: #bc171d;

}

/* End of styles applied by Patrick */


.homeAds{
  width: 28%; 
  display: inline-block; 
  padding-right: 0px;
}


.mobileShow{
  display: none!important;
}

.homeIntro{
  border-radius: 5px;
  font-size: 12px;
  margin-top: 15px;
  padding: 10px;
  width: 90%;
}

.joinUs{
  padding: 10px; 
  border: 1px solid #e4e4e4; 
  border-radius: 5px; 
  margin: 15px auto;
  font-size: 14px; 
  background: #C41521; 
  color: #fff; 
  text-align: center; 
  font-weight: bold;
  display: block;
} 

.prodInfoSheets{
  margin-left:10px; 
  width: 48%; 
  float: left;
}

.mobileCartExtras{
  display: none;
}


#sort_by{
  float: right!important;
}


#compare{
  float: left;
}

#paging{
  clear: both;
}


.searchIconMobile{
  display: inline-block;
  margin: 10px 5px;
}

.bx-wrapper img {
  width: 98%;
  margin: 0 auto;
}

.bx-wrapper{
  *position: relative!important;
}

.bx-pager{
  *position: relative!important;
}

.helpDocs{ margin: 0px 40px; }

.bxslider{ *position: absolute !important; *height: 500px !important;}

.bxslider img{
  *height: 100%!important;
  *width: 100%!important;
}

.bx-viewport{
  *height: 100%!important;
}

.bx-controls {
  *margin-top: -119px;
}


#QAOrderCode0{
  *display: inline!important;
  *zoom: 1!important;
  *margin-right: 5px;
}

#QAQty0{
  *display: inline!important;
  *zoom: 1!important;
  *margin-right: 5px;
}

#QABuy{
  *display: inline!important;
  *zoom: 1!important;
}

#POnumberReference0, #POnumberReference1{
  *clear: both!important;
  *zoom: 1!important;
  *float: none!important;
}

#AttribName{
  display: inline-block;
  font-weight: bold;
  width: 49%;
}

#AttribValue{
  display: inline-block;
  font-weight: bold;
  width: 48%;
  float: right;
  margin-right: 5px;
}


.dealPod{
  width: 47%;
  border: 1px solid #e4e4e4; 
  border-radius: 5px; 
  text-align: center; 
  padding: 10px 0px;
}

.dealPod img{
  max-width: 100%;
}


.spotlight{
  width: 98%;
  border-radius: 5px; 
  text-align: center; 
  padding: 10px 0px;
}

.spotlight img{
  max-width: 100%;
  border-radius: 5px;
}


/*TESTING MULTIIMAGE CSS */
.showcase-load {
    height: 470px;
    overflow: hidden;
}
.showcase-onepage {
}
.showcase {
    padding: 5px;
    position: relative;
}
.showcase-content-container {
    background-color: #FFFFFF;
}
.showcase-arrow-previous, .showcase-arrow-next {
    background: url("../images/arrows.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 33px;
    position: absolute;
    top: 220px;
    width: 33px;
}
.showcase-arrow-previous {
    left: -60px;
}
.showcase-arrow-previous:hover {
    background-position: 0 -34px;
}
.showcase-arrow-next {
    background-position: -34px 0;
    right: -56px;
}
.showcase-arrow-next:hover {
    background-position: -34px -34px;
}
.showcase-content {
    background-color: #FFFFFF;
    text-align: center;
}
.showcase-content-wrapper {
    display: table-cell;
    height: 470px;
    text-align: center;
    vertical-align: middle;
    width: 700px;
}
.showcase-plus-anchor {
    background-image: url("../images/plus.png");
    background-repeat: no-repeat;
}
.showcase-plus-anchor:hover {
    background-position: -32px 0;
}
div.showcase-tooltip {
    background-color: #FFFFFF;
    background-image: url("../images/white-opacity-80.png");
    color: #000000;
    padding: 5px 8px;
    text-align: left;
}
.showcase-caption {
    background-image: url("../images/white-opacity-80.png");
    bottom: 10px;
    color: #000000;
    display: none;
    left: 10px;
    padding: 8px 15px;
    position: absolute;
    right: 10px;
    text-align: left;
}
.showcase-onepage .showcase-content {
    margin-bottom: 10px;
}
.showcase-button-wrapper {
    clear: both;
    margin-top: 10px;
    text-align: center;
}
.showcase-button-wrapper span {
    color: #444444;
    cursor: pointer;
    font-size: 12px;
    margin-right: 3px;
    padding: 2px 5px 0;
}
.showcase-button-wrapper span.active {
    color: #FFFFFF;
    zoom: 1;
}
.showcase-thumbnail-container {
    background-color: #FFFFFF;
    *position: relative;
    *height: 50px;    
}
.showcase-thumbnail-wrapper {
    overflow: hidden;
}
.showcase-thumbnail {
    border: 1px solid #f4f4f4;
    cursor: pointer;
    height: 32px;
    position: relative;
    width: 32px;
}
.showcase-thumbnail-caption {
    bottom: 2px;
    padding-bottom: 5px;
    padding-left: 10px;
    position: absolute;
}
.showcase-thumbnail-content {
    padding: 25px 10px 10px;
    text-align: center;
}
.showcase-thumbnail-cover {
    background-image: url("../images/black-opacity-40.png");
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.showcase-thumbnail:hover {
    border: 1px solid #ccc;
}
.showcase-thumbnail:hover .showcase-thumbnail-cover {
    display: none;
}
.showcase-thumbnail.active {
    border: 1px solid #ccc;
}
.showcase-thumbnail.active .showcase-thumbnail-cover {
    display: none;
}
.showcase-thumbnail-wrapper-horizontal {
    margin: 10px 10px 0;
}
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {
    margin-right: 10px;
    width: 32px;
}
.showcase-thumbnail-wrapper-vertical {
    padding: 10px;
}
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail {
    margin-bottom: 10px;
}
.showcase-thumbnail-button-backward, .showcase-thumbnail-button-forward {
    cursor: pointer;
    padding: 7px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal, .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
    background-image: url("../images/arrows-small.png");
    background-repeat: no-repeat;
    display: block;
    height: 17px;
    width: 17px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical {
    background-position: 0 -51px;
    margin-left: 55px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical {
    background-position: -17px -51px;
}
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical {
    background-position: 0 -34px;
    margin-left: 55px;
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical {
    background-position: -17px -34px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
    background-position: 0 -17px;
    margin-bottom: 0;
    margin-top: 11px;
}

.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
    background-position: 0 0;
    margin-bottom: 0;
    margin-top: 11px;
}

.showcase-thumbnail-button-forward span span, .showcase-thumbnail-button-backward span span {
    display: none;
}


.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
    background-image: url("../images/opdealer/right-arrow.png");
    background-position: 0 0;
    margin-bottom: 0;
    margin-top: 11px;
}


.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
    background-image: url("../images/opdealer/left-arrow.png");
    background-position: 0 0;
    margin-bottom: 0;
    margin-top: 11px;
}

/* IE7 fixes */

.showcase-thumbnail-button-backward {*display: none;}
.showcase-thumbnail-button-forward{ *display: none; }
#showcase-thumbnail-3, #showcase-thumbnail-4, #showcase-thumbnail-5, #showcase-thumbnail-6, #showcase-thumbnail-7, #showcase-thumbnail-8, #showcase-thumbnail-9, #showcase-thumbnail-10, #showcase-thumbnail-11 {
  *display: none;
}


.showcase-thumbnail:last-child {display: none}




#lightboxOverlay{ width: 100%!important; }

#leftNavFilterList li{
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    list-style-type: none;
    padding: 8px 0;
    font-weight: bold;
}

#leftNavFilterList li:last-child{
    border-bottom: none;
}

#leftNavFilterList{
  margin-left: -30px;
  *margin-left:0px;
}

.submenu fieldset {
    background: #edecec;
    border: 1px solid #999;
    border-radius: 0 0 5px 5px;
}


.submenu li{
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  list-style-type: none;
  margin: 5px 0;
  padding: 4px 0;  
}

.submenu li label{
  cursor: pointer;
}

.submenu ul{
    margin-left: -30px;
}


.prodLine{
  width: 86%!important;
}

#MailerPrices{
  position:relative; 
  z-index:9999; 
  width: 98%; 
  margin: 15px auto; 
  border-radius: 5px; 
  background: #fff; 
  border: 1px solid #ccc; 
  border-radius: 5px;
}

.menuContainer{
  background: url(../images/opdealer/op-dealer-menu-bg-desktop.jpg) repeat-x center top;
}

.submenu legend{
  display: none;
}

.spotlightProductPod{
  padding: 5px; 
  margin-top: 10px; 
  margin-left: 10px; 
  width: 20%; 
  border: 1px solid #e4e4e4; 
  border-radius: 5px; 
  height: 200px;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}

.spotlightProductPod span{
  display: block;
  text-align: center;
  color: #C7212D;
  font-weight: bold;
  font-size: 18px;
}

.spotlightProductPod h4{
  text-align: center;
  min-height: 31px;
}

.spotlightProductPod h4 a{
  color: #2b2b2b!important;
  *font-size: 13px;
}

.spotlightProductPod img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60px;
}

.spotlightProductPod .buyBtn{
  display: block;
  text-align: center;
  width: 80%;
  margin: 5px auto;
}

.welcomeText{
	width: 52%;
	display: inline-block;
	padding-left: 20px;
}

.mobileOnlyShow {display: none;}



/* hide IE7 scroller for other browsers */
.homeBannerIE7{ display: none; }


/*  hide main scroller for IE7 */
.homeScrollerContainer{ *display: none!important; }

/*  display IE7 only banner */
.homeBannerIE7{ 
  *width: 100%; 
  *margin: 0 auto 10px auto; 
  *display: inline-block; 
  *margin: 10px auto; 
  *text-align: center;
}

.homeBannerIE7 img{
  *width: 90%;
  *display: block;
  *margin: 0 auto;
}  


#catFeatureBannerContent {
    display: block;
    height: 264px;
}
#catFeatureBannerContent h2 {
    font-size: 1.636em;
    font-weight: normal;
    margin-bottom: 15px;
}
#catFeatureBannerContent ul {
    margin: 0 0 15px;
}
#catFeatureBannerContent ul li {
    margin: 0 0 7px;
    list-style-type: none;
}
#catFeatureBannerContent ul li a {
    color: #000000;
}
#catFeatureBannerContent ul li a:hover {
    color: #CC0000;
}

#catFeatureBanner {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DBD6D0;
    border-image: none;
    border-style: solid;
    border-width: 5px 10px;
    display: block;
    height: 175px;
    margin: 0 -33px 12px;
    padding: 0;
    width: 633px;
}
#catFeatureBanner .slides_container {
    display: none;
    float: left;
    height: 175px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 636px;
    z-index: 0;
}
#catFeatureBanner .slide {
    display: block;
    height: 175px;
    margin: 0;
    padding: 0;
    width: 636px;
    z-index: 0;
}
#catFeatureBanner .next, #catFeatureBanner .prev {
    border: medium none;
    display: block;
    float: left;
    height: 0;
    left: -5px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -155px;
    width: 24px;
    z-index: 0;
}
#catFeatureBanner .next {
    left: 685px;
}
#catFeatureHelp {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #CCCCCC;
    display: block;
    height: 250px;
    margin: 12px 0;
    padding: 0;
    width: 704px;
}
#catFeatureBannerContent {
    display: block;
    height: 228px;
    padding: 15px;
    width: 636px;
}
#catFeatureBannerContent h2 {
    font-size: 1.636em;
    font-weight: normal;
    margin-bottom: 15px;
}
#catFeatureBannerContent ul {
    margin: 0 0 15px;
}
#catFeatureBannerContent ul li {
    margin: 0 0 7px;
}
#catFeatureBannerContent ul li a {
    color: #000000;
}
#catFeatureBannerContent ul li a:hover {
    color: #CC0000;
}


#buttonShowRRP, #buttonHideRRP{
  background: #143D6B;
}

#flags p{
  display: inline; 
  font-size: 11px; 
  float: left; 
  margin-right: 5px; 
  color: #777;
}

#flags img{
  width: 30px; 
  float: left; 
  padding: 3px; 
  border: 1px solid #ccc; 
  margin-top: 5px; 
  margin-bottom: 5px;
}


#subtotal, #ProdCodeValue{
  border-radius: 5px;
}


.showcaseItemTitle{
  font-size:13px; 
  padding-bottom:6px;
  min-height: 48px;
}


.prodVideoWrapper{
  margin: 10px auto; 
  text-align: left;
  width: 204px;
  height: 204px;
  border: 1px solid #f4f4f4!important;
  padding: 5px;  
  clear: both;
}

.prodVideoWrapper img{
	
}

.prodVideo{
  width: 560px; 
  margin: 10px auto; 
  height: 315px;
}


.responsiveOnly { display: none; }
.responsiveHide { display: block;}


.videoRight {padding: 10px 0; width: 30%; float: right; margin-right: 10px; border: 1px solid #f4f4f4; border-radius: 5px;}


.refineTitle2{
	background: #d8242f;
  color: #fff!important;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px!important;
  padding: 1px 0;
	width: 195px;
	margin-top: 10px;
}

.refineTitle2 h3{
  color: #fff!important;
  font-size: 14px!important;
  font-weight: bold;
	margin-left: 5px;
}

.submenu{
	display: block;
  margin-left: -2px;
  width: 199px;
}


.newsPod{
		width: 31%; 
		margin: 0% 1% 1% 1%; 
		display: inline-block; 
		background: #F2F3F5;
		background-size: 100% 100%; 
		/*height: 249px; */
		position: relative;
		float: left;
		vertical-align: top;
	}
	
	.podRed{ background: url(/images/opdealer/opdealer-header-pod-bg-02.jpg) center top repeat-x; }
	
	.podGrey{ background: url(/images/opdealer/opdealer-header-pod-bg-03.jpg) center top repeat-x; }
	
	.newsPod h2{
		background: #C7212D url(/images/opdealer/opdealer-pod-vow.png) 5px 50% no-repeat ;
		color: #fff; 
		text-align: right; 
		padding: 7px 0px; 
		margin: 3px auto; 
		display: block;
		font-size: 13px;
		margin-right: 0px;
		padding-right: 5px;
		text-shadow: 1px 1px 1px #555;
		border-bottom: 3px solid #ccc;
	}
	
	.newsPod h3{
		color: #fff; 
		text-align: center; 
		font-size: 11px; 
		padding: 0px; 
		margin: 3px auto;
	}
	
	.newsPod img{
		display: block; 
		margin: 5px auto; 
		max-width: 100%;
	}
	
	.findOutBtnBlue, .findOutBtnGrey, .findOutBtnRed{
		background: #666666;
		color: #fff; 
		font-weight: bold; 
		z-index: 9999; 		
		padding: 3px 6px; 
		display: inline-block;
		text-align: right;
		float: right;
		margin-top: 5px;
		margin-bottom: 5px;
		font-size:10px;
		letter-spacing: 0.5px;
		text-transform: uppercase;
	}
	
	.newsPod a:hover{
		text-decoration: none;
	}
	
	.newsPod p{
		width: 90%; 
		display: block; 
		margin: 15px auto; 
		text-align: justify;
	}
	
.gc-display-area { 
	border: 1px solid #ccc; 
	padding: 5px;
	/*change for main image size*/
	width: 280px!important;
	height: 280px!important;
}	
	

	
.bx-wrapper .bx-pager.bx-default-pager a{
	margin: 0px 10px!important;	
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom: -16px!important;
}

.extraWelcome{display: none;}

/* media queries */

@media only screen and (max-width: 602px) {
  .mobileFullWidth { margin: 0 auto; padding: 0;  width: 100%!important; }
  .alternateProducts img{ max-width: 100%; }
  .buyBtn {width: 45%!important;}
  .favAdd, .favRemove {width: 135px!important; }
  #frmAddUser { margin: 0 auto; width: 98%;}
  input[type="password"] { width: 90%!important; }
  input[type="text"] { width: 90%!important; }
  #OMQuantity, #OMQuantity0, #OMQuantity1, #OMQuantity2, #OMQuantity3, #OMQuantity4, #OMQuantity5, #OMQuantity6, #OMQuantity7, #OMQuantity8, #OMQuantity9, #OMQuantity10, #OMQuantity11, #OMQuantity12 { width: 16%!important; }
  #buttons .btn{ width: 40%!important; margin-right: 0!important;}
  
  #TrackingOrderNumber {width: 18%!important;}
  #TrackingYourOrderNumber {width: 22%!important;}
  
}


@media only screen and (min-width: 1366px) {
	.extraWelcome{display: block;}
}


@media only screen and (min-width:1023px) and (max-width: 1280px) {
  #container {width: 95%;}
	
	.gc-display-area { 
		/*change for main image size*/
		width: 260px!important;
		height: 260px!important;
  }
	
	
.ProdDetailContainer {
    float: left;
    margin: 10px 10px 10px 50px;
    width: 31%;
}
	
	
}




@media only screen and (max-width: 1023px) {
  
  body { font-size-adjust: 0.52;}
  .logo{ width: 32%; }
  #checkout img{ width: 100%;}
  .loginFlip img{ width: 100%;}
  #container { width: 98%; }
  .fifty { width: 47%; padding-right: 0px; }
  .repeatingcontainer { min-height: 164px; width: 41%; vertical-align: top;}
  .showcaseItem{ border: 1px solid #e4e4e4; display: inline-block; float: none; margin: 10px 4px; min-height: 330px; padding: 5px 12px 0; vertical-align: top; width: 18%; min-height: 386px!important;}
  .buyBtn{ width: 66%; }
  .ProdImageContainer{ width: 44%; }
  .brand{ width: 20%; }
  .searchContainer { float: left; margin-left: 3%; margin-top: -1%; width: 76%;}
  .searchBox{ width: 55%; padding: 7px 10px; height: 26px!important; }
  .searchBtn{ width: 30%; height: 42px; }
  .loginFlip{ width: 19%; }
  .menu li, .menu li:last-child { border-radius: 4px; margin: 5px; padding: 10px 15px; }
  #checkouttop {  background-position: left top;}
  .menu ul{ clear: both;}
  .menu li { width: 39%; background: #FFF; border: 1px solid #C41521; margin-bottom: 15px;  color: #2b2b2b}
  .menu li:hover { background: #c41521; border: 1px solid #ccc; color: #fff; }
  .menu li a{ font-size: 15px; color: #2b2b2b;}
  .menu li a:hover{ font-size: 15px; color: #fff;}
  .footer{ text-align: center; }
  .mobileFull { margin: 0 auto!important; padding: 0;  width: 100%!important;  }
  .footerMemberSection{ width: 21%; height: 90px; }
  .footerMenu { margin-left: -45px; }
  .sectionlinks{ width: 28%; }
  .sectionlinks img {width: 100%; }
  .mobileLatest { width: 21%; }
  .menusection li img {  display: inline-block; float: left; margin: -10px auto -2px -16px; }
  .menuBtnResponsive{ display: inline-block!important; }
  .menusection { display: none; }
  .searchBoxTablet{ display:  block!important; }
  .searchBoxDesktop{ display:  none!important; }
  .menu{ background: #f4f4f4; }
  .tabletMenuBG { background: #f4f4f4; margin-bottom: 10px;}
  #latestProd5, #latestProd6, #latestProd7, #latestProd8{ display: none;}
  #homeShowCase5 { display: none; }
  #showcases{ text-align: center;  font-size-adjust: 0.65;}
  .showcaseItem .buyBtn{ width: 85%!important; margin-top: 10px;}  
  .repeatingcontainer img { width: 65px; height: 65px;}
  .homeIntro { margin: 10px auto; }
  .joinUs{ margin: 10px auto; }
  .prodDescription { float: none; width: 98%; margin: 10px auto; }
  .mobileHide{ display: none;}
  .mobileShow{ display: block;}
  .footerMemberSection img{width: 40px!important;margin-bottom: 15px; }
  .footer{ height: 86px!important;}
  #header{ background: #c41521!important;}
  .checkout, .basketitems { color: #fff !important; }
  .prodDiscontinued{font-size: 12px; border-radius: 5px; display: block; width: 98%; margin: 10px auto; padding: 10px 0px; background: #C41521; color: #fff; font-weight: bold; text-align: center;}
  .prodDiscontinued img{ display: inline; height: 30px; vertical-align: middle; height: 25px;}
  #POnumberReference0 span{display: block; margin-top: 16px;}
  #QAOrderCode0, #QAQty0{ margin-right: 5%; width: 30%;}
  #checkouttop{background-image: none!important; height: 50px!important;}
  #checkouttop #price {font-size: 22px;}
  #checkouttop #items {font-size: 17px;}
  
  .ProdPriceContainer {margin: -298px 10px 10px; padding: 10px 0; width: 50%;}
  .ProdDetailContainer { clear: left; margin-left: 24px;}
  
  #proddetails_right, #proddetails_left, #prodSpecification { font-size: 13px!important; }
  
  .center{text-align: center;}
  
  .homeStaticContainer { margin: 10px auto;}
  
  .productgridprice{ float: right; margin-right: 10px;font-size: 20px; width:18%; text-align: right;}
  .productgridadd{ float: right; margin-right: 5px; clear: right; width: 22%; }
  
  .productgridqty { width: 11%; margin-left: 15px; }
  
  .productlisting{ width: 98%; padding: 16px 0px; margin: 0 auto;}
  
  .productgridadd input {float: left; width: 16%!important; margin-right: 0px;}
  .productgridadd .buyBtn {float: right; margin-right: 5px;}
  
  .mobileShow { display: block!important;}

  .spotlight { margin-top: 20px;}
  
  .add46x17{ float: right; }
  
  .prodLine{ width: 98%!important;}
  
  #UsernameValue input{ text-align: left; }
  
  #productCompare{ display: none; }
  
  .footer a { color: #fff; }
  
  #QAQty0 input{ width: 50px!important; }
  #QAOrderCode0, #QAQty0 { width: auto!important; margin-right: 10px!important; }
  #QAOrderCode0 input{ width: 80px!important; }
  
  #sort_by { margin-bottom: 10px; }
  
  .footerSub{ background: #444444; text-align: center!important; padding: 10px 0px;}
  .footerSub p{ text-align: center!important;  margin-right: 0px!important;}
  
  #productheader h2{ margin-left: 10px; }
  
  #wsModal{ width: 98%!important; margin: 20px auto!important; }
  
  #spotlightProductPod9, #spotlightProductPod10, #spotlightProductPod11{ display: none; }
  
  .BasketLines #BasketPrice { width: 14%!important;}
  .BasketLines #BasketTotal0 { font-size: 16px; }
  
  .cartDelete { height: 50px; width: 8%; margin: -10px auto 10px; position: relative; float:left; }
  
  #subtotal { font-size: 17px!important; }
  
  .repeatingcontainer .desc { height: 33px;}
  .userIcon{margin-left: 44%; width: 20px; display: inline;}
  
  #rrpCaclForm label { width: 40%!important;}
  #rrpCaclForm input { width: 40%!important;}
  
  .showcaseItemTitle{ min-height: 81px; }
  .responsiveOnly { display: block; }
  .responsiveHide { display: none; }
  
  .videoRight{ width: 98%; margin: 10px auto; }
	
	#newsPodSmall03, #newsPodSmall04{display: none!important;}
	
	.gc-display-area { 
		/*change for main image size*/
		width: 260px!important;
		height: 260px!important;
  }

	
}







@media only screen and (max-width: 414px) {
  body { font-size-adjust: 0.50!important;}
  .logo { width: 43%!important; margin: 6px; }
  .mobileHide{ display: none;}
  .mobileOnlyHide{ display: none;}
  .mobileOnlyShow{ display: inline-block; }
  .mobileFullWidth { margin: 0 auto; padding: 0; width: 100%!important; }
  h1{ font-size-adjust: 0.4;}
  .searchContainer {width: 72%!important;}
  .homeStaticBanner { padding: 0; width: 95%; margin: 0 auto; float: none!important;}
  .homeAds{  float: none !important; margin: 5px auto;  padding: 0; width: 95%; clear: both!important; display: block;}
  .advertFooter { padding: 0; width: 95%; margin: 20px auto 10px auto; float: none!important;}
  .advertFooter:nth-child(2){display: none!important;}
  .advertFooter:nth-child(3){display: none!important;}
  
  
  .footerMenu li, .footerMenu li:last-child { border: none; display: block; padding: 10px 10px; font-weight: bold; background: #E4E4E4; border-radius: 5px; text-align: center; color: #777; margin: 10px auto; width: 80%; }
  .showcaseItem{ width: 90%!important; margin: 10px auto!important; display: block!important; min-height: 300px!important;}
  #homeShowCase3, #homeShowCase4, #homeShowCase5 {display: none!important;}
  .menuBtnResponsive img {  width: 20px!important; }
  .searchContainer {  margin-top: -4%!important; }
  .menu li{  border: 1px solid #ccc; box-shadow: 1px 1px 1px #bbb; height: 33px !important; vertical-align: top !important; width: 35% !important;}
	.menu li:hover{ box-shadow: none; color: #fff;}
  .menu li a{  font-size: 17px !important; line-height: 17px; }
  .menusection li img { width: 50px!important; }
  .ProdImageContainer{ width: 100%!important; margin: 10px auto 25px auto!important; float: none!important; }
  .ProdDetailContainer, .ProdPriceContainer, .prodDescription {clear: both; float: none; margin: 10px auto !important; width: 98% !important;}
  .prodDescription #brandlogo {display: none;}
  .ProdPriceContainer{ margin-top: 25px; }
  #productheader{ width: 98%!important; margin: 0 auto; }
  .prodSpecBtn{ width: 98%; margin: 0 auto; padding: 12px 0px; display: block; margin-bottom: 10px!important;}
  #header{ background: #c41521!important; padding: none!important;}
  .tabletMenuBG { background: #f4f4f4 none repeat scroll 0 0; margin-bottom: 0px!important;}
  .breadcrumb { border-top: 2px solid #fff; }
  .loginFlip { width: 32%!important; }
  .prodDiscontinued{font-size: 12px; border-radius: 5px; display: block; width: 98%; margin: 10px auto; padding: 10px 0px; background: #333; color: #fff; font-weight: bold; text-align: center;}
  .prodDiscontinued img{ display: inline; height: 30px; vertical-align: middle; height: 25px;}
  .breadcrumb ul { width: 93%!important; }
  .breadcrumb li { margin-bottom: 7px; }
  .breadcrumb li:last-child { color: #2b2b2b!important; font-weight: bold!important;  }
  .alternateProducts h2{ text-align: center!important; }
  .mobileShow{ display: inline-block!important; font-size-adjust: 0.7;}
  .repeatingcontainer{ height: 223px!important; }
  .prodInfoSheets { margin: 10px auto!important; }
  .sectionlinks { margin-bottom: 10px; margin-left: 2px !important; margin-right: 2px !important; margin-top: 2px !important;  padding: 5px; width: 42%!important;}
  .checkout, .basketitems { color: #fff!important; }
  .footerMemberSection { font-size: 11px; }
  .tableheader{ font-size: 11px; height: 30px;}
  .thumbnailframe img { width: 45px!important; }
  .blockHighlight { display: inline-block; margin-top: 10px; }
  #Edit1, #Remove1 {display: block!important; float: right!important; text-align: center!important; width: 47px!important;}
  #Remove1 { clear: right; margin-right: 14px; margin-top: 5px;}
  #headerbar80 input[type="text"] { width: 60%!important; }
  #QAOrderCode0, #QAQty0{ margin-right: 5%; width: 30%;}
  #QABuy{ margin-top: 10px; }
  
  #BasketTitle {display: none!important;}
  .productgridqty {width: 22%!important;}
  #BasketQTY {width: 27%!important;}
  #BasketPrice {width: 24%!important; margin-top: 10px;}
  #BasketTotal0 { width: 23%!important;margin-top: 10px;font-size: 16px;}
  
  .mobileCartExtras{ display: inline-block; }
  
  .searchIconMobile{display: inline-block; width: 45px;}
  
  .center{text-align: center;}
  
  #productDEL {clear: both; height: 29px!important; text-align: left!important; width: 100%!important;}
  
  .productgridadd { width: 41%;}
  .productgridqty { float: right; margin-right: 5px; }
  #sort_by ,#sort-by { width: 98%; margin: 0px auto 10px auto;}
  .productgridprice { width: 26%;}
  .productgriddetails{ width: 45%; }
  
  
  #TitleOMName, #TitleOMCompany_Name, #TitleOMAddress1, #TitleOMAddress2, #TitleOMCity, #TitleOMAddress3, #TitleOMPostal_Code, #TitleOMShip_Phone, #TitleOMEDI_Version { width: 67px!important; }
  #OMCountry_Name{ width: 147px!important; }
  
  #headerbar #BasketQTY { display: none;}
  
  #headerbar #BasketPrice {margin-top: 0px;}
  .BasketLines #BasketPrice {margin-top: 0px;}
  
  #latestProd3, #latestProd4 { display: none;}

  #productDEL{ display: none; }
  #compare{ display: none; }
  
  .quickAddContainer2{ display: none;}
  
  #productdetails #contract {display: none!important;}
  
  /*.ProdDetailContainer{ display: none; }*/
  
  .footer{ height: auto!important; margin-top: 0px; background: #f4f4f4;}
  .footerMenu{ width: 100%;  margin-left: -37px; background: #f4f4f4; margin-top: 0px; font-size-adjust: 0.65;}
  .footerMenu li{ width: 90%;  }
  
  .footerSub{ background: #444444; text-align: center!important; padding: 10px 0px;}
  .footerSub p{ text-align: center!important; margin-right: 0px!important;}
  
  .spotlightProductPod{ display: none; }
  
  #wsModal{ width: 98%!important; margin: 20px auto!important; }
  
  #Name1{ word-wrap: break-word; }
  
  .BasketLines .productgridqty {float: left;}
  .BasketLines #BasketPrice {text-align: right!important; float: right!important; margin-right: 5px!important; width: 15%!important; margin-top: -22px!important;}
  .BasketLines #BasketTotal0 {float: right!important; clear: right; width: 17%!important;}
  .BasketLines #BasketDelete0 { width: 14%!important; }
  .BasketLines #BasketQTY {float:left!important;text-align:center!important; margin-top: 5px;}
  
  .BasketLines { padding-top: 22px; }
  
  .cartDelete { height: 50px; width: 14%; margin: -30px auto 10px; position: relative; float:left; }
  
  .footer a { color: #2b2b2b; }
  
  .repeatingcontainer .desc { height: 59px;}
  
    
  #homeShowCase1 .buyBtn { margin-top: 0; width: 52% !important;}
  #homeShowCase2 .buyBtn { margin-top: 0; width: 52% !important;}
  .greySeparator{display: none;}
  .bx-wrapper{ display: none!important;}
  
  #rrpCaclForm{ padding: 0px!important; }
  .userIcon{margin-left: -2%; width: 20px; display: inline;}
  
  #ProdDetailColumns {display: none;}
  
  #flags p{display: none;}
  
  .showcaseItemTitle { min-height: 32px;}
  
  .prodVideoWrapper{ display: none; }
  
  .relatedProductWrap {display: block; width: 100%;}
  
  .videoRight{ display: none;}
  
  #Cross-Sell2, #Alternative2{ display: none; } 
	
	.newsPod{display: none!important;}

}