* { margin: 0; padding: 0; } body { background: #211305 url(../images/bg.jpg) repeat-x top center fixed; font: 14px Georgia, "Times New Roman", Times, serif; color: #26244e; } form { margin: 0; padding: 0; } input, textarea, select { padding: 5px; background: #e9e9d9 url(../images/bg_form.gif) repeat-x top left; border: 2px solid #333061; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #26244e; } a { outline: none; } a img { border: none; } #wrap { margin: 0 auto; width: 990px; background: url(../images/bg_body.png) repeat-y top left;} #wrap_splash { margin: 0 auto; width: 371px; } #wrap_splash p { margin: 10px 0 10px 0; font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; text-align: center; color: #fff; } #wrap_left { width: 640px; display: inline; float: left; background: url(../images/bg_left.jpg) no-repeat top right; } #wrap_right { width: 350px; display: inline; float: left; background: url(../images/bg_right.jpg) no-repeat top left; } /* LOGO + HEADER LEFT RULES */ #header { width: 640px; } #header h1 a { width: 127px; height: 190px; display: inline; float: left; background: url(../images/44_logo.png) no-repeat 0 0; text-indent: -9999px; } #header_quotes { width: 513px; height: 190px; display: inline; float: left; } /* NAV RULES */ #nav { margin-top: 10px; width: 350px; height: 180px; background: url(../images/bg_nav.png) no-repeat top left; } #nav_left { margin: 10px 0 0 10px; width: 138px; padding: 0; display: inline; float: left; } #nav_left ul { list-style: none; } #nav_left ul li { } #nav_left ul li a { width: 148px; display: block; text-indent: -9999px; text-align: left; } #nav_left ul li a:hover { background-position: 0 -29px; } #nav_left ul li a.top { width: 148px; display: block; text-indent: -9999px; text-align: left; } #nav_left ul li a.top:hover { background-position: 0 -36px; } #nav_left ul li a.bottom { width: 148px; display: block; text-indent: -9999px; text-align: left; } #nav_left ul li a.bottom:hover { background-position: 0 -37px; } #nav_left ul li a.active { width: 148px; display: block; text-indent: -9999px; text-align: left; background-position: 0 -29px; } #nav_left ul li a.active:hover { background-position: 0 -29px; } #nav_left ul li a.active_top { width: 148px; display: block; text-indent: -9999px; text-align: left; background-position: 0 -36px; } #nav_left ul li a.active_top:hover { background-position: 0 -36px; } #nav_left ul li a.active_bottom { width: 148px; display: block; text-indent: -9999px; text-align: left; background-position: 0 -37px; } #nav_left ul li a.active_bottom:hover { background-position: 0 -37px; } a#home{ height: 36px; background: url(../images/nav_home.jpg) no-repeat 0 0; } a#cocktails { height: 29px; background: url(../images/nav_cocktails.jpg) no-repeat 0 0; } a#distributors { height: 29px; background: url(../images/nav_distributors.jpg) no-repeat 0 0; } a#press { height: 29px; background: url(../images/nav_press.jpg) no-repeat 0 0; } a#contact { height: 37px; background: url(../images/nav_contact.jpg) no-repeat 0 0; } #nav_right { margin: 10px 0 0 10px; width: 192px; padding: 0; display: inline; float: left; } #nav_right a#buy_now { width: 136px; display: block; text-indent: -9999px; text-align: left; height: 114px; background: url(../images/nav_buy_now.jpg) no-repeat -1px 0; } #nav_right a#buy_now:hover { width: 136px; display: block; text-indent: -9999px; text-align: left; height: 114px; background: url(../images/nav_buy_now.jpg) no-repeat -1px -114px; } #nav_right #facebook { display: inline; float: left;} #nav_right #twitter { display: inline; float: left;} #nav_right #facebook a{width: 66px; height: 45px; display: block; text-indent: -9999px; background: url(../images/sprite_btn_facebook.jpg) no-repeat 0 0;} #nav_right #facebook a:hover { background: url(../images/sprite_btn_facebook.jpg) no-repeat 0 -45px;} #nav_right #twitter a {width: 71px; height: 46px; display: block; text-indent: -9999px; background: url(../images/sprite_btn_twitter.jpg) no-repeat -11px -2px;} #nav_right #twitter a:hover { background: url(../images/sprite_btn_twitter.jpg) no-repeat -11px -51px;} /* NAV FLAVORS RULES */ #nav_flavors { width: 350px; } #nav_flavors h2 { width: 350px; height: 59px; background: url(../images/header_flavors.png) no-repeat 0 0; text-indent: -9999px; } #nav_flavors ul { list-style: none; } #nav_flavors ul li { } #nav_flavors ul li a { width: 310px; display: block; text-indent: -9999px; text-align: left; } #nav_flavors ul li a:hover { background-position: 0 -35px; } #nav_flavors ul li a.active { width: 310px; display: block; text-indent: -9999px; text-align: left; background-position: 0 -35px; } #nav_flavors ul li a.active:hover { background-position: 0 -35px; } a#mountain_huckleberry{ height: 35px; background: url(../images/nav_flavor_mountain_huckleberry.jpg) no-repeat 0 0; } a#magic_valley { height: 35px; background: url(../images/nav_flavor_magic_valley.jpg) no-repeat 0 0; } a#rainier_cherry { height: 35px; background: url(../images/nav_flavor_rainier_cherry.jpg) no-repeat 0 0; } /* NAV 44 BLOG RULES */ #nav_44_blog { width: 350px; } #nav_44_blog_header { width: 350px; height: 59px; background: url(../images/header_44_blog.png) no-repeat 0 0; } #nav_44_blog_header h2 { width: 220px; height: 59px; float: left; display: inline; text-indent: -9999px; } #nav_44_blog_header_view_all { padding: 21px 0 0 0; float: left; display: inline; } #nav_44_blog_header_view_all a { font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #7e7e6f; } #nav_44_blog_header_view_all a:hover { text-decoration: none; color: #ed1c24; } #nav_44_blog_header_rss { padding: 20px 0 0 10px; float: left; display: inline; } #nav_44_blog_header_rss a { background: url(../images/nav_rss.gif); width: 20px; height: 19px; display: block; text-indent: -9999px; text-align: left; } #nav_44_blog_header_rss a:hover { background-position: 0 -19px; } #nav_44_blog p { margin: 0 40px 5px 22px; font: 15px Georgia, "Times New Roman", Times, serif; color: #7e7e6f; line-height: 18px; } #nav_44_blog span { font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #7e7e6f; } #nav_44_blog a { text-decoration: underline; color: #7e7e6f; } #nav_44_blog a:hover { text-decoration: none; color: #ed1c24; } /* NAV 44 BLOG ROLL RULES */ #nav_44_blog_roll { width: 350px; } #nav_44_blog_roll h2 { width: 350px; height: 59px; background: url(../images/header_44_blog_roll.png) no-repeat 0 0; text-indent: -9999px; } #nav_44_blog_roll p { margin: 0 40px 20px 22px; font: 15px Georgia, "Times New Roman", Times, serif; color: #7e7e6f; line-height: 24px; } #nav_44_blog_roll a { text-decoration: underline; color: #7e7e6f; } #nav_44_blog_roll a:hover { text-decoration: none; color: #ed1c24; } /* 44 BLOG RULES */ #blog { margin-top: 10px; width: 640px; } #blog_date { width: 75px; height: 99px; display: inline; float: left; background: url(../images/bg_44_blog_date.png) no-repeat 0 0; } #blog_date p { margin: 40px 0 0 5px; font: 20px Georgia, "Times New Roman", Times, serif; color: #fff; line-height: 24px; text-align: center; } #blog_date span { font: 13px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #26244e; } #blog_body { width: 565px; display: inline; float: left; } #blog_body_header { margin: 7px 0 0 0; } #blog_body_header h1 { margin: 0 0 9px 0; width: 405px; display: inline; float: left; font: 20px Georgia, "Times New Roman", Times, serif; } #blog_body_header_photos { margin-top: 5px; margin-right: 10px; width: 150px; display: inline; float: left; font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #26244e; text-align:right; } #blog_body_header_photos a { text-decoration: underline; color: #26244e; } #blog_body_header_photos a:hover { text-decoration: none; color: #ed1c24; } #blog_body_header_photos img.icon_photos { vertical-align: middle; } #blog_body p { margin: 0 10px 10px 0; line-height: 24px; } #blog_body p.footer { margin: 0 10px 10px 0; font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #26244e; line-height: 24px; } #blog_body ul.photo_thumbs { list-style: none; } #blog_body ul.photo_thumbs li { margin: 0 5px 5px 0; display: inline; float: left; } #blog_body ul.photo_thumbs li.last { margin: 0 0 5px 0; display: inline; float: left; } #blog_body a { text-decoration: underline; color: #26244e; } #blog_body a:hover { text-decoration: none; color: #ed1c24; } #blog_body img.icon_comments { vertical-align: middle; } #blog_body .add_this { vertical-align: middle; } #comment { width: 555px; } #comment_left { width: 160px; display: inline; float: left; } #comment_left p { margin: 0; line-height: 24px; } #comment_left span { font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #26244e; } #comment_right { width: 380px; display: inline; float: left; } .comment_wrap_blog { margin: 15px 0 0 0; width: 555px; } .comment_wrap_blog label { margin: 0 0 5px 0; width: 160px; display: inline; float: left; } .comment_wrap_blog input { width: 380px; display: inline; float: left; } .comment_wrap_blog textarea { width: 380px; height: 125px; display: inline; float: left; } .comment_wrap_blog_submit { margin: 5px 0 0 0; width: 555px; } .comment_wrap_blog_submit label { margin: 0 0 5px 0; width: 150px; display: inline; float: left; } .comment_wrap_blog_submit input.btn { border: none; width: 108px; height: 59px; display: inline; float: left; } #blog_footer { margin: 0 0 10px 75px; width: 565px; display: inline; float: left; } #blog_footer_pagination_left { width: 265px; display: inline; float: left; } #blog_footer_pagination_right { margin-right: 10px; width: 290px; display: inline; float: left; text-align: right; } #blog_footer_pagination_right a { text-decoration: underline; color: #26244e; } #blog_footer_pagination_right a:hover { text-decoration: none; color: #ed1c24; } /* COCKTAILS RULES */ #cocktails { width: 640px; } #cocktails_nav { width: 640px; } #cocktails_nav_left { width: 137px; height: 59px; display: inline; float: left; } #cocktails_nav_right { margin-top: 10px; width: 503px; display: inline; float: left; } #cocktails_nav_right ul { display: inline; list-style: none; } #cocktails_nav_right ul li { float: left; } #cocktails_nav_right ul li a { height: 39px; display: block; text-indent: -9999px; text-align: left; } #cocktails_nav_right ul li a:hover { background-position: 0 -39px; } #cocktails_nav_right ul li a.active { height: 39px; display: block; text-indent: -9999px; text-align: left; background-position: 0 -39px; } #cocktails_nav_right ul li a.active:hover { background-position: 0 -39px; } a#cocktails_view_all { width: 57px; background: url(../images/nav_cocktails_view_all.jpg) no-repeat 0 0; } a#cocktails_mountain_huckleberry { width: 136px; background: url(../images/nav_cocktails_mountain_huckleberry.jpg) no-repeat 0 0; } a#cocktails_magic_valley { width: 121px; background: url(../images/nav_cocktails_magic_valley.jpg) no-repeat 0 0; } a#cocktails_rainier_cherry { width: 93px; background: url(../images/nav_cocktails_rainier_cherry.jpg) no-repeat 0 0; } #cocktails_thumb { width: 137px; height: 141px; display: inline; float: left; background: url(../images/bg_cocktails_thumb.png) no-repeat 0 0; } #cocktails_thumb p { margin: 20px 0 0 25px; } #cocktails_thumb_empty { width: 137px; height: 141px; display: inline; float: left; } #cocktails_body { width: 503px; min-height: 141px; display: inline; float: left; } #cocktails_body li { margin: 0 0 7px 15px; list-style: disc; } #cocktails_body_header { margin: 7px 0 0 0; } #cocktails_body_header h1 { margin: 0 0 9px 0; width: 343px; display: inline; float: left; font: 20px Georgia, "Times New Roman", Times, serif; } #cocktails_body_header_type { margin-right: 10px; width: 150px; display: inline; float: left; text-align:right; } #cocktails_body p { margin: 0 10px 10px 0; line-height: 24px; } #cocktails_body p.footer { margin: 0 10px 10px 0; font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #26244e; line-height: 24px; } #cocktails_body a { text-decoration: underline; color: #26244e; } #cocktails_body a:hover { text-decoration: none; color: #ed1c24; } #cocktails_body img.icon_comments { vertical-align: middle; } #cocktails_body .add_this { vertical-align: middle; } #comment_cocktails { width: 493px; } #comment_cocktails_left { width: 160px; display: inline; float: left; } #comment_cocktails_left p { margin: 0; line-height: 24px; } #comment_cocktails_left span { font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #26244e; } #comment_cocktails_right { width: 318px; display: inline; float: left; } .comment_wrap_cocktails { margin: 15px 0 0 0; width: 493px; } .comment_wrap_cocktails label { margin: 0 0 5px 0; width: 160px; display: inline; float: left; } .comment_wrap_cocktails input { width: 318px; display: inline; float: left; } .comment_wrap_cocktails textarea { width: 318px; height: 125px; display: inline; float: left; } .check_wrap_cocktails { margin: 15px 0 0 0; width: 493px; } .check_label { margin: 0 0 5px 0; width: 160px; display: inline; float: left; } .check { width: 318px; display: inline; float: left; text-align: left; line-height: 24px; } .comment_wrap_cocktails_submit { margin: 5px 0 0 0; width: 493px; } .comment_wrap_cocktails_submit label { margin: 0 0 5px 0; width: 150px; display: inline; float: left; } .comment_wrap_cocktails_submit input.btn { border: none; width: 108px; height: 59px; display: inline; float: left; } #cocktails_footer { margin: 0 0 10px 137px; width: 503px; display: inline; float: left; } #cocktails_footer_pagination_left { width: 265px; display: inline; float: left; } #cocktails_footer_pagination_right { margin-right: 10px; width: 228px; display: inline; float: left; text-align: right; } #cocktails_footer_pagination_right a { text-decoration: underline; color: #26244e; } #cocktails_footer_pagination_right a:hover { text-decoration: none; color: #ed1c24; } /* MAIN CONTENT RULES */ #content { margin: 30px 10px 0 40px; width: 580px; } #content h1 { margin: 0 0 9px 0; font: 20px Georgia, "Times New Roman", Times, serif; } #content p { margin: 0 10px 10px 10px; line-height: 24px; } #content a { text-decoration: underline; color: #26244e; } #content a:hover { text-decoration: none; color: #ed1c24; } .input_wrap { margin: 15px 0 0 0; width: 500px; } .input_wrap label { margin: 0 0 5px 10px; width: 150px; display: inline; float: left; } .input_wrap input { width: 200px; display: inline; float: left; } .input_wrap textarea { width: 269px; height: 125px; display: inline; float: left; } .input_wrap_submit { margin: 5px 0 0 0; width: 493px; } .input_wrap_submit label { margin: 0 0 5px 10px; width: 140px; display: inline; float: left; } .input_wrap_submit input.btn { border: none; width: 108px; height: 59px; display: inline; float: left; } /* HOME BOTTOM RULES */ #home_bottom_wrap { margin: 0 auto; width: 990px; height: 230px; } #featured_cocktail { width: 340px; height: 230px; display: inline; float: left; background: url(../images/bg_featured_cocktail.png) no-repeat top left; } #featured_cocktail h2 { margin: 10px 0 0 50px; width: 280px; height: 38px; background: url(../images/header_featured_cocktail.jpg) no-repeat 0 0; text-indent: -9999px; } #featured_cocktail h3 { margin: 10px 22px 0 62px; font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #26244e; } #featured_cocktail p { margin: 10px 22px 10px 62px; font: 12px Georgia, "Times New Roman", Times, serif; color: #26244e; line-height: 20px; } #featured_cocktail p.read_more { margin: 10px 22px 10px 60px; font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #26244e; } #featured_cocktail a { text-decoration: underline; color: #26244e; } #featured_cocktail a:hover { text-decoration: none; color: #ed1c24; } #featured_cocktail_image { width: 98px; height: 98px; display: inline; float: right; z-index: 2; } #newsletter_sign-up { width: 300px; height: 230px; display: inline; float: left; background: url(../images/bg_newsletter_sign-up.jpg) no-repeat top left; } #newsletter_sign-up h2 { margin: 10px 0 0 10px; width: 280px; height: 38px; background: url(../images/header_newsletter_sign-up.jpg) no-repeat 0 0; text-indent: -9999px; } #newsletter_sign-up p { margin: 10px 22px 10px 22px; font: 12px Georgia, "Times New Roman", Times, serif; color: #26244e; line-height: 20px; } .newsletter_sign-up_wrap { margin: 10px 22px 12px 22px; width: 241px; } .newsletter_sign-up_wrap input { width: 241px; } .newsletter_sign-up_wrap input.btn { width: auto; } #tell_a_friend { width: 350px; height: 230px; display: inline; float: left; background: url(../images/bg_tell_a_friend.png) no-repeat top left; } #tell_a_friend h2 { margin: 10px 0 0 10px; width: 290px; height: 38px; background: url(../images/header_tell_a_friend.jpg) no-repeat 0 0; text-indent: -9999px; } #tell_a_friend p { margin: 10px 62px 10px 22px; font: 12px Georgia, "Times New Roman", Times, serif; color: #26244e; line-height: 20px; } #tell_a_friend a { text-decoration: underline; color: #26244e; } #tell_a_friend a:hover { text-decoration: none; color: #ed1c24; } #greetings_from_idaho { width: 187px; height: 128px; display: inline; float: right; z-index: 2; } /* FOOTER HOME RULES */ #footer_home { margin: 0 auto; width: 990px; height: 60px; background: url(../images/bg_footer_home.png) no-repeat top center; } #footer_home p { width: 535px; margin: 11px 0 0 250px; font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #fff; line-height: 22px; display: inline; float: left; } #credits_home { width: 180px; margin: 11px 10px 0 0; font: 12px Georgia, "Times New Roman", Times, serif; color: #6f4720; line-height: 22px; display: inline; float: left; text-align: right; } #footer_home a { text-decoration: underline; color: #6f4720; } #footer_home a:hover { text-decoration: none; color: #fff; } /* FOOTER RULES */ #footer { margin: 0 auto; width: 990px; height: 114px; background: url(../images/bg_footer.png) no-repeat top center; } #footer p { width: 535px; margin: 67px 0 0 250px; font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #fff; line-height: 22px; display: inline; float: left; } #credits { width: 180px; margin: 65px 10px 0 0; font: 12px Georgia, "Times New Roman", Times, serif; color: #6f4720; line-height: 22px; display: inline; float: left; text-align: right; } #footer a { text-decoration: underline; color: #6f4720; } #footer a:hover { text-decoration: none; color: #fff; } /* MISC RULES */ .red { color: #ed1c24; } .borderless { border: none; } .horz_rule_right { margin: 10px 0 10px 22px; width: 280px; height: 2px; background: url(../images/bg_hr.gif) repeat-x 0 0; } .horz_rule_blog { margin: 15px 10px 10px 0; width: 555px; height: 2px; background: url(../images/bg_hr.gif) repeat-x 0 0; } .horz_rule_blog_comments { margin: 10px 10px 0 0; width: 555px; height: 13px; background: url(../images/bg_hr_comments.gif) repeat-x 0 0; } .horz_rule_cocktails { margin: 15px 10px 10px 0; width: 493px; height: 2px; background: url(../images/bg_hr.gif) repeat-x 0 0; } .horz_rule_cocktails_comments { margin: 10px 10px 0 0; width: 493px; height: 13px; background: url(../images/bg_hr_comments.gif) repeat-x 0 0; } .horz_rule_featured_cocktail{ margin: 10px 22px 10px 62px; width: 256px; height: 2px; background: url(../images/bg_hr.gif) repeat-x 0 0; } .clear:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }