body {background:#FFF;margin:6px 0} body {font-size:75%;color:#5b5a54;font-family:Lucida Sans, Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000;} .large {font-size:1.2em;line-height:1.8em;margin-bottom:0em;} .prepend-half {padding-left:20px} .append-half {padding-right:20px} a {outline:none;} ul.span-1, ul.span-2, ul.span-3, ul.span-4, ul.span-5, ul.span-6, ul.span-7, ul.span-8, ul.span-9, ul.span-10, ul.span-11, ul.span-12, ul.span-13, ul.span-14, ul.span-15, ul.span-16, ul.span-17, ul.span-18, ul.span-19, ul.span-20, ul.span-21, ul.span-22, ul.span-23, ul.span-24 {float:left;margin-right:10px;} a.button, button { border:1px solid #d1ccbc; border-top:1px solid #d9d6c7; border-left:1px solid #d9d6c7; background-color:#f3f2eb; margin:12px 0;cursor:pointer} h1 {font-size:1.8em;margin:0px;color:#85bd3d} h2 {font-size:1.4em;} h3 {font-size:1.4em;margin-bottom:6px} /* ----------------------------------------------------------------------- COMMON TENELEVEN FRAMEWORK ---------------------------------------------------------------------- */ .btop {border-top:1px solid #d7d4c5;margin:15px 0 0 0;padding:0 0 5px 0} .bbottom {border-bottom:1px solid #d7d4c5;margin:0 0 15px 0;padding:5px 0} .bleft {border-left:1px dotted #e0154d;} .borderbox {padding:12px;border: 1px solid #dddddd;-moz-border-radius: 6px; -webkit-border-radius: 6px; } .nolist {list-style:none;margin:0;padding:0} /* ----------------------------------------------------------------------- Template Styles ---------------------------------------------------------------------- */ a {text-decoration:none;color:#d96a08} a:hover {text-decoration:underline;color:#02295d;} .container {background:#fff;position:relative;} #logo {position:absolute;left:407px;top:0;z-index:99;width:137px;height:137px;background:url(../images/viso-green.png) no-repeat;} #logo.organic {background:url(../images/viso-green.png) no-repeat;} #logo.energy {background:url(../images/viso-yellow.png) no-repeat;} #logo.low-cal {background:url(../images/viso-blue.png) no-repeat;} #copyright {clear:both;padding:20px 0 24px 0px;color:#666;font-size:.85em} #bannerwrap {padding-left:3px} #print_footer {display:none} /* ----------------------------------------------------------------------- Top Nav Styles ---------------------------------------------------------------------- */ #mainmenu ul {list-style:none;padding:0;margin:42px 0 28px 0;background:url(../images/navbarback.png) no-repeat;width:950px;height:43px;} #mainmenu ul li{float:left;} #mainmenu ul li#menu-nutrition, #mainmenu ul li#menu-nutrition-sel, #mainmenu ul li#menu-story, #mainmenu ul li#menu-story-sel, #mainmenu ul li#menu-store, #mainmenu ul li#menu-store-sel {float:right} #mainmenu ul li a {background:url(../images/leftnav.png) no-repeat;display:block;overflow:hidden;text-indent:-1000px} #mainmenu ul li#menu-nutrition a, #mainmenu ul li#menu-nutrition-sel a, #mainmenu ul li#menu-story a, #mainmenu ul li#menu-story-sel a, #mainmenu ul li#menu-store a,#mainmenu ul li#menu-store-sel a {background:url(../images/rightnav.png) no-repeat;} #mainmenu ul li#menu-organic a, #mainmenu ul li#menu-organic-sel a {width:94px;height:50px;background-position:0 0} #mainmenu ul li#menu-organic a:hover, #mainmenu ul li#menu-organic-sel a {background-position:0px bottom} #mainmenu ul li#menu-energy a, #menu-energy-sel a {width:85px;height:50px;background-position:-94px 0} #mainmenu ul li#menu-energy a:hover, #mainmenu ul li#menu-energy-sel a {background-position:-94px bottom} #mainmenu ul li#menu-low-cal a, #mainmenu ul li#menu-low-cal-sel a {width:91px;height:50px;background-position:-179px 0} #mainmenu ul li#menu-low-cal a:hover, #mainmenu ul li#menu-low-cal-sel a {background-position:-179px bottom} #mainmenu ul li#menu-nutrition a, #mainmenu ul li#menu-nutrition-sel a {width:106px;height:43px;background-position:0 0} #mainmenu ul li#menu-nutrition a:hover, #mainmenu ul li#menu-nutrition-sel a {background-position:0 bottom} #mainmenu ul li#menu-story a, #menu-story-sel a {width:75px;height:43px;background-position:-106px 0} #mainmenu ul li#menu-story a:hover, #mainmenu ul li#menu-story-sel a {background-position:-106px bottom} #mainmenu ul li#menu-store a, #mainmenu ul li#menu-store-sel a {width:76px;height:43px;background-position:-181px 0} #mainmenu ul li#menu-store a:hover, #mainmenu ul li#menu-store-sel a {background-position:-181px bottom} /* ----------------------------------------------------------------------- PagerNav Styles ---------------------------------------------------------------------- */ #pagernav {background:url(../images/pagerback.png) no-repeat;position:absolute;top:113px;left:0;height:33px;} #pagercap {background:url(../images/pager-right.png) no-repeat right;height:33px;margin-right:-6px} .-nav#pagernav {display:none;} .low-cal-nav#pagernav {background:url(../images/pagerback2.png) no-repeat;position:absolute;top:113px;left:0;height:33px;} .low-cal-nav #pagercap {background:url(../images/pager-right2.png) no-repeat right;height:33px;margin-right:-6px} #pagernav ul {list-style:none; margin:0;padding:7px 4px 4px 4px;} #pagernav li {margin:0;padding:0;float:left;padding:0 4px} #pagernav li a {height:17px;width:17px;display:block;text-align:center; } #pagernav li.circle a {background:url(../images/circles.gif) no-repeat 0 0;} #pagernav.energy-nav li.circle a {background:url(../images/circles.gif) no-repeat; background-position: 0 -17px;} #pagernav.low-cal-nav li.circle a {background:url(../images/circles.gif) no-repeat;background-position: 0 -34px;} #pagernav li.circle a:hover, #pagernav li.circle.selected a {background-position:bottom;color:#000} #pagernav #energy-title {background:url(../images/pager-energy.png) no-repeat 50% 55%; width:52px;text-indent:-500px;overflow:hidden} #pagernav #organic-title {background:url(../images/pager-organic.png) no-repeat 50% 65%; width:60px;text-indent:-500px;overflow:hidden} #pagernav #low-cal-title {background:url(../images/pager-low-cal.png) no-repeat 50% 50%; width:63px;text-indent:-500px;overflow:hidden} #pagernav a {color:#fff;font-weight:700} #pagernav a:hover {text-decoration:none} #pagernav #prev, #pagernav #next {width:1.4em} .catlink {cursor:pointer} /* ----------------------------------------------------------------------- Footer Styles ---------------------------------------------------------------------- */ #footer {margin:6px 0 0 0;background:url(../images/navbarback.png) no-repeat;width:950px;height:43px;color:#8fb862} #footer ul {list-style:none;padding:0;margin:0 12px 0 0;height:43px;line-height:43px;text-align:right} #footer ul li{display:inline;padding:0 2px} #footer a {color:#8f8e8e} #footer a:hover {color:#d96a08;text-decoration:none;} #follow {height:150px;background:url(../images/box-follow.jpg) no-repeat;width:338px;float:left} #feature {height:150px;background:url(../images/box-follow.jpg) no-repeat;width:338px;float:left} #dealer {height:150px;background:url(../images/box-getsome.jpg) no-repeat;width:271px;float:left} #follow ul {list-style:none;margin:45px 0 14px 0;padding:0;height:28px;width:280px} #follow ul li {float:left;margin-left:22px;} #follow form {margin:0 0 0 23px;} #follow input[type="text"] {padding:4px;float:left;border:1px solid #467d03;width:200px;color:#888787} #follow input[type="image"] {margin-top:8px} #dealer form {margin:90px 0 0 12px;} #dealer input[type="text"] {padding:4px;float:left;border:1px solid #467d03;width:160px;color:#888787} #dealer input[type="image"] {margin-top:8px} /* ----------------------------------------------------------------------- General Styles ---------------------------------------------------------------------- */ .scroll {background:url(../images/scrollback.png) no-repeat;width:433px;height:174px; padding-top:10px } .scrollpadding {padding:10px 20px} #scroll_content {width:420px;height:155px; overflow:auto;} #organic {position:absolute;left:50px;top:370px} #organic h1 {color:#85bd3d} #energy.level1 {position:absolute;left:490px;top:370px} #energy {position:absolute;left:50px;top:370px} #energy h1 {color:#eab531} #low-cal {position:absolute;left:50px;top:370px} #low-cal h1 {color:#169dee} #story {position:absolute;left:20px;background:url(../images/scrollback-story.png) no-repeat;top:135px;width:293px;height:410px;} #story #scroll_content {width:280px;height:390px; overflow:auto;} #skunkworks, #dealer-inquiries {position:absolute;left:620px;background:url(../images/scrollback-story.png) no-repeat;top:135px;width:293px;height:410px;} #skunkworks #scroll_content, #dealer-inquiries #scroll_content {width:280px;height:390px; overflow:auto;} #nutrition {position:absolute;background:none;top:100px;left:20px;height:60px} #contact {position:absolute;background:url(../images/scrollback-contact.png) no-repeat;top:215px;left:20px;padding:20px 10px 10px 20px;width:530px;height:340px;} #contact h1 {margin-bottom:12px} #menu-skunkworks, #menu-skunkworks-sel, #menu-dealer-inquiries, #menu-dealer-inquiries-sel, #menu-sitemap, #menu-sitemap-sel, #menu-dealer-inquiries, #menu-dealer-inquiries-sel, #menu-dealer-locator, #menu-dealer-locator-sel, #menu-privacy, #menu-privacy-sel, #menu-wallpaper, #menu-wallpaper-sel {display:none} .longpage {background:url(../images/longback.gif) no-repeat;} .press_release_details h2, .press_release h3 {font-size:1.2em !important;font-style:italic;letter-spacing:.05em;color:#888} .longpage h1 {margin:18px 0;} .press_release_details h1 {margin-bottom:0} .press_release_list h1 {margin-bottom:12px} .pressright h2 {margin-bottom:0} .pressright fieldset { -moz-border-radius: 8px; border-radius: px;} .pressright legend {color:#85bd3d;font-size:1.4em;font-weight:400;margin:0} .pressright ul {margin:0;padding:0;list-style:none} .pressright ul li {margin:6px 0;padding:0;list-style:none} .pressright .press_release {margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #ddd;} .pressright .press_release.last {margin-bottom:0px;padding-bottom:0px;border-bottom:none} ul.wallpapers {list-style:none;margin:0;padding;0} ul.wallpapers li.thumb {float:left; width:180px; margin:0 0 12px 0;padding:0} ul.wallpapers li.thumb img {padding:8px;background:url(../images/thumbback.gif) no-repeat;} ul.wallpapers li ul {list-style:none;margin:3px 0;padding:0} #can_cap_form {width:205px;} #can_cap_form input[type="text"], #can_cap_form .error {width:130px} #can_cap_form label {width:55px} #can_cap_form li {border-bottom:none} .cases .right {float:right;margin-right:2em} .cases ul.casepacks {list-style-type:none;margin:0px;padding:0px;font-size:.85em;} .cases ul.casepacks li {list-style:none;margin:0 0 1em 0;padding:1em 0;border-bottom:1px dotted #eaeaea;float:left;height:8em} .cases ul.casepacks li.even {margin-right:15px} .cases h4 {margin-bottom:0em} ul#carttools {list-style:none;margin:2em 1em 0 0;padding:0;float:right} ul#carttools li {margin:0 .25em;padding:0;float:left} ul#carttools li a { padding:2px 22px 2px 0;margin:-2px 0;background-repeat: no-repeat; background-position: right center;} ul#carttools li a.cart { background-image: url(/images/viewcart.png); } ul#carttools li a.account { background-image: url(/images/account.png); } a.music {padding:8px 28px 8px 12px;background: url(/images/play-icon.png) no-repeat right center;font-size:.85em } .te_geo_map {float:left;width:63%;margin:0 1.5%;height:500px} .te_geo_popup {font-size:.9em} .te_geo_popup h1 {font-size:1.3em;color:#7cb437;margin:3px 0} .te_geo_popup_tools {font-size:.9em;} .highlight {padding:6px 4px;margin-bottom:6px;border-top: 1px solid #9ad247;border-bottom: 1px solid #5f9214; background: #9ad247 url(/images/highlight-flash.png) 50% top repeat-x; color: #5f9214; } /* ----------------------------------------------------------------------- teSimpleCart ---------------------------------------------------------------------- */ .viso_cart,#te_checkout {margin-right:20px} #te_cart {font-size:.9em} #te_cart .te_cart_remove a {text-indent:-500px;overflow:hidden;width:20px;height:20px;background:url(/images/trash-icon.png) no-repeat;display:block} #te_cart .currency {text-align:right;} #te_cart .cart_qty input {width:36px;text-align:right;padding:2px 4px;font-size:.9em} #te_cart th {text-transform:uppercase} #te_cart th, #te_cart .te_cart_total td {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #fff;font-weight:700} #te_cart td {border-bottom:1px solid #eee} #te_cart .te_cart_subtotal td {border-top:4px double #eee} #te_cart_checkout a.button {float:right;margin-left:25px;} ul.credit_card_type {font-size:.85em} #shippingsame {float:right;margin-top:-50px;margin-right:-20px;font-size:.85em;font-weight:400;list-style:none} fieldset#te_order_details {width:94%}