body { text-align: center; width: 100%; height: 100%; margin: 0; padding: 0; background: url(bg.gif) repeat; }
a:link { text-decoration: none; color: #0000ee; }
a:visited { text-decoration: none; color: #0000ee; }
a:active { text-decoration: none; color: #0000ee; }
a:hover { text-decoration: none; color: #0000ee; }

#error { text-align: left; width: 100%; height: 20px; padding: 2px 0 0 0; background-color: #ffffe0; font: bold 12px verdana; }
img#warning { float: left; padding: 1px 5px 0 0; }
#error-text { float: left; height: 18px; }
img#close { float: right; margin: 0; width: 14px; height: 14px; }
#container { width: 1004px; height: 100%; margin: 0 auto 0 auto; padding: 0 0 50px 0; background: url(container-bg.png) repeat-y; }
#header { text-align: left; width: 972px; height: 79px; margin: 0 auto; padding: 0; background-color: #FFFFFF; }
#header-title { float: left; padding: 0 0 0 250px; color: #ffffff; }
#header-nav { float: right; padding: 10px 15px 0 0; color: #000000; font-weight: bold; }
#header-nav a:link, #header-nav a:visited, #header-nav a:active, #header-nav a:hover { color: #000000; font-weight: bold; } 
#cat-date-header { text-align: left; width: 875px; height: 15px; margin: 30px auto 0 auto; }
#category { float: left; width: 400px; font: 11px arial; color: #bdbdda; }
#date { float: right; width: 400px; text-align: right; font: 11px arial; color: #bdbdda; }
#headerh1 { text-align: left; width: 875px; height: 35px; margin: 0 auto; }
h1 { float: left; text-align: left; margin: 10px 0 0 0; color: #000000; font-size: 32px; font-weight: normal; text-decoration: none; }
h2 { font: bold 16px verdana; margin: 0; padding: 0; }
#working { float: right; margin: 10px 0 0 0; font: bold 11px verdana; }
#coupon-header { text-align: left; width: 875px; height: 32px; background-color: #bcdd58; margin: 25px auto 10px auto; }
#coupon-header-title { text-align: left; float: left; width: 550px; padding: 6px 0 0 10px; font: bold 16px verdana; }
#coupon-header-date { float: right; width: 250px; padding: 6px 10px 0 0; font: bold 11px verdana; text-align: right; }
#coupon-main { text-align: left; width: 875px; height: 211px; margin: 0 auto; background: url(coupon-main.png) no-repeat; }
#coupon-top { width: 650px; float: left; margin-bottom: 20px; }
img.coupon-logo { text-align: left; float: left; width: 210px; height: 195px; margin: 7px 10px 0 5px; }
p#coupon-main-title { text-align: left; float: left; margin: 20px 20px 0 0; font: bold 18px verdana; }
p#coupon-main-valid { text-align: left; float: left; width: 150px; height: 15px; border: 1px dashed #d5d0b0; background-color: #fff9c1; margin: 22px 30px 0 10px; text-align: center; padding: 0 0 0 0; font: bold 12px verdana;}
p#coupon-main-per { text-align: left; float: left; margin: 22px 0 0 0; font: bold 12px verdana;}
p#coupon-main-description { text-align: left; margin: 0 0 30px 10px; padding: 0 10px 0 10px; font: 11px verdana;}
img#print { margin: 0 20px 0 0; }
img#code { }
#buttons { }

#submitform { float: left; width: 335px;  height: 27px; background-color: #f6f6f5;  }
form#emails { }
input#box { width: 333px; height: 23px; padding: 3px 0 0 5px; background-color: #c8d2dc; border: 1px solid #b8c0c9; }
input#submit { margin-left: 10px; height: 25px; vertical-align: middle; *vertical-align: text-bottom; }


#left-column { text-align: left; float: left; width: 650px; height: 100%; margin: 40px 0 0 65px; padding: 0 10px 0 0; border-right: 1px solid #eeeeee; }
p#title { width: 650px; height: 100%; margin: 0 0 20px 0; padding: 0; font: bold 14px verdana; }
p#description { width: 650px; height: 100%; margin: 0; padding: 0; line-height: 18px; font-size: 12px; font-family: verdana; color: #555555; }
#comments-header { margin: 30px 0 10px 0; padding: 20px 0 0 0; border-top: 1px solid #eeeeee; font: bold 16px verdana; }
#comments-top { float: left; width: 600px; margin-top: 20px; }
p.comments-name { font: bold 14px verdana; margin: 0 0 20px 0; }
p.comments-text { margin: 0; line-height: 18px; font-size: 12px; font-family: verdana; color: #555555; }

.comments-image { float: left; width: 44px; height: 44px; }
img.avatar { float: left; width: 44px; height: 44px; margin-top: 20px; }
.comments-line { width: 100%; margin-top: 20px; border-bottom: 1px dotted #bbbbbb; }
#comments-closed { text-decoration: line-through; }

#right-column { float: left; text-align: left; width: 190px; height: 100%; margin: 40px 0 0 20px; font-family: verdana; font-size: 11px; color: #cccccc; }
#right-column-header { margin: 0 0 20px 0; font: bold 16px verdana; color: #000000; }
#right-column-header2 { margin: 40px 0 20px 0; font: bold 16px verdana; color: #000000; }
.right-column-title { margin-bottom: 5px; font: bold 11px verdana; }
.right-column-title a:link, .right-column-title a:visited, .right-column-title a:active, .right-column-title a:hover { font: bold 12px verdana; }
.right-column-expires { margin-bottom: 15px; }

#footer { margin: 100px auto 0 auto; font: 10px verdana; }

/* moodalbox CSS */
div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}


.clear { clear: both; }