div{
/*border: 1px solid red*/

}


input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox,
select {
-webkit-appearance: none;
border-radius: 0;
}

legend{ max-width:100%; }

Darkbar {
	background-color:#b52019;
	width:656px;
	height:23px;
	color:white;
	margin-bottom:10px;
	padding-top:5px;
	font-size:12px;
	font-family:tahoma,arial;
	padding-left:4px
}

#logo {	
	float:left
}

#logo img{
  margin-left: 1px;
}

#links {
	height:25px;
	width:250px;
	margin-top:10px;
	float:right;
	text-align:right;
	font-size:14px;
	padding-top:20px

}
#searchbox {
	float:right;
	margin-top:10px;
	background-repeat:no-repeat;
	height:32px;
	margin-left:20px;
	margin-top:40px
}

#searchQuery{
  width:400px; 
  float:left; 
  padding: 8px; 
  border-radius: 4px; 
  color: #777;
  border: 0px;
}

#searchForm{
  margin-top:-20px
}

.meunWrapper{
  width: 100%;
}

.menuWrapper ul{
  margin: 10px auto 20px -40px;
  text-align: center;
  
}

.menuWrapper ul > li{
  display: inline-block; 
  padding: 5px;
  padding-left: 10px;
  font-family: 'Oswald', sans-serif;
  font-size: 19px;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #adacac;
  border-left: 1px solid #ccc;
  margin: 0px;
  padding-right: 10px;
  list-style-type: none;
  /*IE 7 FIX for Menu*/
  *width: 200px;
  *display: inline;
}

.menuWrapper li:first-child{
	border-left: none;
}

.menuWrapper li:last-child{
  display: none;
  border-right: none;
  border-left:none;
}
.menuWrapper li a{
  color: #adacac;
}

.menuWrapper li a:hover{
  color: #2b2b2b;
}

.homeSectionGrey{
  background: url('/images/opinfo/home-grey-section-bg.png') no-repeat center top;
  height: 349px;
  margin: 10px auto;
  width: 1008px;
  position: relative;
  margin-left: -19px;
}

.inkSectionGrey{
  background: url('/images/opinfo/ink-grey-section-bg.png') no-repeat center top;
  height: 560px;
  margin: 10px auto;
  width: 1008px;
  position: relative;
  margin-left: -19px;
}

.homeImage{
  width: 65%;
  height:318px;
  border: 1px solid #ccc;
  margin: 15px 10px;
}

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

.homeInkAndToner{
  width: 48%;
  border: 1px solid #ccc;
  margin: 6px;
}

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

.homeOPBlog{
  width: 48%;
  margin: 6px;
  border: 1px solid #ccc;
}

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

.footerMenuWrapper{
  float: right;
  width: 500px;
  text-align: right;
  margin-right: 10px;
  margin-top: 10px;
}

.footerMenu{
  color: #fff;
  margin: 0px 5px;
  padding: 4px 0px 5px 0px;
  display: inline-block;
}

.footerMenu a{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.footerMenu a:hover{
  color: #F58021;
  font-weight: bold;
}


.prodListContainer{
  min-height:110px;
  padding: 10px 0px;
  width: 98%;
  margin: 5px auto;
  float: right;
  border-bottom: 1px solid #ccc;
}

.productgridimage{
  float:left;
  width:14%;
  height:105px;
  margin-right:15px;
  text-align:center;
  height: auto;
}

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

.productgriddetails{
  float:left;
  width:48%;
  margin-right:2px;
  font-size: 13px;
}

.productgridbrand{
  float:left;
  width:14%;
  height:65px;
  text-align:center;
}

.productgridbrand img{
  max-width: 96%;
  margin-top: 34px;
}

.productgridprice{
  float:left;
  width:15%;
  height:65px;
  font-size:23px;
  text-align:center;
  font-family: 'Oswald', sans-serif;
  color: #b52019;
}

.productCardPrice{
  float:left;
  width:100%;
  font-size:48px;
  text-align:center;
  font-family: 'Oswald', sans-serif;
  color: #b52019;
  line-height: 42px;
  position: relative;
}

.productCardPrice > .incVat {
    background: #e4e4e4 none repeat scroll 0 0;
    font-size: 20px;
    width: 100%;
    margin-top: 10px;
    text-shadow: 1px 1px 1px #ccc;
    color: #999;
}

.guidePrice{
  background: #a8a8a8;
  padding: 3px 6px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  font-family: verdana;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #222;
  vertical-align: top;
  display: inline-block;
  margin-bottom: 6px;
  width: 95%;
}

.guidePriceLarge{
  background: #a8a8a8;
  padding: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-family: verdana;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #222;
  vertical-align: top;
  display: inline-block;
  margin-bottom: 6px;
  width: 95%;
  text-align: center;
}


.wrapper{
  margin: 0 auto;
  width: 980px;
}

.footerBannerContainer{
  width: 100%; 
  margin: 20px auto 30px auto;
}

.leftFooterBanner{
  float: left;
  width: 38%;
  margin-left: 15px;
}

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

.rightFooterBanner{
  float: right;
  width: 58%;
  margin-right: 10px;
}

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

.machineSelectContainer{
  margin-right: 50px;
  padding: 46px 0px 15px 0px;
  background: url(../images/opinfo/ink-toner-splash-bg.png) center -10px no-repeat;
}

h1, h2, h3, h4{
  font-family: "Oswald",sans-serif;
  padding: 10px;
}

.highlight{
  display: inline-block;
  padding: 5px 10px;
  background: #999;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
}

.highlightHeader{
  text-transform: uppercase; 
  background: #F58021; 
  padding: 20px; 
  border-right: 6px solid #2b2b2b; 
  display: inline-block; 
  color: #fff; 
  font-size: 40px;
}

.highlightSubHeader{
  display: inline-block;
  font-size: 30px;
  color: #2b2b2b;
  text-transform: uppercase;
  vertical-align: top;
  padding: 0px 10px;
  margin-top: 30px;
}

.grey{
  color:#999;
}


#leftNavFilterList li{
  list-style-type: none;
  margin: 7px 0px;
  margin-left: -30px;
  margin-right: 20px;
}

.submenu{
  background: #f4f4f4;
  padding: 5px 0px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.submenu ul li{
  list-style-type: none;
}

.submenu fieldset{
  border: 1px solid #ccc; 
  border-radius: 5px;
}

.filtermenu fieldset{
  border: none!important;
}


#title{
  font-weight: bold;
  letter-spacing: -0.5px;
}

.Colour_Dark {
	background-color:#f58021;
	color:white;
	margin-bottom:1px;
	text-decoration:none
}

.paginationLight{
  color: #2b2b2b;
  cursor: pointer; 
  display: inline-block;
  font-family: "Oswald",sans-serif;
  font-size: 15px; 
  height: 18px; 
  margin: 2px; 
  padding-bottom: 5px; 
  padding-top: 3px; 
  text-align: center; 
  width: 30px;
  background: #f4f4f4;
}


.paginationDark{
  cursor:pointer;
  height:18px;
  width:30px;
  color: #fff;
  text-align:center;
  font-family: "Oswald",sans-serif;
  font-size:15px;
  font-weight: bold;
  display: inline-block;
  margin:1px;
  background: #f58021;
  padding-bottom: 5px; 
  padding-top: 3px; 
}

.paginationWrapperTop{
  margin-top: -42px;
  margin-bottom: 30px;
}

.paginationWrapper, .paginationWrapperTop{
  float:right;
  margin-bottom:15px;
  text-align: right;
}

  #sort_by, #sort-by{margin: 0 auto; padding: 5px 0px; min-width: 180px;}
  #sort-by option{ padding: 5px 0px; }


.incVat{
  color: #808080;
  font-size: 13px;
  display: block;
  margin-bottom: -42px;
}


.Colour_Light {	
	background-color:#f4f4f4;
	margin-bottom:1px;
	text-decoration:none
}
a{
	color:#333333;text-decoration:none
}
a:hover {
	color:#b52019
}
input.button {
	background-color:#4B6792;
	color:white;
 	border-color:#9F5D56;
	margin-left:1px;
	font-family:Verdana;
	font-size:12px;

}
input{

}

/****** Not Editable ***********/

body{
	background-color:#FFFFFF;
	margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
	font-family:verdana;
	font-size:11px;
  background: #fff url('/images/opinfo/opinfo-bg.jpg') no-repeat fixed center top;
  overflow-x: hidden;
}

#main{
  padding: 20px 4px;
  height: 100%;
  background: #fff;
  margin: 0 auto; 
  margin-top: 0px; 
}


.p {
	margin:0px;
	padding:0px;
	font-size: 12px;
	font-family: inherit;
	font-weight: inherit;
	text-align: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: top;
}
p {
	padding-top:0px;
	margin-top:0px;
  font-size: 12px;
}
img {
	border:0px;
}
.AbsWrap {
	width: 100%;
	position: relative;
}
.rowWrap {
	width: 100%;
}
.clearfloat {
	clear:both;
	height:0px;
	margin-top:-5px
}
#rowWrap {
	width:1024px;
}
#header {
	width:100%;
	float:left;
	display:inline;
	font-size:12px;
	font-family:'Tahoma', Arial, Helvetica, sans-serif;
	text-align: left;
  height:88px;
  background: #373737;
  z-index: 9999;
}

.header-wrapper{
  background: #373737; 
  height: 88px; 
  width: 100%; 
  position: relative; 
  z-index: 9999;
}

.footer-wrapper{
  background: #373737; 
  height: 88px; 
  width: 100%; 
  position: relative; 
  z-index: 9999;
  padding-bottom: 45px;
  
}

.footer{
  width: 980px;
  margin: 0 auto;
  color: #fff;
}

.footerLogo{
  margin-top: -15px; 
  margin-bottom: 10px; 
  margin-left: 10px;
}

.homeSections{
  width:100%;
  float:left;
  text-align:center;
}



#colwrap1 {
	float:left;
	width:180px;
	margin-top:0px;
	margin-left:0px;
	margin-right:5px;
	border: 0px solid #f0f0f0;

}

#colwrap2 {
	float:left;
	width:650px;
	margin-top:0px;
	margin-left:5px;
	border: 0px solid #f0f0f0;
}
#colwrap3 {
	float:right;
	width:146px;
	margin-top:0px;
	margin-left:5px;
	border: 0px solid #f0f0f0;

}

#page_footer {
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
	font-size:16px;
	font-family:'Tahoma', Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
	padding-top:5px;
	padding-bottom:2px;

}
#container{
	width: 980px;
	margin: auto;
	
}


#menutop {
	background-image:url('images/grey-top-sm.jpg');
	background-repeat:no-repeat;
	height:5px

}
#menubottom {
	background-repeat:no-repeat;
	height:5px;
	background-position:top

}
#menucontent {
	background-color:#f4f4f4;
	width:176px;
	height:20px;
	margin-bottom:1px;
	padding-left:5px;
	padding-top:5px
}
#sectionheader {
	color:white;
	background-color:#b52019;
	height:25px;
	padding-top:3px;
	font-size:16px;
	font-family:tahoma,arial;
	padding-left:4px

}
#sectionfooter {
	color:white;
	background-color:#b52019;
	height:10px

}

#machinesearchcontent{
	background-color:#f4f4f4;
	width:176px;
	margin-bottom:1px;
	padding-left:5px;
	padding-top:5px;
	height:auto
}

select {
	font-family: Arial, Helvetica, sans-serif;
  font-size:17px;
  width:130px;
  border: 1px solid #ccc;
  border-raidus: 5px;
  background: #fff;
}

#section {
	background-repeat:no-repeat;
	width:150px
	
}

.sectionlinksContainer{
  text-align: center;
  width: 100%;
  margin: 40px auto;
}

.sectionlinks {
	margin: 5px 5px;
  padding: 13px;
  width: 20%;
  height: 220px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  font-family: "Oswald",sans-serif;
  font-size: 16px;
  color: #666;
}


.breadcrumbs{
  width: 98%;
  margin: 0 auto;
}

#quickorder {
	background-image:url('images/quickorder.jpg');
	background-repeat:no-repeat;
	background-color:#ECECEC;
	width:170px;

}
#headerbar {
	background-color:#b52019;
	width:646px;
	height:23px;
	color:white;
	margin-bottom:10px;
	padding-top:5px;
	font-size:16px;
	font-family:tahoma,arial;
	padding-left:4px

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

}
.basket_price {


	font-size:16px;
	font-family:tahoma,arial;

	color:#808080;


}

#headercaplrg {
	background-image:url('/images/corporate/grey-top-lrg.jpg');
	background-repeat:no-repeat;
	height:5px

}

#greylinetop {
	background-image:url('/images/corporate/grey-top-lrg.jpg');
	background-repeat:no-repeat;
	height:5px;
}


.SmallTextGrey {
	font-family:tahoma;
	font-size:11px;
	color:#666666
}
.RealSmallText {
	font-family:Verdana;
	font-size:11px;
	color:white;

}
.SmallText {
	font-family:Verdana;
	font-size:11px

}

.SectionTitles {
	font-family:tahoma;
	font-size:16px;
	color:#666666;
	margin-bottom:5px;
	margin-top:10px;
	border-bottom:1px;border-bottom-style:solid;border-bottom-color:#ddd
}

#baskettop{

	background-image:url('images/grey-top-150.jpg');
	background-repeat:no-repeat;
	height:5px

}
#basketbottom {
	background-image:url('images/grey-bottom-150.jpg');
	background-repeat:no-repeat;
	height:5px;
	background-position:top

}
#basketcontent {
	background-color:#f4f4f4;
	width:146px;
	height:75px;
	margin-bottom:1px;
	padding-top:5px;
	text-align:center
}
#messagebar {
	background-color:#f3f3f3;
	width:100%;
	padding-bottom:10px;
	padding-top:10px;
	font-size:12px;
	font-family:tahoma,arial;
}
.GreyText {
	color:#808080
}
#ProdPrice {
	font-family:Verdana;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/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/tab_dark.jpg');
	background-repeat:no-repeat;
	color:#FFF;
}

.clear{
  clear: both;
}

.right{
  float: right;
}

.left{
  float: left;
}

.breadcrumb{
  margin-left: 10px;
}

.prodDetailContainer{
  width:35%;
  float:left;
  margin-left: 15px;
}

.prodImageContainer{
  width: 35%;
  margin-left: 10px;
  float: left;
  position: relative;
  z-index: 9999;
  min-height: 300px;
  border: 1px solid #ccc;
  background: #fff;
  display: inline-block;
}

.prodImageContainer img{
  max-width: 98%;
  max-height: 98%;
  padding: 3px;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.brandlogo img{
  padding:4px;
}

.pricingWrapper{
  float: right;
  margin-right: 10px;
  background: #f3f2f2;
  padding: 0px;
  border: 1px dotted #ccc;
  width: 22%;
}

.wantToBuyProd img{
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: inline-block;
  border: 0px;
}

.ProdDescription{
  float: left;
  margin: 0 auto;
  width: 72%;
  margin-left: 10px;
}

.ProdDescription h2{
  border-bottom: 1px solid #ccc; 
  padding-left: 0px;
  margin-bottom: 10px;
}

.prodspecification{
  width: 98%;
  margin: 0 auto;
  background-color: #f3f3f3;
}

.ProdDescription p{
  font-size: 14px;
}

.prodspecification h2{
  border-bottom: 1px solid #ccc; 
  padding-left: 0px;
  margin-bottom: 0px;
  background: #fff;
}

#SpecColLeft{
  padding: 10px;
  width: 98%;
  margin: 0 auto;
  font-size: 14px;
}

.shareContainer{
  width: 98%;
  margin: 0 auto;
  padding: 10px 0px;
  font-size: 14px!important;
}

.shareContainer p{
  font-size: 14px!important;
}

.shareContainer h3{
  padding-left: 0px;
  font-size: 16px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.shareContainer span{
  background: #f3f3f3;
  padding: 8px 0px;
  display: block;
  padding-left: 10px;
}

.discontinued{
  display: block;
  left: 0;
  margin-top: -38px;
  position: absolute;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}

.discontinued img{
  margin-left: -160px;
}

.alternatives, .youMayAlsoNeed{
  width: 47%;
  margin: 1%;
}

.alternatives h3, .youMayAlsoNeed h3{
  font-size: 18px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #222;
}

.infoContainer{
  width: 98%;
  margin: 0 auto;
  padding: 10px 0px;
}

.infoContainer h3{
  padding-left: 0px;
  font-size: 16px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.relatedProdWrapper{
  height:272px;
  padding-top:3px;
  background-color: #fff; 
  width: 48%; 
  float: left; 
  display: inline; 
  border: 1px solid #ccc; 
  margin: 0.5%; 
  border-top: 5px solid #f58021;
}

.relatedProdWrapper .productgridprice{
  font-size: 20px!important;
}



.youMayAlsoNeed .relatedProdWrapper{
  border-top: 5px solid #595959;
}

.relatedProdImage{
  float:left;
  width:100%;
  height:65px;
  margin-right:5px;
  padding-top:5px;
  text-align: center;
}

.relatedProdDetails{
  width:80%; 
  text-align: center; 
  margin: 0 auto;
}



.relatedProdPrice{
  float:left;
  height:65px;
  font-size:23px;
  font-family: 'Oswald', sans-serif;
  color: #b52019;
  width:100%;
  text-align:center; 
  padding-top:10px;
}

.searchEmpty{
  width: 63%; 
  margin-left: 15px;
  margin-top: -23px;
}

#contract {display: none;}

.searchAlt{
  text-align: center;
}

.searchAlt .relatedProdWrapper{
  width: 24%;
  margin: 0.1%;
  float: none;
  display: inline-block;
}

.productgriddetails #code {
  float: left!important;
}

#compare{
  margin-left: 270px!important;
}

.characteristics{
  width: 98%;
  margin: 0 auto;
}

.characteristics h2 {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding-left: 0;
}


#DeptNameValue option{
  padding: 10px;  
}

#DeptNumValue option{
  padding: 10px;
}

#DeptNameValue select{
  width: 420px!important;
}

#DeptNumValue select{
  width: 420px!important;
}


.mobileDiscontinued{
  display: none;
}


.homeSection{
  background-color:#f4f4f4;
  display:inline-block;
  margin-right:32px; 
  margin-left:32px; 
  margin-bottom:20px;
  background-repeat:repeat-x;
  min-height: 189px; 
  width: 22%; 
  margin: 1%; 
  border:1px solid #e4e4e4;
  border-radius: 5px;
  vertical-align:  top;
}

.homeSection h3{ font-size: 20px; vertical-align: top; text-transform: uppercase;}

.homeSectionSub a:first-Child{
  margin-top: 10px;
}

.homeSectionSub a{
  font-size: 13px;
  margin: 1px auto;
  display: inline-block;
  background: #fff;
  padding: 3px 5px;
  border-radius: 5px;
  border: 1px solid #f4f4f4;
  width: 84%;
}


.homeSectionSub a:hover{
  background: #F58021;
  color: #fff;
}

/* home section tiles */

#homeSectionTile-Furniture, #homeSectionTile-InkTonerSupplies, #homeSectionTile-OfficeSupplies, #homeSectionTile-PaperSupplies, #homeSectionTile-PremisesManagement, #homeSectionTile-TechnologyMachines, #homeSectionTile-DealerLocator, #homeSectionTile-InkTonerFinder, #homeSectionTile-InkAndTonerFinder, #homeSectionTile-TechnologyAndMachines, #homeSectionTile-InkAndTonerSupplies{
  display: block; 
  height: 192px; 
  border: 0px; 
}

.homeSection {  transition: all .2s ease-in-out; }

.homeSection:hover{ transform: scale(0.9);}

#homeSectionTile-Furniture{
  background: url(../images/opinfo/section-tile-furniture.png) no-repeat center 0px;
}

#homeSectionTile-InkTonerSupplies, #homeSectionTile-InkAndTonerSupplies, #homeSectionTile-Ink&TonerSupplies{
  background: url(../images/opinfo/section-tile-InkTonerSupplies.png) no-repeat center 0px;
}

#homeSectionTile-OfficeSupplies{
  background: url(../images/opinfo/section-tile-OfficeSupplies.png) no-repeat center 0px;
}

#homeSectionTile-PaperSupplies{
  background: url(../images/opinfo/section-tile-PaperSupplies.png) no-repeat center 0px;
}

#homeSectionTile-PremisesManagement{
  background: url(../images/opinfo/section-tile-PremisesManagement.png) no-repeat center 0px;
}

#homeSectionTile-TechnologyMachines, #homeSectionTile-TechnologyAndMachines, #homeSectionTile-Technology&Machines {
  background: url(../images/opinfo/section-tile-TechnologyMachines.png) no-repeat center 0px;
}


#homeSectionTile-DealerLocator{
  background: url(../images/opinfo/section-tile-dealer-locator.png) no-repeat center 0px;
}

#homeSectionTile-InkTonerFinder, #homeSectionTile-InkAndTonerFinder {
  background: url(../images/opinfo/section-tile-ink-toner-finder.png) no-repeat center 0px;
}






.btnViewProduct{
  color: #fff;
  background: #F58021;
  padding: 3px 5px; 
  font-weight: bold; 
  margin-top: 8px; 
  border-radius: 5px; 
  display:inline-block;
  text-shadow: 1px 1px 1px #777;
}

.btnViewProduct:hover{
  color: #fff;
  background: #d2d2d1;  
}


.mainContentNav{
  min-height: 200px;
} 



.mobileOnlyShow { display: none; }
.responsiveMenu { display: none;}

.rrpTag{ 
  float: left;
  left: -21px;
  position: absolute;
  top: 82px;
}


.relatedProdWrapper{
  display: none;
}

#Alternative1, #Alternative2, #Alternative3, #Alternative4, #Cross-Sell1, #Cross-Sell2, #Cross-Sell3, #Cross-Sell4{
  display: inline!important;
}


.searchAlt > #Alternative1, .searchAlt > #Alternative2, .searchAlt > #Alternative3, .searchAlt > #Alternative4{
  display:inline-block!important;
}


.prodListContainer .right{  display: block; text-align: right; width: 100%!important; }


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

.ProdImageContainer img{
  max-height: auto;
}


.prodVideoWrapper{
  margin: 13% 14px 14px 0px;
  text-align: left;
  width: 204px;
  height: 204px;
  border: 1px solid #f4f4f4!important;
  padding: 5px;  
  float: right;
}

.prodVideoWrapper img{


}

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

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


/* tablet */
@media only screen and (max-width: 1024px) {
  body{ background-image: none; }
  #container { width: 100%; }
  .wrapper{ width: 100%!important; }
  .homeSectionGrey { background-image: none; background: #F2F1F1; margin: -10px auto 0 auto; width: 100%; height: 220px;}
  .inkSectionGrey { background-image: none; background: #F2F1F1; margin: 10px auto 0 auto; width: 100%; height: 410px;}
  .homeImage { width: 62%; height: auto; }
  .homeInkAndToner { height: auto; }
  #searchQuery{ width: 275px; }
  #searchbox{ margin-right: 5px; }
  .leftFooterBanner{ width: 37%; }
  .rightFooterBanner{ width: 56%; }
  .footer { width: 100%; }
  .footerMenuWrapper{ width: 335px; }
  .footerMenu { padding: 4px 0 15px; }
  .footer p{ margin-left: 10px; }
  .menuWrapper ul > li { font-size: 22px; margin: 0 0 12px; border: none; background: #f4f4f4; border-radius: 3px;}
  .sectionlinks { width: 17%; height: 168px; vertical-align: top; font-size: 14px; border: 1px solid #e4e4e4; border-radius: 3px; }
  .sectionlinks img { width: 100%; }
  .mainContentNav {display: none;}
  .prodListContainer{ width: 100%!important; }
  .productgridbrand{ width: 9%; }
  .productgridbrand img{ max-width: 98%; }
  .productgridprice { float: right; margin-right: 10px; }
  .prodImageContainer { min-height: 238px; width: 48%;}
  .prodImageContainer img{ max-width: 95%; max-height: 95%; }
  #SpecColLeft { padding: 10px 0px; }
  .pricingWrapper { width: 43%; }
  .infoContainer{  }
  #sort_by, #sort-by{ width: 100%; margin: 0 auto; padding: 5px 0px;}
  #sort-by option{ padding: 5px 0px; }
  .breadcrumb { display: none; }
  .prodDetailContainer { display: none; }
  .ProdDescription h2, .prodspecification h2, .infoContainer h3, .shareContainer h3{ font-size: 28px; }
  .ProdDescription p, .prodspecification p, .infoContainer p, .shareContainer p{ font-size: 15px; }
  .paginationWrapper, .paginationWrapperTop{ text-align: center; width: 100%;}
  .productCardPrice { font-size: 59px; line-height: 42px; }
  .incVat { clear: both; display: block; margin-top: 18px; margin-bottom: -22px; }
  .productgridprice .incVat { margin-top: 0; }
  #productDEL, #compare{ display: none; }
  .highlightHeader{ font-size: 32px; line-height: 15px;}
  .highlightSubHeader { font-size: 18px; }
  .highlight{ margin: 5px auto; }
  .noSearch{ min-height: 400px; }
  .machineSelectContainer{width: 100%; margin: 0 auto; }
  #DeptNameValue, #DeptNumValue { text-align: center; }
  #DeptNameValue select{ width: 98%!important; padding: 10px 0px; margin: 0 auto;}
  #DeptNumValue select{ width: 98%!important; padding: 10px 0px; margin: 0 auto;}
  #brand input { float: right; margin-right: 5px; }
  .responsiveOnly{ display: block; }
  .machineSelectContainer{ background: #F2F1F1; }
  #vcardSearch{ width: 100%; }
  .searchAlt .relatedProdWrapper{ width: 48%; margin: 0.5%; float: none; display: inline-block;}
  .discontinued { left: 0; margin-top: -3px; overflow: hidden; position: relative;}
  .discontinued img { margin-left: -527px; }
  .homeSection{ width: 22%; min-height: 120px!important;}
  .homeSection h3{ text-align:center; font-size:22px; min-height: 40px;}
  .productCardPrice .incVat { font-size: 18px; }  
  .mobileFull { width: 97%!important; }
  #Alternative3, #Alternative4, #Cross-Sell3, #Cross-Sell4{ display: none!important; }
  
  #homeSectionTile-Furniture{
  background: url(../images/opinfo/section-tile-furniture_mobile.png) no-repeat center 0px;}

  #homeSectionTile-InkTonerSupplies, #homeSectionTile-InkAndTonerSupplies{
  background: url(../images/opinfo/section-tile-InkTonerSupplies_mobile.png) no-repeat center 0px;}

  #homeSectionTile-OfficeSupplies{
  background: url(../images/opinfo/section-tile-OfficeSupplies_mobile.png) no-repeat center 0px;}

  #homeSectionTile-PaperSupplies{
  background: url(../images/opinfo/section-tile-PaperSupplies_mobile.png) no-repeat center 0px;}

  #homeSectionTile-PremisesManagement{
  background: url(../images/opinfo/section-tile-PremisesManagement_mobile.png) no-repeat center 0px;}

  #homeSectionTile-TechnologyMachines, #homeSectionTile-TechnologyAndMachines {
  background: url(../images/opinfo/section-tile-TechnologyMachines_mobile.png) no-repeat center 0px;} 
  
  #homeSectionTile-InkTonerFinder{
  background: url(../images/opinfo/section-tile-ink-toner-finder_mobile.png) no-repeat center 0px;} 
  
  #homeSectionTile-DealerLocator{
  background: url(../images/opinfo/section-tile-dealer-locator_mobile.png) no-repeat center 0px;}  
  
  
  
  .responsiveOnly { display: block; }
  .responsiveHide { display: none; }
  
  .ProdImageContainer { width: 44%; }
  
  .ProdDescription{ width: 98%; margin: 0 auto; float: none;}
  
  .prodVideoWrapper{ margin: 0 auto; float: none; }
  
}

/* mobile */
@media only screen and (max-width: 480px) {
  #header {height: auto;}
  #searchbox { margin-top: -15px; background: #fff;  padding: 20px 0px; z-index: 1; width: 100%; margin-right: 0px;}
  #searchForm{ margin-top: 0px; width: 92%; margin: 0 auto;}
  #searchQuery{ border: 1px solid #ccc; width: 96%; }
  .productgridbrand{ display: none;}
  #productDEL, #compare{ display: none; }
  .productgridprice { width: 32%;}
  .productgriddetails {width: 44%;}
  .sectionlinks {width:33%; min-height: 144px;}
  .alternatives, .youMayAlsoNeed { width: 98%; margin: 0 auto; float: none;}
  .leftFooterBanner, .rightFooterBanner{ width: 96%; float: none; margin: 10px auto; }
  .prodImageContainer{ width: 98%; float: none; margin: 0 auto; }
  .pricingWrapper{ width: 98%; float: none; margin: 10px auto; }
  #logo{ z-index: 999; }
  #logo img{ margin-left: 0px; position: relative; width: 232px;}
  .footerMenuWrapper {width: 100%; margin: 10px 0px;}
  .footerMenu { width: 98%; margin: 0px; float: none; text-align: center;}
  .footer-wrapper{ height: 300px; }
  .ProdDescription h2, .prodspecification h2, .infoContainer h3, .shareContainer h3{ margin-top: 0px; padding-top: 0px; font-size: 20px;}
  .ProdDescription p, .prodspecification p, .infoContainer p, .shareContainer p { font-size: 13px; width: 98%; margin: 0 auto;}
  .footerMenu a { background: #444 none repeat scroll 0 0; border-radius: 5px; color: #fff; font-weight: bold; padding: 5px 10px; text-decoration: none;}
  .menuWrapper ul > li { width: 90%; }
  .breadcrumb{ display: none; }
  .menuWrapper {display: none;}
  .responsiveMenu{ display: block; float: right; margin: 15px 15px 0px 0px;}
  .responsiveMenu span { 
      width: 45px; 
      height: 45px; 
      display: block; 
      background: #555; 
      border-radius: 5px; 
      text-align: center; 
      color: #fff; 
      font-weight: bold; 
      background: url(/images/opinfo/responsive-menu-icon.png) center top no-repeat #F58021;
      background-size: 45px 45px;
      cursor: pointer;
  }
  .homeImage { width: 94%; }
  .homeOPBlog, .homeInkAndToner { width: 94%; display: block; clear: both;}
  .homeSections{ clear: both; }
  .paginationWrapperTop{ width: 100%; }
  #sort_by, #sort-by{ width: 100%; margin: 0 auto; padding: 5px 0px;}
  #sort-by option{ padding: 5px 0px; }
  .paginationWrapperTop{ margin-top: -52px; }
  .productCardPrice{ font-size: 61px; line-height: 46px;}
  .highlightHeader{ font-size: 18px; }
  .searchEmpty { width: 95%; margin: 10px auto; float: none; }
  .noSearch{ min-height: 480px; }
  .searchAlt .relatedProdWrapper{ width: 98%;}
  .relatedProdWrapper {height: 270px;}
  .discontinued img { margin-left: 0; max-width: 100%;}
  .discontinued { margin-top: -50px; }
  .standardDiscontinued { display: none;}
  .mobileDiscontinued {display: block;}
  .homeSection{ width: 45%; min-height: 120px!important;}
  .homeSection h3{ text-align:center; font-size:18px; min-height: 40px;}
  .mobileOnlyHide{ display:none; }
  .mobileOnlyShow { display: block; }
  .productCardPrice .incVat { font-size: 22px;}
  .btnViewProduct {display: none;}
  .rrpTag{ float: left; left: -0px; position: absolute; top: 82px;}
  .noSearch > .homeInkAndToner{ display: none; } 
  .homeSectionSub{ display: none; }
  
  .ProdImageContainer {
    float: none !important;
    margin: 10px auto 25px !important;
    width: 92% !important;
  }
  
  .ProdDescription{ width: 98%; margin: 0 auto; }
  .prodVideoWrapper{ display: none; }
  
 }

.postofc-wrapper{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.dropbtn {
    background-color: lightskyblue;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: 1px solid;
    cursor: pointer;
	width: 100%;
	text-align: center;
}
.postofc {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
}
#myInput::placeholder {
	color: #f9f9f9;
}
.postofc_left {
	width: 58%;
	float: left;
	text-align: left;
	box-sizing: border-box;
	margin-right: 10px;
}
.postofc_product {
	width: 100%;
	float: left;
	text-align: left;
	box-sizing: border-box;
	margin-right: 10px;
	display: inline;
}
.postofc_right {
	width: 40%;
	float: left;
	text-align: left;
	box-sizing: border-box;
}

.postofc-content {
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    width: 550px;
    top: -10px;
    border-left: 7px solid #d76f14;
    left: -230px;
    z-index: 9999;
}

.postofc-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	line-height: 1.5em;
    font-size: 16px;	
	border-bottom: 2px dotted #ccc;
	color: #666;
	border-radius: 0px;
}
.postofc-content a:hover{
	color:#d71440;
	font-weight: bold;
}


.postofc-content a:last-of-type{
	border-bottom: none;
}

.postofc-content .postofc-head {
	font-weight: 600;
	cursor: default;
    font-size: 17px;
	padding: 10px 10px 10px 15px;
	background: none;
	color: #052743;
	border-radius: 0;
	border-bottom: 2px dotted #052743;   
}
.show {display:block;}

/* opdealer suggester styling ends */

/* opdealer leftnav bar facet styling starts */

.searchBoxSolr {
	color: #666666;
	width: 90%;
	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;
}

.mainContentNav {
    border: 1px solid #CCCCCC;
    display: block;
    width: 302px;
    margin-bottom: 20px;
}

.filtermenu div.submenu ul li {
    display: block;
    height: 25px;
    padding-left: 10px;
    width: 272px;
    list-style-type: none;
}

.filtermenu {
    margin: 5px 0;
    padding: 0;
	background: #F4F1EC!important;
}

.filtermenu a{
    border: medium none;
    display: block;
    padding: 0 0 0 10px;
    border-bottom: 1px solid #e4e4e4;
	color: #5b5b5b!important;
}

.filtermenu div.submenu ul li a {
    background: url("/Images/Postoffice/redarrow.png") no-repeat scroll 10px 7px transparent;
    display: block;
    padding: 3px 0 5px 20px;
    text-decoration: none;
    list-style-type: none;
}

.filtermenu a.menuitem .statusicon {
    border: 1px none;
    position: relative;
    right: 0;
    top: 7px;
}

.filtermenu div.submenu ul li {
    display: block;
    height: 25px;
    padding-left: 10px;
    width: 272px;
    list-style-type: none;
}
.podheadred {
 border-bottom: 1px solid #CCCCCC;
    display: block;
    font-size: 22px;
    font-weight: bold;
    min-height: 22px;
    padding: 5px 10px 8px;
    width: auto;
}

.mainContentNav .refineTitle2 {
    display: inline-block;
    font-size: 16px;
    margin-top: 0;
    padding: 6px 0px 9px 11px;
	color: #5b5b5b!important;
}

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

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

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

.submenusolr li label{
  cursor: pointer;
}

.submenusolr ul{
    margin-left: -10px;
}