/* Add styles specifically for this site here */


body { background-position: top center; background: #fff; }
body, input, password, textarea { font-size: 15px; color: #222; font-family: 'Open Sans', Arial; }

h1, h2, h3, h4 { margin-bottom: .3em; }
h2, h3, h4 { margin-top: .9em; }
h2:first-child, h3:first-child, h4:first-child, h2.caption { margin-top: 0px; }
h2.caption { text-transform: uppercase; }

x.art-button-wrapper input.art-button { height: 17px; }

.art-post-body { padding-top: 5px; }
.art-content { padding-top: 0px; margin-top: 0px; }
.art-layout-cell { vertical-align: top; padding-top: 0px;  }
.art-content-layout-row, .art-content-layout { vertical-align: top; padding-top: 0px; }

.art-content .art-block { margin: 0px; }
.art-button-wrapper  { margin-bottom: 2px; }

#rightnav { padding-top: 10px; }

#header { background: navy; }
xnav > div .sm-simple a { color: #fff; }
nav { background: #7C9F3D; }
nav { background: #fff; }
nav > div { background: #444; }

xdiv.art-header-jpeg {}
xdiv.art-header-jpeg {
background-image:url("images/logo-drakes.png");
background-position: 10px center;
background-repeat:no-repeat;
height:106px;
left:0;
position:absolute;
top:7px;
width:453px;
z-index:-1;
}

.ProdsNav h1 {  width: 180px; } 
x.art-header { background: rgb(245,222,113); color: black;  } 
x.art-header a:link, .art-header a:visited { color: black !important;  } 

#art-flash-container { position: absolute; left: 250px; width: 300px; }

#logindiv { xfloat: right; text-align: right; z-index: 2000; color: #fff; }
x#logindiv a { color: #fff !important; text-decoration: none; }
#searchdiv { position: absolute; right: 290px; top: 85px; text-align: right; z-index: 2000;  background: url(images/search_bg.png); padding: 5px 7px 9px 7px; }
#searchdiv input { font-size: 13px; font-style: italic; }
#searchdiv input[type=text] { margin-left: 10px; margin-right: 10px; border: 0px; }
.welcomenote { xpadding: 6px 0px 2px 5px; xmargin-bottom: 6px; text-align: right; }
#search input[type=text] { border: none; }

.ink_quickfind { border: 0px; }
.ink_brands { border: 0px; }

.catsnav { margin: 0 ; padding: 0; width: 205px; border: 0px solid #021D73; }
.ProdsNav h1 { margin-left: 0px; margin-bottom: 2px; padding: 3px 0 3px 3px; xbackground: #021D73; border-top: 1px solid #fff; width: 180px; } 
.ProdsNav h1:first-child { border-top: 0px; }
.ProdsNav h1 a {font-weight: normal !important; font-family: verdana; font-size: 14px !important; margin:0px;padding-left:2px; font-size: 13px; 
			color: #000 !important; }
.ProdsNav h1 a:visited, .ProdsNav h1 a:link  { color: #C7C7F0; }
.ProdsNav h1 a:hover { text-decoration:none;  }
.ProdsNav h1.selectedrow a { color: eee; }
.ProdsNav h2 { margin-left: 10px; xbackground-color: #ffffff; margin: 0px;  } 
.ProdsNav h2 a {font-weight: normal !important; font-size: 12px !important; font-family: verdana; padding-left:10px; display: block; margin:0px; 
				background-image:url("images/blockcontentbullets.png");background-repeat:no-repeat; background-position:0px 0px; }
.ProdsNav h2 a:link { color: #444; }
.ProdsNav h2 a:visited { color: #444; }
.ProdsNav .art-blockcontent-body { padding: 0px; }
td.ProdsNav { width: 200px; padding-right: 10px; }
td.ProdsNav div { text-align: left; padding-left: 0px; }
div.ProdsNav {float:left; width:172px; margin-right:10px;font-family:Verdana, Arial, Helvetica, sans-serif}

.art-article img { margin: 5px !important; }
.art-article .ProdsNav img { margin: 0px !important; }

h2 {margin-bottom: 5px; }

.subcatitem {
	padding-left: 0px;
	xbackground-image:  url(img/subcat.gif);
	xbackground-repeat: no-repeat;
	xbackground-position: 5px .25em;
	padding-bottom: 0px;
}

.subcatitem a{ text-decoration:none; word-break:break-all; }

.products_th td { height: 26px; background: url("images/blockcontent_h.png"); xbackground: url("images/blockheader.png"); }
.products_th td a { color: black; }

.cartimage { background: url(img/cart2b.png) no-repeat; height:60px; width: 70px; margin-left: 40px; cursor: hand; }

.feat-banners {
	overflow: hidden;
}
.feat-prod .fpmain { 
	height: 250px; 
	width: 100%; 

	background-color: #ddd; /*lightblue; /*#ddd;*/
	border: 0gb(215,159,4) solid; 
	cursor: pointer;
	font-family: arial;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	overflow:hidden; 
}
.feat-prod .fpbg {
	/*position: relative;*/
	height: 100%;

	background-color: white; 	
	opacity: 0.8;
	filter:alpha(opacity=90);
}
.feat-prod .fpimg { 
	/*position: absolute;
	left:10px;*/
	margin-left: 10px
	margin-right: auto;
	width: 48%; 
	height: 250px; 

	overflow:hidden; 
	background-position: center center; 
	background-repeat: no-repeat; 
	/*filter:alpha(opacity=80);*/
}
.feat-prod .extra { 
	/*position: absolute;
	right: 20px;
	top: 20px; */
	margin-left: auto;
	margin-right: 15px;
	margin-top: -240px; 
	height: 84%;
	width: 48%; 
	text-align: right; 

	color: #444; 
	font-size: 20px; 
	font-weight: normal;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
}
.feat-prod .desc { 
	/*position: absolute;
	bottom: 5px;
	right: 10px;*/
	margin-left: 0px;
	margin-right: auto;
	height: 20px; 
	padding: 5px; 
	width: auto;
	xdisplay: inline;

	background-color: #eeeeee; 
	color: #444; 
	font-family: arial;
	font-size: 20px; 
	font-weight: normal; 
	text-align: center; 
	opacity: 0.8; 
	/*filter:alpha(opacity=80);*/
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.feat-prod .price {
	color: red;
	font-size: 40px; 
	margin-bottom: 5px; 
	font-weight: normal;
}
.feat-prod a { 
	text-decoration: none; 
}

.feat-prod-2 .fpmain { 
	background-color: lightblue; 
}
.feat-prod-2 .fpimg  { 
	/*right: 10px;
	left: auto; */
	margin-left: auto;
	margin-right: 10px;
}
.feat-prod-2 .extra { 
	/*left: 15px;
	right: auto;*/
	margin-left: 10px;
	margin-right: auto;
	text-align: left;	
}
.feat-prod-2 .desc { 
	/*left: 10px;
	right: auto;	*/
	margin-left: auto;
	margin-right: 10px;
}

.jshowoff-controls a { margin-right: 10px; color: #777; }
.jshowoff-controls { margin: -4px 0 10px 0; padding: 0px; text-align: right;}

.productBox {
	background-color:#EBEBEB;
	padding: 10px 20px 20px 20px;
	height: 565px;
}
.subBox {
	background-color:#FFFFFF;
	width: 180px;
	height: 275px;
	text-align: center;
	color: #000033;
	font-size: 10px;
	font-weight: bold;
	float:left;
	_display: inline;
	margin: 6px;
	padding: 0;
}


.prodetail_title {
	font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ff7309;
	
	padding-top:0;
	margin-top:0;
    width:450px;
}
.prodetail_price {
	xfont-family:'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #021C74;
}
/*.prodetail_otherprice { margin-left:38px; }
.prodetail_bulk {padding-left:38px; }
.categ_instr{color:#000066}*/
/*.addtoord{padding:0px;margin:0;float:left;margin-left:40px;margin-top:10px;z-index:3;}*/
.prodetail_addtofav { background-image:url(img/adf.gif);background-repeat: no-repeat;font-size: 22px; text-decoration: none;margin-top:-25px;margin-right:140px;padding:8px;z-index:2;float:right}
.prodetail_delfromfav {background-image:url(img/dff.gif);background-repeat: no-repeat; font-size: 22px; text-decoration: none;margin-top:-25px;margin-right:140px;padding:8px;z-index:2;float:right}
.prodetail_image{float: left; width:200px; height: 200px;border: 1px solid #E4EBF1;text-align:center;}

.prodetail_box{ float:left; width:300px; margin-left: 20px; }
.prodetail_code{ font-size:11px; color:#333; margin-left: -10px; padding: 5px 0 5px 10px;width:auto; background-color:#E4EBF1; }
.prodetail_qty{font-size:12px; font-family:'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; font-weight:bold; color: #2a4e5e;}
.prodetail_cat{font-size:10px; font:Arial; font-weight:bold; color: #666666;}

.prodetail_extra { margin-top: 20px; }

#hdg_help { font-size: 24px; font-weight: bold;  }
.faq_txt1 { font-size: 18px; display: block; margin-bottom: 10px; }
.prodsrt { padding-left: 10px; width: 600px; }
.helpdrill { width: 160px; }


ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
	xheight: 20px; 
}
ul.tabs li {
	list-style:none;
	display:inline;
	background-image: none;
	xpadding: 0px;
	xmargin: 0px;
	line-height: 1.3em;
}
ul.tabs li a {
	background-color:#0097f1;
	color:#fff;
	padding:8px 14px 8px 14px;
	xmargin: 0px;
	text-decoration:none;
	font-size:11px;
	border:1px solid #ddd;
	background-image:url(images/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #ddd; 
	border-bottom: 1px solid #ffffff;
	background-image:url(images/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #ddd; 	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/content_bottom.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
#content_2, #content_3 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	xtext-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}
#content_choose, #content_services { display:none; }

#ctl00_MPMain_pnlCats { margin-bottom: 10px; }

x.promoitems .art-blockcontent-body, .promoitems .products_th td { xbackground: red; color: white; }
x.promoitems .art-blockheader { display: none;  }
x.promoitems .catsnav { background-color: white; }
x.promoitems .ProdsNav h1 { background-color: orange; border-color: orange; }
x.promoitems .ProdsNav h1 a { color: white; }
x.promoitems .caption { color: orange; }

.specialcat_E .art-blockcontent-body, .specialcat_E .products_th td  { background: #CBF8B4; }
.specialcat_E .caption { color: #327F0B; }

.costcentres { width: 450px; background: #eceefb; padding: 2px 5px 2px 5px; xmargin-bottom: 6px; text-align: center; margin-top:0px; float: right; }
.costcentres  select { width: 300px; }

.featuredprod { background-color:#ffffff; border:0px solid rgb(252,216,0); width:100%; height: 265px; 
				text-align: center; text-decoration:none; cursor:hand; 
				background-position:center 50px; margin-bottom: 10px; margin-right: 5px; 
				opacity: 0.9; filter:alpha(opacity=90); position:static; 
				padding: 4px; 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
				}
.featuredprod a { text-decoration:none !important; }
.fp_x a, .fp_y a, .fp_z a { text-decoration:none !important; }
.featuredprod a:hover { text-decoration:none; }
.featuredprod .desc {color: #000; font-weight:bold; font-size:13px; height:40px; 
					font: Verdana, Arial, Helvetica, sans-serif; padding: 3px 5px 5px 5px; 
					text-align: center; position:static;
					margin-top: -265px; margin-left: 0px; background-color: #fff; }
.featuredprod .code { font-size:10px; color:#274c5c; font-weight:bold; display: none;}
.featuredprod .price { font-size:24px; color:rgb(2,29,115); font-family: Arial; 
						font-weight:normal; position:static; 
						margin-right: 3px; margin-top: 140px; text-align:center; }
.featuredprod .extra 
{
	text-align: center !important; 
	xborder-top: 1px solid #999; 
    margin: 217px 0px 0px 0px; 
    height: 42px; 
	vertical-align:middle; 
    background: #021D73; 
    padding:0 5px 5px 5px; 
	z-index:20;   
    font-size:12px; 
	color:#fff; 
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	overflow: hidden;
	xopacity: 0.8;
}
.featuredprod .extra table { width: 100%; }
.featuredprod .extra td { text-align: center !important; }

.aviaslider{ 
height:185px !important; 	/*this changes the height of the image slider*/
width:580px !important;
}
.ProdsActual .aviaslider { margin-top: 5px; }

.prodimg { width: auto; height: 140px; border: 0px; vertical-align: middle; }
.proddesc { color: #111; font-size: 14px; font-weight: normal; height: 50px; }
.prodprice { color: red; } 
.multicollist_tr td { text-align: center; width: 185px; } 
.multicollist_tr .prodcode { display: none; }
.multicollist_tr .prodprice { font-size: 24px; color: rgb(2,29,115); }
.multicollist_tr .incextax { display: block; font-size: 12px;  }

.prodscomparison A { TEXT-DECORATION:NONE; }
.prodscomparison td { border: 1px #dddddd solid; border-collapse:collapse; vertical-align:text-top; padding: 3px; width: 170px; }
.prodscomparison td { text-align:center; }
.prodscomparison th { padding-right: 5px; }
.prodscomparison .proddesc { color: #009ecf; font-size: 11px; font-weight: bold; height: 40px; }
.prodscomparison .prodlongdesc { margin: 10px 0px; color: #222222; font-size: 10px; font-weight: normal; text-align:left; }
.prodscomparison .prodbullets { margin: 10px 0px; color: #009ecf; font-size: 10px; font-weight: normal; text-align:left; }
.prodscomparison .prodimg { width:155px; height: 100px; padding:5px; text-align:center; border:none;}
.zprodscomparison .prodimg img { height: 100px; }
.prodscomparison .prodprice { color: red; font-size: 16px; font-weight: bold; margin-top: 5px;}
.prodscomparison .prodcompare { text-align: right; }

input#login, input#password { width: 60px; }

#sharefbtw { padding-top: 5px; text-align: right; padding-right: 8px; }

.welcomenote a { color: black; text-decoration: none; } 

.crossedout { text-decoration: line-through; }
.hlt { color: red; font-size: larger; }

.art-postcontent { padding-right: 10px; padding-left: 0px; padding-top: 0px; margin-top: 0px;  }

div.art-block img { margin: 0px; }

#MPMain_CtlProduct1_pnlProductFields { margin-top: 10px; }

td_search .search_box { width: 490px; height: 20px; padding: 2px; }
	
#topbuttons #branddropdown { width: 235px; padding-top: 13px; height: 80px; text-align: center; }
#topbuttons #branddropdown span { display: block; margin-top: 2px; margin-bottom: 2px; color: #888;  }
#topbuttons #searchconsumable { width: 510px; text-align: right; margin-top: 5px;  }	
#topbuttons #searchmachine { margin-top: 10px; width: 510px; text-align: right; }	
table#topbuttons { font-size: 16px; font-weight: bold; font-family: Arial;  background-color: #eee; color: #888; border-collapse: collapse; }
table#topbuttons td { padding: 0px 9px; }
#topbuttons input, #topbuttons select { font-size: 16px; font-family: Arial; }
#topbuttons .td_brand { background-color: rgb(0,35,149); border-right: 2px #e7e7e7 solid;  }
#topbuttons .td_search { background-color: rgb(0,35,149); color: #fff; width: 550px; }


.blur, .default { color: #555; }
.blur { font-style: italic; }

#divMainGrid span.summary { display: block; padding-top: 5px; padding-bottom: 5px; text-align: right; }
.pagesummary { padding-top: 5px; padding-bottom: 5px; text-align: right; }

.printheader { display: none; }

.dt-grid { border-collapse: collapse; width: 100%; }
.dt-grid td, .dt-grid th { border: 0px solid #ccc; xcolor: #333; padding: 3px; xword-break: break-all; xwidth: 100px; }
.scrollTableHead .dt-grid td { font-weight: normal; xfont-size: 11px; padding: 3px 3px; color: #444;  }
x.dt-grid td { padding-left: 2px; padding-right: 2px; padding-top:2px; padding-bottom: 3px; }
.dt-grid tr.gr-h { background-color: #777; height: 30px; color: #fff; }
.dt-grid th { color: #fff; }
.dt-grid tr.gr-h a { color: #fff; }
.dt-grid tr.gr-n { background-color: #fbfbfb; }
.dt-grid tr.gr-n td {  border-bottom: solid 1px #d5d5d5; border-top: solid 1px #d5d5d5; padding:3px 3px; height: 18px; }
.dt-grid tr.grp-hdr { margin-top: 10px; }
.dt-grid tr.grp-hdr td { padding: 0px; padding-top: 15px; width: auto; }
.dt-grid tr.grp-hdr td b { padding: 6px 5px 2px 10px; display: block; float:left; height: 20px; background: url(../images/coursebg.png); color: White; }
.dt-grid tr.grp-hdr td span { display: block; float:left; width: 18px; height: 28px; background: url(../images/coursebg2.png) right center no-repeat; }
.dt-grid tr.grp-hdr b {  font-weight: normal; }
.dt-grid a:active, .dt-grid a:link, .dt-grid a:visited   { color: #333; }
div.scrollTableHead .dt-grid a {  }

table.machinelist  td i { color: red; font-style: normal;  }
.dt-grid td i { color: red; font-style: normal;  }
.multicol td i { color: red; font-style: normal;  }
.dt-grid .c_code  { width: 100px; }
.dt-grid .c_colour { text-align: center; }
.dt-grid .c_yield { text-align: center; }
.dt-grid .c_price { width: 60px; text-align: right; }
.dt-grid .c_stock { width: 40px; text-align: center; }
.dt-grid .c_ext { width: 60px; text-align: right; }
.dt-grid .c_del { text-align: center; }

table.machinelist .machineimg { height: 100px; }
table.machinelist .machinedesc a { text-decoration: none; color: #333; font-size: 13px; }
table.machinelist { border-collapse: collapse; }
table.machinelist td { border: 1px solid #f4f4f4; padding: 5px; width: 145px; text-align: center; }

#ConsumableList .instr { font-size: 16px; margin: 10px 0px; }

#divMachine { margin-top: 10px; }


.fade-banner img { margin: 0px; }
ximg { margin: 0px !important; }

.brandlogos { margin-left: 430px; margin-top: 15px; }

.art-nav .t { text-transform: capitalize; }
.art-block .t { text-transform: capitalize; }

.prodetail_extra th { text-align: left; padding: 5px; vertical-align: top; }
.prodetail_extra td { padding: 5px; vertical-align: top; }

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

.simplemodal-data h2 { font-size: 16px; font-weight: bold; }

p { line-height: 130%; }

.tt_tabmenu { text-align:left; margin-top:0px; }
.tt_tabmenu UL { PADDING: 0px; MARGIN: 0px; BACKGROUND-COLOR: #e0e0e0; HEIGHT: 18px }
.tt_tabmenu UL LI { BORDER-LEFT: white 1px solid; PADDING: 5px; DISPLAY: inline; 
			VERTICAL-ALIGN: middle; HEIGHT: 20px }
.tt_tabmenu UL LI A { COLOR: black; TEXT-DECORATION: none; height:28px; }
.tt_tabmenu UL LI A:visited { COLOR: black; TEXT-DECORATION: none }
.tt_tabmenu UL LI A:hover { COLOR: gray; TEXT-DECORATION: none  }
.tabonli { BACKGROUND-COLOR: whitesmoke; }
.tabonli A:hover { COLOR: black; TEXT-DECORATION: none }
.art-postcontent .tt_tabmenu li { margin-left: 0px; }

.freightcalculator { 
	position: absolute;
	left: 300px; 
	top: 100px; 
	width: 300px; 
	display: inline; 
	z-index: 20; 
	text-align: left;
	background-color: #FAE500; 
	border: 5px solid #777; 
	padding: 0px 0px 10px 10px; 
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

.freightcalculator table table{ 
	padding: 0 10px 10px 0; 
	}
.freightcost { font-size: 14px; color: navy; }

.prodetail_calcfreight{ margin-top: 20px; display: block; margin-right: 40px; }

.storedetails .store-name { font-weight: bold; }
.storelist-disclaimer { margin-top: 50px; font-size: 9px; }

.ink_search .search_label { display: none; }
.ink_search .search_box { width: 220px; font-size: 14px; }

.machines_multicol td { border: 0; }

div.catsnav {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.art-postcontent { padding-left: 3px; padding-right: 10px; margin-top: -10px; }
x#MPMain_pnlProds { margin-top: -10px; }
x.topmenu { float: left; margin: 5px 5px 10px 25px; font-size: 12px !important; }
.topmenu a {  text-decoration: none !important; }

x.caption div { margin-left: 5px; }

#cartdiv { position: absolute; right: 30px; top: 55px; background: url(images/cart-bg.png) no-repeat; 
			height: 85px; width: 190px; 
			padding-top: 35px; 
			text-align: center;
			line-height: 1.6em;
			font-size: 13px; 
		}
#cartdiv a { text-decoration: none !important; color: #333; }
#cart-inner { background: url(images/cart-bg.png) no-repeat; 
			xheight: 85px; width: 190px; 
			padding-top: 35px; 
			text-align: center;
			line-height: 1.6em;
			font-size: 13px; 
		}
#cart a { text-decoration: none !important; color: #333; }


.admin .art-postcontent .art-block { margin-right: 10px; margin-bottom: 10px; } 

.inkandtoner_ .ink_table { padding-top: 0px; }
.inkandtoner_ .ink_qf_top { display: none; }
.inkandtoner_ .ink_nav2 { xwidth: 235px; text-align:center; padding: 20px;  background-color: rgb(2,29,115); color: #fff; font-size: 14px; 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.inkandtoner_ .ink_nav2 input { font-size: 14px !important; }
.inkandtoner_ .ink_nav2 input[type=text] { xwidth:185px; font-style: italic; border: 0px; }
.inkandtoner_ .ink_nav2 h2  { color: rgb(252,218,0);  margin: 0px 0px 10px 0px; }
.ink_search_printers_2, .ink_search_cartridges_2{ background-color: #fff; padding: 5px 0px 5px 5px; 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.inkandtoner_ .ink_nav .blockstyle { padding-top: 0px; }
x.inkandtoner_ .ink_main { padding-left: 10px; width: 100%; padding-right: 0px; margin-right: 0px; }
x.inkandtoner_ .ink_main img { margin: 0px; padding: 0px; }
.inkandtoner_ .ink_quickfind { width: 260px; border: 0px ; }
.inkandtoner_ .ink_quickfind select { margin-bottom: 5px; font-size:11px; width: 130px; }
.inkandtoner_ .ink_brands2 { width: 260px; border: 0px ;  display: none; }
.inkandtoner_ ul.brandslist li { background-image:none; padding-left: 0px; line-height: 10px; }
.inkandtoner_ .brandslist ul li { background-image:url("images/blockcontentbullets.png"); padding-left: 10px; }
.inkandtoner_ .brandslist ul { margin-left: 10px; }
.inkandtoner_ .brandslist ul li a:link { color: #444444; }
.inkandtoner_ .art-sidebar1 { display: none !important; }
.inkandtoner_ #sidebar { display: none !important; }

.brandslist ul li { padding-left: 10px !important; }
.brandslist ul { margin-left: 0px !important; }
.brandslist div { margin-left: 8px !important; }

#dtautosuggest { 
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#MPMain_CtlProdLst1_pnlProd_List { margin-top: 10px; }

.art-postcontent h2 { line-height: 25px; margin-bottom: 8px; }

.dt-tabDetails{ margin-top: 34px; }

#sidebar a { text-decoration: none; }

.pg_nav { display: table-cell; width: 180px; margin-right: 10px; }
.pg_main { padding-left: 15px; }


.block-content ul {
	list-style-image: url("img/subcat.gif");
    padding-bottom: 5px;
    padding-left: 20px;
}

#posts { min-height: 380px; }

table.adminblocks  tr td:not(:first-child) { padding-left: 15px; }

.helpdrill .block-content ul { list-style: none inside; padding-left: 0px; }
.helpdrill .block-content ul li { background-color: inherit; font-weight: bold; }
.helpdrill .block-content ul ul li { list-style-image: url(img/subcat.gif); padding-left: 0px; font-weight: normal; }
.helpdrill .block-content li a { padding-left: 0px; }
.helpdrill .block-content ul ul  { margin-left: 20px; list-style: none outside; background-color: inherit; }

#hdg_help { margin-left: 0px; }
#MPMain_pnlHelp div { margin-left: 0px; }
#MPMain_pnlHelp span.faq_txt1 { margin-left: 0px; }
td.helpdrill { margin-right: 15px; }

xsection.block p { padding: 0px 5px;}

.es { font-style: italic; font-weight: bold; }
.es .es-script { color: #FF5500; font-weight: normal; }

#logindiv2 a { text-decoration: none; }

a { color: #333; } 

section.block p { padding: 10px; margin: 0px; }

#posts { min-height: 500px; }

td.ProdsActual { min-width: 80%; }
.homepage .Table1 { width: 100%; }
x.homepage #sidebar { display: none; }
x.homepage #posts { width: 100%; padding-right: 0px; }
x.homepage td.ProdsActual { width: 100%; }

#simplemodal-container a.btn { color: #fff !important; }
#footer1 { width: "30%"; display: inline-block; margin-right: 100px; }
#footer2 { width: "30%"; display: inline-block; }
#footer3{ width: "30%"; display: inline-block; }

#topmenu { xpadding: 5px 0px; }
#topmenu > a, #topmenu > span { display: inline-block; border-right: 1px solid #fff; padding: 0px 10px; line-height: 0.9em; }
#topmenu > a:last-child { border-right: 0px; }
#topmenu > a:first-child { padding-left: 0px; }

#hoveringcart { border: 1px solid #ccc; padding: 5px; background: #fff; width: 220px; border-radius: 5px; 
box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.80);}

.pg_nav { display: none; }
.pg_main { padding-left: 0px; }

i.find-store-icon { display: inline-block; background-image: url(images/storeiconb_t.png); width: 22px; height:23px; vertical-align: middle; }
i.view-cart-icon { display: inline-block; background-image: url(images/carticonb_t.png); width: 27px; height:25px; vertical-align: middle; }
i.login-icon { display: inline-block; background-image: url(images/loginicon.png); width: 15px; height:25px; vertical-align: middle; }
i.register-icon { display: inline-block; background-image: url(images/registericon.png); width: 20px; height:25px; vertical-align: middle; }
#logindiv { xpadding-top: 7px; }

nav a { border-right: 0px; }

.orderitems .scrollTableFoot  { display: none !important; }
.orderitems .summary  { display: none !important; }
.orderitems #mainGrid { margin-top: 10px; }
#divTotals { text-align: right; margin-right: 20px; margin-top: 5px; }
#divTotals table { width: 100%; }
#divTotals .totallabel { width: 90%; }

#divProdSearchList { margin-top: 10px; }
#divProdSearchList table { border-collapse: collapse; border: 1px solid #ddd; }
#divProdSearchList td:first-child { min-height: 40px; display:inline-block; }
#divProdSearchList td { font-size:14px;  }

input[type=text], input[type=password] { font-size: 14px; }
.total_final { font-weight: bold; font-size: 20px; }

x.multicollist_tr td > div { border: 1px solid #ccc; margin: 5px; 
-webkit-box-shadow: 1px 3px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 3px 2px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 3px 2px 0px rgba(50, 50, 50, 0.75);
 }
 
.store-details { color: #fff; text-transform: uppercase; margin-bottom: 7px; }

x.productspage  #sidebar { display: none; }
x.productspage #posts { width: 100%; }

ul.mega-menu { width: 600px !important; max-width: 700px !important; 
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px; 
	border-top-right-radius: 10px; 
	}
	
table.subcatbox { width: auto; min-width: 80%;}

.breadcrumbs, .breadcrumbs a { font-size: 11px; }
.breadcrumbs a:not(.btn) { text-decoration: underline !important; }
.breadcrumbs a.btn { color: #fff; float:right;}

#MPMain_pnlCats { display: none; }

.btn_so { padding: 20px; font-size: 16px; border-radius: 10px; }
x#MPMain_btnCheckout { background: navy; color: #fff; display: inline-block; padding: 20px; font-size: 16px; border-radius: 10px; }
#MPMain_btnMyOrders { display: none; }
#MPMain_btnContinueShopping { display: none; }
.shoppingcart tr.total td { white-space: nowrap; }

tr.products_th td { padding: 7px; }

#MPMain_txtSpecialInstructions { margin-bottom: 5px; }

div.order-head-block { display: inline-block; vertical-align: top; margin-right: 10px; }
.order-edit-head  td { display: inline-block; min-height: 25px; }

#header > div .top-btns a {
    color: #fff;
}

@media screen and (max-width: 767px) {
	.xwelcomenote { xdisplay: none; }
	#logindiv { text-align: center; }
	x#logindiv a { text-transform: capitalize !important; }
	#posts { min-height: 0px }
	.service h2.caption { margin-left: 0px !important; }
}

div.storedetails { padding: 10px; }
.store-choose a { display: inline-block; background: navy; color: #fff !important; padding: 10px; margin-top: 5px; margin-bottom: 5px; border-radius: 5px;  }
.simplemodal-container .store-choose a { display: inline-block; background: navy; color: #fff !important; padding: 10px; 
				 float: right; margin-top: -60px; text-decoration: none; }

#divBranchList { margin-top: 10px; }

body.checkout #sidebar { display: none; }
body.checkout #posts { width: 100%; }
section.block header a { color: #fff !important; }

x.prodetail_image2 { width: 330px; }

div > li { margin-left: 20px; }

x#prefooter { background: #aaa; color: #fff; }
x#prefooter a { color: #fff; }
#prefooter   { vertical-align: middle; }
#prefooter span img { vertical-align: middle; }
.prefooter-search { text-align:right; }
.prefooter-search #search div { margin-top: 5px; }

.comparebutton {
    background-color: inherit;
	xdisplay: inline; 
    padding: 20px 10px 5px 5px;
	margin: 0px; 
    text-align: left;
	border-radius: 0px; 
}

.comparebutton .btn {
    margin-top: 0px;
	display: inline; 
}

.home-banner > div { margin-top: 5%; margin-bottom: 5%; }
.home-banner { display: inline-block; width: 66%; border: 5px solid #999; margin: 0px; padding: 0px; margin-bottom: 5px; }
.home-choose-branch { display: inline-block; width: 33.2%; margin: 0px; padding: 0px; vertical-align: bottom; }

#search > div button { padding: 5px; margin: 0px; xmargin-right: -5px; float: right;
border-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; height: 32px; }
#search > div { padding: 0px; vertical-align: middle; text-align: right; }
#search > div > span { display: inline-block; padding: 5px; float:left; xwidth: 256px; }
#search  > div input[type=text]:focus { outline:0; }

.searchboxcontainer { margin-bottom: 20px; }
.searchboxcontainer > div input[type=button] { padding: 5px; margin: 0px; xmargin-right: -5px; float: right;
border-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; height: 32px; background: #231F20; border: 0px; color: #fff; width: 50px; }
.searchboxcontainer  > div { padding: 0px; vertical-align: middle; text-align: right; border: 2px solid #231F20; 
	border-radius: 0px; position: relative; height: 35px; width: 100%;
}
.searchboxcontainer  > div > span { display: inline-block; padding: 5px; float:left; width: 80%; }
.searchboxcontainer  > div input[type=text] { width: 100%; border: 0px; }
.searchboxcontainer  > div input[type=text]:focus { outline:0; }

ul.mega-menu div { margin-left: 20px; }
.my-smart-menu .subcatitem { padding-left: 30px; }

.featuredprod .extra { background: #fff;  }
x.fpcell { border: 1px solid #ccc; margin: 15px; }

.prodcompare { text-align: left; padding: 5px; }

.prodetail_code { background-color: inherit; color: inherit; font-size: inherit; margin: inherit; margin-left: 0px; padding: 0px; }

.promotext:empty { display: none; }

.prodetail_box2 > h2 { font-weight: bold; }
x.prodetail_image2 .dt-tabHeaders { display: none; }
x.prodetail_image2 .dt-tabDetails { margin-top: 0px; border: 2px solid #ccc; }

.promotext:empty { display: none; }

.grd-editorder  .btn { padding: 1px 3px; color: #fff !important; display: inline; font-size: 11px; border-radius: 3px; }

#footerfinal { text-align: left; }
#footerfinal > div { display: inline-block; width: 49%; vertical-align: middle; }
#footerfinal > div:first-child { text-align: left; }
#footerfinal > div:last-child { text-align: right; }

section.block .block-content { margin: 0px; padding: 10px; }
section.block ul { padding: 0px; margin: 0px; }
section.block ul li { list-style: none; border-bottom: 1px solid #bbb;  margin: 0px; padding: 0px; }
section.block ul li a { display: block; width: 100%; min-height: 23px; padding: 3px 10px; background: #fff; vertical-align: middle; }
section.block ul li a:hover { background: #ddd; }

#filelist { display: none; }

.choosestoredlg, .storelistdlg { width: 500px !important; height: 300px !important; }

.contacttable tr { border-top: 1px #ccc solid; }

.textform { text-indent: 0 !important; }

#header > div { padding-bottom: 0px; }

@media screen and (max-width: 767px) {
	x.choosestoredlg { font-size: 11px; }
	.choosestoredlg { width: auto !important; height: 200px !important; left: 0px !important; padding: 0px !important}
	.storelistdlg { width: auto !important; height: 400px !important; left: 0px !important; padding: 0px !important}
	.storelistdlg #pnlEnterPostcode { display: none; }
	#txtEnterPostcode { width: 180px; }
	.store-choose a span { display: none; }
	.simplemodal-container .store-choose a  { padding: 5px 10px; margin-top: 5px; float: none; }

	#sheet { padding: 0px; }
	
	.dt-tabContainer ul.dt-tabHeaders { xoverflow: inherit; position: inherit; }	
	.dt-tabDetails { margin-top: 0px; }
	.dt-tabHeaders li { display: block; width: 100%; }

	
	h1 span { font-size: 28px !important; }
	
	section.banner3prods { display: none; }
	
	html #posts { margin-bottom: 0px; padding-bottom: 5px; }
	#rightnav { padding-top: 0px; }
	
	.contacttable .stackable { margin-bottom: 0px; }

	.stackable {display:block !important;width:100% !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:3%;text-align:center !important;}
}

 .dt-tabContainer {
    background-color: #ddd;
	border-radius: 5px 5px 0 0;
}
.dt-tabContainer ul.dt-tabHeaders{
	min-height:25px;
}
.dt-tabContainer ul.dt-tabHeaders li a{
	margin-left:0px;
	background:#eee;
	border:2px solid #ddd; /* #fcfcfc; */
	border-bottom: 1px; 
	height:25px;
	line-height:25px;
}
.dt-tabContainer { padding-top: 2px; }
.dt-tabDetails{
	border:2px solid #ddd;
	border-top: 0px;
	margin:25px 0 0 0;
	border-radius: 0px 5px 0 0;
}

.dt-img-table, .dt-img-table td { width: 100%; }
.prodetail_price { color: red; }

#top  { background-color: #fff; }
#top  { position: fixed; top:0; left: 0; width: 100%; z-index: 40000; background-color: #f7f7f7; }
#top > div { color: #222; font-weight: bold; padding: 5px 10px 5px 10px ; }
#top > div a { color: #222; font-weight: bold; }
@media screen and (max-width: 767px) {
#top { position:relative; z-index: auto; }
}
#header { margin-top: 25px; }
#header { background-color: #fff; xbackground-image: url(b/group-summit/img/headerbg.png); background-position: top center;}
xnav { background-color: #2E2E2E; }
footer { background-color: #B700A8; }
#prefooter { background-color: #fff; border-top: 0px solid #231F20; }
section.block header { background-color: #231F20; padding: 15px 10px; }

h1, h2, h3 { color: #333; }

.pg_nav section.block ul li a { background: #fff; color: #CC3467; }
.pg_nav section.block ul li a:hover { background: #003466; color: #fff; }

.my-smart-menu  >li:hover a { background: #fff; }
.my-smart-menu  >li > a.highlighted { background:#fff !important; color:#343399 !important; }
.my-smart-menu > li  > a:hover { color: navy !important; }
.my-smart-menu > li ul { background: #fff !important; color: #222 !important; }
.my-smart-menu > li ul li div a { color: #222 !important; }
.my-smart-menu > li ul li div a:hover { color: navy !important; }
.my-smart-menu .subcatitem { background-image: url("img/bullet_blueonwhite_t.png"); }

#header > div .logo-etc { width: 22%; }
#header > div .search-etc { width: 78%; }
x#header > div #headermiddle { width: 19%; }
x#header > div #search { width: 32%; }

#logindiv { text-transform: uppercase; font-size: 12px; }

#top a { text-transform: uppercase; }
#topmenu { padding-top: 5px; }

.store-details .name { color: #fff; font-size: 16px; font-weight: bold; }
.store-details a { color: #fff !important; }
@media screen and (max-width: 767px) {
    .store-details  { font-size: 11px; }
    .store-details .name { font-size: 12px; }
}

#header > div { min-height: 150px; }

.my-smart-menu > li  > a {
	xbackground: red;
	color: #fff; 	
	border-right: 1px solid #ccc; 
	max-width: 77px !important;
	padding: 3px 17px 3px 10px !important;
	}
.my-smart-menu > li.lastitem  > a {	border-right: 0px; }

.my-menu ul ul.full-width{ 

	height: auto; 
	-webkit-box-shadow: 1px 3px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 3px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 3px 2px 0px rgba(50, 50, 50, 0.75);
	}
.my-menu ul ul.full-width a { 	
	padding: 0px; 
}
	
#main { border: 0px solid #777; border-top: 0px; border-bottom: 0px; }

x.ProdsNav { display: none; }
.ProdsActual { width: 100%; }

x.btn, x.section.block {
-webkit-box-shadow: 1px 3px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 3px 2px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 3px 2px 0px rgba(50, 50, 50, 0.75);
}
#hoveringcart section.block {
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
}

x#search > div {
-webkit-box-shadow:inset 0 0 4px 2px #cccccc;
box-shadow:inset 0 0 4px 2px #cccccc;
}
#search > div {
	border: 1px solid #000; 
	border-radius: 0px; 
}

#sheet { 
background: #f7f7f7;
}
#header, nav, #top { xbackground: #f7f7f7; }

#header > div { padding: 15px 0 0 0; }

#main { border: 1px solid #ddd; border-top: 0px; border-bottom: 0px; }
#main { background: #fff; padding: 0px 20px; }

#header > div { padding: 15px 0 0 0; }

x#footerfinal { text-align: right; }
#footerfinal a { color: #eee; }

x#logindiv a, #logindiv span {
    color: #222 !important;
}

#header > div {
    min-height: 100px;
}

body { margin: 0px; padding: 0px; }

#header > div .logo-etc { margin-top: 0px; }
.hoveringcartbtn { color: #222; }

.ProdsNav ul {
    background-color: #eee;
    border-radius: 0px;
    width: auto; 
}
.ProdsNav ul a {
    color: #222;
	}

#sidebar { display: none; }
#posts { width: 100%; padding-right: 0px; }

.ProdsNav ul a {
	display: block;
    padding: 5px 10px 5px 10px;
}
.ProdsNav ul li:hover { background-color: #d7d7d7; }
.ProdsNav ul li ul {
    background-color: #ddd;
	}
td.ProdsNav { padding-top: 0px; margin-top: 0px; }	
td.ProdsNav div { margin-top: 0px; }
.ProdsNav ul { margin-top: 0px; }
nav li li a { color: #222; }

ul.mega-menu { z-index: 20000 !important; }
.dropdown_3columns { margin: 0 5px 0 5px; }

x#main { padding-left: 20px; padding-right: 20px; }

.multicollist_tr td > div { min-height: 180px; padding-top: 10px; }

#top > div, #header > div, nav > div, #main { max-width: 1000px; }

#top > div #logindiv { float: right; width: 45%; }	
#top > div #topmenu { float: left; width: 45%; }

.my-menu div.subcats { width: 100%; float: left; border-right: 0px solid #aaa; min-height: 180px; }
.my-menu div.subcats div.dontsplit { margin-right: 30px; margin-bottom: 20px; }
.my-menu div.subcats a { text-align: left; }
.my-menu div.subcatspromo { display: none; width: 38%; float: right; min-height: 200px; text-align: center; }
.my-menu div.subcatspromo > a { text-align: center; }
.my-menu div.promostuff { clear: both; border-top: 1px solid #aaa; }
ul.my-menu div { margin-left: 0px; }
.my-menu ul.full-width { min-height: 250px; }

a.faded { color: #999; }

.products_tr td { padding-top: 10px; }
.products_tr .c_Image { padding-top: 2px; }

.gridPaging td { width: 33%; }

.my-smart-menu .subcatitem { background-image: url("img/arrow_right1.png"); background-position: 10px 8px; }
.my-smart-menu > li > ul li a {
    padding: 3px 5px !important;
}
.ProdsNav ul li ul { background-color: #fff !important;; }
.ProdsNav ul li ul li {
    padding-left: 0px;
}
.ProdsNav ul li ul li a{
    padding-left: 15px; display: block; 
}
td.ProdsNav {
    padding-right: 20px;
}
section.block { margin-bottom: 20px; }
.ProdsNav ul li ul {
    margin-top: 2px;
}
div.prods-nav { background: #fff; }

.my-smart-menu > li > ul {
    left: 0;
}
nav .my-menu ul li{ margin-top: 3px; margin-bottom: px; }
nav .my-menu ul li {
	border-top-left-radius: 2px; 
}

.my-menu ul ul {
-webkit-box-shadow: 1px 3px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 3px 2px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 3px 2px 0px rgba(50, 50, 50, 0.75);
	}


#logindiv.my-menu > ul > li > a {
    xcolor: #FFFFFF;
    display: block;
    padding: 0px 10px;
    text-decoration: none;
	padding-top: 3px; 
	padding-bottom: 2px; 
}

#logindiv.my-menu > ul > li:hover { xbackground:inherit; 	border-top-left-radius: 3px;
}
#logindiv.my-menu > ul > li:not(.nolink):hover >a { color: #222 !important; ; }
#logindiv.my-menu > ul > li:not(.nolink):hover > a span { color: #222 !important; ; }
#logindiv.my-menu > ul ul > li a { color: #222 !important; }
#logindiv.my-menu > ul { width: auto; }

#logindiv.my-menu ul ul {
	xmargin-right: -100px; 
}
#logindiv.my-menu > ul > li:last-child ul { padding: 10px; right: 0; }
x#logindiv.my-menu > ul > li.nolink > a { color: inherit; }

#logindiv .cart-summary span { color: #222 !important; }
#logindiv .cart-summary div { color: #222; }
#logindiv .cart-summary td { color: #222; }
#logindiv .cart-summary td a { padding: 0 !important; color: #222 !important; }
#logindiv .cart-summary a.btn { padding: 3px !important; display: inline; text-transform: none; }

.my-menu ul ul section.block {
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
	}

section.block ul li { border-bottom: 0px; }

#header > div .search-etc { margin-top: 0px; }
#header > div .logo-etc { margin-top: 0px; margin-bottom: 0px; }

.list-column { display: inline-block; width: 250px; float: left; }
.list-column span { display: block; height: 1.6em; overflow: hidden; }
.list-column span a { display: block; padding: 3px !important; }
.list-column span:hover  { background: #e7e7e7; }
.list-column:first-child { margin-right: 20px; }

.productdetail .ProdsNav { display: none; }

div.icons { font-size: 8px; }
div.icons i { background-color: #E3BE07; color: #fff; }

footer { line-height: 1.7em; color: #fff; }
footer a { color : #fff; }

.c_img img { max-width: inherit !important; }

.product-list-tableitem td { font-size: 12px; }

section.block {
    background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #ccc; 
}

a.btn, input.btn { background-color: #231F20; color: #fff !important; }
a.btn:hover, input.btn:hover { background-color: #000; color: #fff !important; }
#header > div #search button { background: #222; color: #fff; }

#search div > span input[type="text"] { font-style: normal; padding: 3px; }

#txtSearchNav { height: 20px; }

.featured-product-list .product-list-item { position: relative; text-align: center; }
.featured-product-list .price-discount { position: absolute; top: 100px; right: 25%;  }

.product-list-item  .price , .prodetail_box2 .price{ color: #231F20; }

input.btn-qty-up, input.btn-qty-down { background-color: #231F20 !important; color: #fff !important; } 

input.qty { margin: 0px; }

div.icons i.hlt { color: #E57D00; }

.product-list-grid-view .desc-etc { margin-top: -5px; }
.product-list-grid-view div.icons { font-size: 9px; }

.c_buttons { width:60px; white-space: nowrap; text-align: center;  }

input[type=radio] { margin-right: 5px; }

x.btn-add-to-cart span { display: none; }

.product-list-item input.qty, .prodetail_box2 input.qty {
  border: 2px solid #333;
}

.dontsplit h3 { margin-bottom: 5px; width: 200px; }

nav .my-menu ul li a { font-size: 14px; color: #fff; xfont-weight: bold; }
section.block header { text-transform: uppercase; }
.my-menu > ul > li > a {
    border-left: 1px solid #fff;
}


@media screen and (max-width: 767px) {
	#main {
		padding-left: 7px;
		padding-right: 7px;
	}
	#header > div .logo-etc {
		margin-bottom: 0px; 
	}
	#header > div .top-btns {
		margin-top: 10px; 
		margin-bottom: 0px; 
	}
	#header > div .top-btns a {
		color: #314A8B;
	}
	#header > div .search-etc {
		margin-top: 5px; 
	}
	#header > div .search-etc > div { width: 95%; }
	#header {
		margin-top: 0px;
		padding-bottom: 0px; 
	}
}

.product-list-item .desc a { color: #222; }

nav .my-menu > ul > li > a { xtext-transform: uppercase; }

#main-buttons { width: 100%; margin-bottom: 10px; text-align: right; }
#main-buttons > a { height: 55px; display: inline-block; margin-right: 15px; }
x#main-buttons > a  > img { height: 100%; }
#main-buttons i { color: #fff; }
#main-buttons .icon-background { color: #444; }
#main-buttons > a > span { display: inline-block; }
#main-buttons h2 { margin: 0px; padding: 0px; margin-top: 10px; color: #000; font-size: 14px; font-weight: bold; }
#main-buttons span.text-part {  font-size: 11px; xpadding-top: 10px; text-align: left; font-weight: bold; }
#main-buttons span.text-part p { padding: 5px 0px; margin:0px; color: #fff; }
#main-buttons a { text-decoration: none; }
#main-buttons > a > span { vertical-align: top; }
@media screen and (max-width: 767px) {
#main-buttons { display: none; }
}

#header > div .search-etc > div { width: 600px; }

@media screen and (max-width: 767px) {
#header > div .logo-etc { width: 100%; }
}

section.feat { border: 0; border-top: 2px solid #ccc; background: #f7f7f7; border-radius: 0; }
section.feat header { background: #fff; color: #555; xtext-align: left; font-weight: bold; border-radius: 0; font-size: 1.7em; padding-bottom: 5px; }

input[type=text], input[type=password], textarea, select { border: 1px solid #ccc; padding: 2px;  }


xnav { background: #444; obackground: #E57D00; }
#top { background: #444; color: #fff;  font-weight: normal !important; }
#top a { color: #fff !important; font-weight: normal !important; }
#top > div { color: #fff; }
#logindiv span { color: #fff !important; font-weight: normal !important; }

#header > div { background: #fff; padding: 20px; }
x#header { background: #B700A8; }
x#header { background: #171717; }

#header > div .logo-etc { width: 32%; float: none; display: inline-block; }
#header > div .motto-etc { width: 31%; display: inline-block; vertical-align: top; color: #f0f0f0; padding-left: 20px; font-size: 32px; margin-top: 28px}
#header > div .search-etc { width: 36%; float: none; display: inline-block; }

#header > div .motto-etc .motto { margin-top: 30px; font-size: 22px; }

#header > div .search-etc > div { width: 340px; }


nav .my-menu ul > li > a { display: block; padding: 0px 11px; height: 43px; line-height: 40px; xmax-width: 170px; }
nav .my-menu ul > li > a > span { display: inline-block; vertical-align: middle; line-height: normal; }
@media screen and (max-width: 1010px) {
nav .my-menu ul > li > a { padding: 0px 6px; font-size: 12.5px; }
#header > div { padding-left: 10px; padding-right: 10px; }
}

nav .my-menu ul .subcats a { font-size: 14px; }
@media screen and (max-width: 767px) {
	nav .my-menu ul > li > a > span br { display: none; }
}

x#header > div { background-image: url("images2/party header.jpg"); background-size: 1200 300; background-position: 0 -50px; height: 160px; }
x#header > div { background-image: url("images2/Party Header.jpg"); height: 160px; }
x#header { background-image: url("images2/Party Header.jpg"); height: 160px; }

.hyperlink { color: #7C9F3D; }

@media screen and (max-width: 767px) {
	#header > div { height: auto; }
	#header > div .motto-etc { display: none !important; }
	#header > div .logo-etc a.logo { padding: 0 80px 0 80px; }
	#header > div .top-btns a { color: #fff; margin: 0 5px 0 5px;  }
	#top { margin-bottom: 0px; }
	#top > div { padding-bottom: 0px; }
	#top > div > div { margin-bottom: 7px; }
	#header > div .search-etc { width: 100%; }
	#search > div { width: 100%; }
	#header > div .search-etc > div { width: 100%; }	
	#header > div { background: none; }
	.side-ad { display: none; }
	
}

@media screen and (max-width: 767px) {
    .product-list-item { width: 49%; }
    .product-list-grid-view .product-list-item:nth-child(3n+1) { margin-left: 2%; }
    .product-list-grid-view .product-list-item:nth-child(2n+1) { margin-left: 0; }
    .pager .pagenum { display: none; }
}

div.icons i.fa-ban { display: none; } 

.img-etc .code { font-size: 10px; }

x.table-contact { border: 1px solid pink; }
.table-contact  td:first-child { width: 180px; }
x.table-contact  td:last-child { min-width: 400px; min-height: 400px; }

.table-opening-hrs td { padding: 0px 10px 0px 0px; }
.table-opening-hrs  td:first-child { width: 180px; }

#top a { color: #fff !important; font-weight: normal !important; }
#top > div { color: #fff; }
#logindiv span { color: #fff !important; font-weight: normal !important; }

#header > div { xbackground: #ffffff; padding: 20px; }

nav .my-menu ul > li > a { font-size: 16px; }

#main-buttons span.text-part p { color: #000; }
#header > div .motto-etc { color: #222; font-weight: bold; font-size: 38px; margin-top: 33px; font-family: helvetica; }
#prefooter { display: none; }

xbody  { background: url(images/bg1a.png) no-repeat; xbackground-size: 600px 400px; xbackground-position: 0 210px; xbackground-color: #fff; }
#sheet { background: none; }
nav, #header { background: inherit; }
#top { background: #231F20; }
nav, nav > div { background: #231F20; }
footer { background: #231F20; }

#header > div { background: url("images/Party Header background.jpg") no-repeat; height: 189px; }
#header { background: url("images2/party header background2.jpg"); }
x.logo > img { display: none; }
.motto-etc > div { display: none; }
#main-buttons  { background: #fff; opacity: 0.9; padding: 5px; border-radius: 5px; }
#main-buttons span.text-part h2, #main-buttons span.text-part p { color: #000; opacity: 1; }
#header > div .search-etc { padding-top: 46px; }

.product-list-grid-view .product-list-item:nth-child(3n+1) {
    margin-left: 1%;
}.product-list-grid-view .product-list-item:nth-child(6n+1) {
    margin-left: 0;
}
.product-list-item { width: 15.8%; margin-left: 1%; }
@media screen and (max-width: 767px) {
    .product-list-item { width: 49%; }
    .product-list-grid-view .product-list-item:nth-child(3n+1) { margin-left: 1%; }
    .product-list-grid-view .product-list-item:nth-child(2n+1) { margin-left: 0; }
    .pager .pagenum { display: none; }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .product-list-item { width: 32% !important; }
    .product-list-grid-view .product-list-item:nth-child(6n+1) { margin-left: 1%; }
    .product-list-grid-view .product-list-item:nth-child(3n+1) { margin-left: 0; }
    .pager .pagenum { display: none; }
	.featured-product-list .product-list-item { width: 23.5% !important ; }
}

#top > div, #header > div, nav > div, #main, footer > div, #footerfinal > div { max-width: 1600px; }

.sub-cat-box {
    width: 11.5%;
}
.sub-cat-box:nth-child(5n+1) {
    margin-left: 1%;
}
.sub-cat-box:nth-child(8n+1) {
    margin-left: 0;
}
.sub-cat-box:hover {
    xbackground-color: #efefef; cursor : pointer; border-color: #333; 
}
@media screen and (max-width: 767px) {
    .sub-cat-box { width: 32%; }
    .sub-cat-box:nth-child(5n+1) { margin-left: 1%; }
    .sub-cat-box:nth-child(3n+1) { margin-left: 0; }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .sub-cat-box { width: 19% !important; }
    .sub-cat-box:nth-child(8n+1) { margin-left: 1%; }
    .sub-cat-box:nth-child(5n+1) { margin-left: 0; }
}


.mainbanner-banner  { width: 70%; }
.mainbanner-side { width: 30%; background-color: blue; }

@media screen and (max-width: 767px) {
	#header > div { background-size: 640px 120px; height: 120px; }
}

nav .my-menu ul > li > a { padding: 0 40px; }
@media screen and (min-width: 1201px) and (max-width: 1600px) {
	nav .my-menu ul > li > a { padding: 0 20px; }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	nav .my-menu ul > li > a { padding: 0 11px; }
}

.featured-product-list .product-list-item .img { height: 145px; }

.promotext {
    font-size: 10px;
    margin: 0 !important;
    position: absolute;
    left: auto !important;
    right: -7px !important;
    top: -1px !important;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    padding: 0 8px 0 0 !important;
    border-radius: 0 !important;
    background-color: #E42526 !important;
    z-index: 10;
}

.promotext:before {
    content: '';
    width: 0;
    height: 0;
    border-right: 22px solid #E42526;
    border-bottom: 30px solid transparent;
    position: absolute;
    top: 0;
    left: -22px;
}

.promotext:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid #980001;
    border-right: 5px solid transparent;
    border-left: 2px solid transparent;
    position: absolute;
    right: 1px;
    bottom: -6px;
}