body {
    background-color: #b9bec2;
    font-family: Arial;
    font-size: 12px;
    background-image: url(images/body_background.gif);
    background-repeat: repeat-x;
    margin:0px;
    text-align: center;
}

/* Layout */

div#ContentWrapper {text-align: left; margin: 5px auto; padding: 0px; width: 720px;}
div#Header {padding-bottom: 5px;}
div#Menu {}
div#Content {background-color: #fff; padding: 5px; padding-top: 10px; margin:0; border: 5px solid #fff; border-top: none; background-image: url(images/contrent_background.gif); background-position: top; background-repeat: repeat-x;}
div#Footer {color: #fff; padding-top:10px;}
div#Banner {}
div#TickerTape {color: Black; font-size: 11px; font-weight: bold; margin-top: 5px; border: 1px solid #8c8c8c; margin-top: 10px;}
div#SendtoFriend {margin: 5px 0px;}

.colLeft {float: left; width: 49.5%}
.colRight {float: right; width: 49.5%}
.clear {clear: both; margin:0; padding:0;}


div.contact {background-image: url(images/contact.jpg); border: 1px solid #000;}

/* menu */

ul.Tabs { padding: 5px 0; margin: 0; padding-left: 4px; font: bold 11px Arial; border-bottom: 1px solid #fff; list-style-type: none; text-align: left;}
.Tabs li { display: inline; margin: 0;}
.Tabs li a {text-decoration: none; padding: 5px 7px; margin-right: 1px; border: 1px solid #2b84c3; border-bottom: none; background-color: #ddd; color: #fff; background-image: url(images/menu_background.gif);}
.Tabs li a:hover { background-color: #fff; color: Black; background-image: url(images/menu_background_hover.gif)}
.Tabs li.selected a {position: relative; top: 1px; padding-top: 8px;  background-color: #fff; color: black; background-image: url(images/menu_background_active.gif); border: 1px solid #fff; border-bottom: none;}

/* occoftheweeklist */

.OccControlBox { text-align: center;}
div.OccBoxContainer { float: left; width: 99px; margin-left: 4px; margin-bottom: 4px; text-align: center;}
div.OccBoxBrandIcon { height: 30px; vertical-align: middle;}
div.OccBoxInnerContainer { background-color: #ffe14f; padding: 5px; font-size: 11px; font-weight: bold; background-image: url(images/yellowrfed_ver.gif); background-repeat: repeat-x;}
div.OccBoxInnerContainer a {text-decoration: underline; color: Black;}
div.OccBoxInnerContainer a:hover {color: #db1c0a;}
div.OccBoxDescriptionLink {vertical-align: middle; height: 70px;}
div.OccBoxOldPrice {text-decoration: line-through; background-color: #eee; padding: 2px;}
div.OccBoxNewPrice {background-color: #db1c0a; white-space: nowrap; color: #fff; padding: 2px;}
div.OccBoxThumbnail {margin-top: 5px;}

span.OccOldPrice { text-decoration: line-through; white-space: nowrap; padding: 2px;}
span.OccNewPrice { background-color: #db1c0a; white-space: nowrap; color: #fff; padding: 2px;}


/* text */

fieldset {border: 1px solid #8c8c8c; margin-right: 5px;  background-image: url(images/fieldset_background.gif); background-position: bottom; background-repeat: repeat-x;}
fieldset legend {font-weight: bold; color: #000; font-size: 11px; padding: 2px 4px; border:1px solid #8c8c8c; background-color: #ffe14f; background-image: url(images/legend_background.gif);}
.fieldsetContainer {padding: 10px;}
p.text { font-size: 12px; line-height: 18px; margin: 0; padding: 0;}
p.textJustify {text-align: justify;}
p.textTeaser {font-size: 12px; letter-spacing: 0px; line-height: 19px; padding:0; margin:0;}
fieldset legend.big {font-size: 13px;}
fieldset legend.bigger {font-size: 22px; font-weight: bold;}

span.bigNr { font-size: 15px; font-weight: bold; padding: 2px 10px; background-color: #000; color: #fff;}
span.medNr { font-size: 12px; font-weight: bold; padding: 1px 4px; background-color: #000; color: #fff; margin: 2px 4px 2px 0px;}
span.Arrow {background-image: url(images/smallArrow.gif); width:15px; height: 15px; padding: 7px; overflow: hidden;}
img.smallArrow {margin-right: 4px; padding: 2px 0px; vertical-align: middle;}

h2.title { font-size: 16px; font-weight: bold;}
h3.subtitle {font-size: 14px; font-weight: bold;}
p.title {margin: 0px 0px 10px 0px; font-weight: bold; border-bottom: 1px solid #000; color: #000;}

.searchLabel {font-size: 12px; padding: 0px 0px; text-align: left; padding-right: 4px; width: 170px; background-image: url(images/dottedline.gif); background-position: bottom; background-repeat: repeat-x;}
.searchParameter {font-size: 12px;}
span.arentrer {font-weight: bold; background-color: #ffe14f;}

ul.singleline {padding: 12px; font-size: 12px; font-weight: bold; border-top: 2px solid black; padding-top: 2px; margin-top: 2px; list-style-type: none;}
ul.singleline li{ margin: 0px; padding: 4px 0px;}


/*.inputField, textarea.inputField {font-size: 11px; border: 1px solid #ccc; background-color: #eee;} */

.error {color: #d60000; font-weight: bold; margin-bottom: 5px;}

.logo {float: right; padding: 10px;}

/* links */

a {color: #000;}
a:hover {color: #8397aa;}
occoftheWeekList a {text-decoration: none;}
.HiddenLink {text-decoration: none; color: #000;} 
a.email {color: White}

.occoftheWeekList {font-size: 11px; font-weight: bold;}
img.occThumbnail {padding: 2px;}
img.occBrand {padding: 2px;}

/* search */

.SearchResultHeader { padding: 5px 5px; border-bottom: 2px solid #000; border-right: 1px solid black; background-color: #ffffff; white-space: nowrap;}
.SearchResultResult { padding: 5px 5px; border-right: 1px solid #000;}
.SearchResultAlternating {background-color: #ffffff;}
.SearchResultBox {padding: 10px; padding-left: 90px; background-color: #ffe14f; border: 1px solid #fff;}
.SearchMaskPrintList {font-weight: bold;}
.SearchResultHeaderEnd {padding: 5px 5px; border-bottom: 2px solid #000; background-color: #ffffff; white-space: nowrap;}
.SearchResultResultEnd {padding: 5px 5px;}

/* td */

td.tdColCardetailDesc {font-size: 12px; border-right: 1px solid #000; border-bottom: 0px solid #000; background-color: #dh9e6f1; padding-right: 10px; color: black; width: 100px; font-weight: bold; text-align: right; padding-left: 10px;}
td.tdColCardetailValue {font-size: 12px; border-right: 0px solid #000; padding: 4px 0px; padding-left: 10px; background-image: url(images/dottedline.gif); background-position: bottom; background-repeat: repeat-x;}

/* boxes */

.bg {background-image: url(images/content_background.gif); background-position: bottom; background-repeat: repeat-x;}

/* invisible */

.invisible 
{
    display: none; 
}

.yellowred
{
    background-image: url(images/yellowred.gif); background-repeat: repeat-y;
}

/* buttons */

a.button {background-image: url(images/_button_background.gif); text-align: center; border:1px double #fff; background-repeat: repeat-x; background-position: left; font-size: 11px; font-weight: bold; color: White; padding-top: 2px; padding-right: 4px; padding-left: 4px; text-decoration: none; display: block; width: 100px; height: 17px; margin-right: 4px;}
a.button:hover {background-image: url(images/_button_background_hover.gif); color: black; border: 1px double #000;}
a.smallbutton {background-image: url(images/_button_background.gif); text-align: center; background-repeat: repeat-x; background-position: left; font-size: 11px; font-weight: bold; color: White; padding-top: 2px; margin-right: 4px; padding-left: 4px; text-decoration: none; display: block; width: 50px; height: 17px;}
a.smallbutton:hover {background-image: url(images/_button_background_hover.gif); color: black;}
a.removeSearchParameter {margin-left: 4px; font-size: 11px; display:block; width:14px; background-color: #ffe14f; border: 1px solid #ccc; text-align: center; text-decoration: none; font-weight: bold;}
a.removeSearchParameter:hover { background-color: black; color: White;}
a.previous {background-image: url(images/previous.gif); text-align: center; background-repeat: repeat-x; background-position: left; font-size: 11px; font-weight: bold; color: White; padding: 1px; margin-right: 4px; padding-left: 14px; text-decoration: none; display: block; width: 80px;}
a.next {background-image: url(images/next.gif); text-align: center; background-repeat: repeat-x; background-position: right; font-size: 11px; font-weight: bold; color: White; padding: 1px; margin-right: 4px; padding-right: 14px; text-decoration: none; display: block; width: 80px;}
a.previous:hover {background-image: url(images/previous_hover.gif); color: White}
a.next:hover {background-image: url(images/next_hover.gif); color: White}

a.roundbutton 
{
     background: transparent url('images/roundbutton.gif') no-repeat scroll top left;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    width: 150px;
    
    
}

/* dropdown */

.dropDownHighlighted {background-color: #ffe14f; width: 140px; font-size: 12px;}
.dropDownNormal{background:#fff; width: 140px; font-size: 12px;}

/* image */


a.zoom-image {text-indent:-0px;	display:block; overflow:hidden;	}

a.zoom-image div.zoom-image {position:relative;	bottom:15px; right:-45px; width:16px; height:16px; background:url(images/ico-zoom.gif);	overflow:hidden;}
a.zoom-image:hover div.zoom-image {	background-position:0 -17px;}
a.zoom-image img {filter:Gray(); }
a.zoom-image:hover img {filter:none}
.images {float: left; margin-right: 4px; margin-bottom: 4px; padding: 0; width: 62px; height: 42px; overflow:hidden;border: 1px solid #c8c8c8;}