@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@font-face{
    font-family:'FontAwesome';
    font-weight:normal;
    font-style:normal;
    /* src:url('fontawesome/fontawesome-webfont.eot?v=4.3.0');
    src:url('fontawesome/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
        url('fontawesome/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
        url('fontawesome/fontawesome-webfont.woff?v=4.3.0') format('woff'),
        url('fontawesome/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
        url('fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); */
	src:url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0');
    src:url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
        url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
        url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
        url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
        url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
}

/* main layout */
html { margin:0 auto; text-align:center; background-color:#FFFFFF; font-family: "Open Sans",Calibri,Arial,sans-serif; font-size: 0.9em; color:#000; overflow-x: hidden; width: 1200px;}

body  { margin:0 auto; text-align:center; background-color:#E9E7E7; color: black; font-family: "Open Sans",Calibri,Arial,sans-serif; font-size: 0.9em;  overflow-x: hidden; width: 1200px; margin:0 auto; }

#pageWrapper { position: relative; width: 100%; min-height: 100%; text-align:center; }

#header {text-align:right; width: 100%; height:100px; z-index:999; overflow: hidden; padding-bottom:3px; background-image: URL(../images/header.jpg); background-repeat: repeat; border-bottom: solid 1px rgba(0,0,0,.3); background-repeat: no-repeat;}

#summary {text-align:left; position: relative; bottom:0px; left:0px; width: 100%; z-index:999; overflow: hidden; padding-bottom:3px; background-color: #fff;  }

#footer { text-align:center;clear: both;margin-top: 20px; padding: 10px; background-color: #e9128b;}

#top-footer { text-align:center;clear: both;margin-top: 20px auto; width: 1140px; padding: 10px; background-color:#CFCFCF;}
.imagini-tb {border: 0px;}

.pageHolder {text-align:center; width:100%; margin:0 auto; max-width:1860px;}

.mainContent {text-align:center; background-color:#E9E7E7; margin: 20px 10px 20px 20px; min-height: 500px; }

.panelHolder {width:30%;}

.viewProdSales {text-decoration: none;}


.loginblocks {

	margin: 5px;
	border: 1px solid #e9128b; border-radius: 5px;
}
.loginflag {
	/* float: left; */
	/* width: 40px; */
	/* height: 50px; */
	margin: 5px;
}
.logintext {
	/* float: left; */
	/* width: 180px; */
	padding: 0 5px 0 5px;
}


/* VIDEO */
.video-wrap { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; text-align: center; }
.video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* character and links a.genButt:link, */
a:link { color:#006; text-decoration:none; outline: none;}
a:visited { color: #006; text-decoration:none; outline: none;}
a:active { color: #006;text-decoration:none; outline: none;}
a:hover { color:rgb(80, 80, 80); text-decoration:underline; outline: none;}

a.menuLinks:link, a.menuLinks:visited, a.menuLinks:active { color: #fff; text-decoration:none; outline: none; height: 120px; width: 600px; display:inline-block; font-size: 20px; font-weight: bold;}
a.menuLinks:hover { color: #122b66; text-decoration:none; outline: none;}

a.menuLinksTop:link, a.menuLinksTop:visited, a.menuLinksTop:active { padding-top: 10px; color:#ff6600; text-decoration:none; outline: none; font-weight: bold;}
a.menuLinksTop:hover { color: rgb(40, 40, 40); text-decoration:underline; outline: none;}

a.menuLinksGrey:link, a.menuLinksGrey:visited, a.menuLinksGrey:active, a.menuLinksGrey:hover { color:#999; text-decoration:none; outline: none; height: 120px; width: 600px; display:inline-block; font-size: 20px; font-weight: bold; }
a.menuLinksGrey:hover::after { content:' Contact CPK'; }

a.button-clear:link,a.button-clear:active,a.button-clear:visited{padding: 5px 15px; color:rgb(80, 80, 80); border: 2px solid rgb(40, 40, 40); text-decoration:none; outline: none;}
a.button-clear:hover{padding: 5px 15px;border: 2px solid rgb(40, 40, 40); background-image:URL(../images/trans.png); background-repeat: repeat;color: #fff; text-decoration:none; outline: none;}
a.genButt:link,a.genButt:active,a.genButt:visited{padding: 5px 15px;border: 2px solid rgb(40, 40, 40); background-image:URL(../images/trans.png); background-repeat: repeat;color: #fff; text-decoration:none; outline: none;}
a.genButt:hover{padding: 5px 15px;border: 2px solid rgb(40, 40, 40);color: rgb(40, 40, 40); background-image:URL(../images/trans-white.png); background-repeat: repeat; text-decoration:none; outline: none;}


a.button-white:link,a.button-white:active,a.button-white:visited{padding: 5px 15px;border: 2px solid #fff;color: #fff; text-decoration:none; outline: none;}
a.button-white:hover{padding: 5px 15px;border: 2px solid #fff; background-image:URL(../images/trans-white.png); background-repeat: repeat;color: rgb(40, 40, 40); text-decoration:none; outline: none;}
a.button-orange:link,a.button-orange:active,a.button-orange:visited{padding: 5px 15px;border: 2px solid rgb(40, 40, 40); text-decoration:none; outline: none;background-color: rgba(0,0,0,.3);}
a.button-orange:hover{padding: 5px 15px; border: 2px solid rgb(40, 40, 40); text-decoration:none; outline: none; background-color: #ff6600; }
a.button-green:link,a.button-green:active,a.button-green:visited{padding: 5px 15px;border: 2px solid rgb(40, 40, 40); text-decoration:none; outline: none; background-color: rgba(0,0,0,.3);}
a.button-green:hover{padding: 5px 15px; border: 2px solid rgb(40, 40, 40); text-decoration:none; outline: none;background-color: #5E7641;}


.largeHeading-dark, h1 { font-size:28pt; color:rgb(40, 40, 40); margin:0; font-weight:bold; overflow:hidden; outline:none; text-transform: uppercase; margin: 0px; }
.largeHeading{ font-size:28pt; color:#666; margin:0; font-weight:bold; overflow:hidden; outline:none; text-transform: uppercase; text-shadow: 1px 1px #000; }
.largeHeading-white{ font-size:28pt; color:#fff; margin:0; font-weight:bold; overflow:hidden; outline:none; text-transform: uppercase; text-shadow: 1px 1px #000; }
.largeHeading-orange{ font-size:28pt; color:#ff6600; margin:0; font-weight:bold; overflow:hidden; outline:none; text-transform: uppercase; text-shadow: 1px 1px #000; }
.largeHeading a:link{ font-size:28pt; color:rgb(80, 80, 80); margin:0; font-weight:bold; overflow:hidden; outline:none; text-transform: uppercase; }
.largeHeading a:hover{ font-size:28pt; color:#006; margin:0; font-weight:bold; overflow:hidden; outline:none; text-transform: uppercase; }
.largeText, .heading2, h3 {font-size: 20px; margin: 0px;padding: 0px;}
.largeText a:link, a.heading2:link, .largeText a:active, a.heading2:active, .largeText a:visited, a.heading2:visited{ font-size:20px; color:#006; margin:0; font-weight:bold; overflow:hidden; outline:none; text-transform: uppercase; }
.largeText a:hover, a.heading2:hover{ font-size:20px; color:rgb(80, 80, 80); margin:0; font-weight:bold; overflow:hidden; outline:none; text-transform: uppercase; }
.whiteText {color: #fff;}
a.active:link{font-weight: bold; color:#000;}


h1, h2 { margin: 0px;}


/*BOX*/
.boxHolder { margin:10px 20px 30px 20px; width: 300px; float:left; height: 280px; text-align: center;}
.box {	margin: 10px; 	background:#666; }


#orderHistoryStatusHolder, #orderHistoryDetailHolder{  width:100%; padding: 5px; background-image:URL(../images/trans-white.png); background-repeat: repeat; margin-left: -5px; margin-bottom: 30px; }
#productDetailsHolder{ z-index:1000; position: absolute; margin-left: -5px; top: 100px; width:1200px; background-image:URL(../images/trans-white.png); background-repeat: repeat; padding: 5px 5px 5px 5px; }


/* Classes */
.floatLeft, .floatleft { float: left; }
.floatRight, .floatright { float: right;}
.clearFloat, .clearfloat {clear: both; height: 1px;}
img { max-width: 100%; }
.hide{display: none !important;}
.labeltext, .labelText { font-size:10px; color:#666999; }
.grnText { color: #00CC33; }
.redText{color: #f00;}
.red_title{color: #f00;font-weight: bold;}
.redBorder {border: 1px solid #f00;}
.comingSoon{color: #ff6600;}
.yellowBox{ background-color: lightyellow;border:1px solid yellow;}
.prodtabitems{line-height: 150%}

.plainList {margin-bottom: 10px;}
.plainList ul { list-style: none;}
.plainList ul li { float:left;margin: 10px;padding: 10px;}


.leftfloatList ul { margin:20px 0px;padding: 0px;list-style: none; text-align: center;}


.leftfloatList ul li {border: 1px solid #000;margin: 10px;padding: 0 10px;list-style: none;width: 1120px; height:120px; background-color: #e9128b; border-radius: 5px; text-align: center; color: white; vertical-align: middle; }

.leftfloatList ul li:hover { border: 1px solid #000; background-color: #fff; text-align: center;}


.leftfloatList li { max-width: 1120px; min-width: 120px; position: relative; margin: 0 auto; text-align: center; }

i {font-size: 22px; font-family: "Fontawesome"; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px rgba(0,0,0,.3); }

.shadBottom{ -webkit-box-shadow: 0 4px 4px 0px rgba(0,0,0,.3); -moz-box-shadow: 0 4px 4px 0px rgba(0,0,0,.3); box-shadow: 0 4px 4px 0px rgba(0,0,0,.3); }
.shadTop{ -webkit-box-shadow: 0px -4px 4px 0px rgba(0,0,0,.3); -moz-box-shadow: 0px -4px 4px 0px rgba(0,0,0,.3); box-shadow: 0px -4px 4px 0px rgba(0,0,0,.3); }
.blueBorder { border: 1px solid #006; }

.lightBlueBox{ border: none; background-color: #fff; }
/* Forms
	.lightBlueBox{ border: 1px solid #9FBAED; background-color: #E3EDFF; }
	-moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
	*/
form{ margin:0; padding:0px; }

input.fcontent, textarea.fcontent, input.search {
	padding:6px 8px;
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    
}
input.search {
	padding:6px 8px;
    border:1px solid #aaa;
    border-radius:2px;
}
input.fcontent:focus, textarea.fcontent:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
}

select, option{ padding:5px 8px;
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px; }


/* Button Style */
button.submit, .button {
    background-color: #e9128b;
    background: -webkit-gradient(linear, left top, left bottom, from(#e9128b), to(#940556));
    background: -webkit-linear-gradient(top, #e9128b, #940556);
    background: -moz-linear-gradient(top, #e9128b, #940556);
    background: -ms-linear-gradient(top, #e9128b, #940556);
    background: -o-linear-gradient(top, #e9128b, #940556);
    background: linear-gradient(top, #e9128b, #940556);
    

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #f72c9e;
    -webkit-box-shadow: 0 1px 0 0 #f72c9e inset ;
    -moz-box-shadow: 0 1px 0 0 #f72c9e inset;
    -ms-box-shadow: 0 1px 0 0 #f72c9e inset;
    -o-box-shadow: 0 1px 0 0 #f72c9e inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #940556;
}
button.submit:hover, .button:hover, .submitRed:hover, .submitAmber:hover {
    opacity:.85;
    cursor: pointer;
}
button.submit:active, .button:active, .submitRed:active, .submitAmber:active {
    border: 1px solid #940556;
    box-shadow: 0 0 10px 5px #940556 inset;
    -webkit-box-shadow:0 0 10px 5px #940556 inset ;
    -moz-box-shadow: 0 0 10px 5px #940556 inset;
    -ms-box-shadow: 0 0 10px 5px #940556 inset;
    -o-box-shadow: 0 0 10px 5px #940556 inset; 
}
button.submit:focus, .button:focus, .submitRed:focus, .submitAmber:focus{
	padding-right:20px;
}

.submitAmber {
    background-color: #ff6600;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#ff2200));
    background: -webkit-linear-gradient(top, #ff6600, #ff2200);
    background: -moz-linear-gradient(top, #ff6600, #ff2200);
    background: -ms-linear-gradient(top, #ff6600, #ff2200);
    background: -o-linear-gradient(top, #ff6600, #ff2200);
    background: linear-gradient(top, #ff6600, #ff2200);
    border: 1px solid #ff6600;
    border-bottom: 1px solid #ff2200;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #ffAA00;
    -webkit-box-shadow: 0 1px 0 0 #ffAA00 inset ;
    -moz-box-shadow: 0 1px 0 0 #ffAA00 inset;
    -ms-box-shadow: 0 1px 0 0 #ffAA00 inset;
    -o-box-shadow: 0 1px 0 0 #ffAA00 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}


.submitRed {
    background-color: #f00;
    background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#990000));
    background: -webkit-linear-gradient(top, #f00, #990000);
    background: -moz-linear-gradient(top, #f00, #990000);
    background: -ms-linear-gradient(top, #f00, #990000);
    background: -o-linear-gradient(top, #f00, #990000);
    background: linear-gradient(top, #f00, #990000);
    border: 1px solid #f00;
    border-bottom: 1px solid #990000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #f44848;
    -webkit-box-shadow: 0 1px 0 0 #f44848 inset ;
    -moz-box-shadow: 0 1px 0 0 #f44848 inset;
    -ms-box-shadow: 0 1px 0 0 #f44848 inset;
    -o-box-shadow: 0 1px 0 0 #f44848 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}

.field {width:100%; margin-bottom:20px;}
.field label { width:20%; display:inline-block;vertical-align: top; font-weight:bold; text-transform: uppercase; text-align: right; padding-right: 10px;}
.field .input { width:75%; display:inline-block;}
.field .input textarea {display:block;height:230px;width:90%;padding:5px;}
.field .input input {display:block;width:90%;padding:5px;}
/*SEARCH*/
input.search { border:none; font-size: 12px; background-color:#fff; color:#000; }
#searchbutt {background: none; background-color: none; border: none; color: #fff; box-shadow: none; }
#searchbutt:focus {background: none; background-color: none; border: none; color: #fff; }

div.formrow { padding:5px; vertical-align:middle; color: rgb(80, 80, 80); text-align: left; }
div.formrow label { display:block; float:left; width:120px; padding-left:20px; font-weight:bold; }
div.formrow label.row {  font-weight:bold; width:300px; }
div.formrow label span { color:#FF0000; }

fieldset { border-width: 1px medium medium; border-style: solid none none; border-color: #000; margin: 1em 0px; }
legend { margin: 1em 0px; padding: 0px 0.5em; color: #F78F1E; font-size: 12pt; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }


/*ORDER PAGE*/

.prodRange{ background-color: rgba(0,0,0,.3);}

#lightbox { background-image:URL(../images/trans-white.png); background-repeat:repeat; position:fixed;  top:0px; left:0px; width:100%; height:100%; z-index:1000;}
#assocMess { position:relative; z-index:1001; margin:0 auto; text-align:center; top:200px; width:400px; height:170px; border:1px solid #9fbaed; padding:5px; background-color:rgb(242, 247, 255); -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.3); -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.3); box-shadow: 2px 3px 5px rgba(0,0,0,.3); }


/*FROM OLD SITE*/
.error { color: #f00; }
.error2x { color: #f00; font-size: 1.0em; }
.p2x { font-size: 1.0em; margin: 0px;}

table {	border: 0px; width: 100%; border-spacing: 0px; color: rgb(40, 40, 40);}
td { padding: 5px; }
th { 
	background-color: rgba(0,0,0,.3); 
	text-align: center;  
	padding: 5px !important;
	border-color: rgba(0,0,0,.3);
}
th.left { text-align: left; }
th.right { text-align: right; }
th.top  { background-color: rgba(0,0,0,.3); background-position: 0 top; text-align: center; vertical-align: top }


td.currency { text-align: center; }
td.currencynostock { text-align: center; background-color: #FFE3E3; }

td img { border: 1px solid #9FBAED }
td.error { background-color: #FF9393; color: #fff }
td.nostock { background-color: #FFE3E3; }
td.right { text-align: right; }
td.left { text-align: left; }
td.center { text-align: center; }

table#searchResults { border: 1px solid #DBED9F; }
table#searchResults th { background-color: #DBED9F; }

table#ocOrder #interact td { background-color: #ddd; }
table#ocOrder .oos td { background-color: #FFE3E3; }

table#favourites { border: 1px solid #9FBAED; }
table#favourites th { background-color: #9FBAED; }

table#shippingSummary { border: 1px solid #333; }
table#shippingSummary th { background-color: #333; color:#fff; }
table#shippingSummary td { color:#fff; }

#ocVCP {
	border: 1px solid #9FBAED;
	background-color: #E3EDFF;
}

#ocPlaceOrder {
	border: 1px solid #B2B2B2;
	background-color: #D9D9D9;
}

#orderID { font-size: 0.9em; font-weight: bold; }

#fProdSelect .range { font-size: 0.9em; color: #5E6644; text-align: left; }
#fProdSelect .prodRange { background-color: #F8FFE3; border-top: 2px solid #FFF; text-align: left; }
#fProdSelect img { border-color: #96A26D; }
/*#fProdSelect td { background-color: #FFF; }*/

#prodDetail img { border: 2px solid #9FBAED }

/* VALIDATION ENGINE */
.inputContainer {
	position: relative;
	float: left;
}

#formError, #termsMessage { background-color: #FF9393; padding: 5px; color:#990000; font-weight:bold; margin-bottom:10px; }
#formMess { background-color: rgb(150, 255, 147); padding: 5px; color:#009900; font-weight:bold; margin-bottom:10px; }

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5003;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	z-index:5004;
	color: #fff;
	width: 150px;
	font-family: tahoma;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
  position:relative;
  z-index: 5005;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

/* IMAGE ENALRGE
.imageLarge {
    z-index: 2000;
}
  
.imageLarge:hover {
    width: 400px;
    height: 400px;
  }
 */
/*IPAD RES*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.pageHolder {text-align:left; width:100%; margin:0 auto; max-width:1024px;}
	
	.mainContent {text-align:center; background-color:#ffffff; margin: 57px 0px 50px 0px; min-height: 400px; padding:0px 8px; }
	
	#content {margin-left:50px; text-align: center;}
	p, table, #orderHistoryStatusHolder, #orderHistoryDetailHolder, #productDetailsHolder {text-align:left;}
}
/* small laptop */
@media only screen and (max-width: 1920px) {
    #summary {text-align:left; position: relative; bottom:0px; left:0px; width: 100%; z-index:999; overflow: hidden; padding-bottom:3px; background-color: #fff;  }
  }

/* PRINTING */
@media print {
    body{width:100%;
        height:100%; 
        margin:0px;
        padding:0px;
    }    
    @page {
        size: A4 landscape;
        max-height:100%;
        max-width:100%;
        margin:0;
        }
    #orderTotals, #orderTotalsPreYear { border: none !important;}
    .floatLeft, .floatleft { float: none; }
    .floatRight, .floatright { float: none;}
    .brandProdTotals, .printBtn {display:none;}
    .SalesComp {width:240px;display:inline-block;}
    .panelHolder{ width:100%;}
    .pagebreak {
        break-after: always;
    }
}

.b2b {font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; font-weight: bold; font-size: 30px; color: deeppink;}