
BODY {font:75% Trebuchet MS, Arial, Tahoma, Verdana, sans-serif; color:#000000; margin:0; padding:0; background:#fefcf8 url(/images/bg_0.gif) top repeat-x;}

A:link {color:#006699}
A:hover {color:#0099ff; text-decoration:none}
A:visited {color:#990066}

IMG {border:0;}
H1 {color:#733c15; font-size:150%; font-weight:normal; line-height:120%; margin:0; padding:15px 0 0 0}
H2 {font-size:120%; margin:15px 0 0 0}

UL {list-style-type:none; line-height:120%; margin:17px 0 17px 0; padding:0 0 0 19px;}
UL LI {padding:0 0 0 12px; background:url(/images/bullet_ul.gif) 0 5px no-repeat}
UL.sitemap UL {margin-top:5px}

TABLE {border:0; border-collapse:collapse;}
TD {vertical-align:top; padding:0;}

FORM {margin:0}
INPUT, TEXTAREA, SELECT {font:100% Trebuchet MS, Arial, Tahoma, Verdana, sans-serif; color:#000000;}

.wrapper {width:100%}
.clear {height:1px; font-size:1px; clear:both;}
.sepLine {height:1px; font-size:1px; background:#e0c3a9}

#main {width:100%}
.holder {width:755px}
.leftBgMain {width:50%; background:url(/images/bg_left.gif) 0 115px repeat-x}
.leftBgMain DIV {height:393px; background:url(/images/bg_left_pic_main.jpg) right bottom no-repeat}

.leftBgIn {width:50%; background:#f4ecdf url(/images/bg_0.gif) top repeat-x;}
.leftBgIn DIV {background:url(/images/bg_left.gif) 0 115px repeat-x}
.leftBgIn DIV DIV {height:393px; background:url(/images/bg_left_pic_in.jpg) right bottom no-repeat}

.rightBg {width:50%; background:url(/images/bg_right.gif) 0 115px repeat-x}
.rightBg DIV {height:358px;}
.rightBgMain DIV {background:url(/images/bg_right_pic_main.gif) left bottom no-repeat}
.rightBgIn DIV {background:url(/images/bg_right_pic_in.gif) left bottom no-repeat}

#headerLeft {width:225px; position:relative}
#headerRight {width:530px;}
#logo {display:block; position:absolute; top:12px; left:18px; width:235px; height:58px;}

#menu {padding-top:109px}
#menu A {font-size:14px; font-weight:normal; text-decoration:none; margin-left:18px; padding-left:13px; background:url(/images/menu_bullet.gif) 0 7px no-repeat}
#menu A:link {color:#fcf0da;}
#menu A:visited {color:#fcf0da;}
#menu A:hover {color:#cfab7b;}
#menu .menu_1 {height:57px; background:url(/images/menu_1.jpg) 0 0 no-repeat}
#menu .menu_1_active {background:url(/images/menu_1_active.jpg) 0 0 no-repeat}
#menu .menu_1_2_sep {font-size:1px; height:3px; background:url(/images/menu_1_2_sep.jpg) 0 0 no-repeat}
#menu .menu_1_2_sep_1_active {background:url(/images/menu_1_2_sep_1_active.jpg) 0 0 no-repeat}
#menu .menu_1_2_sep_2_active {background:url(/images/menu_1_2_sep_2_active.jpg) 0 0 no-repeat}
#menu .menu_2 {height:52px; background:url(/images/menu_2.jpg) 0 0 no-repeat}
#menu .menu_2_active {background:url(/images/menu_2_active.jpg) 0 0 no-repeat}
#menu .menu_2_3_sep {font-size:1px; height:3px; background:url(/images/menu_2_3_sep.jpg) 0 0 no-repeat}
#menu .menu_2_3_sep_2_active {background:url(/images/menu_2_3_sep_2_active.jpg) 0 0 no-repeat}
#menu .menu_2_3_sep_3_active {background:url(/images/menu_2_3_sep_3_active.jpg) 0 0 no-repeat}
#menu .menu_3 {height:51px; background:url(/images/menu_3.jpg) 0 0 no-repeat}
#menu .menu_3_active {background:url(/images/menu_3_active.jpg) 0 0 no-repeat}
#menu .menu_3_4_sep {font-size:1px; height:4px; background:url(/images/menu_3_4_sep.jpg) 0 0 no-repeat}
#menu .menu_3_4_sep_3_active {background:url(/images/menu_3_4_sep_3_active.jpg) 0 0 no-repeat}
#menu .menu_3_4_sep_4_active {background:url(/images/menu_3_4_sep_4_active.jpg) 0 0 no-repeat}
#menu .menu_4_main {height:54px; background:url(/images/menu_4_main.jpg) 0 0 no-repeat}
#menu .menu_4_active_main {background:url(/images/menu_4_active_main.jpg) 0 0 no-repeat}
#menu .menu_4 {height:54px; background:url(/images/menu_4.jpg) 0 0 no-repeat}
#menu .menu_4_active {background:url(/images/menu_4_active.jpg) 0 0 no-repeat}
#menu DIV DIV {padding-top:15px}
#menu .menu_1 DIV {padding-top:20px}

.subMenu {font-size:105%; font-weight:bold; color:#733c15; padding-top:16px}
.subMenu SPAN {padding:0 10px}

#topNav {float:right; width:268px; height:64px; font-size:12px; color:#78461d}
#topNav A:link, #topNav A:visited, #topNav A:hover {color:#78461d; text-decoration:none}
#topNav A {float:left; margin:25px 21px 0 20px}
#topNav SPAN {float:left; padding:20px 21px 0 20px; border-top:5px solid #b06227}

#headerPic {height:268px; color:#114170;}
.headerPicMain {background:url(/images/headerpic_right_main.gif) right top no-repeat}
.headerPicIn {background:url(/images/headerpic_right_in.gif) right top no-repeat}
#headerPic .flash {height:268px; padding-left:28px; background:url(/images/flash_left.jpg) 0 0 no-repeat}
#headerPic .pic {height:268px; background-position:0 0; background-repeat:no-repeat}
#headerPic .pic-about {color:#fefcf8; background-image:url(/images/headerpic_about.jpg)}
#headerPic .pic-gourmetcoffee {color:#733c15; background-image:url(/images/headerpic_gourmetcoffee.jpg)}
#headerPic .pic-coffeeinfo {color:#fefcf8; background-image:url(/images/headerpic_potentialsavings.jpg)}
#headerPic .pic-coffeemachine {background-image:url(/images/headerpic_coffeemachine.jpg)}
#headerPic .pic-contact {color:#fefcf8; background-image:url(/images/headerpic_contact.jpg)}
#headerPic .pic-freetrial {color:#fefcf8; background-image:url(/images/headerpic_freetrial.jpg)}
#headerPic .pic-sitemap {color:#fefcf8; background-image:url(/images/headerpic_sitemap.jpg)}
#headerPic .pic-win {color:#733c15; background-image:url(/images/headerpic_win.jpg)}
#headerPic H1 {font-size:26px; color:#114170; font-weight:normal; margin:0; padding:62px 300px 0 40px}
#headerPic P {font-size:12px; font-weight:bold; line-height:14px; margin:37px 300px 0 41px}

.content P {line-height:120%; margin:14px 0 0 0}
#mainContent .leftCol {width:233px}
#mainContent .leftCol .indent {padding:8px 0 0 18px}
#mainContent .centerCol {width:255px;}
#mainContent .centerCol .indent {padding:5px 19px 0 19px}
#mainContent .rightCol {width:267px; background:#f4ecdf}
#mainContent .rightCol .indent {padding:8px 26px 0 20px}
#inContent .leftCol {width:233px; background:#f4ecdf}
#inContent .leftCol .indent {padding:13px 0 0 18px}
#inContent .centerCol {width:522px;}
#inContent .centerCol .indent {padding:5px 19px 0 19px}

.promoMain {padding:23px 0 15px 0}
.promoMain IMG {width:221px; height:149px}

.promoIn {padding:12px 0 0 0}
.promoIn IMG {width:196px; height:149px}

.tblDecoration {margin-top:20px}
.tblDecoration TH, .tblDecoration TD {padding:3px 8px 2px 8px; border-right:1px solid #fff; border-bottom:1px solid #e6d3b9;}
.tblDecoration TH {text-align:left; background:#f4ecdf}
.tblDecoration TR.last TD {padding-bottom: 7px; border-bottom:0; background:url(/images/tbldecoration_bg.gif) bottom repeat-x}

.tblDecoration2 {margin-top:6px}
.tblDecoration2 TD {padding-top:14px}

.formDecoration {margin-top:22px}
.formDecoration TD {vertical-align:middle; padding:2px 6px 2px 0}
.formDecoration .label {text-align:right}
.formDecoration .field INPUT {padding-right:0; padding-left:0;}
.formDecoration .field TEXTAREA {padding-right:0; padding-left:0;}
.formDecoration .but {padding-top:5px}
.formDecoration .but INPUT {width:108px; height:28px; border:0px solid}

#footer {color:#af6127; padding:54px 15px 10px 18px}
#footer A {color:#af6127}
#footer .copy {float:left}
#footer .design {float:right}
#footer .design IMG {width:80px; height:14px; vertical-align:middle; margin-left:1px}
.footerLeftBgMain {background:url(/images/footer_bg_left_main.gif) 0 0 repeat-x}
.footerLeftBgIn {background:url(/images/footer_bg_left_in.gif) 0 0 repeat-x}
.footerBgMain {background:url(/images/footer_bg_main.gif) 0 0 no-repeat}
.footerBgIn {background:url(/images/footer_bg_in.gif) 0 0 no-repeat}

.specBlock {color:#733c15; margin-top:13px; padding:0 14px 13px 14px; background:#faf6ee;}
.specBlock H1 {padding-top:10px}
.specBlock P {margin-left:28px; margin-right:28px}
