.DealBox { float: left; margin-top: 5px;width:23%;font-family: Trebuchet MS,Tahoma,Arial; background: url(../images/deals/background.png) 50% 50%; }
.DealBox span {font-family: Trebuchet MS,Tahoma,Arial !important; color: #fff !important;}
.DealBox .db_t { background: url(../images/deals/t.png) repeat-x 0px 0px; }
.DealBox .db_b { background: url(../images/deals/b.png) repeat-x 0px 100%;}
.DealBox .db_l { background: url(../images/deals/l.png) repeat-y 0px 0px; }
.DealBox .db_r { background: url(../images/deals/r.png) repeat-y 100% 0px;}
.DealBox .db_bl { background: url(../images/deals/bl.png) no-repeat 0px 100%; }
.DealBox .db_br { background: url(../images/deals/br.png) no-repeat 100% 100%; }
.DealBox .db_tl { background: url(../images/deals/tl.png) no-repeat 0px 0px; }
.DealBox .db_tr { background: url(../images/deals/tr.png) no-repeat 100% 0px; }
.DealBox .highlight { width: 100%; background: url(../images/deals/HighLight.png) repeat-x 0px 0px; }
.DealBox .itemCaseType { font-size: 20px; margin-left: 5px; margin-top: 5px;}
.DealBox .itemDescription { clear: left; width: 94%; font-size: 13px; margin-bottom: 10px; margin-left: 7px; margin-top: 5px; }
.DealBox .DealToggle { display: none; }
.DealBox .vat { font-size: 11px; }
.DealBox .price { font-size: 23px; color: #fff; float: right; margin-top: 10px; margin-right: 6px; /*margin-bottom: 5px;*/ }
.DealBox .dealIcon { background: url(../images/deals/DealOfTheMonth.png); width: 68px; height: 61px;}
.DealBox .itemCode { clear: right; float: left; margin-left: 10px; margin-top: -5px; font-size: 10px; }

.InfoBox { float: left; margin-left: 5px;width: 99.9%;font-family: Trebuchet MS,Tahoma,Arial; background: url(../images/deals/Informationbackground.png) 50% 50%; }
.InfoBox .db_t { background: url(../images/deals/t.png) repeat-x 0px 0px; }
.InfoBox .db_b { background: url(../images/deals/white/b.png) repeat-x 0px 100%; }
.InfoBox .db_l { background: url(../images/deals/l.png) repeat-y 0px 0px; }
.InfoBox .db_r { background: url(../images/deals/white/r.png) repeat-y 100% 0px; }
.InfoBox .db_bl { background: url(../images/deals/white/bl.png) no-repeat 0px 100%; }
.InfoBox .db_br { background: url(../images/deals/white/br.png) no-repeat 100% 100%; }
.InfoBox .db_tl { background: url(../images/deals/white/tl.png) no-repeat 0px 0px; }
.InfoBox .db_tr { background: url(../images/deals/white/tr.png) no-repeat 100% 0px; }
.InfoBox .highlight { background: url(../images/deals/OrangeHighLight.png) repeat-x 0px 1px; }
.InfoBox .itemDescription { clear: left; font-size: 13px; margin-bottom: 10px; margin-left: 7px; color: #000; margin-right: 9px; top: 5px; }
.InfoBox .itemTitle { font-weight: bold; font-size: 17px; margin-left: 10px; color: #fff; margin-top: 5px; }
.InfoBox .vat { display: none; font-size: 11px; }
.InfoBox .itemCaseType { font-size: 23px; color: #000; margin-top: 5px; margin-left: 5px; }
.InfoBox .price { display: none; }
.InfoBox .dealIcon { line-height: 1px; width: 1px; height: 1px;}
.InfoBox .DealToggle { font-family: Trebuchet MS,Tahoma,Arial;text-decoration: underline; border: none; background-color: Transparent; color:Blue ; cursor: pointer; padding: 0px; width: 60px}
.InfoBox a { color: Blue;}
.InfoBox a:link {color: Blue;}
.InfoBox a:hover {color: Black;}
.infobox .CrossSellCheckBox { float: left;font-size: 12px; color: #999; border: none; display: block; background-color: Transparent;}