/* Colour Settings - Main Site Colours 

Selected Colour Scheme: Blue

Default Dark : #4B6792;
Default light: #7792B9;



*/

h1, h2, h3 h4, h5, h6 {
	font-family: 'Lato', sans-serif;
}

h1{
	font-size: 28px;
}

h2{
	font-size: 20px;
}

.Colour_Dark {

	background-color:#4B6792;
	color:white;
	margin-bottom:1px;
	text-decoration:none
}
.Colour_Light {	
	background-color:#7792B9;
	color:white;
	margin-bottom:1px;
	text-decoration:none	
}
.Panel_Colour {
	background-color:#EFEFEF
}

a{color:#C41521;text-decoration:none}
a:hover {color:#2b2b2b}
a.menu:hover{color:black}
a.menu{color:white}


/* Colour Settings -  */


.SmallText {
	font-family:'helvetica', arial;
	font-size:11px

}
.RealSmallText {
	font-family:'helvetica', arial;
	font-size:11px;
	color:white;

}
.SmallTextGrey {
	font-family:helvetica;
	font-size:11px;
	color:#666666
}

.AccountText {
	font-size:16px

}
.headerText {
	
	font-family:'helvetica', arial;font-size:13px;font-weight:700;vertical-align:middle;
}
.SectionTitles {
	
	font-family:'helvetica', arial;font-size:16px;vertical-align:middle;color:#4B6792;

}

.SmallLinks {
	font-family:'helvetica', arial;
	font-size:11px;
}



input.button {
	background-color:#4B6792;
	color:white;
 	border-color:#4B6792;
	margin-left:1px;
	font-family:'helvetica', arial;
	font-size:12px;
	height:22px;
	
}

.p {
	margin:0px;
	padding:0px;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	text-align: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: top;
}

img {
	border:0px;
}
.AbsWrap {
	width: 100%;
	position: relative;
}
.rowWrap {
	width: 100%;
}
.clearfloat {
	clear:both;
	height:0px;
}
/* Layout Settings ----------------------------------------------------------------- */
#header {
	margin-left:7px;
	margin-top:20px;
	width:100%;
	margin-bottom:5px;
	float:left;
	display:inline;
	font-size:16px;
	font-family:'helvetica', Arial, Helvetica, sans-serif;
	text-align: left;
	color: #72423d;
	line-height: 100%;
	padding-top:1px;
	padding-bottom:2px;

}
#colwrap1 {
	float:left;
	width:146px;
	margin-top:0px;
	margin-left:7px;
	border: 0px solid #f0f0f0;

}

#colwrap2 {
	float:left;
	width:672px;
	margin-top:0px;
	margin-left:15px;
	border: 0px solid #f0f0f0;

}
#colwrap3 {
	float:left;
	width:155px;
	margin-top:0px;
	margin-left:20px;
	border: 0px solid #f0f0f0;

}

#page_footer {
	margin-left:10px;
	margin-top:16px;
	width:990px;
	margin-bottom:0px;
	float:left;
	display:inline;
	font-size:16px;
	font-family:'helvetica', Arial, Helvetica, sans-serif;
	text-align: left;
	color: #72423d;
	line-height: 100%;
	padding-top:1px;
	padding-bottom:2px;

}
.container{
	width:976px;
	margin: 0 auto;
}



#Divider {	

	background-image:url('/images/retail/divider.jpg');
	background-repeat:no-repeat
}

.ShowCaseTitle {
	
	font-family:'helvetica', arial;font-size:14px;height:54px;font-weight:700

}

#SC1mfrcode,#SC1Pack,#SC1wasPrice {
	float:left;font-family:helvetica;font-size:11px;color:#666666;width:37px;line-height:110%;line-height:15px
}
#SC1mfrvalue,#SC1PackValue,#SC1WasPriceValue {
	font-family:helvetica;font-size:11px;color:#000000;line-height:15px
}

#SC1Price {
	font-family:helvetica;font-size:18px;color:#CC0000;height:40px;line-height:25px;font-weight:700
}


/* Titles, fonts, dividers etc -------------------------------------------------------*/

.SectionTitles {
	font-family:helvetica;
	font-size:16px;
	color:#666666;
	margin-bottom:5px;
	margin-top:10px;
	border-bottom:1px;border-bottom-style:solid;border-bottom-color:#ddd
}
.subheadertitles {
	background-color:#4B6792;	
	height:15px;
	margin-bottom:2px;
	padding-top:2px;
	font-size:11px;
	font-weight:700;
	font-family:'helvetica', arial,arial;
	padding-left:4px;
	color:white;
	border-bottom:1px;border-bottom-style:solid;border-bottom-color:#ddd

}
.sectionheadertitles {
	background-color:#f3f3f3;	
	height:15px;
	color:white;
	margin-bottom:2px;
	padding-top:2px;
	font-size:16px;
	font-family:helvetica,arial;
	padding-left:4px;
	color:#808080;
	border-bottom:1px;border-bottom-style:solid;border-bottom-color:#ddd
}

#sectionheader {
	color:white;
	background-color:#6C88B5;
	height:25px;
	padding-top:3px;
	font-size:16px;
	font-family:helvetica,arial;
	padding-left:4px
}
#messagebar {
	background-color:#f3f3f3;
	width:670px;
	height:55px;
	margin-bottom:3px;
	padding-top:8px;
	font-size:12px;
	font-family:helvetica,arial;
	padding-left:4px;
}
#headerbar {
	background-color:#E2E2E2;
	width:670px;
	height:23px;
	color:#808080;
	margin-bottom:1px;
	padding-top:5px;
	font-size:12px;
	font-family:helvetica,arial;
	padding-left:4px;
	border-bottom:1px;
	border-bottom-style:solid;
	border-bottom-color:#ccc;
	font-weight:700


}
#ProdPrice {
	font-family:'helvetica', arial;font-size:18px;font-weight:700
}

/* Subsection Tabs
--------------------*/
.subsection_tabs {
	list-style:none;
	margin:0;
	margin-bottom:-2px;
	margin-top:10px;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;
	height:20px;
	clear:both;
}

.subsection_tabs li {
	float:left;
	margin-right:7px;
	text-align:center;
	
}

.subsection_tabs li a {
	display:block;
	height:20px;
	width:auto;
	background-image:url('/images/retail/tab_light.jpg');
	background-repeat:no-repeat;
	color:#FFF;
}

.subsection_tabs li a:hover {
	color:#FFF;
}

.subsection_tabs li a.active {

	background-image:url('/images/retail/tab_dark.jpg');
	background-repeat:no-repeat;
	color:#FFF;
}
.errortext {
	color:red;font-weight:700
}

.buttons {
	
	cursor:pointer
	
}
.GreyText {	
	color:#808080	
}

/* --- section header graphics for Ink Search, Log in, Customer Details, Card Payment --- */

#InkSearch { background-image: url('/images/retail/SectionGraphics/finder.jpg');background-repeat: no-repeat;height: 156px;width: 676px;}
#LogIn{background-image: url('/images/retail/SectionGraphics/login-image.jpg');background-repeat: no-repeat;height: 156px;width: 676px;}
#ToRegister{background-image: url('/images/retail/SectionGraphics/register-image.jpg');background-repeat: no-repeat;height: 156px;width: 676px;}
#CardPayment{background-image: url('/images/retail/SectionGraphics/checkoutpaymentinfo.jpg');background-repeat: no-repeat;height: 347px;width: 676px;}
#PlaceOrder{background-image: url('/images/retail/SectionGraphics/placeorder-image.jpg');background-repeat: no-repeat;height: 156px;width: 676px;}
#BasketDetails{background-image: url('/images/retail/SectionGraphics/basket-image.jpg');background-repeat: no-repeat;height: 156px;width: 676px;}
#ShippingDetails{background-image: url('/images/retail/SectionGraphics/orderdel-image.jpg');background-repeat: no-repeat;height: 156px;width: 676px;}




/* DP New Styles */

body{
	background: #fff url("http://cdn.vowretailshop.com/images/retail/vow-conv-bg-v2.jpg") repeat fixed center 0px;
	margin:0;
	padding: 0;
	font-family:Helvetica,arial;
	font-size:12px;
}


.right{ float: right;}
.left{float: left;}
.clear{clear:both;}


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;
  padding: 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;
}


#messageboard{
	width: 99%; 
	margin: 10px auto; 
	display: block; 
	border: 4px solid #C41521; 
	padding: 8px 0px; 
	text-align: center;
}

.fiftySplit{
	width: 49%;
}

.horizMenu {margin: 0 auto; text-align: center; color: #fff; font-size: 16px; text-shadow: 1px 1px 1px #111; font-family: 'Lato', sans-serif; letter-spacing: -0.5px;}
.horizMenu li {display: inline-block; padding: 5px 10px;}
.horizMenu li a:hover{border-bottom: 2px solid #C41521; padding-bottom: 3px; cursor: pointer; color: #C41521;}

.headerWrap{ margin:10px auto;}

.bannerHeadContainer{margin: 10px auto;}

#MyAccount {
	
	font-size:13px;font-weight:700;color:#004749
}
#BasketCost {
	font-size:13px;font-weight:700;color:#004749

}
#BasketItems {
	font-size:13px;color:#004749
}

.vowRed{color: #C41521;}

.welcomeMsg{ text-align: justify; display: block; margin: 20px auto;}

.homeFullBanner{display: block; width: 100%; margin: 5px auto;}
.homeFullBanner img{display: block; max-width: 100%;}

.hotItemTitle, .offerItemTitle{
	background: #fff;
	font-size: 26px;
	font-weight: 700;
	left: 0;
	margin: 5px auto;
	padding: 5px;
	position: relative;
	right: 0;
	top: -48px;
	width: 180px;
	text-align: center;
	margin-bottom: -22px;
	padding-bottom: 0px;
	text-transform: uppercase;
}

.hotItemsDivider, .offerItemsDivider{
	border: 1px solid #C41521;
	display: inline-block;
	left: 0;
	margin-bottom: 20px;
	width: 100%;
}

.ShowCaseTitle a{
	color: #333!important;
}


dl.footer-site{
  float: left;
  min-height: 190px;
  line-height: 14px;
  margin: 5px 0 0;
  padding: 0;
  width: 173px;
	border-right: 1px dotted #666;
	padding-right: 5px;
}

dl.footer-site:last-of-type{
	border: none!important;
}
	
	
dl.footer-site dt {
  font-weight: bold;
  margin: 0 0 14px;
  padding: 5px 0 0 5px;
}

dl.footer-site dt a {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 14px;
  padding: 5px 0 0 5px;
	color: #444;
}

.btnRed{
	display: inline-block;
	background: #C41521;
	color: #fff;
	padding: 6px 9px;
	font-weight: bold;
	font-size: 14px;
	border:none;
	cursor: pointer;
	border-radius: 5px;
}

.btnRed:hover{
	color: #fff;
}


.btnBasket{
	margin-top: 10px;
	width: 100%;
	padding: 6px 0px;
	font-size: 18px; 
	text-align: center;
}

.btnFav{
	background: #4c9ed9; 
	margin-top: 10px;
	font-size:12px;
}

.btnGrey{
	display: inline-block;
	background: #c4c4c4;
	color: #fff;
	padding: 6px 9px;
	font-weight: bold;
	font-size: 14px;
	border:none;
	cursor: pointer;
	border-radius: 5px;
}

.btnGrey:hover{
	background: #ddd;
	color: #555;
}

.btnDarkGrey{
	display: inline-block;
	background: #444;
	color: #fff;
	padding: 6px 9px;
	font-weight: bold;
	font-size: 14px;
	border:none;
	cursor: pointer;
	border-radius: 5px;
}

.btnDarkGrey:hover{
	background: #222;
	color: #fff;
}


#formLogon input{padding: 10px; width: 65%; display:inline-block; margin-bottom: 5px; color: #444; font-size: 14px;}
#formLogon label{padding: 10px; width: 25%; display:inline-block; font-weight: bold; margin-bottom: 5px; color: #444; font-size: 14px;}

p {
	padding-top:0px;
	margin: 3px;
}

#hotItemWrap, #offerItemWrap{
	margin-top: 40px; 
	text-align: center;
}

.hotItemContainer, .offerItemContainer{
  border: 1px solid #ccc;
  border-radius: 5px;
  display: inline-block;
  margin: 5px;
  min-height: 240px;
  padding: 10px 0;
  position: relative;
  vertical-align: top;
  width: 176px;
}

.hotItemContainer h3, .offerItemContainer h3{
	width: 98%;
	margin: 3px auto;
}

.hotItemContainer h3 a, .offerItemContainer h3 a{
		color: #2b2b2b;
}

.hotPriceLabel, .offerPriceLabel{
	font-weight: bold;
	font-size: 12px;
	display: block;
	color: #444;
	margin-top: 10px;
}

.hotPrice, .offerPrice{
	font-size: 26px;
	display: block;
	font-weight: bold;
	color: #C41521;
}


.prodCardPriceWrapper{
	width: 25%;
	float: right;
	border: 1px solid #f4f4f4;
	text-align: right;
}

.ourPrice{
	background: #c41521; 
	color: #fff; 
	text-align: center; 
	width: 100%; 
	padding: 5px 0px; 
	display: block; 
	font-weight: bold; 
	font-size: 22px;
	text-transform: uppercase;
}

/* carousel start*/

.sliding{
        width: 100%;
        display: inline-block;
      }
      
      .mainSlider a{
        border-bottom: none;
      }
      
           
      .bx-wrapper{
        left: 5px;
      }
      
      .bx-wrapper .bx-controls-direction a{
        border-bottom: none;
				z-index: 2!important;
      }
      
      .bx-wrapper .bx-viewport{
        border: none!important;
        box-shadow: none!important;
      }
      
      .bx-wrapper .bx-pager{
        text-align: center!important;
        width: 100%!important;
      }
      
      .bx-pager-item a{
        border-bottom: none;
      }
			
			.bx-wrapper .bx-pager.bx-default-pager a{
				margin: 0px 10px!important;	
			}

			.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
				bottom: 10px!important;
			}
			
      
      #sliderWrap { visibility: hidden; }
/* carousel end*/


/*start section row listings*/
.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;
}

/* end section row listing */

/* start 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 .Colour_Dark{
	background-color: #111;
}

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

#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 pagination */

.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;
}

.altStyle{
	font-family: 'Lato', sans-serif;
	letter-spacing: -0.5px;
}

#breadcrumb{
	padding: 10px 0px;
	border-bottom: 1px solid #f4f4f4;
	width: 100%;
}

#breadcrumb a{
	padding: 0px 5px;
}

.breadcrumbDivider{
	display: inline-block; 
	margin-top: -5px; 
	vertical-align: middle; 
	color: #777;
}

.ProdPrice{
	font-size: 32px;
	color: #c41521;
	font-weight: bold;
}

.ssrp{
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #111;
	margin-top: 5px;
	display: inline-block;
}

.prodOverview{
	font-weight: bold;
	color: #c41521;  
	padding: 5px 0px; 
	margin: 5px;
	display: block;
	font-size: 22px;
	border-bottom: 1px solid #ccc;
}

.errortext{
	display: block;
	color: #fff; 
	background: #C41521;
	text-align: center;
	padding: 5px;
	margin: 0 auto;
	width: 80%;
	border-radius: 5px;
}

#errormessages{
	width: 98%;
	border: 1px solid #ccc;
	background: #f4f4f4;
	border-radius: 5px;
	padding: 5px;
	text-align: center;
	font-size: 18px;
}

.tableheader, .subheadertitles {
	background: #f6f2ef;
	padding: 10px 0px;
	width: 100%;
	color: #2b2b2b;
	font-weight: bold;
	padding-bottom:5px;
	min-height:20px;
	margin-bottom: 10px;
	
}

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

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


.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
}

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

#Alternative3, #Alternative4, #Alternative5, #Alternative6, #Cross-Sell3, #Cross-Sell4, #Cross-Sell5, #Cross-Sell6{
	display: none!important;
}

#rrpCalcForm{
	padding: 10px;width: 100%; margin: 10px auto; background: #f4f4f4; border: 1px solid #ccc; border-radius: 5px;
}

#rrpCalcForm input{ padding: 5px; margin-bottom: 5px; float: right; border: 1px solid #ccc!important;}

.accountPodWrapper{
	text-align: center;
}

.accountPods{
	width: 30%;
	margin: 5px;
	padding: 5px;
	border: 1px solid #eee;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	min-height: 140px;
	vertical-align: top;
	box-shadow: 1px 1px 0px 0px #bbb;
}

.accountPods:hover{
	background: #e4e4e4;
	cursor: pointer;
}

.redCircle{
	background: #C41521; 
	height: 44px; 
	width: 44px; 
	text-align: center; 
	display: block; 
	border-radius: 50%; 
	margin: 5px auto; 
	color: #fff; 
	font-size: 36px;
	margin-top: 20px;
}


.sectionlinks{
	width: 15%;
	margin: 5px;
	padding: 5px;
	border: 1px solid rgb(244, 244, 244);
	border-radius: 5px;
	text-align: center;
	vertical-align: bottom;
	min-height: 160px;
	display: inline-block;
}


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

.menuBtnResponsive img{
  width: 30px;
}

/* turn off mobile / tablet features for desktop */
.mobileShow {
	display: none;
}

.mobileOnlyShow {
	display: none;
}

.horizMenuContainer{
		background: #004749; 
		width: 100%; 
		padding: 10px 0px; 
		text-align: center;
}

.prodSpecMiniBox{
	background: #f4f4f4; 
	padding: 5px; 
	border-radius: 5px; 
	color: #2b2b2b; 
	display: inline-block; 
	width: 22%; 
	margin: 5px;
}

.footerTopStrip{
	background: #C41521; 
	width: 100%; 
	padding: 10px 0px;
	text-align: center; 
	margin-top: 30px;
}

.promos, .quickAdd{
	border: 1px solid #ccc; 
	background: #f6f2ef;
	width: 48%; 
	float: right; 
	margin: 5px; 
	border-radius: 5px; 
	padding: 3px;
}

.page{
	min-height: 350px;
}



.gc-display-area { 
	border: 1px solid #ccc; 
	padding: 5px;
	/*change for main image size*/
	width: 280px!important;
	height: 280px!important;
}	


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


/* media queries */


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

.bx-wrapper .bx-viewport{height: 337px!important;}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@media only screen and (max-width: 1023px) {
	.container{ width: 100%; }
	.fiftySplit { width: 98%!important; display: block; margin: 0 auto; float: none;}
	.searchbox {width: 79%!important; margin: 0 auto; float: left; margin-left: 5px; margin-bottom: 5px;}
	.searchbox input {width: 100%; display: block;}
	.page{ width: 100%; }
	.scroller img{max-width: 100%;}
	.mobileFull{width: 98%!important; margin: 0 auto; display: block; float: none;}
	.mobileClearFloat{clear: both;}
	.prodCardPriceWrapper{text-align: center;}
	#rrpCalcForm{display: none!important;}
	.accountPods{width: 90%; margin:10 auto; clear: both; min-height: 100px;}
	.BasketLines #BasketPrice { width: 14%!important;}
	.BasketLines #BasketTotal0 { font-size: 16px; }
	#subtotal { font-size: 17px!important; }
	.mobileHide{ display: none;}
	#logo{float: left; width: 56%}
	#logo img{max-width: 98%; margin: 0 auto; display: block;}
	#BasketCost{margin-right: 10px;}
	.menuBtnResponsive{ display: inline-block!important; }
	.horizMenuContainer{display: none; margin-top: 10px;}
	.horizMenu{display: none;}
	.horizMenu {margin:0; padding: 0;}
	.horizMenu li{ width: 90%; background: #2b2b2b; border-radius: 5px; margin: 5px auto; padding: 10px 0px;}
	.sectionlinks{width: 38%; }
	.sectionlinks img{ max-width: 90%; margin: 0 auto;}
	#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{ float: right; margin-right: 5px; clear: right; width: 41%; }
  .productgridqty { float: right; margin-right: 5px; }
  #sort_by ,#sort-by { width: 98%; margin: 0px auto 10px auto;}
  .productgridprice { width: 26%; float: right; margin-right: 10px;font-size: 20px; text-align: right;}
  .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; }
  
  .BasketLines .productgridqty {float: left;}
  .BasketLines #BasketPrice {text-align: right!important; float: right!important; margin-right: 5px!important; width: 15%!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;}
	
	#breadcrumb{display: none;}
	.prodSpecMiniBox{width: 44%; margin: 5px;}
	
	#ProdPurchaseContainer{font-size-adjust: 0.6;}
	.mobileAddToCart{width: 55%!important;}
	
	#ProdImageContainer img{ max-width: 90%; margin: 0 auto; display: block;}
	#prodtitle{margin-left: 10px;}
	
	.footerTopStrip{ display: none;}
	#sliderWrap{display: none;}
	
	#footerCategories, #footerAccount{display: none;}
	
	.highlight{background: #004749;}
	.mobileOnlyShow{display: block;}
	
	.welcomeMsg{width: 90%; margin: 5px auto; }
	.promos{width: 96%!important; margin: 5px auto;}
	
	#formLogon label{ width: 20%;}
	#formLogon input{ width: 65%;}
	.mobileLoginBtn{ margin-right: 5px; }
	
	#productCompare { display: none; }
	.productlisting{ padding: 3px 0px; margin: 5px 0px;}
	
	.buyBtn{width: 45% !important; float: right;}
	
	.hotItemContainer, .offerItemContainer{width: 96%;}
	.hotItemContainer h3, .offerItemContainer h3{font-size: 18px;}
	.hotItemContainer img{ max-width: 100%!important; max-height: 100%!important; margin-top: 10px;}
	
	.relatedProdDetails .buyBtn{width: 40%!important; margin-right: 10px;}
	
	.relatedProductWrap{margin: 5px;}
	#messagebar{width: 96%!important; margin: 0 auto;}
	
	.SectionTitles{padding-left: 10px;}
	
	#BasketQTY {display: none;}
	
	.tableheader {
		font-size: 11px;
		height: 30px;
	}
	
	.gc-display-area { 
		/*change for main image size*/
		width: 260px!important;
		height: 260px!important;
  }
	
	 .responsiveOnly { display: block; }
  .responsiveHide { display: none; }
	
}