/* body */
body { background: #c92516 url(./images/layout/bg.png) repeat-y center; margin-top: 0px; }

/* font */
body, div, td, p, a, span, h1, h2, h3 { font-family: Arial, sans-serif; font-size: 10pt; }

/* headlines */
h1 { color: #b7c600; border-bottom: 1px solid #b5b5b5; font-size: 13pt; font-weight: bold; line-height: 150%; padding-left: 4px; margin: 5px 10px 5px 0; }
h1.grey { color: #525252; }
h1 span.grey { font-size: 13pt; font-weight: bold; color: #525252; }
h1 span.red { font-size: 13pt; font-weight: bold; color: #cd3728; }
h1 a { font-size: 13pt; font-weight: bold; color: #cd3728; text-decoration: none; }
h1 a:hover { color: #ef594a; text-decoration: none; }
h2 { margin: 0; color: #626262; border-bottom: 1px solid #a2a2a2; font-size: 12pt; font-weight: bold; font-style: normal; }
h3 { margin: 0 0 10px 0; color: #626262; border: none; font-size: 11.5pt; font-weight: bold; font-style: normal; }
h4 { color: #c92516; border-bottom: 1px solid #cfcfcf; font-size: 12pt; font-weight: bold; line-height: 150%; padding-left: 4px; margin: 10px 33px 15px 23px; } 

/* floating */
.fleft { float: left; }
.fright { float: right; }
.fclear { clear: both; }

/* frame */
div#frame { width: 940px; position: relative; left: 50%; margin-left: -470px; margin-top: 10px;}

/* links */
a img { border: 0px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* main menu */
div#menu-main { width: 689px; height: 38px; background: url(./images/layout/menu_main_bg.png) no-repeat; float: left; }
div.menu-main-start { width: 47px; height: 38px; background: url(./images/layout/menu_main_start.png); float: left; }
div.menu-main-sep { width: 13px; height: 38px; background: url(./images/layout/menu_main_sep.png); float: left; }
div.menu-main-end { width: 3px; height: 38px; background: url(./images/layout/menu_main_end.png); float: left; }
div.menu-main-sel-start { width: 47px; height: 38px; background: url(./images/layout/menu_main_sel_start.png); float: left; }
div.menu-main-sel-end { width: 4px; height: 38px; background: url(./images/layout/menu_main_sel_end.png); float: left; }
div.menu-main-sel-left { width: 23px; height: 38px; background: url(./images/layout/menu_main_sel_left.png); float: left; }
div.menu-main-sel-right { width: 23px; height: 38px; background: url(./images/layout/menu_main_sel_right.png); float: left; }
div.menu-main { height: 38px; background: url(./images/layout/menu_main.png) repeat-x; float: left; }
div.menu-main-sel { height: 38px; background: url(./images/layout/menu_main_sel.png) repeat-x; float: left; }
div.menu-main a, div.menu-main-sel a { font-weight: bold; font-size: 10pt; color: #ffffff; margin: 14px 10px 0 8px; display: block; }
div.menu-main-sel a { margin-top: 9px; margin-left: 8px; }
div.menu-main a:hover, div.menu-main-sel a:hover { text-decoration: none; }

/* sub menu */
div#menu-sub { width: 689px; height: 34px; margin-bottom: 12px; background: url(./images/layout/menu_sub.png) no-repeat; float: left; }
div#menu-sub ul { margin: 10px 20px 0 10px; padding: 0; float: left; }
div#menu-sub ul li { margin: 0 0 0 20px; padding: 0; list-style-type: none; font-size: 8pt; color: #ffffff; float: left; }
div#menu-sub ul li a { font-size: 8pt; color: #ffffff; }

/* footer menu */
div#menu-footer { margin: 15px 0 10px 0; background: url(./images/layout/menu_footer_bg.png) repeat-x #ececec; float: left; }
div#menu-footer-col1 { width: 140px; float: left; }
div#menu-footer-col1 ul { margin: 16px 0 0 20px; padding: 0; list-style-type: none;}
div#menu-footer-col1 ul li { margin: 0; padding: 0;}
div#menu-footer-col1 ul li a { font-size: 9pt; font-weight: bold; color: #444444; text-decoration: none; }
div#menu-footer-col1 ul li a:hover { color: #c92717; text-decoration: none; }
div#menu-footer-col2 { width: 160px; float: left; }
div#menu-footer-col2 ul { margin: 16px 0 0 35px; padding: 0; list-style-type: none;}
div#menu-footer-col2 ul li { margin: 0; padding: 0;}
div#menu-footer-col2 ul li a { font-size: 9pt; color: #444444; text-decoration: none; }
div#menu-footer-col2 ul li a:hover { text-decoration: underline; }
div#menu-footer-col3 { width: 380px; float: left; }
div#menu-footer-col3 ul { margin: 16px 0 0 26px; padding: 0; list-style-type: none;}
div#menu-footer-col3 ul li { margin: 0; padding: 0; color: #848c00; font-weight: bold; }
div.menu-footer-sep { width: 3px; height: 120px; background: url(./images/layout/menu_footer_sep.png) repeat-x; float: left; }


/* columns */
div#col-left { width: 245px; margin-right: 5px; float: left; }
div#col-right { width: 690px; float: left; }

/* general box */
div.box-border { border: 1px solid #c9c9c9; }

/* box in the left column */
div.box-left { width: 223px; padding: 0 0 15px 8px; margin: 0 0 20px 0; background: url(./images/layout/box_left_bg.png) top right no-repeat #f9f8f9; }

/* box in the content column */
div.box-content { width: 678px; padding: 0 0 15px 8px; margin: 10px 0 0 0; background: #f4f4f4; float: left; }

/* logo */
img#logo { width: 238px; height: 50px; margin: 12px 0 22px 0; border: 0px none #ffffff; }

/* alphabetic shop list */
div#shops-letters { margin: 10px 0 15px 1px; }
div#shops-letters a { width: 21px; height: 20px; display: block; margin: 0 3px 3px 0; background: url(./images/layout/letter_bg.png) no-repeat; font-size: 8pt; text-align: center; line-height: 20px; text-decoration: none; color: #ffffff; float: left; }
div#shops-letters a:hover { text-decoration: none; }
a#shops-letters-all { font-size: 8pt; font-weight: bold; color: #484848; }

/* newsletter box */
div#newsletter { width: 233px; height: 152px; margin: -10px 0 20px 0; background: url(./images/layout/newsletter_bg.png) no-repeat; }
input#newsletter-email { width: 148px; height: 20px; margin: 117px 0 0 17px; border: 0 none; float: left;}
input#newsletter-go { width: 55px; height: 25px; margin: 116px 0 0 5px; float: left; }

/* category list */
ul#categories { margin: 0; padding: 0 }
ul#categories li { margin: 0; padding: 0; list-style-type: none; }
ul#categories li a { width: 192px; height: 25px; margin-top: 5px; padding-left: 20px; border: 1px solid #dcdcdc; background: url(./images/layout/categories_li.png) no-repeat 9px 10px #ededed; line-height: 25px; display: block; color: #343434; font-size: 9pt; text-decoration: none; }
ul#categories li a:hover { font-weight: bold; text-decoration: none; }

/* search */
div#search-container { width: 689px; height: 67px; margin: 0; border-top: 1px solid #2c2c2c; background: url(./images/layout/search_bg.png) no-repeat; position: relative; float: left; }
div#search-text { width: 380px; height: 31px; margin: 19px 0 0 150px; background: url(./images/layout/search_text.png) no-repeat; position: relative; float: left; }
input#search-box { width: 335px; height: 20px; margin: 4px 5px 0 1px; font-family: Arial, sans-serif; font-size: 13pt; letter-spacing: 1px; font-weight: bold; color: #000000; text-align: left; border: 0px none #ffffff; float: left; }
input#search-submit { width: 23px; height: 23px; margin-top: 3px; float: left; }

/* search suggestions */
div#search-suggestions { width: 377px; border: 1px solid #707070; border-top: none; background-color: #ffffff; display: none; left: -1px; top: 28px; position: absolute; z-index: 9; }
div#search-suggestions table { width: 377px; }
div#search-suggestions table tr td { font-size: 11pt; }
div#search-suggestions table tr td.suggestions-date { width: 120px; font-size: 9pt; color: #3b3b3b; text-align: right; }
div#search-suggestions table tr td a { font-size: 11pt; color: #c92717; text-decoration: underline; }
div#search-suggestions table tr td a:hover { color: #7b7b7b; text-decoration: underline; }

/* coupon preview */
div.coupon-preview { width: 330px; height: 80px; margin: 6px 5px 0 0; background: url(./images/layout/random_sep.png) no-repeat 100px 4px #ffffff; border: 1px solid #cdcdcd; float: left; }
img.coupon-preview-logo { width: 88px; height: 31px; margin: 24px 12px 0 6px; float: left; }
div.coupon-preview-title { margin-top: 5px; }
div.coupon-preview-title a { color: #393939; font-size: 11pt; font-weight: bold; text-decoration: none; }
div.coupon-preview-title a:hover { color: #696969; text-decoration: none; }
div.coupon-preview-date { margin-top: 4px; color: #655c5c; font-size: 8pt; }
div.coupon-preview-links { margin-top: 8px; }
div.coupon-preview-links img { margin-right: 3px; }

/* company preview */
div#companies-preview { margin: 0 0 0 13px; float: left; }
div.company-preview { width: 116px; height: 86px; margin: 13px 13px 0 0; border: 1px solid #a3a3a3; background-color: #ffffff; text-align: center; float: left; }
div.company-preview img { width: 88px; height: 31px; margin-top: 15px; }
div.company-preview div { margin-top: 10px; font-size: 9pt; }