HTML { height: 100%; overflow-y: scroll; }
BODY { height: 100%; margin: 0; padding: 0; background: #fefefe; }
BODY, INPUT, SELECT, TEXTAREA { color: #000; font-size: 12px; font-weight: normal; font-family: Tahoma, Verdana, Arial, sans-serif; }
FORM { display: inline; }
INPUT, SELECT, TEXTAREA { border: 1px solid #ff9933; }
INPUT { height: 17px; padding-top: 2px; padding-left: 3px; padding-right: 3px; }
INPUT.btn { float: none !important; width: auto !important; height: 26px; background-color: #000; border: 1px solid #ff9933; margin: 15px 15px 12px 0; padding: 0 10px; color: #fff; cursor: pointer; }
INPUT.chk { width: auto !important; border: none !important; }
INPUT.file { height: auto !important; }
TEXTAREA { padding: 3px; overflow: auto; }
IMG { border: none; vertical-align: -3px; }
ACRONYM { cursor: help; border-bottom: 1px dotted black;}
P { margin: 10px 0; }
OL, UL { margin-top: 10px; margin-bottom: 10px; }
A { color: #000; text-decoration: underline; outline: none; }
A:hover { color: #000; }

H1 { margin: 0 0 25px; padding: 0; color: #000; font-size: 28px; font-weight: normal; line-height: normal; }
H2 { margin: 10px 0; padding: 0; color: #000; font-size: 18px; font-weight: normal; line-height: normal; }
H3 { margin: 20px 0 10px; padding: 0; color: #000; font-size: 13px; font-weight: bold; line-height: normal; }
H4 { margin: 0 0 5px; padding: 0; color: #000; font-size: 11px; font-weight: bold; line-height: normal; }
H4 A { color: #000; text-decoration: none; }


/* === LAYOUT === */
#container { width: 850px; margin: 0 auto; padding: 30px 20px 40px 50px; line-height: 18px; }


/* === HEADER === */
#header { width: 920px; height: 61px;  margin: 0 auto; padding-top: 28px; }
#header A.logo { float: left; width: 420px; height: 46px; background: url(../images/layout/logo.gif) no-repeat left top; font-size: 0; text-indent: -5000px; }
/*.headerImg { background: url(../images/layout/header_bg.jpg) repeat-x left top; }*/
.headerImg { background: #18427c; }
.headerImg DIV { height: 160px; background: url(../images/layout/header.jpg) no-repeat center top; }


/* === FOOTER === */
#footer { border-top: 1px solid #c3c3c3; margin-top: 50px; padding-top: 7px; font-size: 10px; }


/* === MENU === */
UL#menu { float: right; margin: 0; padding: 20px 0 0; list-style: none; }
UL#menu LI { float: left; height: 39px; padding: 0 13px; line-height: 39px; }
UL#menu A { color: #000; font-size: 11px; font-weight: bold; text-decoration: none; }
UL#menu A:hover { color: #000; }
UL#menu LI.active { background-color: #fff; border: 1px solid #c3c3c2; }
UL#menu LI.active A { color: #000; }

UL#submenu { border-bottom: 1px solid #c3c3c3; margin: 0 0 30px; padding: 0 0 8px; list-style: none; width:100%; }
UL#submenu LI { display: inline; margin-right: 25px; }
UL#submenu A { color: #000; font-size: 11px; font-weight: bold; text-decoration: none; }
UL#submenu A:hover { color: #000; }
UL#submenu LI.active A { color: #000; }

UL#filter { margin: -30px 0 30px; padding: 0 0 8px; list-style: none; }
UL#filter LI { display: inline; margin-right: 20px; }
UL#filter A { color: #000; font-size: 11px; text-decoration: none; }
UL#filter A:hover { color: #000;}
UL#filter LI.active A { color: #000; font-weight: bold;}


/* === BLOCKS === */
.prodClm { float: left; width: 140px; height: 160px; margin: 20px 25px 0 0; }
.prodClm H4 { position:relative; height: 46px; font-size: 12px; }
.prodClm H4 A { position:absolute; bottom:0; }
.prodClm IMG { width: 130px; }

/* border for images */
SPAN.brdT { float: left; display: block; background: url(../images/layout/brdT.gif) repeat-x left top; }
SPAN.brdT SPAN { display: block; }
SPAN.brdTL { background: url(../images/layout/brdTL.gif) no-repeat left top; }
SPAN.brdTR { background: url(../images/layout/brdTR.gif) no-repeat right top; }
SPAN.brdL { background: url(../images/layout/brdL.gif) repeat-y left top; }
SPAN.brdR { background: url(../images/layout/brdR.gif) repeat-y right top; }
SPAN.brdBL { background: url(../images/layout/brdBL.gif) no-repeat left bottom; }
SPAN.brdB { background: url(../images/layout/brdB.gif) repeat-x left bottom; }
SPAN.brdBR { background: url(../images/layout/brdBR.gif) no-repeat right bottom; padding: 3px 7px 7px 3px; }

.imgfloatL { float: left; width: 300px; }
.imgsmallfloatL { float: left; margin: 0 20px 10px 0; }


/* === FORMS === */
.formBlk { width: 100%; margin: 30px 0; overflow: hidden; }
.formBlk LABEL { float: left; width: 180px; margin: 2px 10px 12px 0; color: #000; font-size: 11px; font-weight: bold; }
.formBlk INPUT { float: left; width: 220px; margin-bottom: 12px; }
.formBlk INPUT.middle { width: 140px; }
.formBlk INPUT.small { width: 64px; margin-right: 5px; }
.formBlk INPUT.chk { margin: 2px 5px 0 0 !important; }
.formBlk SELECT { float: left; width: 226px; margin-bottom: 12px; }
.formBlk TEXTAREA { float: left; width: 300px; margin-bottom: 12px; }
.formBlk BR { clear: both; }
.formBlk SPAN.comm { float: left; width: 220px; margin: 2px 10px 12px 0;  }
.formBlk SPAN.labelTxt { clear: left; display: block; width: 180px; margin: 0 10px 12px 0; color: #777; font-size: 11px; font-style: italic; line-height: normal; }
.formBlk SPAN.star { margin-left: 2px; color: #f00; font-weight: normal; }

/* login */
.formBlk.login { background-color: #e9f1de; padding: 15px 0 0; }
.formBlk.login .container { width: 384px; margin: 0 auto; }
.formBlk.login LABEL { width: 150px; }
.formBlk.login INPUT { width: 200px; }
.formBlk.login SELECT { width: 206px; }
.formBlk.login INPUT.btn { margin: 0 0 12px; }


/* === TABLES === */
TABLE { border-collapse: collapse; }

TABLE.tbl { width: 100%; border: 1px solid #ff9933; }
TABLE.tbl TH { background-color: #000; border: 1px solid #ff9933; padding: 2px 8px; color: #fff; font-size: 11px; text-align: left; text-transform: uppercase; }
TABLE.tbl TH A { color: #fff; }
TABLE.tbl TD { border: 1px solid #ff9933; padding: 2px 8px; color: #000; font-size: 11px; vertical-align: top; }
TABLE.tbl TD.right { text-align: right; }
TABLE.tbl TR.total TD { color: #000; font-weight: bold; }
TABLE.tbl .subhead { color: #000; font-weight: bold; text-transform: capitalize; }
TABLE.tbl .bold { color: black; font-weight: bold; text-transform: capitalize; }
TABLE.tbl .prodImg { padding: 15px; }
TABLE.tbl UL { margin: 0 0 0 5px; padding: 0; list-style: none; }
TABLE.tbl UL LI { background: url(../images/layout/mark.gif) no-repeat left 7px; margin-bottom: 2px; padding-left: 13px; }

TABLE.tblPrint { width: 600px; margin: 0 auto; border: 1px solid #ff9933; }
TABLE.tblPrint H2 { margin: 0; padding: 0; color: #ff9933; font-size: 26px; font-weight: bold; }
TABLE.tblPrint TH { background-color: #000; border: 1px solid #ff9933; padding: 2px 8px; color: #fff; font-size: 11px; text-align: left; }
TABLE.tblPrint TD { padding: 2px 8px; color: #000; font-size: 11px; vertical-align: top; }
TABLE.tblPrint TD.right { text-align: right; }
TABLE.tblPrint TD.head { width: 180px; white-space: nowrap; }
TABLE.tblPrint TD.value { border-bottom: 1px solid #ff9933; }
TABLE.tblPrint TD.clmLeft { width: 50%; }
TABLE.tblPrint TD.separator { height: 0; padding: 0 !important; font-size: 0; text-indent: -5000px; line-height: 0 !important; }
TABLE.tblPrint .subhead { margin-top: 10px; color: #000; font-weight: bold; text-transform: capitalize; }
TABLE.tblPrint .bold { color: black; font-weight: bold; text-transform: capitalize; }
TABLE.tblPrint TR.total TD { color: #000; font-weight: bold; }

TABLE.tblInfo TD { padding: 12px; }
TABLE.tblInfo TD.head { padding-right: 0; white-space: nowrap; text-align: right; }
TABLE.tblInfo TD.value { white-space: nowrap; }

#productoverview TABLE { width: 390px; border-top: 1px solid #ff9933; margin-bottom: 10px; }
#productoverview TABLE TD { border-bottom: 1px solid #ff9933; border-right: 1px solid #f0f0f0; padding: 2px 8px; color: #000; font-size: 11px; vertical-align: top; }

TR.bgdark TD { background-color: #f6f6f6; }
TR.bglight TD {  }


/* === OTHER === */
#selectproduct { display: block; width: 400px; background-color: #000; border: 1px solid #ff9933; padding: 2px 8px; color: #fff; font-size: 11px; font-weight: bold; }
#productoverview { display: block; width: 406px; height:250px; border: 1px solid #ff9933; border-top: none; margin-bottom: 25px; padding: 10px 5px 0; overflow: auto; }
#productoverview B { display: block; margin: 0 0 5px; }

.bold { font-weight: bold; }

.nobrdr { border-right: none !important; }

.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }

.fleft { float: left !important; }
.fright { float: right !important; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }

table.tblSorter {
	margin-top: -20px;
}
table.tblSorter th.header {
    background-image: url(../../images/tablesorter/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tblSorter th.headerSortDown {
    background-image: url(../../images/tablesorter/desc.gif);
}
table.tblSorter th.headerSortUp {
    background-image: url(../../images/tablesorter/asc.gif);
}
.thSpn {
	padding-right: 20px;
}
.offerOverview {
	width: 820px;
	border: 1px solid #a6a5a5;
	background: #f3f1f1;
	color: #a6a5a5;
	padding: 15px;
	margin-bottom: 15px;
}
.middle {
	vertical-align: middle;
}
.pointer {
	cursor: pointer;
}
.borderNone {
	border: none;
}
.offerDateBl {
	margin-top: 5px;
	padding-right: 5px;
	text-align: right;
	font-style: italic;
	color: #ccc;
}
.italic {
	font-style: italic;
}

/* ======= PRINT ======= */
@media print {

	.noprint, #header, .headerImg, #submenu, #footer, .btn { display: none; }

	#container { width: auto; }

	TABLE.tblPrint, TABLE.tblPrint TD.value { border-color: #000; }
	TABLE.tblPrint A, TABLE.tblPrint H2, TABLE.tblPrint .subhead, TABLE.tblPrint TR.total TD { color: #000; }
	TABLE.tblPrint TH { background-color: #ccc; border-color: #000; color: #000; }

}

.added_button{
    border: 3px solid #ff9933;
    display: block;
    text-decoration: none;
    color: #000;
    padding: 20px;
    width: 90px;
    height: 65px;
    box-shadow: 2px 3px 3px #808080;
    font-weight:600;
    color:black;
    margin-right: 25px;
    float: left;
}

.added_button:hover{
    text-decoration:none;
    font-weight:600;
    color:#000000;
}

.added_button_container{
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 40px;
}