/* less Document */
/* common generic styles and browser resets */

html, body, h1, h2, h3, h4, h5, h6, p, li, ul, a, form, blockquote {
  margin: 0px; /* Removes default margin that some browsers add. */
  padding: 0px; /* Removes default padding that some browsers add. */
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.clearfloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
img {
	border: none;
}
a:focus {
	outline: 0;
}
a {
	outline: 0;
	text-decoration: none;
}
html {
	background-color: rgba(30,130,197,1.00);
}
.accesskeys {
	background-color: #1E82C5;
	display: block;
}
.accesskeys a {
	visibility: hidden;
	font-size: 1%;
}

.prevent_scroll {
	overflow-x: hidden; overflow-y:auto;
}

/* less text variables */
@text-alt-col: #0866a4;
@text-base-col: #666;
@text-over-col: #333;
@text-mid-col: #b0dbff;
@text-white: #fff;
@text-shad-hard: 1px 1px rgba(0,0,0,0.35); 
@text-neg-space: -1px;
@text-size-main: 90%;
@text-size-mid: 70%;
@text-size-sub: 130%;
@text-size-but: 110%;
@text-size-small-but: 90%;
@text-size-headline: 150%;
@text-size-large-headline: 200%;
@title-leading: 1.2em;
@bullet-leading: 1.3em;
@para-leading: 1.5em;
@rollover-col: #013253;
@dark-blue: #0866a4;
@black: #000;
@red: #dc2c34;
@bright-red: #f70000;

/* NEW for Powertools less text variables */
@mid-blue: #0f72b3;


/* less box area variables */
@box-bottom-margin: 4%;

/* less box area mixins */
.box-corner {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.box-corner-bottom {
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.small-corner {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.box-shadow {
	-webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.20);
}
.box-back {
	background-color:rgba(255,255,255,1.00);
}
.box-back-dark {
	background-color: #888;
}
.box-hover {
	border: 3px solid #0766A4;
}
.box-border {
	border: 3px solid #fff;
}
.box-menu-border {
	border: 3px solid #888;
}
.box-menu-hover {
	border: 3px solid #E5E5E5;
}

.trans-in {
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.trans-out {
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/* less generic mixins */
.transp {             
  -moz-opacity: 0.7;         
  -webkit-opacity: 0.7;       
  opacity: 0.7;            
}
.text-rollover {
	.trans-in;
	text-decoration: underline;	
}

/* less form mixins */
.textfield-corner {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.textfield {
	background-color: #ececec;
    -webkit-box-shadow: inset 3px 3px 8px rgba(0,0,0,0.15);
	box-shadow: inset 3px 3px 8px rgba(0,0,0,0.15);
	border: 1px solid #fff;
	color: @text-over-col;
}


/* less button mixins */
.button-effect {
-webkit-box-shadow: inset 2px 2px 10px rgba(255,255,255,0.7), inset -2px -2px 10px rgba(0,0,0,0.4) 0px 0px 0px 7px rgba(195,195,195,0.40);
	box-shadow: inset 2px 2px 5px rgba(255,255,255,0.7), inset -2px -2px 5px rgba(0,0,0,0.4), 0px 0px 0px 7px rgba(195,195,195,0.40);
	text-shadow: @text-shad-hard;
}
.button-effect-dark {
-webkit-box-shadow: inset 2px 2px 10px rgba(255,255,255,0.7), inset -2px -2px 10px rgba(0,0,0,0.4) 0px 0px 0px 7px rgba(0,66,121,0.30);
	box-shadow: inset 2px 2px 5px rgba(255,255,255,0.7), inset -2px -2px 5px rgba(0,0,0,0.4), 0px 0px 0px 7px rgba(95,95,95,0.30);
	text-shadow: @text-shad-hard;
}
.button-effect-active {
-webkit-box-shadow: inset 2px 2px 10px rgba(0,0,0,0.4), inset -2px -2px 10px rgba(255,255,255,0.7) 0px 0px 0px 7px rgba(195,195,195,0.40);
	box-shadow: inset 2px 2px 5px rgba(0,0,0,0.4), inset -2px -2px 5px rgba(255,255,255,0.7), 0px 0px 0px 7px rgba(195,195,195,0.40);
	text-shadow: @text-shad-hard;
}
.button-effect-dark-active {
-webkit-box-shadow: inset 2px 2px 10px rgba(0,0,0,0.4), inset -2px -2px 10px rgba(255,255,255,0.7) 0px 0px 0px 7px rgba(0,66,121,0.30);
	box-shadow: inset 2px 2px 5px rgba(0,0,0,0.4), inset -2px -2px 5px rgba(255,255,255,0.7), 00px 0px 0px 7px rgba(95,95,95,0.30);
	text-shadow: @text-shad-hard;
}

.small-button-effect {
-webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255,0.3), inset -1px -1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 1px 1px 2px rgba(255,255,255,0.3), inset -1px -1px 3px rgba(0,0,0,0.5);
	text-shadow: @text-shad-hard;
}
.small-button-effect-active {
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3), inset -1px -1px 1px rgba(255,255,255,0.3);
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3), inset -1px -1px 1px rgba(255,255,255,0.3);
	text-shadow: @text-shad-hard;
}
.circle-effect {
-webkit-box-shadow: inset 2px 2px 5px rgba(255,255,255,0.5), inset -2px -2px 5px rgba(0,0,0,0.5);
	box-shadow: inset 2px 2px 5px rgba(255,255,255,0.5), inset -2px -2px 5px rgba(0,0,0,0.5);
}

.button-corner {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.small-button-corner {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.button-text {
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1em;
	color: #FFFFFF;
}

/* end less */


/* top fixed menu styles */


.fixed {
	position: fixed;
	width: 100%;
	z-index: 500;
}

.fixed_small {
	height: 53px;
	-webkit-box-shadow: 0px 5px 8px rgba(0,0,0,0.50);
	box-shadow: 0px 5px 8px rgba(0,0,0,0.50);
	background-color: rgba(167,167,167,1.00);	
}



.logo {
	margin-top: 14px;
	margin-left: 2%;
	z-index: 999;
	float: left;
	display: block;
	position: fixed;
}
.logo_small {
	width: 155px;	
}
.logo_large {
	width: 155px;
}
.fa-shopping-cart, .fa-user {
	/* [disabled]float: right; */
	color: @text-alt-col;
	/* [disabled]margin-top: 12px; */
	font-size: 170%;
	/* [disabled]margin-right: 10px; */
}
.cart-qty {
	font-size: 60%;
	margin-left: 4px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	background-color: #d0d0d0;
	line-height: 1em;
	border-radius: 5px;
	color: #FFFFFF;
	margin-top: 3px;
	width: 22px;
	text-align: center;
	font-weight: 800;
	display: block;
	float: right;
}
.cart-qty.with {
	background-color: #DC2C34;
}


.fa-align-justify {
	color: @text-base-col;
	margin-top: 14px;
	font-size: 170%;
	margin-right: 10px;
	float: right;
}
.fa-search {
	/* [disabled]float: right; */
	color: @text-alt-col;
	/* [disabled]margin-top: 14px; */
	font-size: 150%;
	/* [disabled]margin-right: 10px; */
}
.fa-shopping-cart:hover, .fa-user:hover, .fa-search:hover,
.fa-shopping-cart:active, .fa-user:active, .fa-search:active {
	color: @rollover-col;
	
}
/* update to stop mobile hamburger highlight */
.fa-align-justify:hover, .fa-align-justify:active  {
	color: @text-base-col !important;
	cursor:pointer;
}


/* various buttons */

.button_red {
	.button-effect;
	.button-corner;
	.button-text;
	.trans-out;
	font-size: @text-size-but;
    text-align: center;
    padding-top: 12px;
	padding-right: 3%;
	padding-bottom: 14px;
	padding-left: 3%;
	display: block;
	background-color: #dc2c34;
	margin-top: 10px;
	margin-bottom: 5%;
	float: left;
	width: 40%;
}

.button_red.hero {
	display:none;
}

.button_red.wide {
	width: 94%;
}









.button_grey {
	.button-effect;
	.button-corner;
	.button-text;
	.trans-out;
	font-size: @text-size-but;
	text-align: center;
	padding-top: 14px;
	padding-right: 3%;
	padding-bottom: 14px;
	padding-left: 3%;
	display: block;
	background-color: #8d8d8d;
	margin-top: 10px;
	margin-bottom: 5%;
	margin-left: 8%;
	float: left;
	width: 40%;
}
.button_footer {
	.small-button-effect;
	.small-button-corner;
	.button-text;
	.trans-out;
	font-size: @text-size-small-but;
	text-align: center;
	padding-top: 9px;
	padding-right: 3%;
	padding-bottom: 11px;
	padding-left: 3%;
	display: block;
	background-color: #1e83c7;
	margin-top: 3%;
	float: left;
	width: 30%;
}
.button_email {
	.small-button-effect;
	.small-button-corner;
	.button-text;
	.trans-out;
	font-size: @text-size-small-but;
	text-align: center;
	padding-top: 9px;
	padding-right: 8px;
	padding-bottom: 11px;
	padding-left: 4px;
	display: block;
	background-color: #1e83c7;
	margin-top: 0px;
	margin-bottom: 6%;
	float: left;
	width: 168px;
}
.button_anywidth {
	.small-button-effect;
	.small-button-corner;
	.button-text;
	.trans-out;
	font-size: @text-size-small-but;
	text-align: center;
	padding-top: 9px;
	padding-right: 18px;
	padding-bottom: 11px;
	padding-left: 14px;
	display: block;
	background-color: #1e83c7;
	margin-top: 0px;
	margin-bottom: 6%;
	float: left;
}
.button_add {
	.small-button-effect;
	.small-button-corner;
	.button-text;
	.trans-out;
	font-size: @text-size-small-but;
	text-align: center;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 11px;
	padding-left: 10px;
	display: block;
	background-color: #1e83c7;
	margin-top: 4px;
	width: 120px;
	clear: left;
	float: left;
}
.button_updateqty {
	.small-button-effect;
	.small-button-corner;
	.button-text;
	.trans-out;
	font-size: @text-size-small-but;
	text-align: center;
	padding-top: 9px;
	padding-right: 3%;
	padding-bottom: 11px;
	padding-left: 3%;
	display: block;
	background-color: #1e83c7;
	float: left;
	width: 94%;
}
.button_search {
	.small-button-effect;
	.small-button-corner;
	.button-text;
	.trans-out;
	font-size: @text-size-small-but;
	text-align: center;
	padding-top: 9px;
	padding-right: 3%;
	padding-bottom: 11px;
	padding-left: 3%;
	display: block;
	background-color: #1e83c7;
	margin-top: 3%;
	float: left;
	width: 20%;
}
.button_menu {
	.button-effect-dark;
	.button-corner;
	.button-text;
	.trans-out;
	font-size: @text-size-but;
    text-align: center;
    padding-top: 14px;
	padding-right: 3%;
	padding-bottom: 14px;
	padding-left: 3%;
	display: block;
	background-color: #dc2c34;
	margin-top: 10px;
	margin-bottom: 3%;
	float: right;	
}
.button_cart {
	.small-button-effect;
	.small-button-corner;
	.button-text;
	.trans-out;
	font-size: @text-size-small-but;
	text-align: center;
	padding-top: 9px;
	padding-right: 3%;
	padding-bottom: 11px;
	padding-left: 3%;
	display: block;
	background-color: #1e83c7;
	margin-top: 3%;
	margin-bottom: 4%;
	margin-right: 2%;
	margin-left: 2%;
	float: left;
	width: 40%;
}


.button_red:hover, .button_red.hero:hover, .button_grey:hover, .button_footer:hover, .button_search:hover, .button_cart:hover, .button_updateqty:hover, .button_email:hover, .button_add:hover, .button_anywidth:hover  {
	background-color:rgba(23,102,156,1.00);
	color: rgba(255,255,255,0.80);
	.trans-in;
}
.button_grey:active  {
	.button-effect-active;
	padding-top: 15px;
	padding-bottom: 12px;	
}
.button_red:active, .button_grey:active, .button_red.hero:active  {
	.button-effect-active;
	padding-top: 14px;
	padding-bottom: 13px;	
}



.button_menu:active {
	.button-effect-dark-active;
	padding-top: 15px;
	padding-bottom: 12px;	
}


.button_footer:active, .button_search:active, .button_cart:active, .button_updateqty:active, .button_email:active, .button_add:active, .button_anywidth:active  {
	.small-button-effect-active;
	padding-top: 11px;
	padding-bottom: 9px;
}


/* paragraph and feature boxes on homepage and some other text styles*/

.nobox {
	padding-left: 4%;
	width: 92%;
	padding-right: 4%;
	display: block;
}
.nobox	h1, .msgbox h1 {
	color: @text-alt-col;
	font-size: (@text-size-headline * 0.9);
	line-height: @title-leading;
	letter-spacing: @text-neg-space;
	margin-bottom: 1%;
}
.nobox	h2, .msgbox h2 {
	color: @text-alt-col;
	font-size: (@text-size-headline * 0.8);
	line-height: @title-leading;
	letter-spacing: @text-neg-space;
	margin-bottom: 1%;
}
.nobox	h3 {
	color: @text-alt-col;
	font-size: (@text-size-headline * 0.8);
	line-height: @title-leading;
	letter-spacing: @text-neg-space;
	margin-bottom: 1%;
	font-weight: 600;	/*font-style: italic;*/
}
.nobox p, #no_bar p, .msgbox p, .nobox ol, .reviews p {
	color: @text-base-col;
	font-size: @text-size-main;
	line-height: @para-leading;
	margin-bottom: 2%;
}
.reviews p.reviewname {
	text-transform: uppercase;
}

.reviews h5 {
color: @text-alt-col;
	font-size: (@text-size-sub);
	line-height: @title-leading;
	letter-spacing: @text-neg-space;
	margin-bottom: 1%;
}

.nobox ul li {
	color: @text-base-col;
	font-size: @text-size-main;
	line-height: @para-leading;
	margin-bottom: 1%;
}





.nobox	p a, .msgbox p a {
	color: @text-alt-col;
	.trans-out;
	text-decoration:underline;
}
.msgbox h1 a {
	color: @text-alt-col;
	.trans-out;
}
.nobox ul li a {
	color: @text-alt-col;
	.trans-out;
}
.nobox	p a:hover, .nobox	p a:active, .nobox ul li a:hover, .nobox ul li a:active, .msgbox p a:hover, .msgbox p a:active, .msgbox h1 a:active, .msgbox h1 a:hover, .bordered.cart_table tr td p a:active, .bordered.cart_table tr td p a:hover  {
	color: @text-over-col;
	.text-rollover;
	text-decoration:underline;
}

.nobox	ul.inblock li {
	color: @text-base-col;
	font-size: @text-size-main;
	line-height: @para-leading;
	list-style-type: square;
}
.nobox	ul.noblock li {
	color: @text-base-col;
	font-size: (@text-size-main * 0.9);	
	line-height: @para-leading;
	list-style-type: square;
}

.nobox ul.inblock {
	padding-top: 2%;
	padding-right: 9%;
	padding-bottom: 2%;
	padding-left: 10%;
	margin-bottom: @box-bottom-margin;
	.box-corner;
	background-color: rgba(255,255,255,0.50);
}
.nobox ul.noblock {
	padding-right: 9%;
	padding-bottom: 2%;
	padding-left: 10%;
	margin-bottom: @box-bottom-margin;
}

.box, .box_nohover {
	padding-top: 5%;
	padding-right: 4%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-bottom: @box-bottom-margin;
	.box-corner;
	.box-shadow;
	.box-back;
	.trans-out;
	.box-border;
}
.box:hover {
	.box-hover;
	.trans-in;
}
.box_menu {
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-bottom: 10%;
	.box-corner;
	.box-shadow;
	.box-back-dark; 
	.trans-out;
	.box-menu-border;
}
.box:hover {
	.box-hover;
	.trans-in;
}
.box_menu:hover {
	.box-menu-hover;
	.trans-in;
}


.box p {
	font-size: @text-size-mid;
	color: @text-base-col;
	line-height: @para-leading;
}
.box h2 {
	font-size: @text-size-sub;
	color: @black;
	line-height: @title-leading;
	letter-spacing: @text-neg-space;
	padding-bottom: 2%;	
}
.box.products h2 {
	font-size: (@text-size-sub * 0.8);	
}
.msgbox h4 {
	font-size: @text-size-main;
	color: @text-alt-col;
	line-height: @para-leading;
	margin-top: 4%;
	font-weight: bold;
}
.msgbox h5 {
	font-size: @text-size-mid;
	color: @text-base-col;
	line-height: @para-leading;
	font-weight: normal;
	margin-bottom: 2%;
	margin-top: 4px;
}




/* used for prices in product lists */
.box h3 {
	font-size: (@text-size-sub * 0.8);	
	color: @bright-red;
	line-height: 1em;
	padding-bottom: 2%;
	float: left;
	margin-top: -1px;
}
/* new wrapper tag to clear float on both prices for new and offer circle */
.prices-wrap {
	display:block;
	margin-bottom:1%;
}

.feature_img {
	float: left;
	display: block;
	width: 40%;
	margin-right: 5%;
}
.news_img {
	float: right;
	display: block;
	width: 40%;
	margin-left: 5%;
}
.feature_text {
	display: block;
	float: left;
	width: 55%;
}
.menu_img {
	display: block;
	width: 100%;
	float: left;
}
.menu_text {
	display: block;
	width: 100%;
	float: left;
}
.box_menu h2 {
	font-size: @text-size-main;
	color: @text-white;
	line-height: @title-leading;
	margin-top: 7%;
	text-shadow: @text-shad-hard;
}


/* footer */


.footer_copyright {
	margin-top: 4%;
}

.footer_copyright p {
	color: @text-mid-col;
	font-size: @text-size-mid;
	line-height: @title-leading;
}
.footer_copyright p a {
	color: @text-mid-col;
	.trans-out;
}
.footer_copyright p a:hover, .footer_copyright p a:active {
	color: @text-white;
	.text-rollover;
}

.small_logo {
	display: none;	
}
.register {
 .box-corner;
 .box-shadow;
  background-color:#1e699b;
	margin-top: 3%;
	padding-top: 2%;
	padding-right: 4%;
	padding-left: 4%;
	padding-bottom: 2%;
	width: 92%;
	display: block;
}
.register p {
	color: @text-mid-col;
	font-size: (@text-size-mid * 1.1);
	line-height: @para-leading;
}
.register h2 {
	color: @text-white;
	line-height: @title-leading;
	font-size: (@text-size-headline * 1.1);
   letter-spacing: @text-neg-space;
	font-weight: 600;
	margin-bottom: 2%;
}
.footer_input {
	background-color: #1e83c7;
	border-style: none;
	.textfield-corner;
	color: @text-mid-col;
	font-size: @text-size-main;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	margin-top: 3%;
	margin-bottom: 3%;
	-webkit-box-shadow: inset 3px 3px 8px rgba(0,0,0,0.15);
	box-shadow: inset 3px 3px 8px rgba(0,0,0,0.15);
	float: left;
	width: 55%;
	margin-right: 4%;
}

.get_social h2 {
	color: @text-mid-col;
	line-height: @title-leading;
	font-size: (@text-size-headline * 0.9);
   letter-spacing: @text-neg-space;
	font-weight: 600;
	display: block;
	float: left;
	padding-top: 2%;
	padding-right: 5%;
	padding-left: 1%;
	width: 33%;
}
.social_button {
	width: 13%;
	display: block;
	float: left;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	opacity: 0.6;
  .trans-out;
	margin-left: 2%;
}
.social_button:hover, .social_button:active {
-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
  .trans-in;
}


/* mobile menu item styles */

.search_input {
	background-color: #fff;
	.textfield-corner;
	color: @text-mid-col;
	font-size: @text-size-main;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	margin-top: 3%;
	margin-bottom: 3%;
	-webkit-box-shadow: inset 3px 3px 8px rgba(0,0,0,0.15);
	box-shadow: inset 3px 3px 8px rgba(0,0,0,0.15);
	float: left;
	width: 66%;
	margin-right: 3%;
	border: 1px solid #BDBDBD;
	color: #808080;
}
/* mini dropdown shopping cart styles */

.cart_mini h2 {
	color: @text-white;
	font-size: @text-size-sub;
	border-bottom: 1px solid @dark-blue;
	padding-bottom: 2%;
	padding-top: 2%;
	text-shadow: @text-shad-hard;
}


.cart_mini {
	.box-corner;
	background: #085486;
	padding-top: 0%;
	padding-right: 4%;
	padding-left: 4%;
	padding-bottom: 2%;
	width: 92%;
	display: block;
	margin-top: 3.5%;
	margin-bottom: 2%;
}
.cart_mini p {
	color: @text-white;
	font-size: @text-size-main;
	/* [disabled]margin-top: 2%; */
	line-height: @title-leading;
	padding-top: 2%;
}
.cart_mini_item {
	border-bottom: 1px solid @dark-blue;
	padding-top: 2%;
	padding-bottom: 2%;
}
.cart_mini_item img {
	width: 25%;
	float: left;
	border-color: @dark-blue;
	border-style: solid;
	border-width: 3px;
	.trans-out;
}
.cart_mini_item img:hover {
	border-color: @text-base-col;
	.trans-in;
}

.cart_mini_text {
	float: left;
	width: 60%;
	margin-left: 3%;
}
.cart_mini_qty {
	width: auto;
	float: right;
}
.cart_mini_price {
	width: 80px;
	float: right;
	margin-right: -20%;
	text-align: right;
	font-weight: bold;	
}
.cart_mini_text p a {
	margin-bottom: 4%;
	display: block;
}

.main-hrmenu > ul > li.main-hropen p a,
.cart_mini p a {
	background-color: #085486;	
	color: @text-mid-col;
	.trans-in;
}

.main-hrmenu > ul > li.main-hropen p a:hover, .main-hrmenu > ul > li.main-hropen p a:active,
.cart_mini p a:hover, .cart_mini p a:active {
	color: @text-white;
	.text-rollover;
}
/* mini cart remove cross icon */
.fa.fa-times-circle.minicart {
	padding-top:4px;
	color:@text-mid-col;
	float:right;
}
.fa.fa-times-circle.minicart:hover, .fa.fa-times-circle.minicart:active  {
	color:white;
	
}
	
.cbp-hrsub-inner h4 {
	display: block;
	float: left;
	color: @text-base-col;
	font-size: 100%;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-right: 4%;
	padding-left: 0%;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1.1em;
}
.cbp-hrsub-inner h4 a {
	color: @text-alt-col;
}
.cbp-hrsub-inner h4 a:hover {
	color: @rollover-col;
}
#LayoutHeader h3 {
	display: none;
}

/* hide various menus only for desktop view */
#tablet_menu, #desktop_extramenu, #desktop_searchmenu, #cbp-tm-menu {
	display: none
}

/* title box styles, main dark back block title just under header */		
.title_box {
	padding-top: 3%;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 2%;
	margin-bottom: 2%;
}
.title_box.product {
	padding-bottom: 1%;
	margin-bottom: 0%;
}

.title_box h1 {
	font-size: (@text-size-large-headline * 0.8);
	color: @text-white;
	text-shadow: @text-shad-hard;
	line-height: @title-leading;
	letter-spacing: @text-neg-space;
	margin-bottom: 1%;
}
/* box on product page with related products in it*/
.other_box {
	padding-top: 3%;
	padding-left: 0%;
	padding-right: 0%;
}
.other_box h1 {
	font-size: (@text-size-headline * 0.8);
	color: @text-alt-col;
	line-height: @title-leading;
	letter-spacing: @text-neg-space;
	margin-bottom: 3%;
	padding-left:3%;
}
.other_box.gradient {
	background-image: -webkit-linear-gradient(270deg,rgba(192,212,227,1.00) 0%,rgba(205,221,233,1.00) 46.74%,rgba(205,221,233,0.42) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(192,212,227,1.00) 0%,rgba(205,221,233,1.00) 46.74%,rgba(205,221,233,0.42) 100%);
	background-image: -o-linear-gradient(270deg,rgba(192,212,227,1.00) 0%,rgba(205,221,233,1.00) 46.74%,rgba(205,221,233,0.42) 100%);
	background-image: linear-gradient(180deg,rgba(192,212,227,1.00) 0%,rgba(205,221,233,1.00) 46.74%,rgba(205,221,233,0.42) 100%);
}


/* title style outside of box for product pages */
.title_box.product h1 {
	color: @black;
	text-shadow: none;
}


.title_box p {
	font-size: (@text-size-main * 0.8);
	color: @text-white;
	line-height: @para-leading;
	margin-left:2px;
	padding-bottom:1%;
}
.title_box.dark p, .title_box.dark h1 {
	color: @black;
}
.title_box.dark h6, .title_box.dark h6 a, .title_box.dark h5 {
	color: #888;
}

.title_box.dark h6 a:hover, .title_box.dark h6 a:active {
	color: @text-base-col;
	.text-rollover;
}
.title_box.product h6  {
	color: @text-base-col;	
}
.title_box.product h6 a {
	color: @text-base-col;	
}
.title_box.product h6 a:hover, .title_box.product h6 a:active {
	color: @text-over-col;
	.text-rollover;
}

.title_box h6  {
	font-size: @text-size-mid;
	color: @text-mid-col;
	font-weight: normal;
	margin-bottom: 1%;
}
.title_box h6 a {
	color: @text-mid-col;
}
.title_box h6 a:hover, .title_box h6 a:active {
	color: @text-white;
	.text-rollover;
}

.title_box.colour {
	background-color: rgba(84,84,84,1.00);
}
/* image on right side of generig pages */
.side_img {
	display: block;
	width: 100%;
}
/* used on 3 column layout in sitemap etc to give extra padding so columns align with titles */
.Layout3ColumnLeft, .Layout3ColumnMiddle, .Layout3ColumnRight  {
	padding-left: 3%;
	padding-right: 3%;
}
#top_button {
	font-size: 100%;
	font-weight: 500;
	color: @text-alt-col;
	.trans-out;	
	margin-bottom: 3%;
}
.remove_button  {
	font-size: 90%;
	font-weight: 500;
	color: @text-base-col;
	.trans-out;	
}
a#top_button  {
	float: right;
	display: block;
	padding-top: 4px;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 1px;
	margin-top: 4px;
	color: @text-alt-col;
	text-transform: uppercase;
	.trans-out;
	.small-corner;
}
a.remove_button  {
	float: left;
	display: block;
	padding-top: 4px;
	padding-bottom: 2px;
	margin-top: 4px;
	color: @text-base-col;
	text-transform: uppercase;
	.trans-out;
	.small-corner;
}


a#top_button:hover, a#top_button:active,
a#top_button a:hover i.fa.fa-arrow-circle-up
 {
	color: @rollover-col;
	.trans-in;
	background-color: #fff;
}
a.remove_button:hover, a.remove_button:active,
a.remove_button a:hover i.fa.fa-times-circle
 {
	color: @rollover-col;
	.trans-in;
}



/* the bar with page numbers at the bottom of listings pages */
#no_bar {
	width: 88%;
	margin-left:auto;
	margin-right:auto;
	padding-top: 2%;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 2%;
	margin-bottom: 2%;
	margin-top: 2%;
	display: block;
	.small-corner;
	background-color: #D7D7D7;
}
#no_bar h5 {
	color: @text-base-col;
	font-size: @text-size-main;
	line-height: 1.0em;
	padding-top: 7px;
	display:block;
	font-weight:normal;
	margin-bottom:10px;
	float:left;
}
h5.items {
	width: 100%;
	margin-top: 4px;
	display: block;
	}

.prev_next {
	display: block;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	width: 36px;
	background-color: #db0027;
	.small-corner;
	border: 1px solid #db0027;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-top: 2px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.0em;
	color: #FFFFFF;
	.trans-out;
}
.prev_next.rightspace {
	margin-right: 20px;
	}


.prev_next:active, .prev_next:hover, .no_normal:active, .no_normal:hover, .plus_minus:hover, .plus_minus:active {
	background-color: @dark-blue;
	color: #FFFFFF;
	border: 1px solid @dark-blue;
	.trans-in;
}

.no_normal {
	display: block;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	width: 18px;
	background-color: #B2B2B2;
	.small-corner;
	border: 1px solid #B2B2B2;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-top: 2px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.0em;
	color: @text-white;
	.trans-out;
}
.plus_minus {
	display: block;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	width: 18px;
	background-color: #B2B2B2;
	.small-corner;
	border: 1px solid #B2B2B2;
	text-align: center;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left:1px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 110%;
	line-height: 1.0em;
	color: @text-white;
	.trans-out;
}
/* variation for product page */
.plus_minus.prod {
	float: left;
	margin-left:7px;
}
.no_highlight {
	display: block;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	width: 18px;
	background-color: #FFFFFF;
	.small-corner;
	border: 1px solid #AFAFAF;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-top: 2px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.0em;
	color: @text-over-col;
	.trans-out;
}
.items_pg_drop {
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background-color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.0em;
	padding: 5px;
	border: 1px solid rgb(153,153,153);
	height: 28px;
	outline: none;
	margin-left:6px;
	float:left;
}
.show_item_wrapper {
	display: block;
	background-color: #E4E4E4;
	margin-top: 5px;
	padding-left: 9px;
	padding-top: 7px;
	padding-bottom: 4px;
	padding-right: 9px;
	.small-corner;
}
/* sort results at top of products listings pages */
.sort_wrapper {
	display: block;
	float:left;
	margin-right:5px;
	margin-top:10px;
}
.sort_wrapper h5 {
	color: @text-mid-col;
	font-size: @text-size-main;
	line-height: 1.0em;
	padding-top: 7px;
	display:block;
	font-weight:normal;
	margin-bottom:10px;
	float:left;
	
}
/* adds bottom margin to add this buttons */
.addthis_32x32_style {
	margin-bottom:20px;
}
/* cross through line on previous prices */
.crossout {
	text-decoration: line-through;
	margin-right: 5px;
}
/* float crossout price so red main price next to it on product lists*/
p.crossout {
	float: left;
}

/* special offer and new product circles */
.circle {
	border-radius: 50%;
	width: 46px;
	height: 46px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 17px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 80%;
	line-height: 1em;
	letter-spacing: -1px;
	display: block;
	float: left;
	margin-right: 5px;
	.circle-effect;
	font-weight: bold;
	text-indent: -1px;
	margin-bottom:-4px;
}
#productcircleswrap {
	padding-top: 5px;
	padding-left: 5px;
	position: absolute;
	z-index:55;
	}

.offer {
	background-color: #3EAB3C;
}
.new {
	 background-color: @red;
}
.offerhead {
	background-color: #2F832E;
}
.newhead {
	background-color: #D87000;
}



/* logo image on top right of brand pages */
#LayoutTitleboxLogo img {
	width: 130px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	.box-corner;
	.box-shadow;
	.box-back;
	.box-border;
}
/* generic message box style */
.msgbox {
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 110px;
	margin-bottom: @box-bottom-margin;
	padding-top: 2%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	.box-corner;
	.box-shadow;
	.box-back;
	.box-border;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.msgbox.triple {
	margin-top: 0px;
}
/* for account ref text on 3 megbox tripple */
.msgbox.triple h3 {
	font-size: (@text-size-main * 1.1);
	color: @black;
	line-height: @title-leading;
}
.msgbox.triple h3 a {
	color: @black;
	text-decoration: none;
}


/* box on product page with price data etc */
.productbox {
	width: 100%;
	margin-bottom: @box-bottom-margin;
	padding: 3%;
	.box-corner;
	.box-shadow;
	.box-back;
	.box-border;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* price and qty styles etc within product data box on product pg*/
.crossed {
	font-size: (@text-size-main * 1.3);
	color: @text-base-col;
	text-decoration:line-through;
	line-height: @title-leading;
}
.mainprice {
	font-size: @text-size-large-headline;
	color: @red;
	line-height: @title-leading;
	font-weight:bold;
	float:left;
	display:block;
	margin-right:6px;
}
.incvatprice {
	font-size: (@text-size-main * 1.1);
	color: @text-base-col;
	line-height: @title-leading;
	float:left;
	display:block;
	padding-top:14px;
}
.quantity {
	font-size: @text-size-main;
	color: @text-base-col;
	text-transform:uppercase;
	line-height: @title-leading;
	display:block;
	clear:left;
	padding-bottom:3px;
	padding-top:14px;
}
.sorry {
	font-size: @text-size-but;
	color: #DC2C34;
	line-height: @title-leading;
	display:block;
	clear:left;
	padding-bottom:10px;
	padding-top:14px;
}



/* brand logo in product pg info box */
.product_logo { 
	display:block;
	border: 1px solid #D5D5D5;
	float:right;
	clear:right;
	width: 30%;
}
.pdf {
	display: inline-block;
	margin-top: 1%;
	margin-bottom: 2%;
	padding: 1%;
	.small-corner;
	.trans-out;	
}
.pdf img {
	margin-right:8px;
	display:block;
	float:left;
}
.pdf_title {
	font-size: @text-size-main;
	color: @text-base-col;
	font-weight: bold;
	
	white-space:nowrap;
}
.filesize {
	font-size: @text-size-mid;
	color: @text-base-col;
	display:block;
}
.pdf:hover {
	background-color: #FFFFFF;
	.trans-in;
}



/* form text styles */
.text_input {
	.textfield;
	.textfield-corner;
	font-size: @text-size-main;
	padding-top: 6px;
	padding-right: 2%;
	padding-bottom: 6px;
	padding-left: 2%;
	width:96%;
}
.qty_input {
	.textfield;
	.textfield-corner;
	font-size: @text-size-main;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 7px;
	width: 16px;
	text-align: center;
}
.qty_input_prod {
	.textfield;
	.textfield-corner;
	font-size: @text-size-main;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 6px;
	padding-left: 7px;
	width: 50px;
	text-align: left;
	float:left;
}
.dropmenu {
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background-color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.0em;
	padding: 5px;
	border: 1px solid rgb(153,153,153);
	height: 32px;
	outline: none;
	width:100%;
	margin-top:1px;
}
.prodoption {
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background-color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.0em;
	padding: 3px;
	border: 1px solid rgb(153,153,153);
	height: 28px;
	outline: none;
	margin-top:1px;
}


/* wrapper for double input box pages such as login pg - this gives the right side extra top padding for mobile view when its below the left */
.double_box_right, .triple_box_middle, .triple_box_right, .triple_alt_box_middle, .triple_alt_box_right {
	margin-top:7%;
}
/* A-Z Product indes styles to make numbers bar work for a-z letter buttons*/
#LayoutNumbers.fullwidth {
	width:100%;
}
.no_highlight.wide, .no_normal.wide {
	width:40px;
}
/* restyle font icons on contact pg*/
.contact_numbers h1 span.fa-stack i.fa {
	color:#999;	
}
.contact_numbers h1 span.fa-stack i.fa.fa-inverse {
	color:#fff;	
}
.contact_numbers h1 {
	color: @black;
}
.contact_numbers {
	display: block;
	padding-top: 3%;
	padding-bottom: 3%;
	width:120%;
}
.contact_numbers h1, .contact_numbers h2 {
	display:block;
	float:left;
	padding-top:4px;
	margin-left:-2%;
	clear:both;
}
/*shopping cart main page styles */

/* shopping basket extra space above checkout button */
.button_red.wide.checkout {
	margin-top: 6%;
}

/* some table mixins */
.table-corner {
	-moz-border-radius: @table-radius;
    -webkit-border-radius: @table-radius;
    border-radius: @table-radius; 
}
/* some table variables */
@table-head: #F2F2F2;
@table-radius: 7px;

/* shopping cart border styles for table */
.bordered {
    border: solid #D5D5D5 2px;
    .table-corner;
	border-collapse: separate !important; 
	*border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;    
}       
.bordered.cart_table td, .bordered.cart_table th {
    border-left: 1px solid #D5D5D5;
    border-top: 1px solid #D5D5D5;
    text-align: left; 
	padding: 1.5%;
}
.bordered.order_history td, .bordered.order_history th {
    border-left: 1px solid #D5D5D5;
    border-top: 1px solid #D5D5D5;
    text-align: left; 
	padding: 1.5%;
}
.bordered.cart_total td, .bordered.cart_total th {
    border-left: 1px solid #D5D5D5;
    border-top: 1px solid #D5D5D5;
    text-align: right;   
	padding: 3.3%; 
}

.bordered tr td p a {
	text-decoration: none;
	.trans-in;
}


/* table header */
.bordered.cart_table th, .bordered.order_history th {
    background-color: @table-head;
    border-top: none;
	color: @text-base-col;
	font-size: (@text-size-main * 0.8);
}
.bordered.cart_total th {
    border-top: none;
	color: @text-base-col;
	font-size: (@text-size-main * 0.9);
	font-weight:normal;
}
.bordered td {
	color: @text-base-col;
	font-size: (@text-size-main * 0.9);
}
.bordered.cart_table img {
	width:20%;
	float:left;
	margin-right:2%;
	border: 1px solid #D5D5D5;
	.trans-out;
	display:none;
}
.bordered.cart_table img:hover {
	border-color: #A5A5A5;
	.trans-in;
}
/* table footer */
.bordered tfoot tr td {
    background-color: @table-head;
}
.bordered.cart_total tfoot tr td {
    font-weight:bold;
}
.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}
/* top padding on main cart price and subtotal on cart pg*/
.cart_value {
	margin-top: 12%;
	text-align: right;
}
.cart_item {
	float: left;
	width: 100%;
}
/* top padding on order history table*/
.bordered.order_history {
	margin-top: 3%;
}
/* invoice number links on order history table*/
.bordered.order_history td a {
	text-decoration: underline;
	color: @text-alt-col;
	.trans-in;
}
.bordered.order_history td a:hover {
	color: @text-over-col;
	.trans-out;
}
/* controls table corners*/
.bordered th:first-child {
	-moz-border-top-left-radius: @table-radius; 
	-moz-border-top-right-radius: 0px; 
	-moz-border-bottom-left-radius: 0px; 
	-moz-border-bottom-right-radius: 0px; 
	-webkit-border-top-left-radius: @table-radius; 
	-webkit-border-top-right-radius: 0px; 
	-webkit-border-bottom-left-radius: 0px; 
	-webkit-border-bottom-right-radius: 0px; 
	border-top-left-radius: @table-radius; 
	border-top-right-radius: 0px; 
	border-bottom-left-radius: 0px; 
	border-bottom-right-radius: 0px; 
   
}
.bordered th:last-child {
    -moz-border-top-left-radius: 0px;  
	-moz-border-top-right-radius: @table-radius; 
	-moz-border-bottom-left-radius: 0px; 
	-moz-border-bottom-right-radius: 0px; 
	-webkit-border-top-left-radius: 0px;  
	-webkit-border-top-right-radius: @table-radius;
	-webkit-border-bottom-left-radius: 0px; 
	-webkit-border-bottom-right-radius: 0px; 
	border-top-left-radius: 0px; 
	border-top-right-radius: @table-radius;
	border-bottom-left-radius: 0px; 
	border-bottom-right-radius: 0px; 
}
.bordered th:only-child{
    -moz-border-top-left-radius: @table-radius; 
	-moz-border-top-right-radius: @table-radius; 
	-moz-border-bottom-left-radius: 0px; 
	-moz-border-bottom-right-radius: 0px; 
	-webkit-border-top-left-radius: @table-radius;  
	-webkit-border-top-right-radius: @table-radius;
	-webkit-border-bottom-left-radius: 0px; 
	-webkit-border-bottom-right-radius: 0px; 
	border-top-left-radius: @table-radius; 
	border-top-right-radius: @table-radius;
	border-bottom-left-radius: 0px; 
	border-bottom-right-radius: 0px; 
}

.bordered tr:last-child td:first-child {
    -moz-border-top-left-radius: 0px;  
	-moz-border-top-right-radius: 0px;  
	-moz-border-bottom-left-radius: @table-radius;  
	-moz-border-bottom-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;  
	-webkit-border-top-right-radius: 0px; 
	-webkit-border-bottom-left-radius: @table-radius; 
	-webkit-border-bottom-right-radius: 0px; 
	border-top-left-radius: 0px; 
	border-top-right-radius: 0px; 
	border-bottom-left-radius: @table-radius;  
	border-bottom-right-radius: 0px;
}
.bordered tr:last-child td:last-child {
    -moz-border-top-left-radius: 0px;  
	-moz-border-top-right-radius: 0px;  
	-moz-border-bottom-left-radius: 0px;  
	-moz-border-bottom-right-radius: @table-radius; 
	-webkit-border-top-left-radius: 0px;  
	-webkit-border-top-right-radius: 0px; 
	-webkit-border-bottom-left-radius: 0px;  
	-webkit-border-bottom-right-radius: @table-radius;  
	border-top-left-radius: 0px; 
	border-top-right-radius: 0px; 
	border-bottom-left-radius: 0px;  
	border-bottom-right-radius: @table-radius; 
}
.bordered tr:last-child td:only-child {
    -moz-border-top-left-radius: 0px;  
	-moz-border-top-right-radius: 0px;  
	-moz-border-bottom-left-radius: @table-radius;  
	-moz-border-bottom-right-radius: @table-radius;
	-webkit-border-top-left-radius: 0px;  
	-webkit-border-top-right-radius: 0px; 
	-webkit-border-bottom-left-radius: @table-radius; 
	-webkit-border-bottom-right-radius: @table-radius;
	border-top-left-radius: 0px; 
	border-top-right-radius: 0px; 
	border-bottom-left-radius: @table-radius;  
	border-bottom-right-radius: @table-radius;
}
/* extra space above buttons on My account pg */
.button_red.but_account, .button_grey.but_account {
	margin-top:7%;
}
/* product code spacer and style on product pages */
.productcode {
	font-weight:bold;
	padding-top:2%;
	padding-bottom:2%;
}
/* brand logo in product pg info box */
.product_logo { 
	display:none;
}
/* shows when you add something to the cart */
#addedtocart {
	font-size: @text-size-main;
	color: @text-white;
	display: block;
	.box-corner;
	background-color: #3EAB3C;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 4%;
	padding-right: 4%;
	margin-bottom: 2%;
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
/* new style added for bullet lists in WYSIWYG on product pages*/
.nobox ul {
	margin-left: 20px;
}

.free-delivery {
	width: 100%;
	max-width: 325px;
	display: block;
	margin-bottom:10px;
}

/* new style added for Powertools version info button in item boxes */
.info-button {
	border: 2px solid #D8D8D8;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	width: 35px;
	float: right;
	text-align: center;
	text-transform: uppercase;
	font-size: 70%;
	line-height: 1em;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #797979;
	font-weight: bold;
	margin-top: 10px;
}
.info-button:hover {
	background-color:#F2F1F1;
}

/* new styles addred for reviews at bottom of products */
.reviews h4 {
	font-weight: 300;
	color: @black;
	font-size: (@text-size-headline * 0.8);
	line-height: @title-leading;
	letter-spacing: @text-neg-space;
	margin-bottom: 3%;
}

/* for review stars */
.staryel {
	color: #ffd800;
	text-shadow: 3px 3px 5px #FFFFFF, -3px -3px 5px #FFFFFF, -3px 3px 5px #FFFFFF, 3px -3px 5px #FFFFFF;
	margin-top: 1%;
	margin-bottom: 2%;
}
.stargrey {
	color: #DADADA;
	margin-top: 1%;
	margin-bottom: 2%;
}
.bluetext {
	color:#0866a4;
}
.double_box_left h5 a {
	color:#000000
}
tbody {
	border: 1px solid #787878;
}

	


@media screen and (min-width:321px){
.box p {
	font-size: (@text-size-mid * 1.2);
}
}

@media screen and (min-width:481px){
.nobox	h1, .msgbox h1 {
	font-size: (@text-size-headline * 1.1);
}
.nobox	h2, .msgbox h2 {
	font-size: (@text-size-headline * 1.0);
}
.nobox	h3 {
	font-size: (@text-size-headline * 1.0);
}
.nobox ul.inblock, .nobox ul.noblock  {
	padding-right: 6%;
	padding-left: 9%;
	
}
.box h2 {
	padding-top: 7%;
}
.box.products h2 {
	font-size: (@text-size-sub *0.9);	
}
/* used for prices in product lists */
.box h3 {
	font-size: @text-size-sub;
}
.feature_img {
	float: none;
	width: 100%;	
	margin-bottom: 3%;
}
.news_img {
	float: none;
	width: 100%;	
	margin-bottom: 3%;
	margin-right: 5%;
	margin-left: 0%;
}
.feature_text {
	float: none;
	width: 100%;
}
.button_red, .button_grey {
 font-size: (@text-size-but * 1.5);
}
.footer_list {
	margin-top: 6%;
}

.footer_list h3 {
	color: #bde1ff;
	font-size: (@text-size-sub * 0.9);
	line-height: @title-leading;
	letter-spacing: @text-neg-space;
	text-shadow: @text-shad-hard;
	margin-bottom: 4%;
	font-weight: 600;
}
.footer_list h3 a {
	color: @text-mid-col;
	.trans-out;
}

.footer_list ul {
	list-style-type: none;
}
.footer_list li {
	line-height: @bullet-leading;
	font-size: @text-size-mid;
	color: @text-mid-col;
	font-weight: normal;
	
}
.footer_list li a {
	color: @text-mid-col;
	.trans-out;
}

.footer_list li a:hover, .footer_list li a:active,
.footer_list h3 a:hover, .footer_list h3 a:active  {
	.text-rollover;
	color: @text-white;
	
}
.small_logo {
	float: left;
	margin-right: 10px;
	display: block;
	margin-left: -4px;
	width: 60px;
}
.footer_copyright p {
	margin-top: 10px;
}
.get_social h2 {	
	font-size: (@text-size-headline * 1.1);  
}
/* the bar with page numbers at the bottom of listings pages */
#no_bar {
	width: 92%;
	margin-bottom: 1%;
	margin-top: 0%;	
}
/*Floats main titles left so that sort box can go on right */
.title_box h1.narrow {
	display:block;
	float:left;
	width:48%;
}
/* sort results at top of products listings pages */
.sort_wrapper {
	float:right;
	margin-right:-1.8%;
	margin-top:0px;
}
/*shopping cart styles on main page */
.bordered.cart_table img {
	display:block;
}
.cart_item {
	width: 75%;
}
/* brand logo in product pg info box */
.product_logo {
	display: block;
}
/* new style added for Powertools version info button in item boxes */
.info-button {
	width: 50px;
	font-size: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 7px;
}
.reviews h4 {
	font-size: (@text-size-headline * 1.0);	
}

}




@media screen and (min-width:640px){
	


.logo_small {
	width: 165px;
}
.logo_large {
	width: 325px;
	margin-left: 3%;
}

.fa-align-justify {
	float: right;
	color: @text-base-col;
	margin-top: 20px;
	font-size: 200%;
	margin-right: 25px;	
}
#no_bar {
	width: 92%;	
}
h5.items {
	width: auto;
	margin-top: 2px;
	display: block;
	}
.show_item_wrapper {
	display: block;
	float: right;
	background-color: #D7D7D7;
	margin-top: 2px;
	margin-bottom: 3px;
	padding-left: 9px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 9px;
	.small-corner;
}
/*Floats main titles left so that sort box can go on right */
.title_box h1.narrow {
	width:60%;
}
/* generic message box style */
.msgbox {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 200px;
	margin-bottom: @box-bottom-margin;
}
.msgbox.double {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}
.msgbox.triple {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}	
.other_box {
	padding-left: 2%;
	padding-right: 2%;
}
.other_box h1 {
	font-size: (@text-size-headline * 1.0);
	padding-left:2%;
}
/* on product pg shift up for tablet*/
.incvatprice {
	padding-top:0px;
	clear:left;
}
#addedtocart {
    width: 94%;
	margin-left: 3%;
	margin-right: 3%;	
}


.fa-shopping-cart, .fa-user {
	/* [disabled]float: right; */
	color: @text-white;
	/* [disabled]margin-top: 12px; */
	font-size: 170%;
	/* [disabled]margin-right: 10px; */
}
.fa-search {
	/* [disabled]float: right; */
	color: @text-white;
	/* [disabled]margin-top: 14px; */
	font-size: 150%;
	/* [disabled]margin-right: 10px; */
}
.fa-shopping-cart:hover, .fa-user:hover, .fa-align-justify:hover, .fa-search:hover,
.fa-shopping-cart:active, .fa-user:active, .fa-align-justify:active, .fa-search:active {
	color: @rollover-col;
	
}
.button_red.hero {
	.button-effect;
	.button-corner;
	.button-text;
	.trans-out;
	font-size: @text-size-but;
    text-align: center;
    padding-top: 12px;
	padding-right: 3%;
	padding-bottom: 14px;
	padding-left: 3%;
	display: block;
	background-color: #dc2c34;
	margin-top: 10px;
	margin-bottom: 5%;
	float: left;
	width: 50%;
}
}


@media screen and (min-width:700px){
	
	#LayoutHeader h3 {
	display: block;
	float: left;
	width: 265px;
	/* [disabled]font-style: italic; */
	font-size: 110%;
	color: #a5a5a5;
	margin-top: 25px;
	margin-left: 53%;
	position: absolute;
	letter-spacing: -1px;
}
#LayoutHeader h3 a {
	color: #a5a5a5;
}

#tablet_menu {
	display: block;
	float: left;
	width: 575px;
	position: absolute;
	top: 81px;
	color: @text-alt-col;
	margin-left: 2%;
}
#tablet_menu li {
	list-style-type: none;
	font-size: 120%;
	text-transform: uppercase;
	font-weight: 800;
}
#tablet_menu li a {
	float: left;
	display: block;
	padding-top: 8px;
	padding-right: 11px;
	padding-left: 11px;
	padding-bottom: 8px;
	color: @text-white;
	text-shadow: @text-shad-hard;
}
#tablet_menu li a:hover, #tablet_menu li a:active {
	color: @rollover-col;
	text-shadow: 0 0 0;
	}
	
/* title box styles, main dark back block title just under header */		
.title_box h1 {
	font-size: (@text-size-large-headline * 0.9);
}
.title_box p {
	font-size: (@text-size-main * 1);
}

/* wrapper for double input box pages such as login pg */
.double_box_left {
	width:45%;
	float:left;
	clear:both;
	margin-left:0;
}
.double_box_right {
	width:45%;
	float:left;
	clear:none;
	margin-left:10%;
	margin-top:0%;
}
.triple_box_left {
	width:31%;
	float:left;
	clear:both;
	margin-left:0;
}
.triple_box_middle,  .triple_box_right  {
	width:31%;
	float:left;
	clear:none;
	margin-left:3.5%;
	margin-top:0%;
}
/* used on the my account pg */
.triple_alt_box_left {
	width:48.25%;
	float:left;
	clear:both;
	margin-left:0;
}
.triple_alt_box_middle {
	width:48.25%;
	float:left;
	clear:none;
	margin-left:3.5%;
	margin-top:0%;
}
.triple_alt_box_right  {
	width:100%;
	float:left;
	clear:both;
	margin-left:0%;
	margin-top:0%;
}



.triple_2column {
	width:65.5%;
	float:left;
	clear:both;
	margin-left:0;
}
/* update qty button on shopping cart pgmade narrower for table and desktop */
.button_updateqty {
	float: right;
	width: 40%;
}

/* table header */
.bordered.cart_table th, .bordered.order_history th {
	font-size: @text-size-main;
}
.bordered.cart_total th {
	font-size: @text-size-main;
}
.bordered td {
	font-size: @text-size-main;
}
#reviewbuttonspace {
	display:block;
	height:20px;
}



}




@media screen and (min-width:990px){

/* main para text on homepage */

.nobox {
	padding-left: 0%;
	width: 100%;
	padding-right: 0%;
}
.nobox	h1, .msgbox h1 {
	font-size: @text-size-headline;
	line-height: (@title-leading * 1.1);
	padding-bottom: 0%;
}

.nobox	h2, .msgbox h2 {
	font-size: (@text-size-headline * 0.9);
	line-height: (@title-leading * 1.1);
	padding-bottom: 0%;
}
.nobox	h3 {
	font-size: (@text-size-headline * 0.9);
	line-height: (@title-leading * 1.1);
	padding-bottom: 0%;
}



.nobox h1.home {
	font-size: (@text-size-headline *0.8);
	line-height: @title-leading;
	padding-top: 9%;
	padding-bottom: 3%;
}
.nobox p, .msgbox p , .nobox ol, .nobox ul{
	margin-bottom: 3%;
}
.box h2 {
	padding-top: 0%;
}

.box.products h2 {
	font-size: (@text-size-sub * 0.8);	
}
/* used for prices in product lists */
.box h3 {
	font-size: (@text-size-sub * 0.8);
}

.button_red, .button_grey {
 font-size: (@text-size-but * 0.9);
}

/* homepage features */

.feature_img {
	float: left;
	display: block;
	width: 40%;
	margin-right: 5%;
	margin-bottom: 0%;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
}
.news_img {
	float: right;
	display: block;
	width: 40%;
	margin-left: 5%;
	margin-right: 0%;
	margin-bottom: 0%;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
}
.feature_text {
	display: block;
	float: left;
	width: 55%;
}

/* footer styles */

.footer_list {
	margin-top: 3%;
}
.get_social h2 {
	font-size: (@text-size-headline * 0.9); 
}

/* header main menu */

.fixed {
	position: relative;
	width: 100%;
	z-index: 500;
}

#sidemenu, #cbp-hrmenu, #tablet_menu {
 display: none;
}
.logo {
	margin-top: 12px;
	margin-left: 0%;
	position: static;
}
.logo_small {
	width: 406px;
	.trans-out;
	
}
.logo_large {
	width: 406px;
	padding-right: 30px;
	.trans-out;
}
.logo_large:active, .logo_large:hover, .logo_small:active, .logo_small:hover {
	width: 436px;
	margin-left: -15px;
	margin-right: -15px;
	.trans-in;
}
	
#LayoutHeader h3 {
	display:none;
}



/* header extra menu on top right */

#desktop_extramenu {
	display: block;
	float: right;
	margin-top: 35px;
	width: 31.7%;
}
#desktop_extramenu li {
	list-style-type: none;
	font-size: 110%;
	font-weight: 400;
}
#desktop_extramenu li a {
	float: left;
	display: block;
	padding-top: 8px;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 8px;
	color: @mid-blue;
	/*text-shadow: @text-shad-hard;*/
	.trans-out;
}
#desktop_extramenu li a:hover, #desktop_extramenu li a:active  {
	color: @rollover-col;
	text-shadow: 0px 0px 0px;
	.trans-in;
}
.fa-home {
	font-size: 140%;
	margin-top: -2px;
	margin-right: -13%;
	float: right;
}
.fa-user {
	font-size: 100%;
	margin-right: 4px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	.trans-out;
}

/* show main desktop megamenu */
#cbp-tm-menu {
	display: block;
}
/* title box styles, main dark back block title just under header */		
.title_box h1 {
	font-size: @text-size-large-headline;
}
.title_box {
padding-left: 3%;	
}	

/* header search menu top right */

#desktop_searchmenu {
	display: block;
	float: right;
	margin-top: 26px;
	width: 31.7%;
	clear: right;
}
#desktop_searchmenu li {
	list-style-type: none;
	font-size: 100%;
	font-weight: 400;
	color: @text-white;
	.trans-out;
	
}
#desktop_searchmenu li a {
	float: left;
	display: block;
	padding-top: 4px;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 1px;
	margin-top: 4px;
	color: @text-white;
	text-transform: uppercase;
	.trans-out;
	margin-left: 1%;
	margin-right: 1%;
	.small-corner;
	z-index: 999;
}
#desktop_searchmenu li a:hover, #desktop_searchmenu li a:active,
#desktop_searchmenu li a:hover i.fa.fa-user
 {
	color: @text-white;
	.trans-in;
	background-color: #024470;
	}


.search_input_desktop {
	background-color: #ececec;
	.textfield-corner;
	font-size: @text-size-main;
	padding-top: 6px;
	padding-right: 12%;
	padding-bottom: 6px;
	padding-left: 3%;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: -5%;
	-webkit-box-shadow: inset 3px 3px 8px rgba(0,0,0,0.15);
	box-shadow: inset 3px 3px 8px rgba(0,0,0,0.15);
	float: left;
	border: 1px solid #0866A4;
	color: #808080;
}
.search_input_desktop.loggedin {
	width: 14.5%;
	margin-left: 1%;
}
.search_input_desktop.loggedout {
	width: 26%;
	margin-left: 5%;
}






.fa-search {
	float: left;
	display: block;
	margin-top: 7px;
	margin-left: -14px;
	font-size: 130%;
}
.fa-shopping-cart {
	font-size: 140%;
	width: 57px;
	display: block;
	position: absolute;
	top: 98px;
}
.cart-qty {
	font-size: 60%;
	margin-left: 4px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	background-color: #d0d0d0;
	line-height: 1em;
	border-radius: 5px;
	color: #FFFFFF;
	margin-top: 1px;
	width: 22px;
	text-align: center;
	font-weight: 800;
	display: block;
	float: right;
}

/* used on 3 column layout in sitemap etc to reverse extra padding so columns align with titles */
.Layout3ColumnLeft, .Layout3ColumnMiddle, .Layout3ColumnRight  {
	padding-left: 0%;
	padding-right: 0%;
}
/* the bar with page numbers at the bottom of listings pages */
#no_bar {
	width: 98%;
	margin-bottom: 1%;
	margin-top: 0%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}
#no_bar h5 {
	margin-bottom:0px;
}
/* sort results at top of products listings pages */
.sort_wrapper {
	float:right;
	margin-right:1%;
	margin-top:12px;
}
/*Floats main titles left so that sort box can go on right */
.title_box h1.narrow {
	width:70%;
}
/* generic message box style */
.msgbox {
	width: 33%;
	margin-left: 33%;
	margin-right: 33%;
	margin-top: 100px;
	margin-bottom: @box-bottom-margin;

}
.msgbox.double {
	width: 66%;
	margin-left: 16.5%;
	margin-right: 16.5%;
}
.msgbox.triple {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
/* update qty button on shopping cart pgmade narrower for table and desktop */
.button_updateqty {
	float: right;
	width: 25%;
}
/* used on the my account pg */
.triple_alt_box_left {
	width:31%;
	float:left;
	clear:both;
	margin-left:0;
}
.triple_alt_box_middle,  .triple_alt_box_right  {
	width:31%;
	float:left;
	clear:none;
	margin-left:3.5%;
	margin-top:0%;
}
/* box on product page with related products in it*/
.other_box {
	padding-top: 2%;
	padding-left:3%;
	padding-right:3%;
}
.other_box h1 {
	font-size: (@text-size-headline * 1.2);
	margin-bottom: 2%;
	padding-left:0%;
}
.incvatprice {
	clear:none;
	padding-top:14px;
}
#addedtocart {
    width: 100%;
	margin-left: 0%;
	margin-right: 0%;	
}
/* table header */
.bordered.cart_table th, .bordered.order_history th {
	font-size: (@text-size-main * 0.8);
}
.bordered.cart_total th {
	font-size: (@text-size-main * 0.9);
}
.bordered td {
	font-size: (@text-size-main * 0.9);
}

.fa-search {
	color: @red;
}
.info-button {
	width: 35px;
	font-size: 70%;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 10px;
}
.reviews h4 {
	font-size: (@text-size-headline * 0.9);	
}

}



@media screen and (min-width:1150px){
.nobox	h1, .msgbox h1 {
	font-size: (@text-size-headline * 1.3);
}

/* home page only smaller because more text*/
.nobox	h1.home {
	font-size: (@text-size-headline * 1.0);
}

.nobox	h2, .msgbox h2 {
	font-size: (@text-size-headline * 1.1);
}
.nobox	h3 {
	font-size: (@text-size-headline * 1.1);
}
.nobox p, .msgbox p , .nobox ol{
	font-size: (@text-size-main * 1.1);
	margin-bottom: 3%;
}
.nobox ul li{
	font-size: (@text-size-main * 1.1);
}

.nobox ul.inblock li {
	font-size: (@text-size-main * 1.1);
}
.nobox ul.noblock li {
	font-size: @text-size-main;
}
.box h2 {
	font-size: (@text-size-headline * 1.05);
}
.box.products h2 {
	font-size: (@text-size-sub * 0.9);	
}
/* used for prices in product lists */
.box h3 {
	font-size: (@text-size-sub * 1);	
}
.box p {
	font-size: (@text-size-mid * 1.2);
}
.button_red, .button_grey {
 font-size: (@text-size-but * 1.2);
}
.button_red.home, .button_grey.home {
 margin-top: 7%;
}

.footer_list h3 {
	font-size: (@text-size-sub * 1.0);
}
.get_social h2 {
	font-size: (@text-size-headline *1.1); 
}
#desktop_extramenu li a {
	padding-right: 3%;
	padding-left: 3%;
}
.search_input_desktop {
	margin-right: -5%;
	padding-right: 10%;
}
.search_input_desktop.loggedin {
	margin-left: 1%;
	width: 27%;
}
.search_input_desktop.loggedout {
	width: 36%;
	margin-left: 5%;
}
.msgbox h4 {
	font-size: (@text-size-main * 1.1);
	margin-bottom:1%;
	
}
/* title box styles, main dark back block title just under header */		
.title_box h1 {
	font-size: (@text-size-large-headline * 1.2);
}	
.title_box {
padding-left: 4%;	
}
/* form text styles */
.text_input {
	font-size: (@text-size-main *1.2);	
}
.dropmenu {
	font-size: (@text-size-main *1.2);	
	height: 36px;
	width:100%;
	margin-top:1px;
}
/* top padding on main cart price and subtotal on cart pg*/
.cart_value {
	margin-top: 9%;
}
/* table header */
.bordered.cart_table th, .bordered.order_history th {
	font-size: @text-size-main;
}
.bordered.cart_total th {
	font-size: @text-size-main;
}
.bordered td {
	font-size: @text-size-main;
}
/* header tel no text */

#LayoutHeader h3 {
	display:block;
	width: 390px;
	font-size: 130%;
	margin-top: 39px;
	margin-left: 430px;

}
/* new style added for Powertools version info button in item boxes */
.info-button {
	width: 50px;
	font-size: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 7px;
}
.reviews h4 {
	font-size: (@text-size-headline * 1.1);	
}

}
@media screen and (min-width:1300px){
#LayoutHeader h3 {
	display:block;
	width: 390px;
	font-size: 140%;
	margin-top: 37px;
	margin-left: 450px;
}
}