/*----------------------------------------------------------------------------------- Global Reset v0.3 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } body { background: #F9FAF5 url('../images/main_bg.png') no-repeat center 20px; font-family: "Lucida Grande", "Lucida Sans", sans-serif; line-height: 1; z-index: 10000000; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /*--------------------------- Elements ---------------------------*/ * { min-height:0; } /*------------------------------------------- Global -------------------------------------------*/ .left { float: left; } .right { float: right; } .center { text-align: center; } .clear { clear: both; } .inner_container { margin: 0 auto; position: relative; width: 950px; } a { text-decoration: none; color: #48B3D7; } hr { background: url(../images/dash_horizontal.png) repeat-x left center; border: none; clear: both; display: block; height: 1px; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } .column { float: left; margin-right: 0 10px 0; width: 47%; } #main_content table { color: #534137; font-family: "Georgia", serif; font-size: 13px; line-height: 17px; margin: 0 0 15px 0; width: 100%; } #main_content table thead { background: #F2F1E9; text-align: left; } #main_content table thead td, #main_content table thead th { color: #523F3B; font-weight: bold; line-height: 25px; padding: 5px 10px; } #main_content table tbody td{ padding: 10px 10px; } #main_content table tbody td { border-bottom: dashed 1px #E4E2DD; } a.back_to_top { display: block; background: url(../images/back_to_top.gif) no-repeat 0 4px; font-family: Arial, sans-serif; font-size: 12px; margin: 0 0 40px 0; padding: 0 0 0 15px; } /*------------------------------------------- Header / Main Nav -------------------------------------------*/ .header_container { background: url('../images/top_bg.png') repeat-x top left; margin: 0 0 10px; position: relative; z-index: 1; } #top_cart { height: 45px; margin: 0 auto; position: relative; width: 950px; z-index: 10000; } #top_cart ul { position: absolute; right: 0; top: 0; z-index: 100; } #top_cart li { float: left; margin: 6px 0 0 25px; } #top_cart a { background: url('../images/top_bar_icons.gif') no-repeat; color: #D5D1D1; font-size: 11px; padding: 0 0 0 15px; } #top_cart a:hover { color: #fff; } #top_cart a.retailer { background-position: 0 1px; } #top_cart a.retailer:hover { background-position: 0 -19px; } #top_cart a.friend { background-position: 0 -36px; } #top_cart a.friend:hover { background-position: 0 -56px; } #top_cart a.login { background-position: 0 -79px; } #top_cart a.login:hover { background-position: 0 -99px; } #top_cart a.service { background: url('../images/service.png') no-repeat 0px 1px; } #top_cart a.service:hover { background: url('../images/service.png') no-repeat 0px -17px; } #top_cart li.cart { margin: 3px 0 0 25px; } #top_cart li.cart a { background: url('../images/top_cart_btn.gif') no-repeat left top; color: #fff; display: inline-block; font-size: 12px; height:30px; padding: 6px 0 0 30px; width: 88px; } #top_cart li.cart a:hover { text-decoration: none; } /* SEND TO FRIEND */ #send_drop { background: url('../images/send_arrow.gif') no-repeat center top; display: none; padding: 8px 0 0 0; position: absolute; right: 325px; top: 27px; z-index: 1000; } #send_drop .inner { background: #D1C19F; padding: 5px 15px 15px; width: 217px; } #send_drop .close { background: url('../images/button_sprite.png') no-repeat -203px -231px; float: right; height: 15px; margin: 5px 0 0 0; padding: 0; width: 13px; text-indent: -9999px; } #send_drop h6 { color: #301A0F; font-family: "Georgia", "Times New Roman", serif; font-size: 16px; font-style: italic; margin: 10px 0 5px; } #send_drop input, #send_drop textarea { border: 1px solid #CBC9CB; color: #8F7F7F; font-family: "Lucida Grande", sans-serif; font-size: 12px; font-style: italic; margin: 5px 0; padding: 5px 4px; width: 208px; } #send_drop textarea { height: 60px; } #send_drop .send { background: url('../images/button_sprite.png') no-repeat -153px -132px; display: block; height: 33px; padding: 0; width: 219px; text-indent: -9999px; } #send_drop .send:hover { background-position: -153px -165px; } #send_drop input.error, #send_drop textarea.error { border-color: #DE4242 !important; } /* VIEW CART */ #cart_drop { background: #523F3B; display: none; padding: 8px 10px 10px 10px; position: absolute; right: 0; top: 32px; width: 310px; z-index: 1000; } #cart_drop .cart_count, #cart_drop .close { float: left; font-size: 11px; margin: 0 0 5px 0; color: #fff; } #cart_drop .cart_count { font-style: italic; } #cart_drop .close { background: none; padding: 0; } #cart_drop .close span { background: url('../images/button_sprite.png') no-repeat -218px -231px; display: inline-block; height: 11px; margin: 0 3px 5px 0; width: 10px; } #cart_drop .close, #cart_drop .subtotal { float: right; display: block; } #cart_drop a.edit_cart, #cart_drop a.checkout { background: url('../images/button_sprite.png') no-repeat 0 0; float: left; display: inline-block; height: 33px; margin: 0; padding: 0; text-indent: -9999px; width: 153px; } #cart_drop a.edit_cart:hover { background-position: 0 -33px; } #cart_drop a.checkout { background-position: 0 -66px; float: right; margin: 0 0 0 2px; } #cart_drop a.checkout:hover { background-position: 0 -99px; } #cart_contents { background: #fff; clear: both; height: 135px; margin: 10px 0 7px 0; position: relative; overflow-y: scroll; width: 100%; } #cart_contents ul { padding: 0 5px; } #cart_contents ul li { background: url('../images/dash_horizontal.png') repeat-x left bottom; color: #6C5C54; clear:both; float: none; font-size: 11px; margin: 0; overflow: hidden; padding: 5px 0 7px; } #cart_contents ul li img { float: left; width: 70px; } #cart_contents ul li p.info { float: left; padding: 5px 5px 5px 15px; width: 115px; } #cart_contents ul li p.info strong { color: #301A0F; display: block; font-family: "Georgia", "Times New Roman", serif; font-size: 13px; font-style: italic; font-weight: normal; padding: 0 0 4px 0; } #cart_contents ul li p.quantity { float: left; padding: 5px; width: 70px; } /* MAIN NAV */ #header { height: 107px; margin: -43px auto 0; width: 950px; } #main_logo { background: url('../images/main_logo.png') no-repeat; display: block; float: left; height: 107px; margin: 20px 0 10px; text-indent: -999px; width: 173px; } #main_nav { float: right; margin: 60px 0 0 0; } #main_nav li { float: left; margin: 0 0 0 20px; height: 34px; } #main_nav a { background: url('../images/main_nav.png') no-repeat; display: block; text-indent: -9999px; } #main_nav a#shop { background-position: 0 19px; height: 54px; width: 196px; } #main_nav a#story { background-position: -223px 17px; height: 56px; width: 124px; } #main_nav a#ingredients { background-position: -372px 15px; height: 54px; width: 204px; } #main_nav a#touch { background-position: -599px 19px; height: 57px; width: 151px; } #main_nav a#shop:hover, #main_nav a#shop.selected, #main_nav a#shop.selected:hover{ background-position: 0 -42px; } #main_nav a#story:hover, #main_nav a#story.selected, #main_nav a#story.selected:hover { background-position: -223px -40px; } #main_nav a#ingredients:hover, #main_nav a#ingredients.selected, #main_nav a#ingredients.selected:hover { background-position: -372px -42px; } #main_nav a#touch:hover, #main_nav a#touch.selected, #main_nav a#touch.selected:hover { background-position: -599px -39px; } /*------------------------------------------- Content -------------------------------------------*/ #content { clear: both; position: relative; z-index: 0; } #content h1 { color: #301A0F; font-size: 32px; } p.outofstock { background: #BCDDE7; border: 1px solid #62C3DE; color: #3E2A22 !important; font-style: normal !important; margin: 20px 40px 0 20px !important; padding: 20px; } /*------------------------------------------- Home Top Features -------------------------------------------*/ .swirl_left_back, .swirl_left_front, .swirl_right_back, .swirl_right_front { background: url('../images/home_feature_swirls.png') no-repeat; float: left; position: absolute; } .swirl_left_back { background-position: 0 0; height: 155px; left: -61px; top: 189px; width: 99px; z-index: -10; } .swirl_left_front { background-position: 0 -178px; height: 37px; left: 18px; top: 318px; width: 100px; z-index: 10; } .swirl_right_back { background-position: -115px 0; height: 345px; right: -58px; top: 0; width: 95px; z-index: -10; } .swirl_right_front { background-position: 0 -239px; height: 37px; right: -9px; top: 314px; width: 69px; z-index: 10; } #home_feature { background: url('../images/home_feature_bg.png') no-repeat top left; height: 315px; margin: 0 0 0 -5px; padding: 17px 23px 0; width: 914px; } #home_feature .large_feature { float: left; height: 298px; overflow: hidden; position: relative; width: 614px; } #home_feature .large_feature .feature_slider { position: absolute; width: 5000px; } #home_feature .large_feature img { float: left; } #home_feature .large_feature .overlay { background: url('../images/feature_overlay.png'); height: 250px; left: 10px; padding: 15px; position: relative; top: 9px; width: 220px; } #home_feature .large_feature .overlay .feature_text { display: none; position: absolute; top: 70px; } #home_feature .large_feature h3 { color: #30190E; font-size: 28px; margin: 0 0 0 -5px; padding: 5px 0 0 0; width: 230px; } #home_feature .feature_indicator { height: 25px; line-height: 20px; width: 100%; } #home_feature .feature_indicator li { float: left; margin: 0 4px 0 0; } #home_feature .feature_indicator a { background: url('../images/button_sprite.png') no-repeat -228px -231px; display: inline-block; height: 8px; line-height: 8px; width: 8px; } #home_feature .feature_indicator a:hover, #home_feature .feature_indicator a.selected { background-position: -228px -239px; } #home_feature .large_feature h2 { color: #30190E; font-size: 22px; margin: 0 0 5px 0; } #home_feature .large_feature p { color: #30190E; font-family: "Georgia", serif; font-size: 14px; line-height: 18px; margin: 0 0 15px 0; } #home_feature .large_feature .feature_text .add_to_cart { background-image: url('../images/button_sprite.png'); background-position: -153px -66px; display: block; height: 33px; width: 219px; text-indent: -9999px; } #home_feature .large_feature .feature_text .add_to_cart:hover { background-position: -153px -99px; } #home_feature .large_feature .feature_text .learn_more_btn { background-image: url('../images/learn_more_sprite.png'); background-position: 0px 0px; display: block; height: 33px; width: 219px; text-indent: -9999px; } #home_feature .large_feature .feature_text .learn_more_btn:hover { background-position: 0px -33px; } #home_feature .small_feature { background: #62C3DE; cursor: pointer; float: right; height: 113px; margin: 0 0 11px 0; padding: 15px; position: relative; width: 260px; } /* #home_feature .small_feature:hover { background: #67CCE9; cursor: pointer; } */ #home_feature .small_feature h3 { color: #fff; font-size: 22px; position: relative; z-index: 1; } #home_feature .small_feature h4 { color: #352A22; font-family: "Georgia", serif; font-size: 15px; font-style: italic; font-weight: normal; line-height: 21px; margin: 5px 0 0 0; position: relative; z-index: 1; } #home_feature .small_feature a { color: #fff; display: block; font-size: 14px; font-weight: bold; margin: 15px 0 0 0; position: relative; z-index: 1; } #home_feature .small_feature .sale { position: absolute; right: -3px; top: -3px; } #home_feature .small_feature img { position: absolute; right: 0; bottom: 0; z-index: 0; } /*------------------------------------------- Home Callouts -------------------------------------------*/ #home_callouts { height: 240px; margin: 30px 0 20px 15px; } #home_callouts li { background: url('../images/home_callout_bg.png') repeat-x left bottom; float: left; height: 205px; margin: 0 10px 0 0; padding: 15px; position: relative; width: 270px; } #home_callouts li h3 { color: #45B5D6; font-size: 20px; margin: 0 0 10px 0; } #home_callouts li blockquote { background: url('../images/blockquote_bg.png') no-repeat top left; color: #30190E; font-family: "Georgia", serif; font-size: 15px; font-style: italic; line-height: 22px; padding: 7px 0 0 0; text-indent: 20px; } #home_callouts li .name { color: #30190E; display: block; float: right; font-family: "Lucida Grande", sans-serif; font-size: 12px; font-weight: bold; margin: 3px 20px 0 0; } #home_callouts li .link { color: #48B3D7; clear: both; display: block; font-size: 12px; margin: 10px 0 0 0; } #home_callouts li .link:hover { text-decoration: underline; } #home_callouts li .date { color: #9A9088; font-size: 12px; } #home_callouts li p { display: inline; color: #30190E; font-family: "Georgia", serif; font-size: 13px; line-height: 18px; } #home_callouts li h6 { color: #30190E; font-size: 13px; font-weight: bold; line-height: 18px; padding: 2px 0 0 0; } #home_callouts li img { border: 2px solid #6C5D54; float: left; margin: 0 10px 0px 0; } /*------------------------------------------- Home More Products -------------------------------------------*/ #more_products { background: url('../images/more_products_bg.png') no-repeat left top; height: 227px; margin: 0 0 0 3px; position: relative; width: 944px; z-index: 0; } #more_products h3 { color: #301A0F; font-size: 25px; left: 25px; position: absolute; top: 15px; } #more_products .scroll_area { background: #F9FAF5; height: 160px; left: 18px; overflow: hidden; position: absolute; bottom: 18px; width: 910px; } #more_products .scroll_area ul { padding:0 10px; width: 5000px; position: relative; z-index: 0; } #more_products li { cursor: pointer; float: left; list-style: none; height: 150px; margin: 8px 10px 8px 0; position: relative; width: 134px; z-index: 0; } #more_products li:hover { z-index: 1000px; } #more_products li .image { display: block; height: 106px; overflow: hidden; width: 134px; } #more_products li .image img { margin-top: -15px; height: 136px; width: 136px; } #more_products li:hover .image { border: 3px solid #62C3DE; height: 99px; width: 128px; } #more_products li:hover .image img { margin: -18px 0 0 -3px; } #more_products li h4 { color: #30190E; font-family: "Georgia", serif; font-size: 13px; font-style: italic; font-weight: normal; left: 0; position: absolute; top: 113px; } #more_products li a.add { color: #B8B8B8; font-size: 11px; left: 0; padding: 0; position: absolute; top: 130px; } #more_products li a.add span { background: url('../images/button_sprite.png') no-repeat -219px -200px/* 216px */; display: inline-block; height: 15px; margin: 0 5px 0 0; width: 15px; } #more_products li a.add:hover { color: #48B3D7; } #more_products li a.add:hover span { background-position: -219px -216px; } #more_products li:hover .cover { display: block; } #more_products li .info { background: url('../images/products_info_arrow.png') no-repeat left top; display: none; height: 65px; left: 120px; padding: 0 0 0 11px; position: absolute; top: 20px; width: 140px; z-index: 1000; } #more_products li .info.left_side { background-position: right top; left: -137px; padding: 0 11px 0 0; } #more_products li:hover .info { display: block; } #more_products li .info .inner { background: #62C3DE; height: 44px; padding: 10px 5px; width: 130px; } #more_products li .info .inner h4 { color: #fff; position: static; margin: 0 0 2px 0; } #more_products li .info .inner small { color: #BDE7F0; display: block; font-size: 12px; font-style: italic; margin: 0 0 4px 0; } #more_products li .info .inner strong { color: #fff; font-size: 12px; } #more_products li .sale { position: absolute; right: -3px; top: -3px; } /* Custom Scroll Bar */ .ui-scrollbar { position: absolute; z-index: 2; } .ui-scrollbar-horizontal { height: 15px; left: 245px; top: 21px; width: 680px; } .ui-scrollbar-horizontal .ui-scrollbar-track { background-color: #F4E6D2; font-size: 0; height: 100%; left: 0; position: absolute; width: 100%; } .ui-scrollbar-button-left, .ui-scrollbar-button-right { background: url('../images/button_sprite.png') no-repeat -237px -244px; display: block; font-size: 0; height: 16px; position: absolute; top: 0; width: 14px; z-index: 9; } .ui-scrollbar-button-left { left: 0; } .ui-scrollbar-button-right { background-position: -267px -244px; right: 0; } .ui-scrollbar-horizontal .ui-scrollbar-handle { background-color: #C6862E; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100px; } /*------------------------------------------- Sub Main Content -------------------------------------------*/ #main_content { float: right; margin: 15px 0 0 0; width: 719px;} #main_content h1 { color: #301A0F; font-size: 32px; font-weight: normal; padding: 0 0 22px 0; text-transform: lowercase; } #main_content h2, #main_content h3, #main_content h4 { color: #74CAE1; font-family: "Georgia", serif; font-weight: normal; } #main_content h2 { font-size: 22px; font-weight: normal; line-height: 28px; padding: 0; margin: 0 0 10px 0; } #main_content h3 { font-size: 18px; font-weight: normal; line-height: 22px; padding: 0; margin: 0 0 5px 0; } #main_content h4 { font-size: 16px; font-weight: normal; line-height: 20px; padding: 0; margin: 0 0 3px 0; } #main_content h5 {} #main_content a { color: #57AFCA; } #main_content a:hover { text-decoration: underline; } #main_content p { color: #534137; font-family: "Georgia", serif; font-size: 13px; line-height: 18px; margin: 0 0 19px 0; } #main_content p.intro_text { font-size: 17px; line-height: 24px; margin: 0 0 25px 0; } #main_content p.list_intro { margin: 0 0 5px 0; } #main_content ul, #main_content ol { font-family: "Georgia", serif; font-size: 13px; line-height: 18px; } #main_content ul { color: #534137; margin: 0 0 24px 25px; } #main_content ul li, #main_content ol li { margin: 0 0 10px 0; } #main_content ol { color: #57AFCA; margin: 0 0 24px 29px; } #main_content ul { list-style-image: url(../images/bullet.gif) !important; } #main_content ol { list-style-type: decimal; } #main_content ol span { color: #534137; } #main_content blockquote { background: url(../images/blockquote_content_bg.gif) no-repeat; padding: 9px 5px 0px 5px; font-style: italic; } #main_content blockquote p { font-size: 14px; line-height: 20px; text-indent: 30px; } #main_content blockquote p span { display: block; text-align: right; margin: 16px 0 0 0; } #main_content p.caption { color: #957870; font-family: "Lucida Grande", sans-serif; font-size: 11px; } .image_container { background: #FDFDFB; border: solid 1px #F1F0EC; padding: 4px; } #main_content .image_container p { color: #746561; font-size: 10px; font-family: "Lucida Grande", sans-serif; font-style: italic; line-height: 13px; margin: 7px 0; } .block_left { float: left; margin: 0 10px 20px 0; } .block_right { float: right; margin: 0 0 20px 10px; } #main_content.testimonials blockquote { padding: 7px 0 20px 0; } #main_content.testimonials hr { padding: 0 0 10px 0; margin: 0 0 10px 0; } #main_content.news hr { padding: 0 0 10px 0; margin: 0 0 15px 0; } #main_content.news img { width: 100px; } #main_content.news h6, #main_content.news_detail h6 { color: #B8B8B8; font-size: 12px; margin: 0 0 8px 0; } #main_content.news a.read_more, #main_content.news_detail a.read_more { font-size: 12px; display: inline-block; font-family: "Lucida Grande", sans-serif; margin: 10px 0 0 0; } /*------------------------------------------- Shop Product Details -------------------------------------------*/ .product_container { float: left; width: 950px; margin: 0px 0px 20px 0px; } .product_image_container { background: #fff; border: 1px solid #E9E8E3; float: left; margin: 0; padding: 5px 0px 5px 5px; width: 433px; } .product_image_container .large_image { overflow: hidden; position: relative; margin: 5px 0 0 0; width: 427px; height: 427px; } .product_image_container .large_image img { left: 0; position: absolute; top: 0; } .product_image_container ul { height: auto; overflow: hidden; width: 435px; } .product_image_container ul li { float: left; margin: 0 5px 0 0; width: 103px; height: 103px; } .product_image_container ul li a { display: block; overflow: hidden; } .product_image_container ul li a img { width: 103px; } .product_image_container ul li a:hover, .product_image_container ul li.selected a { border: 3px solid #62C3DE; height: 97px; } .product_image_container ul li a:hover img, .product_image_container ul li.selected img, .product_image_container ul li.selected a:hover img { margin: -3px; } .product_information { float: right; width: 480px; } .product_information h1 { color: #30190E; font-size: 32px; margin: 0 0 15px 0; } .back { color: #2D1D1D; display: block; font-size: 12px; font-weight: bold; letter-spacing: .04em; margin: 0px 0px 10px 0px; } .back:hover { color: #61C3DE; } .description { color: #958A83; font-family: "Georgia", serif; font-size: 13px; line-height: 18px; margin: 5px 0px 10px 0px; } .price { color: #6D5D54; font-size: 21px; font-weight: bold; margin: 0px 0px 15px 0px; } .price img { vertical-align: middle; } .product_information .add_cart { background: url('../images/button_sprite.png') no-repeat -153px -66px; display: block; float: none; height: 33px; width: 219px; } .product_information .add_cart:hover { background-position: -153px -99px; } .share_icons { color: #30190E; font-family: "Georgia", serif; font-size: 13px; font-style: italic; overflow: hidden; } .share_icons li { float: left; padding: 15px 10px 0px 0px; } .share_icons li a { background: url('../images/button_sprite.png') no-repeat; display: block; height: 23px; width: 22px; text-indent: -9999px; } .share_icons li a.digg { background-position: -237px -198px; height: 22px; } .share_icons li a.facebook { background-position: -237px -220px; height: 22px; } .share_icons li a.del { background-position: -260px -199px; } .share_icons li a.twitter { background-position: -260px -222px; } .prev_next { color: #CCC; float: right; font-size: 12px; } .prev_next a { color: #2D1D1D; font-weight: bold; letter-spacing: .04em; } .orange { color: #C1832C; } #tabs div { display: none; } #tabs div div { display: block; } #tabs .tabs_nav { float: left; list-style-type: none; margin: 20px 0 -1px; position: relative; z-index: 100; } #tabs .tabs_nav li { display: block; float: left; margin: 0px 2px 0px 0px; } #tabs .tabs_nav li a { background: #E9E8E3; border: 1px solid #E9E8E3; color: #452B04; display: block; font-family: "Georgia", serif; font-size: 13px; height: 33px; line-height: 33px; padding: 0 14px 0 14px; float: left; } #tabs .tabs_nav li a:hover { background: #EEECE8; } #tabs .tabs_nav li.selected { background: #EFEDE9; } #tabs .tabs_nav li.selected a { background: #fff; border: 1px solid #E9E8E3; border-bottom: none; cursor: text; height: 37px; } #tabs .panel { background: #fff; border: 1px solid #E9E8E3; color: #452B04; clear: both; display: none; font-size: 12px; line-height: 16px; height: 271px; overflow: hidden; position: relative; width: 477px; } #tabs .panel.active { display: block; z-index: 0; } #tabs .panel p { padding: 0 0 15px 0; } .ui-scrollbar-vertical { height: 250px; right: 10px; top: 10px; width: 15px; } .ui-scrollbar-vertical .ui-scrollbar-track { background-color: #F4E6D2; font-size: 0; height: 216px !important; left: 0; position: absolute; top: 0; width: 100%; } .ui-scrollbar-vertical .ui-scrollbar-button-up, .ui-scrollbar-vertical .ui-scrollbar-button-down { background: url('../images/button_sprite.png') no-repeat -308px -228px; display: block; left: 0; position: absolute; height: 18px; width: 100%; z-index: 9; } .ui-scrollbar-vertical .ui-scrollbar-button-up { top: 0; } .ui-scrollbar-vertical .ui-scrollbar-button-down { background-position: -308px -255px; bottom: 0; } .ui-scrollbar-vertical .ui-scrollbar-handle { background-color: #C6862E; display: block; height: 100px; left: 0; position: absolute; top: 0; width: 15px; } .panel .ui-scrollbar-contents { overflow: hidden; padding: 10px 12px 10px 15px; } .panel.ui-scrollable .ui-scrollbar-contents { padding: 10px 35px 20px 15px; } /*------------------------------------ Product Reviews -------------------------------------------*/ .reviews { color: #6C5D54; float: left; font-size: 12px; width: 600px; } .reviews .first_review { margin: 15px 0; } .reviews h6 { color: #443026; font-family: "Georgia", serif; font-size: 15px; font-style: italic; font-weight: normal; margin: 20px 0px 5px 0px; text-transform: capitalize; } .reviews ul li { background: url(../images/dash_horizontal.png) repeat-x left bottom; overflow: hidden; padding: 15px 0 5px; } .reviews ul li.last { background: none; } .reviews .stars { float: left; margin: -1px 8px 0 0; } .reviews .star { background: url('../images/button_sprite.png') no-repeat -203px -215px; display: block; float: left; height: 16px; width: 19px; text-indent: -9999px; } .reviews .star.active { background-position: -203px -198px; } .review_title { font-size: 11px; line-height: 16px; } .review_title strong { display: inline-block; font-family: Georgia, serif; font-weight: normal; font-size: 12px; line-height: 16px; margin: 0 2px 0 0; } .reviews img { margin: 0px 5px 0px 0px; } .review_text { font-size: 11px; line-height: 16px; margin: 5px 0px 10px 0px; } .comment_header { display: inline; float: left; margin: 3px 5px 0px 0px; } .comment_count { background: url(../images/button_sprite.png) no-repeat -282px -228px; font-size: 11px; height: 16px; float: left; margin: 0 0 10px 0; padding: 3px 0px 0px 0px; width: 26px; text-align: center; } #comment_form { background: url(../images/dash_horizontal.png) repeat-x left bottom; overflow: hidden; padding: 0 0 20px 0; } #comment_form input.required, #comment_form textarea { width: 585px; margin-top: 5px; } #comment_form textarea { height: 80px; } #comment_form .submit { line-height: 0; margin: 0 0 10px; } /*------------------------------------------- Shop Sidebar -------------------------------------------*/ #shop_sidebar { float: right; margin: 13px 0 0 0; width: 291px; } .shop_sidebar_content { margin: /* 322px */ 0 0 0; } #shop_sidebar .shop_callout { background: #62C3DE; cursor: pointer; height: 113px; margin: 0 0 11px 0; padding: 15px; position: relative; width: 260px; } /* #shop_sidebar .shop_callout:hover { background: #67CCE9; cursor: pointer; } */ #shop_sidebar .shop_callout h3 { color: #fff; font-size: 22px; position: relative; z-index: 1; } #shop_sidebar .shop_callout h4 { color: #352A22; font-family: "Georgia", serif; font-size: 15px; font-style: italic; font-weight: normal; line-height: 21px; margin: 5px 0 0 0; position: relative; z-index: 1; } #shop_sidebar .shop_callout a { color: #fff; display: block; font-size: 14px; font-weight: bold; margin: 15px 0 0 0; position: relative; z-index: 1; } #shop_sidebar .shop_callout .sale { position: absolute; right: -3px; top: -3px; } #shop_sidebar .shop_callout img { bottom: 0; position: absolute; right: 0; z-index: 0; } #shop_sidebar .shop_quote { background: url('../images/signin_bg.png') no-repeat; float: left; overflow: hidden; padding: 15px; width: 261px; } #shop_sidebar .shop_quote h3 { color: #30190E; font-size: 20px; margin: 0 0 10px 0; } #shop_sidebar .shop_quote blockquote { background: url('../images/blockquote_bg.png') no-repeat top left; color: #30190E; font-family: "Georgia", serif; font-size: 14px; line-height: 22px; padding: 7px 0 0 0; text-indent: 20px; } #shop_sidebar .shop_quote blockquote p { font-style: italic; } #shop_sidebar .shop_quote blockquote p span { color: #30190E; display: block; float: right; font-family: "Lucida Grande", sans-serif; font-style: normal; font-size: 12px; font-weight: bold; margin: 3px 20px 0 0; } #shop_sidebar .shop_quote a.more { color: #48B3D7; clear: both; display: block; font-size: 12px; margin: 10px 0 0 0; } #shop_sidebar .shop_quote a.more:hover { text-decoration: underline; } .featured_shop_callout { background: url(../images/featured_shop_callout_bg.png) no-repeat; cursor: pointer; height: 319px; margin: 0 0 0; position: relative; padding: 24px 0 0 15px; width: 342px; } .featured_shop_callout_text { background: url(../images/feature_overlay_large.png) no-repeat; left: 22px; bottom: 63px; padding: 9px; position: absolute; width: 233px; } .featured_shop_callout_text p { color: #30190E; font-size: 11px; line-height: 14px; } .featured_shop_callout_text h2 { color: #30190E; font-family: Georgia, serif; font-size: 24px; font-weight: normal; margin: 0 0 5px 0; } .featured_shop_callout_text h3 { color: #30190E; font-size: 20px; font-weight: normal; margin: 0 0 3px 0; } #shop_container { float: left; margin: 13px 0 0 0; width: 642px; } #shop_container h1, #shop_container h2 { color: #301A0F; font-weight: normal; text-transform: lowercase; } #shop_container h1 { font-size: 32px; margin: 0 0 10px 0; } #shop_container h2 { font-size: 28px; margin: 0 0 12px 0; } #shop_container p { color: #A49B95; font-family: Georgia, serif; font-size: 14px; font-style: italic; letter-spacing: .02em; line-height: 18px; margin: 0 0 14px 0; } .shop_section { clear: both; margin: 0 0 10px 0; } .lower_shop_section { background: url(../images/lower_shop_section_bg.jpg) repeat-x; background-position: 0px 14px; padding: 35px 0 0 0; } .shop_item { background: #FDFDFD; border: solid 1px #F0F0EC; display: block; float: left; height: 142px; margin: 8px 8px 0 0; padding: 6px; position: relative; width: 136px; } .shop_item .sale { position: absolute; right: -3px; top: -3px; } .shop_item span { display: block; width: 136px; height: 106px; overflow: hidden; } .shop_item span img { margin-top: -15px; cursor: pointer; } .shop_item:hover, .shop_item.hover { border: 3px solid #62C3DE; padding: 4px; cursor: pointer; } .shop_item:hover .sale, .shop_item.hover .sale {right: -5px; top: -5px; } #shop_container .new { position: absolute; right: -4px; top: -4px; } .shop_item h4 { color: #301A0F; font-family: Georgia, serif; font-size: 13px; font-weight: normal; font-style: italic; margin: 4px 0 0 0; } #shop_container .shop_item p { font-family: "Lucida Grande", sans-serif; color: #6D5E55; font-size: 12px; font-style: normal; margin: 4px 0 0 0; } .shop_item a { color: #301A0F; } a.add_cart { background: url(../images/button_sprite.png) no-repeat -222px -201px; color: #B8B8B8; display: block; float: right; font-size: 10px; height: 14px; line-height: 14px; margin: 5px 0 0 0; overflow: hidden; text-indent: -1000em; width: 15px; } a.add_cart:hover { background-position: -222px -217px; } #shop_container a.add_to_cart { background: url('../images/button_sprite.png') no-repeat -351px -198px; display: inline-block; height: 15px; margin: 0 0 0 0; width: 15px; } #shop_container a.add_to_cart:hover { background-position: -351px -214px; } /*------------------------------------------- Custom Tooltip -------------------------------------------*/ #tooltip { background: url(../images/tooltip_arrow.png) no-repeat left center; display: none; padding: 0 0 0 5px; position: absolute; width: 65px; z-index: 20; } #tooltip.left { background: url(../images/tooltip_arrow.png) no-repeat right center; display: none; padding: 0 5px 0 0; position: absolute; width: 65px; z-index: 20; } #tooltip .inner { background: #62C3DE; color: #DCF2F7; display: block; font-size: 10px; font-style: italic; line-height: 16px; padding: 0 0 0 3px; } /*------------------------------------------- Checkout -------------------------------------------*/ #checkout_steps h1 { float: left; margin: 0 25px 15px 0; } .content_centered h2 { color: #62C3DE; font-family: "Georgia", serif; font-size: 22px; font-weight: normal; margin: 0px 0px 0px 0px;} #checkout_steps ul { padding: 5px 0 0 0; } #checkout_steps li { padding: 0 27px 0 0; } #checkout_steps li.last { padding: 0; } #checkout_steps li a.selected span { color: #C68C3B; font-size: 28px; font-weight:bold; } #checkout_steps li a span { display: block; float: left; font-size: 28px; height: 23px; margin: 0 5px 0 0; text-align: center; width: 23px; } #checkout_steps li a.selected { color:#C68C3B; font-size: 15px; } #checkout_steps li { display: bock; float: left; } #checkout_steps li a { color:#C5BFBD; display: block; float: left; font-family: "Georgia", serif; font-size: 15px; height: 23px; line-height: 23px; } #checkout_steps li a em { display: inline-block; padding: 4px 0 0 0; } .content_centered { color: #301A0F; height: 1%; margin: 0 auto 80px; overflow: hidden; padding: 25px 0; width: 561px; } tr.promos td { background:#F0EEE9; border-bottom:1px solid #E4E2DD; color: #9C9189; font-size:12px; } .content_centered h5 { color: #40ABCE; font-family: "Georgia", serif; font-size: 15px; font-weight:normal; } .content_centered .remove { color:#C68C3B; font-size: 11px; } .content_centered .price { font-size: 16px; } .content_centered .product_title { font-family: "Georgia", serif; } .content_centered .amount { color: #301A0F; font-size: 15px; font-weight: bold; } .content_centered .total { color: #4EB8D3; font-size: 16px; font-weight: bold; } .content_centered .code { border: 1px solid #CBC9CB; float: left; height: 15px; margin: 5px 5px 0px 0px; padding: 4px 4px 3px; width: 150px; } .content_centered .apply { background: url('../images/button_sprite.png') -153px -198px; border: 0; cursor: pointer; height: 24px; line-height: 0; margin: 5px 0 0 0; padding: 0; width: 50px; text-indent: -9999px; } .content_centered .apply:hover { background-position: -153px -222px; } .content_centered input.quantity { border: 1px solid #CBC9CB; padding: 4px 4px 3px; } /*ie7 button hack*/.content_centered .submit, .cart_actions .place_order, .cart_actions .continue { display: block; font-size: 0px; line-height: 0px; overflow: hidden;} .content_centered .submit { background: url('../images/button_sprite.png') -262px 0; border: 0; cursor: pointer; display: block; float: left; height: 30px; margin: 0 5px 0 0; padding: 0; width: 109px; text-indent: -9999px; clear: both; font-size: 0px; display: block; line-height: 0px; overflow: hidden; } .content_centered .submit:hover { background-position: -262px -30px; } .content_centered .submit.login { margin: 0 0 20px 0; } .cart_actions { padding: 20px 0 0 0; } .cart_actions .update_cart { background: url('../images/button_sprite.png') 0 -198px; border: 0; cursor: pointer; display: block; float: left; height: 33px; line-height: 0; margin: 0 5px 0 0; padding: 0; text-indent: -9999px; width: 153px; } .cart_actions .update_cart:hover { background-position: 0 -231px; } .cart_actions .place_order { background: url('../images/button_sprite.png') 0 -264px; border: 0; cursor: pointer; float: left; height: 33px; margin: 0 5px 0 0; padding: 0; width: 153px; text-indent: -9999px; } .cart_actions .place_order:hover { background-position: 0 -297px; } .cart_actions .place_order.disabled { background-position: -153px -264px; } .cart_actions .continue { background: url('../images/button_sprite.png') 0 -132px; border: 0; display: inline-block; float: left; height: 33px; margin: 0 0 0 0; padding: 0; width: 153px; text-indent: -9999px; } .cart_actions .continue:hover { background-position: 0 -165px; } form.styled input.submit:focus, form.styled input.place_order:focus, form.styled input.update_cart:focus { border: 0; } /*------------------------------------------- Checkout Forms -------------------------------------------*/ form.styled label { color: #4C4449; font-size: 13px; line-height: 1.6em; } form.styled label.smaller { font-size: 12px; line-height: 1.5em; } form.styled label.small { color: #82716F; font-size: 11px; } form.styled label.required { background: url(../images/required.gif) no-repeat right top; padding-right: 10px; } form.styled input { background: #FFF; border: 1px solid #CBC9CB; color: #666; font-size: 12px; padding: 5px; width: 536px; } form.styled input.checkbox { width: auto; } form.styled textarea { background: #FFF; border: 1px solid #CBC9CB; color: #666; font-family: "Lucida Grande", sans-serif; font-size: 12px; padding: 5px; width: 95%; } form.styled input:focus { border: 1px solid #62C3DE; } form.styled input.image { width: auto; border: 0; padding: 0; } form.styled input.submit, .sign_in input.submit { background: url('../images/button_sprite.png') -262px 0; border: 0; cursor: pointer; float: left; height: 30px; margin: 0 5px 0 0; padding: 0; width: 109px; text-indent: -9999px; /*font-size: .0000005em;*/ } .sign_in input.submit { margin: 15px 0 0 0; } form.styled input.submit:hover, .sign_in input.submit:hover { background-position: -262px -30px; } form.styled div, form.styled div.credit_card p { overflow: hidden; padding: 0 0 15px 0; } form.styled p.split, form.styled div.credit_card { float: left; padding: 0 0 5px 0; width: 49.9%; } form.styled div.billing { float: right; width: 40%; } form.styled div.billing p.address { color: #333; font-size: 13px; letter-spacing: .02em; line-height: 18px; margin: 3px 0 40px 0; } form.styled div.billing p.address a { color: #C68C3B; font-size: 12px; } form.styled p.split input, form.styled div.credit_card input, form.styled p.split select { width: 257px; } form.styled p.split select { margin: 5px 0 5px 0; } form.styled h2, .content_centered h2 { margin: 0 0 10px 0; } p.instructions, #main_content p.instructions { color: #857573; font-family: "Lucida Grande", sans-serif; font-size: 12px; letter-spacing: .02em; margin: 10px 0 12px 0; } .required_fields { font-size: 11px; color: #666666; padding: 0 0 25px 0; } form.styled input.auto { border: 0px; width: auto; height: auto; padding: 0; } .content_centered .checkout_box { background: #F0EEE9; border: 1px solid #E0DED8; margin: 0 0 15px 0; } .content_centered .checkout_box_header { border-bottom: 1px solid #D8D6D1; color: #00123B; padding: 14px; } .content_centered .no_border { border: none; padding: 0; } .content_centered .checkout_box_header h3 { color: #301A0F; font-family: Georgia, serif; font-size: 16px; font-style: italic; font-weight: normal; margin: 5px 0; } .content_centered h4 { color: #62C3DE; font-family: Georgia, serif; font-size: 17px; font-weight: normal; margin: 5px 0; } .checkout_box_body textarea { height: 100px; } .content_centered .checkout_box_header p { color: #605F5D; font-size: 12px; line-height: 16px; } .content_centered .checkout_box_body { padding: 14px 0px 0 14px; } p.checkbox_wrapper { font-size: 12px; line-height: 14px; overflow: hidden; padding: 0 0 10px 0; } p.checkbox_wrapper input { background: transparent; border: none; float: left; margin: 0 6px 0 0; padding: 0; width: auto; } p.checkbox_wrapper span { color: #C68C3B; float: left; font-weight: bold; padding: 0 3px 0 0; } .content_centered .checkout_box_body p.split { float: left; width: 49.9%; } .content_centered .checkout_box_body p.split input { width: 245px; } form.styled input.auto { border: 0px; clear: both; cursor: pointer !important; display: block; height: auto; width: auto; margin: 0 0 25px 0; } .same_as_billing_container { background: #F0EEE9; border: solid 1px #E0DED8; font-size: 12px; width: 180px; } #same_as_billing { background: transparent; border: none; float: left; margin: 15px 0 0 0; width: 30px; } ul.shipping_options li { color: #4C4449; font-size: 12px; line-height: 14px; overflow: hidden; padding: 2px 0 8px 0; } ul.shipping_options li input { background: transparent; border: none; float: left; margin: 0 5px 0 0; width: auto; } ul.shipping_options li a.details { color: #C68C3B; font-size: 12px; } p.card_type select { width: 270px; } p.cc_divider { float: left; margin-right: 10px; } p.cc_divider_2 { float: left; margin-left: 0; } p.cc_divider { width: 71px; } p.cc_divider_2 { width: 90px; margin-left: 3px; } p.cc_divider_2 input { width: 75px !important; } p.cc_divider select { width: 71px; } label.no_float { float: none; } .expiration_container { float: left; width: 271px;} .confirmation_box { color: #333; float: left; font-size: 13px; letter-spacing: .02em; line-height: 18px; margin: 0 0 20px 0; width: 180px; } /*------------------------------------------- Get In Touch -------------------------------------------*/ .get_in_touch { background: url(../images/get_in_touch_bg.png) no-repeat; height: 175px; margin: 0 0 0 20px; padding: 24px 0 0px 71px; width: 640px; } .git_item { float: left; margin: 0 12px 0 0; width: 163px; } #main_content .git_item a { color: #BCB3B0; display: block; font-size: 12px; line-height:130%; margin: 9px 0 0 0; width: 160px; position: relative;} #main_content .git_item a:hover { color: #D7AF79; text-decoration: none; } .get_in_touch_form { margin: auto; width: 564px; } .get_in_touch_form p input.full { width: 537px; } #main_content .get_in_touch_form form.styled div p { margin: 0; } #main_content .get_in_touch_form form.styled label { font-family: "Lucida Grande", sans-serif; } #main_content .get_in_touch_form h1 { font-size: 24px; } .our_sopas .image_container { margin-bottom: 50px; } /*------------------------------------------- Checkout Forms - Register / Sign-in -------------------------------------------*/ .register { background: url('../images/dash_vertical.png') top right repeat-y; float: left; padding: 10px 0px 0px 0px; width: 592px; } .register p.full_width input { width: 93.3%;} .register #signup_form p.split select { width: 268px; } .sign_in { background: url('../images/signin_bg.png') no-repeat; float: left; margin: 0px 0px 0px 30px; padding: 10px 20px 20px 20px; width: 280px; } .sign_in input { width: 245px; } .sign_in input.submit01_btn { border: 0; color: #fff; display: block; margin: 15px 0 0 0; padding: 0; width: 83px; } .sign_in label { color: #4C4449; font-size: 13px; line-height: 1.6em; } .sign_in label.required { background: url(../images/required.gif) no-repeat right top; padding-right: 10px; } .sign_in input { background: #FFF; border: 1px solid #CBC9CB; color: #666; font-size: 12px; padding: 5px; width: 260px; } .sign_in input:focus { border-color: #62C3DE; } .error_message { background: #DE4242 url(../images/error_message_bg.jpg) no-repeat; display: block; margin: 0 0 10px 0; width: 564px; } .error_message p { color: #FFF; font-size: 13px; font-weight: normal; line-height: 17px; margin: 0; padding: 15px 17px 4px 34px; } form input.error, textarea.error, .sign_in input.error { border-color: #DE4242 !important; } .sign_in_error { width: 271px; margin: 10px 0 0 0; } .sign_in_error p { padding: 15px 17px 17px 34px; } .comment { background: url(../images/dash_horizontal.png) repeat-x bottom; padding: 0 0 21px 0; } .comment h2 { color: #442F24; font-family: "Georgia", serif; font-size: 14px; margin: 21px 0 14px 0; } .comment form textarea { width: 98%; } .comment p { margin: 0 0 10px 0;} p.full input{ width: 98%; } .comment_submit { background: url('../images/button_sprite.png') -153px -297px; border: 0; cursor: pointer; float: left; height: 33px; margin: 0 5px 0 0; padding: 0; width: 129px; text-indent: -9999px; } .comment_submit:hover { background-position: -281px -297px; } .comment form { background: url(../images/dash_horizontal.png) repeat-x top; padding: 21px 0 0 0; } p.lost_password { font-size: 11px; float: right; } p.lost_password a { color: #62C3DE; } p.lost_password a:hover { text-decoration: underline; } #password_request p.split { width: 280px; } #password_request p.split input { width: 90%; margin: 2px 0 0 0; } #password_request .submit { line-height: 0; } /*------------------------------------ Checkout Tables -------------------------------------------*/ table { border-collapse: collapse; border-spacing: 0; font-size: 13px; line-height: 17px; } table.order td { background: #ffffff;} table.order thead th, table.order tbody td, table.order tfoot td { font-weight: normal; padding: 10px 0 10px 10px; } .order_container { border: 1px solid #E4E2DD; background: #F0EEE9; } table.order thead th { background: #F0EEE9; border: none; color:#938E8A; text-align: left; } table.order thead th.name { width: 135px; } table.order thead th.quantity { width: 135px; } table { border-collapse:collapse; border-spacing: 0; } table.order { border: none; width: 98.2%; margin: auto; } table.order tbody tr { background: #fff; } table { font-size:13px; line-height:1.4em; } table.order td.product_image { width: 100px; } table.order td.product_title_container { color: #82756D; font-family: "Lucida Grande", sans-serif; font-size: 12px; } table.order tfoot { background: #F0EEE9; } table.order tfoot td { background: #F0EEE9; color: #301A0F; font-family: "Lucida Grande", sans-serif; font-size: 12px; line-height: 1.1em; padding-left: 250px; text-align: right; } table.order tfoot td p { color: #4EB8D3; font-size: 16px; font-weight: bold; padding: 0 0 10px 0; } table.order tfoot td span.description { float: left; font-family: "Lucida Grande", sans-serif; font-size: 12px; text-align: right; width: 180px; } table.order tfoot td span.amount { color: #3F2B20; font-size: 12px; float: right; font-weight: normal; line-height: 18px; width: 100px; } table.order tfoot td span.dollar { float: left; padding-left: 20px; width: 10px; } table.order tfoot td span.value { float: left; width: 70px; } table.order span.product_title { color: #4F3611; } table.order td span.product_title { font-size: 13px; font-style: italic; line-height: 16px; } table.order p.price { color: #4F3611; font-weight: normal; } .payment_total { background: #F0EEE9; border: solid 1px #E0DED8; border-width: 0 1px 1px 1px; padding: 0 0 8px 0; } .payment_total p { color: #4F3611; font-size: 15px; padding: 10px 5px 0 0; text-align: right; } .payment_total p span.payment_total_amount { color: #301A0F; display: inline-block; width: 113px; } table.order tbody tr { background: #FCFDFA url('../images/dash_horizontal.png') repeat-x left bottom; } table.order tbody tr.last { background: #FCFDFA; } table.order tbody td { background: transparent; } table.order td.promos { background: #F0EEE9; border-bottom: 1px solid #E4E2DD; color: #9C9189; font-size:12px; } table.order td.promos p { margin: 0 0 3px 0; } table.order td.promos img { margin: 0 0 0 -7px; float: left; } table.order td.promos .error_message { width: auto; } table.order td.promos .error_message p { padding-bottom: 15px; } .content_centered .amount_no_shipping { color: #301A0F; font-size: 15px; font-weight: bold; } .content_centered .no_shipping { color: #9C9189; display: inline-block; font-size: 12px; padding: 0 0 5px 0; text-align: left; width: 180px; } table.order tbody tr td { background: #fff; border-bottom: dashed 1px #E4E2DD; } /*------------------------------------------- Sub Sidebar -------------------------------------------*/ #sidebar { float: left; margin: 15px 0 0 -12px; width: 201px; } #sidebar div#subnav_container { background-image: url(../images/subnav_bg_container.png); background-repeat: no-repeat; padding: 18px 0 0 0; position: relative; } #subnav_container ul.subnav { margin: 20px 0 0 0; } #subnav_container ul li { background: url(../images/subnav_bg_li.png) repeat-y; display: block; font-family: Georgia, serif; font-size: 14px; margin: 0 0 0 5px; width: 193px; } #subnav_container ul li a { background: url(../images/dash_horizontal.png) repeat-x; color: #301A0F; display: block; width: 151px; margin: 0 auto; padding: 12px 8px 13px 8px; } #subnav_container ul li.top a { background-image: none; } #subnav_container ul li a.selected { background-color: #F7F6F2; color: #C68C3B; } #subnav_container ul li a:hover { background-color: #F7F6F2; } #subnav_container ul#subnav li ul { background: #F7F6F2; margin: -5px 0 0 13px; padding: 0 0 10px 0; width: 167px; } #subnav_container ul#subnav li ul li { background-image: none; display: block; font-family: "Lucida Grande", sans-serif; font-size: 12px; width: 137px; } #subnav_container ul#subnav li ul li a { background: url(../images/subnav_bg_secondary.png) no-repeat 0 8px; color: #301A0F; display: block; width: 152px; margin: 0 0 0 7px; padding: 5px 8px; width: 137px; } #subnav_container ul#subnav li ul li a:hover { color: #C68C3B; } #subnav_container ul#subnav li ul li a.selected { color: #C68C3B; } .subnav_bottom { background: url(../images/subnav_bg_bottom.png) no-repeat; display: block; height: 40px; width: auto; } #sidebar .callout { background: #F2F1E9; float: left; margin: 0 4px 15px 8px; overflow: hidden; padding: 15px 13px; } #sidebar h3 { color: #301A0F; font-weight: normal; font-size: 17px; margin: 0 0 6px 0; } #sidebar .callout p { color: #534137; font-family: "Lucida Grande", sans-serif; font-size: 11px; font-style: italic; line-height: 16px; margin: 0 0 7px 0; } #sidebar .callout img { margin: 3px 0;} #sidebar .callout blockquote { background: url(../images/blockquote_bg.png) no-repeat; clear: both; padding: 12px 0 0 0; } #sidebar .callout blockquote p { text-indent: 24px; font-family: "Georgia", serif; font-style: italic; font-size: 13px; line-height: 19px; } #sidebar .callout blockquote p span { display: block; float: right; font-size: 11px; font-family: "Lucida Grande", sans-serif; margin: 7px 0 10px 0; } #sidebar a.more { color: #53A9C2; font-size: 12px; } #sidebar a.more:hover { text-decoration: underline; } /*------------------------------------------- Footer -------------------------------------------*/ #footer { background: #aaa085 url('../images/footer_bg.png') repeat-x left top; height: auto; margin: 30px 0 0 0; padding: 0 0 30px 0; } /* Footer Callouts */ #footer_callouts { height: 135px; padding: 80px 0 0 15px; } #footer_callouts li { border-right: 1px solid #C0B8A3; float: left; height: 125px; margin: 0 20px 0 0; padding: 10px 10px 0 0; position: relative; width: 283px; } #footer_callouts li.last { border: 0; margin: 0; } #footer_callouts li input { background: transparent; border: 1px solid #C4BCA9; color: #867760; float: left; font-style: italic; height: 15px; margin: 10px 5px 0 0; padding: 7px 5px 8px; width: 150px; } #footer_callouts li input:focus { background: #C4BCA9; color: #554131; } #footer_callouts li .submit { background: url('../images/button_sprite.png') no-repeat -153px 0; border: 0; height: 33px; padding: 0; text-indent: -9999px; width: 109px; } #footer_callouts li .submit:hover { background-position: -153px -33px; cursor: pointer; } #footer_callouts li h3 { color: #30190E; font-size: 20px; margin: 0 0 10px 0; } #footer_callouts li p { color: #554131; font-family: "Georgia", serif; font-size: 13px; font-style: italic; line-height: 18px; } #footer_callouts li p a { color: #554131; } #footer_callouts li img { float: left; margin: 0 15px 10px 0; } #footer_callouts li .linked { color: #30190E; float: left; display: inline-block; font-size: 12px; left: 110px; margin: 8px 0 0 0; position: absolute; } #footer_callouts li .linked:hover { text-decoration: underline; } #footer_callouts li dl { height: 45px; width: 100%; } #footer_callouts li dl:hover { cursor: pointer; } #footer_callouts li dl a { line-height: 13px; } #footer_callouts li dl:hover a { text-decoration: underline; } #footer_callouts li dt { float: left; } #footer_callouts li dd { float: right; width: 240px; } #footer_callouts li dd strong { color: #301A0F; font-size: 12px; } /*#footer_callouts li .twitter dt { background: url('../images/button_sprite.png') no-repeat -282px -198px; display: block; height: 29px; width: 30px; } #footer_callouts li .facebook dt { background: url('../images/button_sprite.png') no-repeat -315px -198px; display: block; height: 29px; width: 32px; }*/ #footer_callouts li p.twitter { background: url('../images/footer_icon_twitter.png') no-repeat; } #footer_callouts li p.facebook { background: url('../images/footer_icon_facebook.png') no-repeat; } #footer_callouts li p.facebook, #footer_callouts li p.twitter { display: block; float: left; height: 44px; line-height: 15px; padding: 0 0 2px 39px; width: 237px; } #footer_callouts li p.facebook strong, #footer_callouts li p.twitter strong { color: #301A0F; font-family: "Lucida Grande", sans-serif; font-size: 12px; font-style: normal; font-weight: bold; } #footer_callouts li p.facebook a:hover, #footer_callouts li p.twitter a:hover { text-decoration: underline; } #footer_tweet { background: url('../images/footer_tweet.png'); height: 144px; margin: 15px 0 0 0; width: 913px; } #footer_tweet p { color: #F5F4EC; font-family: "Georgia", sans-serif; font-size: 22px; line-height: 26px; padding: 35px 0 0 20px; width: 645px; } #footer_tweet a { color: #F5F4EC; text-decoration: underline; } #footer_tweet span { color: #71604F; display: block; font-size: 12px; padding: 5px 0 0 20px; } #footer_tweet .loading { background: url('../images/tweet_loading.gif') no-repeat center; float: left; height: 32px; margin: 55px 0 0 330px; width: 32px; } #main_content.twitter_contest { float: none; margin: 15px 0 0; width: 100%; } #main_content.twitter_contest .image_container { margin-right: 25px; } #main_content.twitter_contest .image_container img { width: 460px; } #main_content.twitter_contest .image_container p { color: #957870; font-family: "Lucida Grande", sans-serif; font-size: 11px; } #main_content.twitter_contest h2 { color: #2E1E1E; font-size: 36px; line-height: 120%; } #main_content.twitter_contest .twitter_message { background: #57AFCA; color: #fff; float: left; display: block; height: 85px; position: relative; width: 450px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #main_content.twitter_contest .twitter_message:hover { text-decoration: none; } #main_content.twitter_contest p { font-size: 16px; line-height: 22px; } #main_content.twitter_contest .twitter_message span { font-family: Georgia, serif; font-size: 16px; font-style: italic; left: 60px; line-height: 22px; position: absolute; top: 10px; width: 380px; } #main_content.twitter_contest .twitter_message span.icon { background: url(../images/button_sprite.png) no-repeat -328px -232px; display: block; height: 25px; left: 20px; top: 20px; text-indent: -9999px; width: 21px; } #main_content.twitter_contest p.time_period { display: block; float: left; font-size: 13px; text-align: center; width: 450px; } #main_content.twitter_contest .newsletter { background: none repeat scroll 0 0 #FDFDFB; border: 1px solid #F1F0EC; float: right; height: 155px; margin: 0 5px 0 0; padding: 15px; width: 418px; } #main_content.twitter_contest .newsletter .column { width: auto; } #main_content.twitter_contest .newsletter .column.left { border-right: 1px solid #F1F0EC; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; width: 215px;} #main_content.twitter_contest .newsletter .facebook { background: url(../images/facebook_fan.png) no-repeat left top; display: block; float: right; height: 102px; text-indent: -9999px; width: 175px; } #main_content.twitter_contest .newsletter .column p { font-size: 12px; } #main_content.twitter_contest .newsletter input { background: transparent; border: 1px solid #C4BCA9; color: #867760; float: left; font-style: italic; height: 15px; margin: 0 5px 0 0; padding: 7px 5px 8px; width: 150px; } #main_content.twitter_contest .newsletter input:focus { background: #C4BCA9; color: #554131; } #main_content.twitter_contest .newsletter .submit { background: url('../images/button_sprite.png') no-repeat -324px -264px; border: 0; height: 33px; padding: 0; text-indent: -9999px; width: 43px; } #main_content.twitter_contest .newsletter .submit:hover { background-position: -367px -264px; cursor: pointer; } #main_content.twitter_contest ol li span { color: #2E1E1E; font-size: 11px; } /* New Shipping Stuff */ .shipping_option { border: 1px solid #E5E6E3; float: left; width: 235px; height: 115px; overflow: hidden; background: #FFF; } .shipping_option header { background: #E6F1F1; display: block; padding: 10px; } .shipping_option header label { color: #30190D; font-size: 13px; font-style: italic; font-family: Georgia; } .shipping_option section { text-align: center; } .shipping_option section img { display: inline-block; margin: 10px 0 0 0 !important; float: none !important; } .shipping_or { width: 54px; text-align: center; float: left; height: 117px; font-size: 13px; line-height: 112px; color: #301A0F; }