* { margin: 0; padding: 0; border: none; } body { color: #000; background: #cbe9b7 url(../images/bg.jpg) no-repeat 50% 0; font: 14px "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; } ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } input, select, textarea { font: 12px "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; } a { color: #82488B; text-decoration: underline; } a:hover { text-decoration: none; } :focus { outline: none; } #header { margin: 0 auto; width: 980px; } #header h1 a { width: 490px; height: 95px; display: inline; float: left; background: url(../images/logo.png) no-repeat 0 0; text-indent: -9999px; } #nav_top { padding: 50px 0 0 30px; width: 370px; height: 45px; display: inline; float: left; font-size: 12px; } #nav_top a { color: #06402f; text-decoration: none; } #nav_top a:hover { text-decoration: underline; } #nav_top span { margin: 0 8px; } #sizer { padding: 25px 0 0 15px; width: 70px; height: 50px; display: inline; float: left; font-size: 12px; } #sizer p { margin-bottom: 5px; } #sizer li { margin-right: 3px; display: inline; float: left } #sizer li.last { margin: 0; } #sizer a { width: 19px; height: 21px; display: block; text-indent: -9999px; cursor: pointer; } a#normal { background: url(../images/sprite_text_size.gif) no-repeat 0 0; } a#normal:hover, a#normal.active { background-position: 0 -21px; } a#large { background: url(../images/sprite_text_size.gif) no-repeat -19px 0; } a#large:hover, a#large.active { background-position: -19px -21px; } a#larger { background: url(../images/sprite_text_size.gif) no-repeat -38px 0; } a#larger:hover, a#larger.active { background-position: -38px -21px; } #nav { margin: 0 auto; width: 980px; position: relative; z-index: 10000; } #main_nav { width: 632px; display: inline; float: left; } #main_nav li { display: inline; float: left; } #main_nav a { height: 50px; display: block; text-indent: -9999px; } #main_nav a:hover { background-position: 0 -50px; } #main_nav a.active { background-position: 0 -100px; } a#nav_about { width: 152px; background: url(../images/nav_about.gif) no-repeat 0 0; } a#nav_news { width: 148px; background: url(../images/nav_news.gif) no-repeat 0 0; } a#nav_healthy { width: 157px; background: url(../images/nav_healthy.gif) no-repeat 0 0; } a#nav_eat_rite { width: 175px; background: url(../images/nav_eat_rite.gif) no-repeat 0 0; } #product_guide_wrap { padding: 10px 10px 0; width: 328px; height: 40px; display: inline; float: right; } #product_guide_wrap form { display: inline; float: right; } #product_guide_wrap input { padding: 5px 0 0 28px; width: 105px; height: 21px; display: inline; float: left; background: url(../images/bg_search.gif) no-repeat 0 0; } #product_guide_wrap input.btn { padding: 0; width: auto; height: auto; background: none; } #product_guide { width: 158px; height: 26px; display: inline; float: left; } #product_guide input { padding: 5px 5px 0; width: 120px; height: 21px; float: none; color: #fff; background: none; } /* PRODUCT GUIDE DROP DOWN RULES */ .drop_down { width: 158px; height: 26px; position: relative; background: url(../images/bg_product_guide.gif) no-repeat 0 0; font: 12px "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; } .drop_down input { padding: 5px 5px 0; width: 120px; height: 21px; color: #fff; font: 12px "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; } .option_button { width: 28px; height: 26px; display: block; position: absolute; top: 0; right: 0; background: url(../images/btn_product_guide.gif) no-repeat 0 0; text-indent: -9999px; } .option_list { padding-bottom: 3px; width: 158px; display: none; position: absolute; top: 23px; left: 0; z-index: 13000; background: url(../images/bg_product_guide_list_bottom.gif) no-repeat 0 100%; } .option_list ul { padding-top: 3px; background: url(../images/bg_product_guide_list.gif) no-repeat 0 0; list-style: none; } .option_list li { } .option_list li a { padding: 5px 10px; height: auto !important; height: 1%; display: block; color: #fff; text-decoration: none; } .option_list li a:hover { text-decoration: underline; } .open .option_list { display: block; } .open .option_button { background-position: 0 -26px; } #content { margin: 0 auto; padding-bottom: 10px; width: 1000px; background: url(../images/bg_content.png) repeat-y 0 0; } #content.interior { padding-top: 10px; } #content_sub_nav { margin: 0 10px; padding-left: 10px; width: 970px; background: url(../images/bg_content_sub_nav.gif) repeat-y 0 0; } #home_left { width: 650px; display: inline; float: left; } #home_bottom { margin: 0 0 10px 10px; width: 640px; } #home_bottom img { display: block; } #bottom_left { margin: 0 5px; width: 310px; height: 130px; display: inline; float: left; } #bottom_right { width: 310px; height: 130px; display: inline; float: left; } #slider { margin-left: 20px; } #home_right { margin-right: 10px; padding-top: 10px; width: 340px; display: inline; float: right; } #eat_rite { margin: 0 10px 10px 0; padding: 5px; width: 320px; min-height: 245px; background: url(../images/bg_eat_rite.jpg) no-repeat 0 0; } #eat_rite h3 { margin-bottom: 15px; width: 150px; height: 66px; background: url(../images/header_eat_rite_be_fit.gif) no-repeat 0 0; text-indent: -9999px; } #eat_rite p { margin-bottom: 15px; width: 175px; font: 100% Georgia, "Times New Roman", Times, serif; line-height: 20px; } #eat_rite li { padding-left: 22px; width: 175px; min-height: 19px; background: url(../images/icon_green_bullet.gif) no-repeat 0 2px; font: 100% Georgia, "Times New Roman", Times, serif; line-height: 18px; } #eat_rite li.rule { margin: 5px 0; padding: 0; min-height: 1px; height: 1px; background: url(../images/bg_rule.gif) repeat-x 0 0; font-size: 0; line-height: 0; } #eat_rite a { color: #000; text-decoration: none; } #eat_rite a:hover { text-decoration: underline; } #recent_news { margin-right: 10px; padding: 10px; width: 310px; position: relative; background: #f1f0f0; } #recent_news h5 { margin-bottom: 5px; width: 210px; min-height: 34px; color: #82488b; font-size: 85%; font-weight: bold; line-height: 17px; } #recent_news p { font: 75% Verdana, Arial, Helvetica, sans-serif; line-height: 18px; } #recent_news a { color: #82488b; } .news_date { padding: 7px 13px 0 0; width: 76px; height: 27px; position: absolute; top: 10px; right: -8px; color: #fff; background: url(../images/bg_purple_flag.png) no-repeat 0 0; font-size: 12px; text-align: right; } #newsletter_home { margin-right: 10px; padding: 5px; width: 320px; } #newsletter_home p { margin-bottom: 15px; font: 100% Georgia, "Times New Roman", Times, serif; line-height: 20px; } #newsletter_home form { width: 320px; } #newsletter_home input { margin-right: 10px; padding: 5px 5px 0; width: 225px; height: 21px; float: left; background: url(../images/bg_newsletter_input.gif) no-repeat 0 0; } #newsletter_home input.btn { margin: 0; padding: 0; width: auto; height: auto; background: none; } #accordion { width: 230px; display: inline; float: left; overflow: hidden; } #accordion h3 { padding: 10px 0 0 30px; width: 200px; height: 25px; font: normal 14px Georgia, "Times New Roman", Times, serif; background: url(../images/bg_accordion.gif) no-repeat 0 0; cursor: pointer; } #accordion h3:hover { text-decoration: underline; } #accordion .rule { margin: 1px 0; } .accordion_content { width: 230px; } .accordion_content img { display: block; } .accordion_content ul { margin: 5px 0; width: 230px; font-size: 85%; } .accordion_content li { padding: 0 20px 0 40px; width: 170px; background: url(../images/icon_arrow_purple.gif) no-repeat 25px 8px; line-height: 24px; } .accordion_content li a { color: #000; text-decoration: none; } .accordion_content li a:hover { text-decoration: underline; } #products { width: 730px; display: inline; float: right; } #product_thumbs li { margin: 0 10px 10px 0; width: 355px; height: 180px; display: inline; float: left; background: url(../images/bg_product_landing.gif) no-repeat 0 0; } #product_thumbs img { margin-right: 5px; float: left; } #product_thumbs div.product_info { padding-top: 5px; width: 175px; display: inline; float: left; position: relative; } #product_thumbs li h2 { } #product_thumbs li p { margin-bottom: 5px; } #product_thumbs input { margin-left: 5px; padding: 5px 5px 0; width: 30px; height: 18px; border: 2px solid #82488B; } #product_thumbs a { width: 110px; height: 41px; display: block; position: relative; bottom: 0; background: url(../images/btn_more_info_green_b.png) no-repeat 0 0; text-indent: -9999px; } #product_detail { width: 730px; } #detail_left { width: 380px; display: inline; float: left; } #detail_left li { margin: 0 10px 10px 0; display: inline; float: left; position: relative; } #detail_left li a { width: 85px; height: 85px; display: block; background: url(../images/bg_product_image_thumb.gif) no-repeat 0 0; } #detail_left li a:hover, #detail_left li a.active { background-position: 0 -85px; } #image_detail { margin-bottom: 10px; width: 370px; height: 360px; background: url(../images/bg_product_image_detail.gif) no-repeat 0 0; } #image_detail img { display: block; } #detail_right { width: 340px; display: inline; float: left; } #detail_right h2 { margin-bottom: 15px; } #detail_tabs { width: 340px; font-size: 11px; font-weight: bold; } #detail_tabs li { margin-right: 1px; height: 29px; display: inline; float: left; background: #c2c2c2 url(../images/nav_product_detail_left.gif) no-repeat 0 0; } #detail_tabs li span { padding: 8px 6px 0; height: 21px; display: block; background: url(../images/nav_product_detail_right.gif) no-repeat 100% 0; } #detail_tabs li.active { background: #eae9e9 url(../images/nav_product_detail_left.gif) no-repeat 0 -29px; } #detail_tabs li.active span { background-position: 100% -29px; } #detail_tabs a { color: #82488b; text-decoration: none; } #detail_tabs a:hover { text-decoration: underline; } .details { padding: 10px; background: #eae9e9; font: 75% Verdana, Arial, Helvetica, sans-serif; } .details p { margin-bottom: 12px; line-height: 18px; } .details li { margin-bottom: 12px; padding-left: 15px; background: url(../images/icon_arrow_purple.gif) no-repeat 0 5px; line-height: 18px; } #detail_right #CartForm_Wrapper { margin: 0 0 15px; } #detail_right #quantity { float: left; } #detail_right #quantity select { padding: 5px 5px; border: 2px solid #82488B; width:65px; } #detail_right #cart_btn { float: right; } #detail_right #AddToCart { margin: 2px 1px 0 0; width: 105px; height: 26px; display: block; background: url(../images/btn_add_to_cart.gif) no-repeat 0 0; border: none; text-indent: -9999px; } #about { margin: 0 20px; width: 960px; } #about img { margin-bottom: 20px; display: block; } #about p { margin: 0 20px 20px; line-height: 22px; } #about blockquote { margin: 0 auto 20px; width: 500px; } #about .leaves { width: 960px; height: 37px; background: url(../images/bg_leaves.jpg) no-repeat 0 0; } #health { margin: 0 10px; padding: 0 10px; width: 960px; background: url(../images/bg_healthy_living.gif) repeat-y 0 0; } #health_left { width: 610px; display: inline; float: left; } #health_left h2 { padding: 10px; width: 590px; min-height: 32px; background: #ececec url(../images/bg_healthy_header.gif) no-repeat 0 0; } #health_left p { margin-bottom: 20px; padding: 0 10px; font-size: 85%; line-height: 22px; } #health_left p img { margin-left: 10px; float: right; } #health_left ul { margin-bottom: 20px; padding: 0 10px; } #health_left li { padding-left: 20px; background: url(../images/icon_leaf.gif) no-repeat 0 7px; font-size: 85%; line-height: 22px; } #health_left .header_rule { margin-bottom: 20px; padding-top: 1px; height: 1px; background: #fbfbfb url(../images/bg_rule.gif) repeat-x 0 100%; font-size: 0; line-height: 0; } #health_left .main_image { margin-bottom: 10px; } #health_right { width: 338px; display: inline; float: right; } #health_right h3 { padding: 10px 0 0 30px; width: 308px; height: 25px; background: #eae9e9 url(../images/bg_accordion.gif) no-repeat 0 0; font: normal 14px Georgia, "Times New Roman", Times, serif; } #health_right h3 a { color: #000; text-decoration: none; } #health_right h3 a:hover { text-decoration: underline; } #health_right .rule { margin: 1px 0; } #newsletter_health { padding: 10px; width: 318px; } #newsletter_health p { margin-bottom: 15px; font: 100% Georgia, "Times New Roman", Times, serif; line-height: 20px; } #newsletter_health form { width: 318px; } #newsletter_health input { margin-right: 10px; padding: 5px 5px 0; width: 225px; height: 21px; float: left; background: url(../images/bg_newsletter_input.gif) no-repeat 0 0; } #newsletter_health input.btn { margin: 0; padding: 0; width: auto; height: auto; background: none; } #eatrite { margin: 0 10px; padding: 0 10px; width: 960px; background: url(../images/bg_healthy_living.gif) repeat-y 0 0; } #eat_left { width: 610px; display: inline; float: left; } #eat_left h2 { padding: 10px; width: 590px; min-height: 32px; background: #ececec url(../images/bg_healthy_header.gif) no-repeat 0 0; } #eat_left p { margin-bottom: 20px; padding: 0 10px; font-size: 85%; line-height: 22px; } #eat_left p img { margin-left: 10px; float: right; } #eat_left ul { margin-bottom: 20px; padding: 0 10px; } #eat_left li { padding-left: 20px; background: url(../images/icon_leaf.gif) no-repeat 0 7px; font-size: 85%; line-height: 22px; } #eat_left .header_rule { margin-bottom: 20px; padding-top: 1px; height: 1px; background: #fbfbfb url(../images/bg_rule.gif) repeat-x 0 100%; font-size: 0; line-height: 0; } #eat_left .main_image { margin-bottom: 10px; } #eat_right { width: 338px; display: inline; float: right; } #eat_right li { width: 338px; position: relative; z-index: 1; color: #82488b; background: #eae9e9; } #eat_right li.rule { margin: 1px 0; height: 1px; font-size: 0; line-height: 0; } #eat_right li img { display: block; float: left; } #eat_right li div { padding: 15px 10px 10px 0; width: 200px; display: inline; float: right; } #eat_right li h3 { margin-bottom: 5px; width: 120px; font-size: 85%; line-height: 17px; } #eat_right li p { font-size: 75%; line-height: 17px; } #eat_right li a { color: #82488b; text-decoration: underline; } #eat_right li a:hover { text-decoration: none; } #eat_right li span { padding: 7px 13px 0 0; width: 76px; height: 27px; display: block; position: absolute; top: 12px; right: -8px; z-index: 100; color: #fff; background: url(../images/bg_purple_flag.png) no-repeat 0 0; font-size: 12px; text-align: center; } #news { margin: 0 10px; padding: 0 10px; width: 960px; background: url(../images/bg_healthy_living.gif) repeat-y 0 0; } #news_left { width: 610px; display: inline; float: left; } #news_left p { margin-bottom: 20px; padding: 0 10px; font-size: 85%; line-height: 22px; } #news_left p span.image { margin-left: 10px; padding: 14px; width: 259px; height: 267px; display: inline; float: right; background: url(../images/bg_image_frame.gif) no-repeat 0 0; } #news_left .main_image { margin-bottom: 10px; } #news_left .leaves { width: 610px; height: 37px; background: url(../images/bg_leaves_short.jpg) no-repeat 0 0; } #news_header { margin-bottom: 20px; width: 610px; position: relative; } #news_header h2 { padding: 13px 100px 13px 40px; width: 470px; min-height: 24px; background: #ececec url(../images/bg_news_header.gif) no-repeat 0 0; } #news_header .header_rule { padding-top: 1px; height: 1px; background: #fbfbfb url(../images/bg_rule.gif) repeat-x 0 100%; font-size: 0; line-height: 0; } #news_right { width: 338px; display: inline; float: right; } #news_right ul { margin-bottom: 10px; } #news_right li { padding: 5px 100px 5px 10px; width: 228px; min-height: 34px; position: relative; background: #eae9e9; font-size: 85%; font-weight: bold; line-height: 17px; } #news_right li.active { background-color: #ccc; } #news_right li.rule { margin: 1px 0; padding: 0; width: 338px; min-height: 1px; height: 1px; background: #f1f0f0 url(../images/bg_rule.gif) repeat-x 0 0; font-size: 0; line-height: 0; } #news_right li a { color: #82488b; text-decoration: none; } #news_right li a:hover { text-decoration: underline; } #news_right li .news_date { top: 5px; font-weight: normal; } #news_right #pagination { margin-bottom: 10px; padding: 0 10px; width: 318px; font-size: 11px; } #news_right #pagination a { color: #06402f; } #news_right #pagination span { margin: 0 5px; } #contact { margin: 0 10px; padding: 0 10px; width: 960px; background: url(../images/bg_healthy_living.gif) repeat-y 0 0; } #contact_left { width: 610px; display: inline; float: left; } #contact_left h2 { padding: 10px; width: 590px; min-height: 32px; background: #ececec url(../images/bg_healthy_header.gif) no-repeat 0 0; } #contact_left p { margin-bottom: 20px; padding: 0 10px; font-size: 85%; line-height: 22px; } #contact_left form { padding: 0 10px; } #contact_left session.SorbeeCart { margin-right: 10px; padding-top: 5px; width: 125px; display: inline; float: left; font-size: 85%; } #contact_left input, #contact_left textarea { padding: 5px 5px 0; width: 325px; height: 18px; float: left; border: 2px solid #82488b; } #contact_left input.short { width: 100px } #contact_left input.btn { margin: 0; padding: 0; width: auto; height: auto; background: none; border: none; } #contact_left textarea { height: 100px; } #contact_left select { padding: 5px; float: left; border: 2px solid #82488b; } #contact_left option { padding-right: 10px; } #contact_left .required { color: #82488b; } #contact_left .header_rule { margin-bottom: 20px; padding-top: 1px; height: 1px; background: #fbfbfb url(../images/bg_rule.gif) repeat-x 0 100%; font-size: 0; line-height: 0; } .input_wrap { margin-bottom: 15px; width: 610px; } #contact_right { width: 338px; display: inline; float: right; } #contact_right h3 { padding: 10px 0 0 30px; width: 308px; height: 25px; background: #eae9e9 url(../images/bg_accordion.gif) no-repeat 0 0; font: normal 14px Georgia, "Times New Roman", Times, serif; } #contact_right h3 a { color: #000; text-decoration: none; } #contact_right h3 a:hover { text-decoration: underline; } #contact_right .rule { margin: 1px 0; } #newsletter_health { padding: 10px; width: 318px; } #newsletter_health p { margin-bottom: 15px; font: 100% Georgia, "Times New Roman", Times, serif; line-height: 20px; } #newsletter_health form { width: 318px; } #newsletter_health input { margin-right: 10px; padding: 5px 5px 0; width: 225px; height: 21px; float: left; background: url(../images/bg_newsletter_input.gif) no-repeat 0 0; } #newsletter_health input.btn { margin: 0; padding: 0; width: auto; height: auto; background: none; } #faqs { margin: 0 10px; padding: 0 10px; width: 960px; background: url(../images/bg_healthy_living.gif) repeat-y 0 0; } #faq_wrapper { background: url(../images/bg_leaves_short.jpg) no-repeat scroll 0 bottom; } #faqs_left { width: 610px; display: inline; float: left; } #faqs_left p { margin-bottom: 20px; padding: 0 10px; font-size: 85%; line-height: 22px; } #faqs_left p span.image { margin-left: 10px; padding: 14px; width: 259px; height: 267px; display: inline; float: right; background: url(../images/bg_image_frame.gif) no-repeat 0 0; } #faqs_left .leaves { width: 610px; height: 37px; background: url(../images/bg_leaves_short.jpg) no-repeat 0 0; } #faqs_header { margin-bottom: 20px; width: 610px; position: relative; } #faqs_header h2 { padding: 13px 10px; width: 590px; min-height: 24px; background: #ececec url(../images/bg_ancillary_header.gif) no-repeat 0 0; } #faqs_header .header_rule { padding-top: 1px; height: 1px; background: #fbfbfb url(../images/bg_rule.gif) repeat-x 0 100%; font-size: 0; line-height: 0; } #faqs_right { width: 338px; display: inline; float: right; } #faqs_right ul { margin-bottom: 10px; } #faqs_right li { padding: 5px 100px 5px 10px; width: 228px; position: relative; background: #eae9e9; font-size: 85%; font-weight: bold; line-height: 17px; } #faqs_right li.active { background-color: #ccc; } #faqs_right li.rule { margin: 1px 0; padding: 0; width: 338px; min-height: 1px; height: 1px; background: #f1f0f0 url(../images/bg_rule.gif) repeat-x 0 0; font-size: 0; line-height: 0; } #faqs_right li a { color: #82488b; text-decoration: none; } #faqs_right li a:hover { text-decoration: underline; } #faqs_right #pagination { margin-bottom: 10px; padding: 0 10px; width: 318px; font-size: 11px; } #faqs_right #pagination a { color: #06402f; } #faqs_right #pagination span { margin: 0 5px; } #blogs { margin: 0 10px; padding: 0 10px; width: 960px; background: url(../images/bg_healthy_living.gif) repeat-y 0 0; } #blogs_left { width: 610px; display: inline; float: left; } #blogs_left p { margin-bottom: 20px; padding: 0 10px; font-size: 85%; line-height: 22px; } #blogs_left p span.image { margin-left: 10px; padding: 14px; width: 259px; height: 267px; display: inline; float: right; background: url(../images/bg_image_frame.gif) no-repeat 0 0; } #blogs_left .leaves { width: 610px; height: 37px; background: url(../images/bg_leaves_short.jpg) no-repeat 0 0; } #blogs_header { margin-bottom: 20px; width: 610px; position: relative; } #blogs_header h2 { padding: 13px 10px; width: 590px; min-height: 24px; background: #ececec url(../images/bg_ancillary_header.gif) no-repeat 0 0; } #blogs_header .header_rule { padding-top: 1px; height: 1px; background: #fbfbfb url(../images/bg_rule.gif) repeat-x 0 100%; font-size: 0; line-height: 0; } .input_wrap { margin-bottom: 15px; width: 610px; } #blogs_left form { padding: 0 10px; } #blogs_left session.SorbeeCart { margin-right: 10px; padding-top: 5px; width: 125px; display: inline; float: left; font-size: 85%; } #blogs_left input, #blogs_left textarea { padding: 5px 5px 0; width: 325px; height: 18px; float: left; border: 2px solid #82488b; } #blogs_left input.short { width: 100px } #blogs_left input.btn { margin: 0; padding: 0; width: auto; height: auto; background: none; border: none; } #blogs_left textarea { height: 100px; } #blogs_left select { padding: 5px; float: left; border: 2px solid #82488b; } #blogs_left option { padding-right: 10px; } #blogs_left .required { color: #82488b; } #blogs_right { width: 338px; display: inline; float: right; } #blogs_right ul { margin-bottom: 10px; } #blogs_right li { padding: 5px 100px 5px 10px; width: 228px; position: relative; background: #eae9e9; font-size: 85%; font-weight: bold; line-height: 17px; } #blogs_right li.active { background-color: #ccc; } #blogs_right li.rule { margin: 1px 0; padding: 0; width: 338px; min-height: 1px; height: 1px; background: #f1f0f0 url(../images/bg_rule.gif) repeat-x 0 0; font-size: 0; line-height: 0; } #blogs_right li a { color: #82488b; text-decoration: none; } #blogs_right li a:hover { text-decoration: underline; } #blogs_right #pagination { margin-bottom: 10px; padding: 0 10px; width: 318px; font-size: 11px; } #blogs_right #pagination a { color: #06402f; } #blogs_right #pagination span { margin: 0 5px; } #ancillary { margin: 0 10px; width: 980px; } #ancillary p { margin: 0 20px 20px; line-height: 22px; } #ancillary .leaves { margin: 0 10px; width: 960px; height: 37px; background: url(../images/bg_leaves.jpg) no-repeat 0 0; } #ancillary_header { margin: 0 10px 20px; width: 960px; } #ancillary_header h2 { padding: 13px 10px; width: 940px; height: 24px; background: #ececec url(../images/bg_ancillary_header.gif) no-repeat 0 0; } #ancillary_header .header_rule { padding-top: 1px; height: 1px; background: #fbfbfb url(../images/bg_rule.gif) repeat-x 0 100%; font-size: 0; line-height: 0; } #cart { padding-right: 10px; width: 720px; display: inline; float: right; font: 85% "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; } #cart h2 { margin-bottom: 5px; width: 720px; } #cart a { color: #82488B; } #cart strong { color: #82488b; } #cart table { margin-bottom: 10px; width: 720px; } #cart tr.header { background: url(../images/bg_cart_table_header.gif) repeat 0 0; } #cart th { padding-left: 10px; height: 33px; color: #82488B; text-align: left; } #cart th.col_remove { width: 50px; } #cart th.col_thumb { width: 72px; } #cart th.col_item { width: 356px; } #cart th.col_price { width: 45px; } #cart th.col_qty { width: 55px; } #cart th.col_total { width: 45px; } #cart td { padding: 10px; height: 69px; background: #f1f0f0; font-size: 85%; vertical-align: top; } #cart td input { border: 1px #d2d2d2 solid; } #cart td.col_remove { padding-right: 0; width: 50px; } #cart td.col_thumb { width: 72px; } #cart td.col_thumb img { display: block; } #cart td.col_item { width: 356px; font-size: 100%; } #cart td.col_price { width: 45px; } #cart td.col_qty { width: 55px; } #cart td.col_total { width: 45px; } #cart td.col_rule { padding: 1px 0; width: 720px; height: 1px; background: #fff; } #cart td.col_subtotal { height: auto; background: #fff; font-size: 100%; } #cart_action { width: 720px; } #cart_action input { padding: 0; background: none; border: none; } #action_left { width: 300px; display: inline; float: left; } #action_right { width: 300px; display: inline; float: right; text-align: right; } #action_right input { margin-left: 10px; } #promo_code { margin-bottom: 30px; text-align: right; } #promo_code a { color: #848383; } #promo_code a.checkout { color: #ff8400; font-weight: bold; font-size: 12px; } #promo_code a:hover { text-decoration: none; } #promo_code input { border: 1px #d2d2d2 solid; margin: 0 10px; } #checkout { padding-right: 10px; width: 720px; display: inline; float: right; font: 85% "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; } #checkout h2, #checkout h3 { margin-bottom: 10px; } #checkout h2 { color: #77b1b0; font-size: 18px; font-weight: normal; } #checkout h3 { color: #d48a1d; font-size: 14px; font-weight: normal; } #checkout p { margin-bottom: 20px; line-height: 22px; } #checkout a { color: #82488B; } #checkout .receipt_label { margin: 5px 10px 0 0; width: 135px; display: inline; float: left; } #checkout .data { margin-top: 5px; width: 575px; float: right; } #checkout session.SorbeeCart { margin-right: 10px; padding-top: 5px; width: 125px; display: inline; float: left; font-size: 100%; } #checkout input, #checkout textarea { padding: 5px 5px 0; width: 281px; height: 18px; float: left; border: 2px solid #82488b; } #checkout input.short { width: 100px } #checkout input.check { margin: 3px 10px 0 0; padding: 0; width: auto; height: auto; border: none; } #checkout input.btn { margin: 0; padding: 0; width: auto; height: auto; background: none; border: none; } #checkout textarea { height: 100px; } #checkout select { margin-right: 10px; padding: 5px; float: left; border: 2px solid #82488b; } #checkout option { padding-right: 10px; } #checkout .cvv2 { margin-left: 10px; padding-top: 4px; display: inline; float: left; } #checkout .checkout_left { width: 440px; display: inline; float: left; } #checkout .required { color: #82488b; } #checkout .header_rule { margin-bottom: 20px; padding-top: 1px; height: 1px; background: #fbfbfb url(../images/bg_rule.gif) repeat-x 0 100%; font-size: 0; line-height: 0; } #checkout .input_wrap { margin-bottom: 15px; width: 440px; } #checkout .input_wrap label { margin: 0 15px 0 0; width: 120px; float: left; } #complete_message { width: 362px; display: inline; float: left; } #prev_step { margin-right: 10px; width: 83px; height: 26px; display: block; float: left; background: url(../images/btn_prev_step.gif) no-repeat 0 0; text-indent: -9999px; } #shipping_methods { margin-bottom: 10px; width: 362px; } #shipping_methods session.SorbeeCart { margin-bottom: 10px; display: block; float: none; } #shipping_methods select { width: 350px; } .field_error { margin-bottom: 10px; color: #F00; font-weight: bold; } #cart_small { width: 260px; display: inline; float: right; } #cart_small h3 { color: #82488B; font-size: 100%; font-weight: bold; } #cart_small p { margin-bottom: 15px; font-size: 11px; line-height: 18px; } #cart_small a { color: #82488B; } #cart_small strong { color: #82488b; } #cart_small table { width: 260px; } #cart_small tr.header { background: url(../images/bg_cart_table_header.gif) repeat 0 0; } #cart_small th { padding-left: 10px; height: 33px; color: #82488B; text-align: left; } #cart_small th.col_item { width: 85px; } #cart_small th.col_price { width: 35px; } #cart_small th.col_qty { width: 25px; } #cart_small th.col_total { width: 35px; } #cart_small td { padding: 10px; background: #f1f0f0; font-size: 10px; vertical-align: top; } #cart_small td.col_item { width: 85px; } #cart_small td.col_price { width: 40px; } #cart_small td.col_qty { width: 25px; } #cart_small td.col_total { width: 40px; } #cart_small td.col_rule { padding: 1px 0; width: 260px; height: 1px; background: #fff; } #cart_small td.col_subtotal { background: #fff; } #footer { margin: 0 auto; padding: 10px 20px 0; width: 960px; color: #06402f; background: url(../images/bg_footer.gif) no-repeat 0 0; font-size: 85%; } #footer a { color: #06402f; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer p { width: auto; line-height: 24px; } #footer span { margin: 0 8px; } /* OVERLAY RULES */ #procOverlay { position: absolute; top:0; left: 0; width: 100%; background-color: #CBE9B7; cursor: pointer; z-index: 9999;} #procCenter { position: absolute; left: 50%; padding:0; text-align:center; color: #000; z-index: 9999;} #procCenter p { margin-top: 15px; } #procCenter img { margin: 0; padding: 0; z-index: 9999; } /* TOOL TIP RULES */ .tip { padding-bottom: 6px; width: 160px; position: absolute; left: -52px; top: -48px; z-index: 13000; background: url(../images/bg_tool_tip_arrow.gif) no-repeat 50% 100%; } .tip-top { } .tip-title { padding: 3px 10px; width: 140px; color: #fff; background: #82488b; font-size: 11px; line-height: 18px; text-align: center; } /* WE'RE ONLY SHOWING THE TITLE OF THE EVENT SO HIDE THE .tip-text AS IT'S NOT NECESSARY */ .tip-text { display: none; } .tip-bottom { } .rule { height: 1px; background: url(../images/bg_rule.gif) repeat-x 0 0; font-size: 0; line-height: 0; } .left { display: inline; float: left; } .right { display: inline; float: right; } .align_right { text-align: right; } .clear:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; } .error { display: none; color: #990000; }