/* GENERAL CLASSES */ div{position:relative;} .padHoz2{ padding-left:2px; padding-right:2px;} .inner{ width:900px; margin-left:auto; margin-right:auto; } .clear{ height:1px; overflow:hidden; clear:both;} .marginBottom0{ margin-bottom:0px;} .marginTop0{ margin-top:0px;} .teal, .teal a{ color:#4da4ab;} .black, .black a{ color:#000000;} .red, .red a{color:red;} .rightImg{ float:right; margin-left:15px; margin-bottom:15px; border:1px solid #4da4ab;} a.bigLink{ font-size:1.3em; font-weight:bold; letter-spacing:-1px;} p.greenParaRight{ float:right; color:#FFFFFF; background-color:#4da4ab; padding:9px; margin-left:10px; width:160px;} hr.bblue{color:#b6ecf1; height:2px; border:0px; background-color:#b6ecf1; clear:both;} .formText{border:2px solid #4da4ab; background-color:#eefeff; font-size:0.95em; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:4px;} body{ font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#eefeff;} .sharesb{ position:relative; border:1px solid #878787; padding:3px; margin:15px 0 0 0; clear:both; } .sharesb p { padding:0; margin:0; } .sharesb p a{ position:absolute; top:0px; right:0px; padding:3px 5px 0 0; text-decoration:none; } .sharesb h3{ padding:0 3px 0 0; margin:0; margin:0 5px 0 3px; font-size:0.8em; font-weight:normal; } .sharesb ul{ text-align:center; list-style:none; margin:6px 0 4px 0; padding:0; } .sharesb ul li{ text-align:center; display:inline; padding:0px 3px 5px 0 ; margin-top:10px; } .sharesb ul li.delicious{ background:url("/graphics/bookmarkIcons/delicious.gif") no-repeat 0 0; } .sharesb ul li.digg{ background:url("/graphics/bookmarkIcons/digg.gif") no-repeat 0 0; } .sharesb ul li.reddit{ padding:0 0 0 2px; background:url("/graphics/bookmarkIcons/reddit.gif") no-repeat 0 0; } .sharesb ul li.facebook{ background:url("/graphics/bookmarkIcons/facebook.gif") no-repeat 0 0; } .sharesb ul li.stumbleupon{ background:url("/graphics/bookmarkIcons/stumbleupon.gif") no-repeat 0 0; } .sharesb ul li.newsvine{ background:url("/graphics/bookmarkIcons/newsvine.gif") no-repeat 0 0; } .sharesb ul li.nowpublic{ background:url("/graphics/bookmarkIcons/nowpublic.gif") no-repeat 0 0; } .sharesb ul li a{ padding:0 0 0 18px; margin:0 3px 0 0px; text-decoration:none; color:#000000; } /*----------------------------------------------------------------------*/ /* HEADER */ #Header{ height:9em; background-image: url("/graphics/design/header_bg.gif"); border-bottom:5px solid #7c1073; background-position:bottom;} #Logo{ position:absolute; left:27px; top:15px;} #HeaderText{ position:absolute; top:5px; right:45px; width:210px; text-align:center; font-size:0.9em;} #HeaderContact{ color:#FFFFFF; font-weight:bold; font-size:1.1em; line-height:1.3em;} #HeaderContact p{ margin-bottom:0px; margin-top:0px;} #HeaderContact .number{ font-size:0.95em;} #HeaderCart{} #HeaderCart h2{ font-size:0.95em; font-weight:normal; margin-bottom:5px; margin-top:5px;} #HeaderCart p{ margin-bottom:5px; margin-top:5px; font-size:0.8em;} #HeaderCart a{ color:#000000;} /* MAIN MENU */ #Nav{position:relative; height:9em;} #Menu{ position:absolute; list-style-type:none; bottom:0px; padding:0px; margin:0px; font-size:1em; line-height:1.8em; letter-spacing:-1px; padding-left:17px;} #Menu li, #Menu li.hoveroff{ float:left; background-image: url("/graphics/design/menu_li_off.gif"); background-position:top left; background-repeat:no-repeat; margin-left:3px; margin-right:2px; padding:0px; display:block;} #Menu li.current, #Menu li:hover, #Menu li.hoveron{background-image: url("/graphics/design/menu_li_on.gif"); } #Menu li a, #Menu li.hoveroff a{ background-image: url("/graphics/design/menu_a_off.gif"); background-position:top right; background-repeat:no-repeat; padding-left:22px; padding-right:22px;line-height:1.7em; padding-top:3px; display:block; text-decoration:none; color:#91388b; } #Menu li.current a, #Menu li a:hover{background-image: url("/graphics/design/menu_a_on.gif"); color:#FFFFFF;} /* MAIN */ #MainOuter{border-top:9px solid #d1b9d3;} #Main{ background-color:#FFFFFF; margin-top:18px;} #Breadcrumb{ list-style-type:none; font-size:0.7em; margin:0px; padding:0px; padding-left:10px; padding-top:5px; } #Breadcrumb li{ float:left; padding-left:20px; background-image: url("/graphics/design/breadcrumb_divider.gif"); background-repeat:no-repeat; background-position:7px 4px;} #Breadcrumb li.first{ background-image:none; padding-left:0px;} #Breadcrumb li a{ color:#000000; text-decoration:none;} /* FOOTER */ #Footer{ /*background-image:url(/graphics/design/footer_bg.gif); background-repeat:repeat-x; background-color:#FFFFFF; background-position:0px 23px;*/ height:51px; clear:both; margin-top:15px; width:100%;} #Footer #FooterLeft{ height:51px; background-image: url("/graphics/design/footer_bg.gif"); background-repeat:repeat-x; background-color:#FFFFFF; background-position:0px 0px; position:absolute; top:0px; left:0px; width:50%; background-color:#eefeff;} #Footer #FooterRight{ height:51px;background-image: url("/graphics/design/footer_bg.gif"); background-repeat:repeat-x; background-color:#FFFFFF; background-position:0px 23px;top:0px; left:50%; width:50%; position:absolute;} #Footer #FooterContent{} #FooterLinks{ margin:0px; padding:0px; background-image: url("/graphics/design/footer_bg.gif"); background-repeat:repeat-x; background-color:#eefeff; height:51px; float:left; font-size:0.6em; color:#333333; letter-spacing:-1px; padding-left:10px; list-style-type:none; } #FooterLinks a{ color:#333333;} #FooterLinks li{ float:left; height:51px; padding-top:35px; padding-left:5px; padding-right:5px;} #FooterLinks li.last{ width:76px; background-image: url("/graphics/design/footer_connect.gif"); background-repeat:no-repeat; padding-left:0px; padding-right:0px;} /*----------------------------------------------------------------------*/ /* HOME */ .home{ background-image: url("/graphics/design/hp_main_mid.gif"); background-position:center; background-repeat:repeat-y; padding:0px; } #Main.home #LeftCol{ margin:0px; padding:0px; float:left; width:469px; display:inline; margin-left:23px; background-color:#FFFFFF;} #Main.home #LeftCol h1{ font-size:1.3em; letter-spacing:-1px; margin-top:0px; margin-bottom:10px;} #Main.home #LeftCol p{ text-align:right;} #Main.home #LeftCol p.button{ background-image: url("/graphics/design/button_on_white.gif"); background-position:left; font-size:1.05em; letter-spacing:-1px; display:block; float:right; margin-top:8px;} #Main.home #LeftCol p.button a{ background-image: url("/graphics/design/button_on_white_end.gif"); background-position:right; background-repeat:no-repeat; text-decoration:none;color:#91388b; padding-left:45px;padding-right:20px; display:block; padding-bottom:10px; padding-top:10px;} #Main.home #LeftCol #GreenBox{background-color:#dbecee; color:#91388b; clear:both; margin-top:15px; padding-top:5px; padding-bottom:10px;} #Main.home #LeftCol #GreenBox ul.left{ margin:0px; padding:0px; float:left;color:#91388b; font-size:0.6em;line-height:1.4em; width:249px; display:block; background-color:#dbecee; padding-bottom:15px;} #Main.home #LeftCol #GreenBox ul.right{ margin:0px; padding:0px; float:right ;color:#91388b; font-size:0.6em;line-height:1.4em; width:220px;background-color:#dbecee; padding-bottom:15px;} #Main.home #LeftCol #GreenBox ul li{ margin:0px; padding:0px; padding-left:0px; margin-top:8px; letter-spacing:-1px; margin-left:20px;} #Main.home #LeftCol #GreenBox2{background-color:#dbecee; color:#91388b; margin-top:15px; padding-top:5px; padding-bottom:10px; float:right; padding:5px;} #Main.home #LeftCol #GreenBox2 ul.right{ margin:0px; padding:0px; float:left ;color:#91388b; font-size:0.6em;line-height:1.4em; width:220px;background-color:#dbecee; padding-bottom:15px;} #Main.home #LeftCol #GreenBox2 ul li{ margin:0px; padding:0px; padding-left:0px; margin-top:8px; letter-spacing:-1px; margin-left:20px;} #Main.home #RightCol{ margin:0px; padding:0px; float:right; width:358px;display:inline; margin-right:12px; position:relative;} #Main.home .top{ clear:both; height:15px; background-image: url("/graphics/design/hp_main_top.gif"); background-repeat:no-repeat; background-position:top; margin:0px; overflow:hidden; line-height:1px;} #Main.home .bottom{ clear:both; height:15px; background-image: url("/graphics/design/hp_main_bottom.gif"); background-repeat:no-repeat; background-position:center bottom; } #Main.home #RightCol #Box1{background-image: url("/graphics/design/hp_rightcol_purp_mid.gif"); background-repeat:repeat-y; position:relative; overflow:visible;} #Main.home #RightCol #Box1 img.bottlePic{margin-top:-53px; margin-bottom:-13px; z-index:40; position:relative;} #Main.home #RightCol #Box1 h2{ background-image: url("/graphics/design/hp_rightcol_purp_h2.gif"); background-repeat:repeat-x; margin-top:0px; line-height:1.2em; font-size:1.1em; color:#91388b; font-weight:normal; text-align:right; padding-right:20px; letter-spacing:-1px; background-position:top; padding-bottom:10px; padding-top:9px; margin-bottom:0px;} #Main.home #RightCol #Box1 .text{ color:#FFFFFF; position:absolute; top:50px; right:20px; width:225px; font-size:0.75em; line-height:1.4em;} #Main.home #RightCol #Box1 .text p{ padding:0px; margin:0px;} #Main.home #RightCol #Box1 .text a{} #Main.home #RightCol #Box1 .text ul{ margin:0px; padding:0px; margin-left:20px;} #Main.home #RightCol #Box1 .text ul li{ margin-bottom:4px;} #Main.home #RightCol #Box1 .text p.button{ background-image: url("/graphics/design/button_on_purp.gif"); background-position:left; font-size:1.4em; letter-spacing:-1px; display:block; float:right; margin-top:8px;} #Main.home #RightCol #Box1 .text p.button a{ background-image: url("/graphics/design/button_on_purp_end.gif"); background-position:right; background-repeat:no-repeat; text-decoration:none;color:#91388b; padding-left:45px;padding-right:20px; display:block; padding-bottom:10px; padding-top:10px;} #Main.home #RightCol #Divider1{ height:32px;background-image: url("/graphics/design/hp_rightcol_purp2green.gif"); background-position:top; background-repeat:no-repeat; z-index:1; position:static;} #Main.home #RightCol #Box2{ } #Main.home #RightCol #Box2 h2{ background-image: url("/graphics/design/hp_rightcol_green_h2.gif"); background-repeat:repeat-x; margin-top:0px; line-height:1.2em; font-size:1.1em; color:#91388b; font-weight:normal; text-align:right; padding-right:20px; letter-spacing:-1px; background-position:top; padding-bottom:10px; padding-top:9px; margin-bottom:0px;} #Main.home #RightCol #Box2 img.speechBubble{ position:relative; margin-top:-45px; margin-left:6px; z-index:40; } #Main.home #RightCol #Box2 .text, #Main.home #RightCol #Box3 .text{font-size:0.8em; line-height:1.4em; padding-left:15px; padding-right:15px;} #Main.home #RightCol #Box2 .text a, #Main.home #RightCol #Box3 .text a{ color:#000000;} #Main.home #RightCol #Box2 .text p.button, #Main.home #RightCol #Box3 .text p.button{ background-image: url("/graphics/design/button_on_green.gif"); background-position:left; font-size:1.4em; letter-spacing:-1px; display:block; float:right; margin-top:8px; margin-bottom:0px;} #Main.home #RightCol #Box2 .text p.button a, #Main.home #RightCol #Box3 .text p.button a{ background-image: url("/graphics/design/button_on_green_end.gif"); background-position:right; background-repeat:no-repeat; text-decoration:none;color:#91388b; padding-left:45px;padding-right:20px; display:block; padding-bottom:10px; padding-top:10px;} #Main.home #RightCol #Divider2{ height:31px;background-image: url("/graphics/design/hp_rightcol_green2green.gif"); background-position:top; background-repeat:no-repeat;position:relative; z-index:1; position:static;} #Main.home #RightCol #Box3{ } #Main.home #RightCol #Box3 h2{ background-image: url("/graphics/design/hp_rightcol_green_h2.gif"); background-repeat:repeat-x; margin-top:0px; line-height:1.2em; font-size:1.1em; color:#91388b; font-weight:normal; text-align:right; padding-right:20px; letter-spacing:-1px; background-position:top; padding-bottom:10px; padding-top:9px; margin-bottom:0px;} #Main.home #RightCol #Box3 .padHoz2 .textx a{color:#4da4ab; } /*----------------------------------------------------------------------*/ /* ARTICLE */ .article{ /*background-image: url("/graphics/design/art_main_mid.gif");*/ background-position:center; background-repeat:repeat-y; padding:0px;} /* left col */ #Main.article #LeftCol{ margin:0px; padding:0px; float:left; width:629px; display:inline; background-color:#FFFFFF;} #Main.article #LeftCol h1{ font-size:1.5em; letter-spacing:-1px; margin-top:0px; margin-bottom:15px;} #Main.article #LeftCol p, #Main.article #LeftCol li, #Main.article #LeftCol li li{ font-size:0.9em;} /* left menu */ #LeftMenu{ width:165px; background-color:#ebebeb; float:left; margin:0px; padding:0px; list-style-type:none; font-size:0.75em; padding-top:15px; padding-bottom:60px; letter-spacing:-1px;} #LeftMenu li{ margin-left:15px; border-top:2px solid #d7d7d7; margin-right:15px;} #LeftMenu li.first{ border-top:0px;} #LeftMenu li a{ text-decoration:none; color:#91388b; padding-left:25px; background-image: url("/graphics/design/leftMenu_li_bg.gif"); background-position:0px 6px; background-repeat:no-repeat; display:block; padding-top:10px; padding-bottom:10px;} #Main.article #Content{ float:right; width:452px;} #Main.article #Content h2{ font-size:1.1em; color:#4da4ab;} #Main.article #LeftCol p.button{ background-image: url("/graphics/design/button_on_white.gif"); background-position:left; font-size:1.05em; letter-spacing:-1px; display:block; float:right; margin-top:8px;} #Main.article #LeftCol p.button a{ background-image: url("/graphics/design/button_on_white_end.gif"); background-position:right; background-repeat:no-repeat; text-decoration:none;color:#91388b; padding-left:45px;padding-right:20px; display:block; padding-bottom:10px; padding-top:10px;} #Main.article #LeftCol #GreenBox{background-color:#dbecee; color:#91388b; clear:both; margin-top:15px; padding-top:5px; padding-bottom:10px;} #Main.article #LeftCol #GreenBox ul.left{ margin:0px; padding:0px; float:left;color:#91388b; font-size:0.6em;line-height:1.4em; width:249px; display:block; background-color:#dbecee; padding-bottom:15px;} #Main.article #LeftCol #GreenBox ul.right{ margin:0px; padding:0px; float:right ;color:#91388b; font-size:0.6em;line-height:1.4em; width:220px;background-color:#dbecee; padding-bottom:15px;} #Main.article #LeftCol #GreenBox ul li{ margin:0px; padding:0px; padding-left:0px; margin-top:8px; letter-spacing:-1px; margin-left:20px;} /* right col */ #Main.article .top{ clear:both; height:15px; background-image: url("/graphics/design/art_main_top.gif"); background-repeat:no-repeat; background-position:top; margin:0px; overflow:hidden; line-height:1px;} #Main.greentop .top{background-image: url("/graphics/design/art_main_top_green.gif");} #Main.article .bottom{ clear:both; height:15px; /*background-image: url("/graphics/design/art_main_bottom.gif");*/ background-repeat:no-repeat; background-position:center bottom; } #Main.article #RightCol{ margin:0px; padding:0px; float:right; width:228px;display:inline; margin-right:12px; position:relative;background-image:url(/graphics/design/art_rightcol_green_bottom.gif); background-position:bottom; padding-bottom:12px; background-repeat:no-repeat;} #Main.article #RightCol #Box1{background-image: url("/graphics/design/art_rightcol_purp_mid.gif"); background-repeat:repeat-y; position:relative; overflow:visible;} #Main.greentop #RightCol #Box1{background-image: url("/graphics/design/art_rightcol_green_mid.gif");} #Main.article #RightCol #Box1 img.bottlePic{margin-top:-53px; margin-bottom:-13px; z-index:40; position:relative;} #Main.article #RightCol #Box1 h2{ background-image: url("/graphics/design/hp_rightcol_purp_h2.gif"); background-repeat:repeat-x; margin-top:0px; line-height:1.2em; font-size:1.1em; color:#91388b; font-weight:normal; text-align:right; padding-right:20px; letter-spacing:-1px; background-position:top; padding-bottom:10px; padding-top:9px; margin-bottom:0px;} #Main.article #RightCol #Box1 h2.purp, #Main.article #RightCol #Box2 h2.purp, #Main.article #RightCol #Box3 h2.purp{background-image: url("/graphics/design/hp_rightcol_prup_h2.gif"); color:#FFFFFF;} #Main.article #RightCol #Box1 .text{ color:#FFFFFF; position:absolute; top:50px; right:5px; width:130px; font-size:0.7em; line-height:1.4em;} #Main.article #RightCol #Box1 .text p{ padding:0px; margin:0px;} #Main.article #RightCol #Box1 .text a{ color:#FFFFFF;} #Main.article #RightCol #Box1 .text p.button{ background-image: url("/graphics/design/button_on_purp.gif"); background-position:left; font-size:1.5em; letter-spacing:-1px; display:block; float:right; margin-top:8px; margin-left:-5px; line-height:1.4em;} #Main.article #RightCol #Box1 .text p.button a{ background-image: url("/graphics/design/button_on_purp_end.gif"); background-position:right; background-repeat:no-repeat; text-decoration:none;color:#91388b; padding-left:45px;padding-right:20px; display:block; padding-bottom:9px; padding-top:8px;} #Main.article #RightCol #Divider1{ height:32px;background-image: url("/graphics/design/art_rightcol_purp2green.gif"); background-position:top; background-repeat:no-repeat; z-index:1; position:static;} #Main.article #RightCol #Box2{ background-image:url(/graphics/design/art_rightcol_green_mid.gif); background-repeat:repeat-y; } #Main.article #RightCol #Box2 h2{ background-image: url("/graphics/design/hp_rightcol_green_h2.gif"); background-repeat:repeat-x; margin-top:0px; line-height:1.2em; font-size:1.1em; color:#91388b; font-weight:normal; text-align:right; padding-right:20px; letter-spacing:-1px; background-position:top; padding-bottom:10px; padding-top:9px; margin-bottom:0px;} #Main.article #RightCol #Box2 img.speechBubble{ position:relative; margin-top:-45px; margin-left:6px; z-index:40; } #Main.article #RightCol #Box2 .text, #Main.article #RightCol #Box3 .text{font-size:0.7em; line-height:1.4em; padding-left:15px; padding-right:15px;} #Main.article #RightCol #Box2 .text a, #Main.article #RightCol #Box3 .text a{ color:#000000;} #Main.article #RightCol #Box2 .text p.button, #Main.article #RightCol #Box3 .text p.button{ background-image: url("/graphics/design/button_on_green.gif"); background-position:left; font-size:1.4em; letter-spacing:-1px; display:block; float:right; margin-top:8px; margin-left:-5px; line-height:1.3em; position:relative; z-index:20;} #Main.article #RightCol #Box2 .text p.button a, #Main.article #RightCol #Box3 .text p.button a{ background-image: url("/graphics/design/button_on_green_end.gif"); background-position:right; background-repeat:no-repeat; text-decoration:none;color:#91388b; padding-left:45px;padding-right:20px; display:block; padding-bottom:10px; padding-top:10px;} #Main.article #RightCol #Divider2{ height:31px;background-image: url("/graphics/design/art_rightcol_green2green.gif"); background-position:top; background-repeat:no-repeat;position:relative; z-index:1; position:static;} #Main.article #RightCol #Box3{ background-image:url(/graphics/design/art_rightcol_green_mid.gif);} #Main.article #RightCol #Box3 h2{ background-image: url("/graphics/design/hp_rightcol_green_h2.gif"); background-repeat:repeat-x; margin-top:0px; line-height:1.2em; font-size:1.1em; color:#91388b; font-weight:normal; text-align:right; padding-right:20px; letter-spacing:-1px; background-position:top; padding-bottom:10px; padding-top:9px; margin-bottom:0px;} /*----------------------------------------------------------------------*/ /* SHOP */ #Main.shop{ margin:0px; padding:0px; float:left; width:850px; display:inline; background-color:#FFFFFF; font-size:1em; clear:both; padding-top:20px; margin-left:25px; } #Main.shop h1{ font-size:1.5em; letter-spacing:-1px; margin-top:0px; margin-bottom:15px;} #Main.shop h2{ font-size:1.1em; color:#4da4ab;} #Main.shop p, #Main.shop li, #Main.shop li li{ font-size:0.9em;} #Main.shop p.button{ background-image: url("/graphics/design/button_on_white.gif"); background-position:left; font-size:1.05em; letter-spacing:-1px; display:block; float:right; margin-top:8px;} #Main.shop p.button a{ background-image: url("/graphics/design/button_on_white_end.gif"); background-position:right; background-repeat:no-repeat; text-decoration:none;color:#91388b; padding-left:45px;padding-right:20px; display:block; padding-bottom:10px; padding-top:10px;} #Main.shop p.button2{ background-image: url("/graphics/design/button_on_white.gif"); background-position:left; font-size:1.05em; letter-spacing:-1px; display:block; margin-top:8px; width:150px; margin-bottom:4px; margin-left:20px;} #Main.shop p.button2 a{ background-image: url("/graphics/design/button_on_white_end.gif"); background-position:right; background-repeat:no-repeat; text-decoration:none;color:#91388b; padding-left:45px;padding-right:20px; display:block; padding-bottom:10px; padding-top:10px;} * html #Main.shop p.button2{ margin-left:-1px;} #Main.shop .product{ position:relative; height:130px;} #Main.shop .product img{ position:absolute; top:0px; left:0px;} #Main.shop .product h2{ color:#701667; margin-bottom:0px; font-size:1.1em; padding-top:35px; margin-top:0px;} #Main.shop .product p.desc{ margin-top:4px; letter-spacing:-1px;} #Main.shop .product img.greatBuy{ position:absolute; top:30px; left:410px;} #Main.shop .product .left{ position:absolute; top:0px; left:130px; width:310px; } #Main.shop .product .right{ position:absolute; top:56px; left:530px; width:310px;} #Main.shop .product .right3{position:absolute; top:33px; left:530px; width:310px;} #Main.shop .product p.price{ color:#701667; float:left; font-weight:bold; margin:0px; line-height:1.6em; display:block; padding-top:2px;} #Main.shop .product p.input{ float:right; margin:0px;line-height:1.6em; } #Main.shop .product .right3 p.input{ display:block; padding-top:23px;} #Main.home #RightCol #Box3 .padHoz2 .text a{color:#4da4ab; }