/*=== START CSS RESET ===/ Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.1.2 build: 56 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.1.2 build: 56 */ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /*=== CSS GLOBAL ===*/ html{overflow-y:scroll;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}a:active{outline:none;}a:focus{outline:thin dotted;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}small{font-size:85%;}strong,th{font-weight:bold;}em{font-style:italic;}td,td img{vertical-align:top;}sub{vertical-align:sub;font-size:smaller;}sup{vertical-align:super;font-size:smaller;}pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}.ie6 input{vertical-align:text-bottom;}label,input[type=button],input[type=submit],button{cursor:auto;}button{width:auto;overflow:visible;}.ie7 img{-ms-interpolation-mode:bicubic;}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;}.hidden{display:none;visibility:hidden;}.visuallyhidden{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}.invisible{visibility:hidden;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}.clear{clear:both;}embed,object{outline:none;} /*=== END CSS RESET ===*/ sup{bottom: 0.75ex;height: 0;line-height: 1;position: relative;vertical-align: baseline;_vertical-align: bottom;} input[type="checkbox"]{vertical-align:middle;} /*== GENERAL ==*/ body { color: #404040; font-family: Verdana, Arial, Helvetica, sans-serif; min-width: 1000px;} #sitewrap { font-size: 100%; line-height: 139%; position:relative;} a /*, a:visited*/ { color: #029cc7; text-decoration: none;} a:hover { text-decoration: underline;} .blue { color: #029cc7 !important;} #flashContainer {background:url(/images/box_bg.png) no-repeat; height:332px; width:558px; padding:7px 0 0 7px;} p, ul, ol, .flashContainer { margin: 0 0 1.0em;} ul li { list-style-type: disc; margin-left: 15px;} ol li { list-style-type: decimal; margin-left: 22px;} /*=== SITE HEAD ==*/ #siteHeadOut { background: url(/images/bg_gradient.jpg) no-repeat 50% 0; background: -moz-linear-gradient(top left, #4aadf9 30%, #bf0069 80%); background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(30%, #4aadf9), color-stop(80%, #bf0069)); height: 90px; position: relative; width: 100%;} .siteHeadShadowTop{ background: url(/images/bg_siteHead_shadowTop.png) repeat-x 0 0; height: 4px; left: 0; position: absolute; top: 0; width: 100%; z-index: 3;} .siteHeadShadowBottom { background: url(/images/bg_siteHead_shadowBottom.png) repeat-x 0 0; bottom: 0; height: 19px; left: 0; position: absolute; width: 100%;} #siteHead { height: 90px; margin: 0 auto; position: relative; width: 1000px; z-index: 2;} #siteLogo { display: inline; float: left; margin: 32px 0 0 20px;} .headSticker { left: 662px; position: absolute; top: 0;} .searchBox { background: url(/images/bg_searchBox.png) no-repeat 0 0; height: 48px; position: absolute; right: 3px; top: 0; width: 204px;} .searchTxtField { background: transparent; border: none; color: #404040; font-size: 13px; left: 34px; height: 18px; line-height: 18px; padding: 6px 0 6px; position: absolute; top: 4px; width: 120px;} .searchBtn { border: none; height: 30px; position: absolute; right: 12px; top: 4px; width: 38px;} /*== UTIL ==*/ #siteUtilOut { background: #ddd; height: 25px;} #siteUtil { color: #808080; font-size: 12px; height: 25px; line-height: 25px; margin: 0 auto; width: 1000px;} #siteUtil a { color: #808080;} #breadcrumbs { display: inline; float: left; margin: 0 0 0 172px;} .ie6 #breadcrumbs img { float: left; position: relative; top: 6px;} #utilList { float: right; line-height: 17px; padding: 4px 0 0; text-align: right; width: 160px;} #utilList #textSize a { line-height: 0;} #utilList #textSize a:hover { text-decoration: none;} #utilList #textSize .active {color: #a6a6a6;} #utilList .txtSmall { font-size: 11px;} #utilList .txtMed { font-size: 14px;} #utilList .txtLarge { font-size: 17px;} /*== CONTENT GENERAL ==*/ #siteBodyOut { position: relative; width: 100%;} #siteBody { margin: 0 auto; width: 1000px;} #contentMain { float: right; padding: 17px 0 0; position: relative; width: 832px;} .restrained { width: 542px;} /*== restrained column with background ==*/ .hasBackground { padding-right: 286px; } .graphicTestStrip { background: transparent url(/images/graphicTestStrip.gif) no-repeat 630px 105px; } .graphicA1C { background: transparent url(/images/graphicA1C.jpg) no-repeat 572px 64px; } .graphicLancingSystem { background: transparent url(/images/graphicLancingSystem.gif) no-repeat 572px 64px; } .graphicMeter { background: transparent url(/images/graphicMeter.gif) no-repeat 572px 14px; } /*== important, warning, caution paragraphs ==*/ .importantText, .warningText, .cautionText { background-position: left top; background-repeat: no-repeat; display: block; min-height: 40px; padding: 0 0 0 50px; } .importantText { background-image: url(/images/icon_important.gif); } .warningText { background-image: url(/images/icon_warning.gif); } .cautionText { background-image: url(/images/icon_caution.gif); } h1, .h1 { color: #404040; font-family: "AptiferSlabLTW01-LightI"; font-size: 40px; line-height: 95%; margin: 0 0 0.625em;} h2, .h2 { color: #404040; font-size: 123%; font-weight: bold; margin: 1.93em 0 1.06em; line-height: 113%;} h3, .h3 { color: #404040; font-size: 123%; font-weight: bold; margin: 0 0 1.06em; line-height: 113%;} a.arrow { background: url(/images/carrot.gif) no-repeat 100% 0.5em; padding-right: 15px;} .noBullets li { display: block; list-style-type: none; margin: 0 0 0.5em 0;} /*-- social bar --*/ #socialBar { margin: 0 0 17px;} .colorBullets li { color: #029cc7; margin-bottom: 12px;} /*.spaceOut li { margin-bottom: 12px !important; } */ .colorBullets li span { color: #404040; position: relative; margin-bottom: -1px; } .spacedBullets li { margin-bottom: 1.0em;} .superSpacedBullets li { margin-bottom: 2.0em;} .stripe { background: url(/images/bg_stripe.gif) repeat-x 0 0; height: 17px; margin: 45px 0; position: relative; z-index: 999;} .stripe2 { background: url(/images/bg_stripe.gif) repeat-x 0 0; height: 17px; margin: 30px 0 40px; position: relative; z-index: 999; } .ie6 .stripe2, .ie7 .stripe2 { margin: 15px 0 10px;} .stripeSnug { margin: 0;} .shadowTop { background: url(/images/shadow-top-wide.gif) no-repeat 0 0; height: 50px; margin: 1.0em 0; width: 540px;} .shadowBottom { background: url(/images/shadow-bottom-wide.gif) no-repeat 0 0; height: 50px; margin: 1.0em 0; width: 540px;} /*-- column related --*/ .ie6 .colspan h2, .ie7 .colspan h2 { margin-top: 0;} .colspan1 { width: 256px;} .colspan2 { width: 542px;} .colWrap {} .col1of3 { display: inline; float: left; margin-right: 30px; width: 256px;} .col2of3 { display: inline; float: left; margin-right: 30px; width: 256px;} .col3of3 { display: inline; float: left; width: 256px;} .colCount3 .expandedMedia { margin: 0 -4px 1.0em; position: relative; width: 264px;} .colmedia { float: right; text-align: center;} /*== NAV ==*/ #navColumn { float: left; margin: -25px 0 0; position: relative; width: 142px;} #nav { overflow: hidden; position: relative; width: 142px;} #nav, #nav ul { /*height: 100%;*/ margin: 0; padding: 0;} #nav li { display: block; font-family: "AptiferSlabLTW01-Light"; font-size: 14px; height: 100%; line-height: 15px; list-style-type: none; margin: 0 0 1px; padding: 0;} #nav a { background-color: #404040; color: #fff; display: block; height: 100%; padding: 4px 10px 6px; text-decoration: none;} #nav span { cursor: pointer;} .ie6 #nav a:hover { border: 0px solid transparent;} /*-- 2nd level nav --*/ #nav .secondLevel li {} #nav .secondLevel a { background-color: #606060; padding: 0;} #nav .secondLevel .firstNavItem > a { background-image: url(/images/nav_shadow.png); background-repeat: repeat-x;} #nav .secondLevel span { display: block; padding: 4px 7px 6px 20px;} #nav_1 ul { display: none;} /*-- 3rd level nav --*/ #nav .thirdLevel {background: #a1a1a1 url(/images/nav_shadow.png) repeat-x 0 0;} #nav .thirdLevel li { margin: 0;} #nav .thirdLevel a { background-color: transparent; padding: 0;} #nav .thirdLevel span { display: block; padding: 4px 7px 6px 30px;} /*== COLOR SPECIFIC ==*/ /*-- KEY: 0 - about us 1 - about ibgstar 2 - training & tutor 3 - blood glucose 4 - buy ibgstar 5 - customer support --*/ /*-- site head gradients --*/ .back1 #siteHeadOut { background-position: 50% 0; background: -moz-linear-gradient(top left, #c5d30c 30%, #4aaef9 80%); background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(30%, #c5d30c), color-stop(80%, #4aaef9));} .back2 #siteHeadOut { background-position: 50% -90px; background: -moz-linear-gradient(top left, #e32a4a 30%, #e7831c 80%); background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(30%, #e32a4a), color-stop(80%, #e7831c));} .back3 #siteHeadOut { background-position: 50% -180px; background: -moz-linear-gradient(top left, #4aaef9 30%, #c5d30c 80%); background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(30%, #4aaef9), color-stop(80%, #c5d30c));} .back4 #siteHeadOut { background-position: 50% -270px; background: -moz-linear-gradient(top left, #e7831c 30%, #e5413d 80%); background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(30%, #e7831c), color-stop(80%, #e5413d));} .back5 #siteHeadOut { background-position: 50% -360px; background: -moz-linear-gradient(top left, #bb2890, #4aaef9 30%, #85c697 80%); background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(30%, #4aadf9), color-stop(80%, #bf0069));} .back6 #siteHeadOut { background-position: 50% -450px; background: -moz-linear-gradient(top left, #4aaef9 30%, #bf0069 80%); background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(30%, #4aaef9), color-stop(80%, #bf0069));} /*-- nav --*/ /*-- 1st level specific --*/ #nav #nav_0 a:hover, #nav #nav_0 .activeFirst { background-color: #bf0069;} #nav #nav_1 a:hover, #nav #nav_1 .activeFirst { background-color: #4aaef9;} #nav #nav_2 a:hover, #nav #nav_2 .activeFirst { background-color: #e7831c;} #nav #nav_3 a:hover, #nav #nav_3 .activeFirst { background-color: #c5d30c;} #nav #nav_4 a:hover, #nav #nav_4 .activeFirst { background-color: #e5413d;} #nav #nav_5 a:hover, #nav #nav_5 .activeFirst { background-color: #85c697;} #nav #nav_6 a:hover, #nav #nav_6 .activeFirst { background-color: #bf0069;} #nav #nav_7 a:hover, #nav #nav_7 .activeFirst { background-color: #2eb9e0;} #nav #nav_8 a:hover, #nav #nav_8 .activeFirst { background-color: #2eb9e0;} #nav #nav_71 a:hover, #nav #nav_71 .activeFirst { background-color: #2eb9e0;} #nav #nav_81 a:hover, #nav #nav_81 .activeFirst { background-color: #E7831C;} /*-- 2nd level specific --*/ #nav #nav_1 .secondLevel { border-bottom: 7px solid #4aaef9;} #nav #nav_1 span { background: url(/images/nav0_arrow.png) no-repeat 10px 8px;} #nav #nav_1 .secondLevel a:hover, #nav #nav_1 .activeSecond { background-color: #2981c3;} #nav #nav_1 .secondLevel a:hover span, #nav #nav_1 .activeSecond span { background-position: 10px -59px;} #nav #nav_2 .secondLevel { border-bottom: 7px solid #e7831c;} #nav #nav_2 span { background: url(/images/nav1_arrow.png) no-repeat 10px 8px;} #nav #nav_2 .secondLevel a:hover, #nav #nav_2 .activeSecond { background-color: #aa5b09;} #nav #nav_2 .secondLevel a:hover span, #nav #nav_2 .activeSecond span { background-position: 10px -59px;} #nav #nav_3 .secondLevel { border-bottom: 7px solid #c5d30c;} #nav #nav_3 span { background: url(/images/nav2_arrow.png) no-repeat 10px 8px;} #nav #nav_3 .secondLevel a:hover, #nav #nav_3 .activeSecond { background-color: #96a103;} #nav #nav_3 .secondLevel a:hover span, #nav #nav_3 .activeSecond span { background-position: 10px -59px;} #nav #nav_4 .secondLevel { border-bottom: 7px solid #e5413d;} #nav #nav_4 span { background: url(/images/nav3_arrow.png) no-repeat 10px 8px;} #nav #nav_4 .secondLevel a:hover, #nav #nav_4 .activeSecond { background-color: #b61b17;} #nav #nav_4 .secondLevel a:hover span, #nav #nav_4 .activeSecond span { background-position: 10px -59px;} #nav #nav_5 .secondLevel { border-bottom: 7px solid #85c697;} #nav #nav_5 span { background: url(/images/nav4_arrow.png) no-repeat 10px 8px;} #nav #nav_5 .secondLevel a:hover, #nav #nav_5 .activeSecond { background-color: #5e986e;} #nav #nav_5 .secondLevel a:hover span, #nav #nav_5 .activeSecond span { background-position: 10px -59px;} #nav #nav_6 .secondLevel { border-bottom: 7px solid #bf0069;} #nav #nav_6 span { background: url(/images/nav5_arrow.png) no-repeat 10px 9px;} #nav #nav_6 .secondLevel a:hover, #nav #nav_6 .activeSecond { background-color: #a02f7f;} #nav #nav_6 .secondLevel a:hover span, #nav #nav_6 .activeSecond span { background-position: 10px -59px;} #nav #nav_7 .secondLevel { border-bottom: 7px solid #2eb9e0;} #nav #nav_7 span { background: url(/images/nav7_arrow.png) no-repeat 10px 9px;} #nav #nav_7 .secondLevel a:hover, #nav #nav_7 .activeSecond { background-color: #1e85a2;} #nav #nav_7 .secondLevel a:hover span, #nav #nav_7 .activeSecond span { background-position: 10px -59px;} /*-- 3rd level specific --*/ #nav #nav_1 .thirdLevel span { background: url(/images/nav0_arrow.png) no-repeat 20px -60px;} #nav #nav_1 .thirdLevel a:hover, #nav #nav_1 .activeThird { background-color: #12507f;} #nav #nav_1 .thirdLevel a:hover span, #nav #nav_1 .activeThird span { background-position: 20px 9px;} #nav #nav_2 .thirdLevel span { background: url(/images/nav1_arrow.png) no-repeat 20px -60px;} #nav #nav_2 .thirdLevel a:hover, #nav #nav_2 .activeThird { background-color: #532b02;} #nav #nav_2 .thirdLevel a:hover span, #nav #nav_2 .activeThird span { background-position: 20px 9px;} #nav #nav_3 .thirdLevel span { background: url(/images/nav2_arrow.png) no-repeat 20px -60px;} #nav #nav_3 .thirdLevel a:hover, #nav #nav_3 .activeThird { background-color: #414600;} #nav #nav_3 .thirdLevel a:hover span, #nav #nav_3 .activeThird span { background-position: 20px 9px;} #nav #nav_4 .thirdLevel span { background: url(/images/nav3_arrow.png) no-repeat 20px -60px;} #nav #nav_4 .thirdLevel a:hover, #nav #nav_4 .activeThird { background-color: #6f0907;} #nav #nav_4 .thirdLevel a:hover span, #nav #nav_4 .activeThird span { background-position: 20px 9px;} #nav #nav_5 .thirdLevel span { background: url(/images/nav4_arrow.png) no-repeat 20px -60px;} #nav #nav_5 .thirdLevel a:hover, #nav #nav_5 .activeThird { background-color: #365f41;} #nav #nav_5 .thirdLevel a:hover span, #nav #nav_5 .activeThird span { background-position: 20px 9px;} #nav #nav_6 .thirdLevel span { background: url(/images/nav5_arrow.png) no-repeat 20px -60px;} #nav #nav_6 .thirdLevel a:hover, #nav #nav_6 .activeThird { background-color: #632a52;} #nav #nav_6 .thirdLevel a:hover span, #nav #nav_6 .activeThird span { background-position: 20px 9px;} /*== HOME ==*/ .home #siteHeadOut { background: none; height: 0; z-index: 999;} .home #siteHead { height: 0px;} .home .siteHeadShadowTop, .home .siteHeadShadowBottom { display: none;} .home #nav { left: 15px; margin: 0; position: absolute; top: 75px;} /*-- scroller --*/ #homeScroll { height: 399px; overflow: hidden; position: relative; width: 100%;} .cornerLeft, .cornerRight { position: absolute;} .cornerLeft { background: url(/images/cornerLeft.png) no-repeat; height: 112px; left: 0; top: 0; width: 413px;} .cornerRight {background: url(/images/cornerRight.png) no-repeat; bottom: 0; height: 88px; right: 0; width: 332px;} .scrollWrapper { height: 15px; margin: 0 0 38px; padding: 7px 0 0;} #scrollbar { background: url(/images/scrollbar.gif) no-repeat; height: 15px; margin: 0 auto; padding: 0 1px; position: relative; width: 933px; z-index: 300;} #knob { background: url(/images/scrubber.png) no-repeat; cursor: pointer; height: 51px; position: absolute; top: -36px; width: 163px;} .scrollLayer { height: 400px; left: 0; /*overflow: hidden;*/ position: absolute; top: 0; width: 100%;} .scrollLayer .slide { font-size: 14px; height: 400px; line-height: 23px; position: relative;} .scrollObject { position: absolute;} /*-- layer 1 --*/ #layer1 { background: url(/images/scroller_gradient.png) no-repeat 0 -1px;} #layer1 .slide { width: 900px;} /*-- layer 2 --*/ #layer2 .slide { width: 900px;} #layer2 .slide1 .scrollObject1 { background: url(/images/scroller_phone.png) no-repeat 0 0; left: 55%; height: 400px; top: 0; width: 253px;} #layer2 .slide2 .scrollObject1 { background: url(/images/scroller_dots.png) no-repeat 0 0; left: 73%; height: 400px; margin: 0 0 0 -450px; top: 0; width: 909px;} #layer2 .slide4 .scrollObject1 { background: url(/images/scroller_dots_small.png) no-repeat 0 0; left: 24%; height: 111px; top: 0; width: 358px;} #layer2 .slide5 .scrollObject1 { background: url(/images/scroller_dots_small2.png) no-repeat 0 0; bottom: 0; height: 122px; right: -18%; width: 355px;} /*-- layer 3 --*/ #layer3 .slide { width: 1500px;} #layer3 .slide1 .scrollObject1 { background: url(/images/scroller_bar.png) no-repeat 0 0; left: -8%; height: 93px; top: 224px; width: 1695px;} #layer3 .slide2 .scrollObject1 { background: url(/images/scroller_bcm2.png) no-repeat 0 0; bottom: 0; left: 50%; height: 76px; width: 2033px;} #layer3 .slide4 .scrollObject1 { /*background: url(/images/scroller_girl.png) no-repeat 0 0;*/ background:none; left: 34%; height: 400px; top: 0; width: 184px; } #layer3 .slide5 .scrollObject1 { background: url(/images/scroller_bcm.png) no-repeat 0 0; height: 400px; right: 10%; top: 0; width: 678px;} /*-- layer 4 --*/ #layer4 .slide { width: 3000px;} #layer4 .slide1 .scrollObject1 { left: 44%; top: 176px; width: 460px;} #layer4 .slide1 .scrollObject1 .headline { margin: 0 0 16px;} #layer4 .slide2 .scrollObject1 { background: url(/images/scroller_guy.png) no-repeat 0 0; left: 42%; height: 400px; top: 0; width: 550px;} #layer4 .slide2 .scrollObject2 { left: 46%; top: 84px;} #layer4 .slide3 .scrollObject1 { background: url(/images/scroller_hand.png) no-repeat 0 0; left: 43%; height: 400px; top: 0; width: 268px;} #layer4 .slide3 .scrollObject2 { left: 52%; top: 105px;} #layer4 .slide3 .scrollObject2 img { display:block; } #layer4 .slide3 .scrollObject2 .buy_ibgstar_link { display:block; margin: 22px 0 0 17px; position:absolute; z-index:1; } #layer4 .slide4 .scrollObject1 { background: url(/images/scroller_device.png) no-repeat 0 0; left: 41.25%; height: 203px; top: 147px; width: 286px;} #layer4 .slide4 .scrollObject2 { left: 52.5%; top: 96px;} #layer4 .slide4 .scrollObject2 img { display:block; } #layer4 .slide4 .scrollObject2 .buy_ibgstar_link { display:block; margin: 22px 0 0 165px; position:absolute; z-index:1; } /*-- layer 5 --*/ #layer5 .slide { width: 6000px;} #layer5 .slide1 .scrollObject1 { left: 51.6%; top: 291px;} #layer5 .slide2 .scrollObject1 { left: 44.5%; top: 38px; color:White; font-family:'AptiferSlabLTW01-LightI'; font-size:18px; text-align:right; width:243px;} #layer5 .slide2 .scrollObject2 { left: 56.8%; top: 121px;} #layer5 .slide3 .scrollObject1 { height: 400px; left: 47.1%; top: 0; width: 268px;} #layer5 .slide3 .toggle { height: 28px; position: absolute; width: 30px;} #layer5 .slide3 .toggleOff { background: url(/images/slide_iphone_toggle.png) no-repeat 0 0; height: 28px; width: 30px;} #layer5 .slide3 .toggleOff img { float: left; left: 1px; position: relative;} #layer5 .slide3 .toggleOn { display: none; position: absolute;} #layer5 .slide3 .toggleHover .toggleOff { display: none;} #layer5 .slide3 .toggleHover .toggleOn { display: inline;} #layer5 .slide3 .toggle1 { left: 18px; top: 97px;} #layer5 .slide3 .toggle1 .toggleOn { left: -18px; top: -63px;} #layer5 .slide3 .toggle2 { left: 96px; top: 242px;} #layer5 .slide3 .toggle2 .toggleOn { left: -18px; top: -175px; z-index:2;} #layer5 .slide3 .toggle3 { left: 0; top: 350px;} #layer5 .slide3 .toggle3 .toggleOn { left: -111px; top: -209px;} #layer5 .slide4 .scrollObject1 { height: 400px; left: 45.5%; top: -40px; width: 285px;} #layer5 .slide4 .toggle { height: 28px; position: absolute; width: 30px;} #layer5 .slide4 .toggleOff { background: url(/images/slide_iphone_toggle.png) no-repeat 0 0; height: 28px; width: 30px;} #layer5 .slide4 .toggleOff img { float: left; left: 1px; position: relative;} #layer5 .slide4 .toggleOn { display: none; position: absolute;} #layer5 .slide4 .toggleHover .toggleOff { display: none;} #layer5 .slide4 .toggleHover .toggleOn { display: inline;} #layer5 .slide4 .toggle1 { left: 123px; top: 195px;} #layer5 .slide4 .toggle1 .toggleOn { left: -20px; top: -190px;} #layer5 .slide4 .toggle2 { left: 56px; top: 265px;} #layer5 .slide4 .toggle2 .toggleOn { left: -167px; top: -188px;} #layer5 .slide4 .toggle3 { left: 243px; top: 274px; z-index:2;} #layer5 .slide4 .toggle3 .toggleOn { left: -34px; top: -196px;} #layer5 .slide5 .scrollObject1 { left: 45%; top: 48px;} #layer5 .slide5 .scrollObject2 { left: 3191px /*51.2%*/; top: 90px;} .homeFlashWrapper { background: #fff; float: left; padding: 3px; -webkit-box-shadow: 0 0 10px rgba();} /*-- no js --*/ .no-js .scrollLayer .slide { display: none; margin: 0 auto; width: 960px !important;} .no-js .scrollLayer .slide4 { display: block;} .no-js #layer5 .slide4 { display: none;} .no-js #layer3 .slide4 .scrollObject1 { left: 15%;} .no-js #layer4 .slide4 .scrollObject1 { left: 25%;} .no-js #layer4 .slide4 .scrollObject2 { left: 41%;} .no-js .scrollWrapper { height: 1px; padding: 0; visibility: hidden;} .home #siteBody { width: 935px;} .home #contentMain { float: none; padding: 0; width: auto;} .homeCta { background: url(/images/angled_divider.gif) no-repeat 100% 0; float: left; height: /*137*/115px; padding: 0 40px 25px 13px; position: relative; width: /*190*/272px;} .homeCta.large { height:165px; position:static; width:434px; } .homeCtaLast { background: none; padding-right: 0;} .homeCta h1 { font-family:"AptiferSlabLTW01-Medium 721186"; font-size:22px; line-height:110%; margin:0 0 0.25em; } .homeCta h3 { color: #404040; font: 131%/141% "AptiferSlabLTW01-BoldIt"; margin: 0;} .homeCta p { margin: 0;} .homeCta_device { float:left; margin:-42px 0 0 -28px; } .homeCta_card { float:left; margin:-4px 0 0 0; } .homeCta_textWrap { margin:0 0 0 190px; } .homeCta_textWrap span { color:#2eb9e0; font-weight:bold; } .reference_footer{ font-size:85%; margin:0 0 0 -10px;} .reference_footer p { position:relative; padding:0 0 0 22px; } .ie7 .reference_footer.homeCta_footer p { padding:0 0 0 12px; } .reference_footer p span{ color:#2eb9e0; font-weight:bold; margin-left:-20px } .homeCta .buy-ibgstar-now-btn { margin:12px 0 0 0; } .homeCta .buy-ibgstar-enroll-now-btn { margin:18px 0 0 0; } .homeISI { background: url(/images/angled_divider.gif) no-repeat 100% 0; float: left; margin:0 0 30px; padding: 5px 40px 0px 0px; position:relative; text-align:left; width:628px; } #siteFoot .homeISI p { margin:0 } .homeAppStore { padding:0 0 0 12px; float:left; text-align:left; } .homeAppStore h3 { font-family:"AptiferSlabLTW01-BoldIt"; font-weight:14px; text-align:left; } .btn { background-repeat: no-repeat; background-position: 0 0; color: #fff; display: block; display: inline-block; cursor: pointer; height: 26px; font: 13px/24px "AptiferSlabLTW01-Light"; padding: 0 0 0 17px;} .btn:hover { text-decoration: none;} .btn span { background-repeat: no-repeat; background-position: 100% 0; cursor: pointer; display: block; display: inline-block; height: 26px; padding-right: 17px;} .ie6 .btn, .ie6 .btn span { float: left;} .blueBtn, .blueBtn span { background-image: url(/images/blue_btn.gif);} .pinkBtn, .pinkBtn span { background-image: url(/images/pink_btn.gif);} .homeCta .btn { bottom: 0; font-size: 15px; left: 13px; position: absolute;} .homeTweets { background: url(/images/bg_homeTweets.gif) no-repeat 50% 0; margin-top: 50px; min-height: 100px;} .othersSay { display: inline; float: left; margin: 22px 0 0; width: 208px;} .quoteBox { display: inline; float: left; margin: 35px 0 0 36px; width: 685px;} .quoteItem { font-family: "AptiferSlabLTW01-Light"; margin: 0 0 1.23em;} .quoteItem .headline { margin: 0 0 0.25em; padding: 0 0 0 5px;} .quoteItem .headline span { color: #2eb9e0;} .quoteItem:last-of-type, .lastQuoteItem { margin-bottom: 0;} .quoteStripe { background: url(/images/quote_stripe.gif); color: #fff; display: inline; font: 15px/22px "AptiferSlabLTW01-Light"; padding: 2px 0 3px;} .quoteStripe span { padding: 0 5px;} .home #siteFoot { background-position: 50% 0; margin-top: 0; padding-left: 0; padding-right: 0; width: 935px;} /*== ABOUT ==*/ .callOutRight { color: #828282;font-family: 'AptiferSlabLTW01-LightI';font-size: 18px;line-height: 28px;position: absolute;right: 50px;width: 215px; } .systemKit { background: url(/images/ibgstar_contents.jpg) no-repeat 0 0; font-size: 13px; height: 355px; line-height: 18px; margin: 0 0 1.0em;} .systemKitPad { padding: 75px 0 0 560px;} .systemKitList li { margin-bottom: 1.0em;} /*-- 360 product view --*/ .productViewWrapper { background:url(/images/meterDisplayLeftAndRightShadow.gif) repeat-y -3px top; margin:25px 0 20px; overflow:hidden; position: relative; padding:28px 0 33px; width:835px; } .productViewWrapper .displayhead { background: url(/images/meterDisplayTopBorder.jpg) no-repeat top; border-bottom:2px solid #FFF; height:28px;overflow:visible; position:absolute; top:0; width:835px; } .productViewWrapper .displayfoot { background: url(/images/meterDisplayBottomBorder.jpg) no-repeat bottom; border-top:2px solid #FFF; height:31px; overflow:visible; position:absolute; bottom:0; width:835px; } .productView { background: url(/images/meterDisplayDescriptionBG.gif); color: #fff; height: 360px; margin:0 auto; position: relative; width:824px; } .productViewContent { background: url(/images/meterDisplayDeviceBG.gif); float: left; height: 360px; overflow: hidden; position: relative; width: 550px;} #product { left: 0; position: absolute; top: 0;} #view_overlay { background: url(/images/x.gif);} .productViewCopy { border-left: 1px solid #565656; float: right; height: 100%; width: 272px;} .productViewCopyPad { font-size:13px; line-height:18px; padding: 20px 20px 0;} .productViewCopy .headline {color:#2eb9e0; margin: 0 0 12px; padding:0px; font-size:20px; line-height: 1.2; font-family:'AptiferSlabLTW01-LightI';} .productInstructions { bottom: 20px; color: #fff; font-family: "AptiferSlabLTW01-LightI"; left: 0; position: absolute; text-align: center; width: 100%;} .productInstructions .leftArrow { background: url(/images/360_left.gif) no-repeat 0 50%; padding-left: 20px;} .productInstructions .rightArrow { background: url(/images/360_right.gif) no-repeat 100% 50%; padding-right: 20px;} .generic { width: 100%;} .generic .col1of2, .generic .col2of2 { width: 50%;} .generic thead th { background-color: #767676; color: #fff; font-size: 108%; font-weight: bold; padding: 15px 0 15px 15px;} .generic thead th.short { background-color: #767676; color: #fff; font-size: 100%; font-weight: bold; padding: 10px 0 10px 10px;} .generic thead th.alt { background-color: #a3a3a3;} .generic thead th.altLight { background-color: #cfcfcf;} .generic tbody td, .generic tbody th { padding: 5px 15px;} .generic tbody td { background-color: #f2f2f2;} .bgm tbody td.alt { background-color: #fff;} /*-- alt row --*/ .generic tbody tr.alt td { background-color: #fff;} .generic .col1of3 { width: 30%; margin-right:0;} .generic .col2of3, .generic .col3of3 { width: 25%; margin-right:0;} .generic tbody td, .generic tbody th { padding: 5px 15px;} .generic tbody td { background-color: #f2f2f2;} .bgm tbody td.alt { background-color: #fff;} /*-- alt row --*/ .generic tbody tr.alt td { background-color: #fff;} .contentsTable { width: 100%;} .contentsTable .col1of2, .contentsTable .col2of2 { width: 50%;} .contentsTable td { text-align: center; vertical-align: top;} .contentsTable .col2of2 { border-left: 1px solid #e7e7e7;} .contentsTable .caption td {border-bottom: 1px solid #e7e7e7; padding: 10px;} .contentsTable .lastRow td {border-bottom: none;} #bgmWrap { overflow: hidden; position: relative; width: 832px;} .bgm {} .bgmAlt { display: none;} .no-js .bgmAlt { display: table;} .bgm .col1 { width: 182px;} .bgm .col2 { width: 159px;} /*-- thead --*/ .bgm thead th { background-color: #595959; color: #fff; font-size: 108%; font-weight: bold; padding: 15px 0 15px 20px;} .bgm thead th { border-right: 1px solid #fff; width: 131px;} .bgm thead .col1 { background-color: transparent;} .bgm thead .col2 { background-color: #1da8d4;} .bgm thead .alt { background-color: #808080;} /*-- tbody --*/ .bgm .productImg th, .bgm .productImg td, .bgm .productImg td.alt { background-color: #fff; height: 200px; padding: 0; position: relative; text-align: center; vertical-align: middle;} .bgm tbody th { font-weight: normal;} .bgm tbody td, .bgm tbody th { padding: 5px 10px;} .bgm tbody td { background-color: #f2f2f2;} .bgm tbody td.alt { background-color: #fff;} /*-- alt row --*/ .bgm tbody tr.alt td { background-color: #e2e2e2;} .bgm tbody tr.alt td.alt, .bgm tbody tr.alt th { background-color: #eee;} /*-- sa column --*/ .bgm .blue { color: #2eb9e0;} .bgm tbody td.sa { background-color: #e3f8ff;} .bgm tbody tr.alt td.sa { background-color: #beefff;} .deviceList { background: #4ab9dd; color: #fff; font: 13px/18px "AptiferSlabLTW01-Light"; line-height: 18px; margin: -20px 0 0; position: absolute; text-align: center;} .deviceList .default { background: url(/images/default_arrow.gif) no-repeat 100% 50%; display: block; padding: 0 20px 0 0; text-align: right;} .deviceList ul { display: none; margin: 0; padding: 0;} .deviceList ul.hover { display: block;} .deviceList ul li { cursor: pointer; display: block; list-style-type: none; margin: 0; padding: 0 8px 0 0;} .deviceList ul li:hover { background-color: #595959;} /*== APP ==*/ /*.ctaApp .calloutHand, .ctaApp .calloutDevice { top: 65px;}*/ .appScreen { display: inline; float: left; margin: 0 30px 0 0; width: 256px;} .lastAppScreen { float: right; margin-right: 0;} .appScreenImg { height: 272px; line-height: 272px; margin: 0 0 1.54em; position: relative;} .appScreenImg img { bottom: 0; position: absolute;} .installDiagram { float: right; margin: 0 20px 0 0;} /*== DEVICE FAQ ==*/ .greyStripe { background: url(/images/stripe_grey.gif) repeat-y 100% 0; color: #fff; display: inline-block; padding-left: 5px; padding-right: 13px; position: relative;} .faq { width: 500px; margin-left: 0; padding-left: 0;} .faq li { color: #029cc7; font-size: 123%; margin-bottom: 0.8125em; list-style: none; margin-left: 0; padding-left: 0;} .faq li li { font-size: 100%;} .faqToggle { cursor: pointer; font-size: 16px; line-height: 22px;} .faq .greyStripe { padding-right: 32px;} .toggleArrow { background: url(/images/toggleArrow.gif) no-repeat 0 0; cursor: pointer; height: 8px; margin: -4px 0 0 8px; position: absolute; top: 50%; vertical-align: middle; width: 8px;} .active .toggleArrow { background-position: 0 -8px;} .faqToggled { color: #404040; display: none; font-size: 81%; margin: 1.23em 0 0;} .active .faqToggled { display: block;} .faqToggled p { margin: 1.23em 0 0;} /*-- no js --*/ .no-js .faqToggled { display: block;} /*== FORMS ==*/ .formItem { margin: 0 0 10px;} .formItem label { color: #666; font-family:"AptiferSlabLTW01-BoldIt", Sans-Serif; font-size:115%; padding: 0 20px 5px 0px; } .formItemCol {display: inline; float: left; } .formItemCol2of2 { margin-left: 10px;} .formItemCol2of3 { margin-left: 10px; width: 65px;} .formItemCol3of3 { margin-left: 10px; width: 107px;} .txtField { background:url(/images/formBG.gif) repeat-x left top #fff; border: 1px solid #aaa; color:#555; padding: 3px 5px; width: 170px;} .txtField:focus { background-image:none; border-color:#029cc7; } .txtFieldLong { width: 362px;} .txtFieldMedium { width: 60px;} .txtFieldShort { width: 30px;} select.state { width: 61px;} .info, .info-wide { cursor: pointer;} .info img, .info-wide img { vertical-align: top;} .form-boxed-item { background: url(/images/form-boxed-back.gif) repeat-y 0 0; overflow: hidden; margin: 0 0 5px; width: 549px;} .form-boxed-head { background: url(/images/form-boxed-head.gif) no-repeat 0 0; height: 5px; overflow: hidden; width: 549px;} .form-boxed-foot { background: url(/images/form-boxed-foot.gif) no-repeat 0 0; height: 5px; overflow: hidden; width: 549px;} .form-boxed-content { background: url(/images/form-boxed-gradient.gif) repeat-x 0 0; margin: 0 auto; padding: 10px 12px; width: 514px;} .form-item-choice { font-family: "AptiferSlabLTW01-BoldIt", Sans-Serif; padding-left: 20px; position: relative; width: 494px;} .form-item-choice input { position: absolute; left: 0; top: 0.25em;} .form-item-col1of2, .form-item-col2of2 { display: inline; float: left; width: 200px;} .form-item-col2of2 { margin-left: 20px;} .formItemSolo { margin-bottom: 1.0em;} .formItemSolo .formItemLabel { padding: 0 0 5px;} .formItemSolo .formItemLabel label { padding: 0;} .formActions { margin: 2.0em 0 0;} /*-- login form --*/ .loginForm .formItemCol1of2, .loginForm .formItemCol2of2 {width: 200px;} /*-- registration specific --*/ .reg { margin: 0 0 1.92em;} .formItemCol1of2, .formItemCol2of2 { display: inline; float: left; width: 258px;} .formItemCol2of2 { margin-left: 20px;} .reg .formActions { margin: 2.0em 0 0;} .reg .formItem { margin: 0 0 15px;} .reg .formItemLabel { padding: 0 0 5px;} .reg .formItem label { padding: 0;} .reg select.state { background:url(/images/formBG.gif) repeat-x left top #fff; border: 1px solid #aaa; color:#555; padding: 2px;} .regQItem { margin: 0 0 25px;} .regQ { color:#555; font-family:"AptiferSlabLTW01-BoldIt", Sans-Serif; font-size:115%; margin: 0 0 0.25em;} .regQ span { color: #404040; font-weight: normal;} .regQItem ul { margin: 0 0 1.0em; padding: 0;} .regQItem ul li { display: block; list-style-type: none; margin: 0 0 3px 0; padding: 0 0 0 5px;} .regQItem ul ul { margin: 3px 0 0;} .regQItem li li { padding: 0 0 0 20px;} .reg .info { position: relative; left: 10px;} /*-- form boxed specific --*/ .form-boxed-form {} .form-boxed-form .formItem { margin: 0 0 15px;} .form-boxed-form .formItemLabel { padding: 0 0 5px;} .form-boxed-form .formItem label { padding: 0;} .form-boxed-form .formItem1of2, .form-boxed-form .formItem2of2 { display: inline; float: left; width: 123px;} .form-boxed-form .formItemState { width: 75px;} .form-boxed-gradient { margin: 1.0em 0 0; padding: 0 0 0 20px; width: 474px;} .form-boxed-gradient-top { background: url(/images/form-item-gradient-top.gif) no-repeat 0 0;} .form-boxed-gradient-bottom { background: url(/images/form-item-gradient-bottom.gif) no-repeat 0 100%;} .form-boxed-gradient-pad { padding: 25px 0 12px;} .form-boxed-gradient-alt { margin-top: 0;} .form-boxed-gradient-pad-alt {} /*== VIDEO ==*/ .flashVideoWrap { width: 560px;} .flashVideo { left: -5px; position: relative;} /*== ISI ==*/ .isi { margin-top: 2.3em;} .isi .h2 { margin: 0 0 0.8125em;} /*== CALLOUTS ==*/ .callout { float: right; font-size:13px; line-height:18px; position: absolute; right: 0; z-index: 1000;} .cta { background: url(/images/x.gif); display: block; text-decoration: none;} .cta:hover { text-decoration: none;} .cta span { cursor: pointer; display: block;} .callout .headline { color: #fff; display: block; font-family: "AptiferSlabLTW01-LightI", Sans-Serif; font-size: 33px; line-height: 38px; margin: 0 0 10px;} .whiteStripedBlock, .whiteStriped { background: url(/images/stripe_white.gif) repeat 0 0; color: #404040; display: block; line-height: 22px; padding-left: 5px;} .whiteStriped { display: inline !important; padding-bottom: 3px; padding-right: 25px; padding-top: 2px;} .greyStripedBlock, .greyStriped { background: url(/images/callout_stripe_grey.gif) repeat 0 0; color: #fff; display: block; font-size: 14px; line-height: 20px; padding-bottom: 2px; padding-left: 5px;} .greyStriped { display: inline !important; padding-bottom: 3px; padding-right: 25px; padding-top: 2px;} .greyCtaStripe { background: url(/images/stripe_dark_grey_arrow.gif) no-repeat 100% 0; color: #fff; display: inline !important; font-size: 16px; line-height: 22px; padding: 1px 28px 2px 10px;} .blueCtaStripe { background: url(/images/stripe_blue_arrow.gif) no-repeat 100% 0; color: #fff; display: inline !important; font-size: 16px; line-height: 22px; padding: 1px 28px 2px 10px;} .whiteStripeHeadlineBlock { background: url(/images/stripe_headline_white.gif) repeat 0 0; color: #303030; display: block; font: 30px/37px "AptiferSlabLTW01-LightI", Sans-Serif; padding-left: 15px;} .whiteStripeHeadline { display: inline !important; padding-bottom: 3px; padding-right: 25px; padding-top: 2px;} .greyStripeHeadlineBlock { background: url(/images/stripe_headline_grey.gif) repeat 0 0; color: #fff; display: block; font: 28px/37px "AptiferSlabLTW01-LightI", Sans-Serif; padding-left: 15px;} .greyStripeHeadline { display: inline !important; padding-bottom: 3px; padding-right: 25px; padding-top: 2px;} .ctaReg .headline .greyStripeHeadlineBlock1 { background: url(/images/stripe_headline_greycurve.gif) no-repeat left; color: #fff; display: block; font: 28px/37px "AptiferSlabLTW01-LightI", Sans-Serif; padding-left: 46px; margin-right:2px;} .darkgreyStripeHeadline { display: inline !important; padding-bottom: 3px; padding-right: 25px; padding-top: 4px;} .ctaReg .headline .greyStripeHeadlineBlock2 { background: url(/images/stripe_headline_darkgrey.gif) repeat 0 0; color: #fff; display: block; font: 28px/37px "AptiferSlabLTW01-LightI", Sans-Serif; padding-left: 17px; margin-right:2px;} .stripedCalloutCopy { background: #fff; border-bottom: 3px solid #d8006f; color: #303030; display: block; font-size: 14px; line-height: 23px; padding: 13px 0 13px 15px;} .calloutHand { top: /*218*/0; width: 256px;} .calloutDevice { top: /*218*/132px; width: 256px;} .calloutWoman { height: 435px; overflow: hidden; top: 50px; width: 256px;} .calloutMan { top: 50px;} .ctaAnswers { background: url(/images/callout_get_answers.jpg) no-repeat 100% -18px;} .calloutAnswers { font-size: 14px; line-height: 22px; top: 100px; width: 333px;} .calloutAnswers .headline {background: url(/images/stripe_blue.gif) repeat-y 100% 0; padding: 0 15px 0 5px; /*width: 285px;*/} .calloutAnswers .whiteStripedBlock { margin-bottom: -1px; padding-right: 80px;} .calloutAnswers .calloutCopy { margin: 0 0 18px;} .calloutSpecialSavings { background: url(/images/callout_special_savings.png) 0 0 no-repeat; padding: 10px 17px 21px 63px; color:#404040; font-size:13px; line-height:18px; font-family:Verdana, Geneva, sans-serif; width:460px; margin-bottom:15px; } /*-- case callout --*/ .calloutRegister { background: url(/images/callout_register_copay.jpg) no-repeat 100% 115px;} .ctaRegWrap { top: 125px; padding-right: 98px; width: 158px;} .ctaReg .headline { text-align: right;} .ctaReg .headline .greyStripeHeadlineBlock { padding-right: 15px; } .ctaReg .headline .greyStripeHeadlineBlock1, .ctaReg .headline .greyStripeHeadlineBlock2 { padding-right: 8px; } .ctaReg .calloutCopy { margin-bottom: 10px; padding-right: 10px; text-align: right;} .ctaReg .calloutCta { padding-right: 15px; text-align: right;} .ctaBuy { background: url(/images/callout_gomeals.jpg) no-repeat 100% 280px;} .calloutBuy { font-size: 13px; line-height: 22px; top: 308px; width: 265px;} .calloutBuy .headline { color: #404040; font-size: 33px; line-height: 37px; margin: 0 0 4px; padding: 0 0 0 36px; position: relative;} .calloutBuy .calloutCopy { background: url(/images/callout_buy_copy.png) no-repeat 0 0; color: #404040; margin: 0 0 10px; min-height: 84px; padding: 10px 0 0 40px;} .ie6 .calloutBuy .calloutCopy { height: 84px;} .calloutBuy .calloutCta { text-align: center;} /*-- go meals callout --*/ .calloutGomeals { background: url(/images/callout_gomeals.jpg) no-repeat 100% 100px;} .ctaGomealsWrap { top: 285px; width: 256px;} .ctaGomeals { color: #303030;} .ctaGomeals .headline { margin-bottom: 32px;} .ctaGomeals .calloutCopy { padding-left: 15px; padding-right: 15px; margin-bottom: 16px;} .ctaGomeals .calloutCta { padding-left: 15px;} /*-- co-pay callout --*/ .calloutCopay { background: url(/images/callout_copay.jpg) no-repeat 100% 120px;} .ctaCopayWrap { top: 245px; width: 256px;} .ctaCopay, .ctaCopay .headline { color: #303030;} .ctaCopay .headline { line-height:2px; padding-left:12px} .ctaCopay .headline { margin-bottom: 32px;} .ctaCopay .calloutCopy { padding-left: 25px; padding-right: 15px; margin-bottom: 16px;} .ctaCopay .calloutCta { padding-left: 25px;} /*-- compare callout --*/ .calloutCompare { background: url(/images/callout_compare.jpg) no-repeat 100% 115px;} .ctaCompareWrap { top: 120px; width: 256px;} .ctaCompare { color: #303030;} .ctaCompare .headline { color: #303030;} .ctaCompare .calloutCopy { margin-bottom: 16px;} .ctaCompare .calloutCta { padding-left: 15px;} /*-- twitter callout --*/ .calloutTwitter { background: url(/images/callout_twitter.jpg) no-repeat 100% 100px;} .ctaTwitterWrap { top: 138px; width: 280px;} .ctaTwitter { color: #303030;} .ctaTwitter .calloutCopy { padding-left: 15px;} /*-- app callout --*/ .calloutApp { background: url(/images/callout_app.jpg) no-repeat 101% 90px;} .ctaAppWrap { top: 150px; width: 256px;} .ctaApp .calloutCopy { margin-bottom: 16px; padding-left: 15px;} .ctaApp .calloutCta { padding-left: 15px;} /*-- community callout --*/ .calloutCommunity { background: url(/images/callout_community.jpg) no-repeat 100% 0;} .ctaCommunityWrap { top: 293px; width: 315px;} .ctaCommunity .headline { color: #303030; font-size: 29px; line-height: 27px; padding-left: 15px; text-indent: 100px;} .ctaCommunity .calloutCopy { margin-bottom: 16px; padding-left: 15px;} .ctaCommunity .calloutCta { padding-left: 15px;} /*-- case callout --*/ .calloutCase { background: url(/images/callout_case.jpg) no-repeat 100% 116px;} .ctaCaseWrap { top: 100px; padding-right: 135px; width: 220px;} .ctaCase .headline { text-align: right;} .ctaCase .headline .greyStripeHeadlineBlock { padding-right: 15px;} .ctaCase .headline .greyStripeHeadlineBlock_copay { padding-right: 15px;} .ctaCase .calloutCopy { margin-bottom: 16px; padding-right: 15px; text-align: right;} .ctaCase .calloutCta { padding-right: 15px; text-align: right;} /*-- connected callout --*/ .calloutConnected { background: url(/images/callout_connected.jpg) no-repeat 100% 0;} .ctaConnectedWrap { top: 135px; width: 290px;} .ctaConnected { color: #303030;} .ctaConnected .headline { color: #303030; padding-left: 15px;} .ctaConnected .calloutCopy { margin-bottom: 16px;} .ctaConnected .calloutCta { padding-left: 15px;} /*-- hand-device callout --*/ .calloutHandDevice { background: url(/images/callout-hand-device.jpg) no-repeat 0 0; top:0; height:600px; width:256px;} /* *** METER DISPLAY STYLES and VIDEO DISPLAY STYLES */ .meterDisplayWrapper { background:url(/images/meterDisplayLeftAndRightShadow.gif) repeat-y -3px top; margin:25px 0 20px; overflow:hidden; position: relative; padding:28px 0 33px; width:835px; } .meterDisplayWrapper .meterHead { background: url(/images/meterDisplayTopBorder.jpg) no-repeat top; border-bottom:2px solid #FFF; height:28px;overflow:visible; position:absolute; top:0; width:835px; } .meterDisplayWrapper .meterFoot { background: url(/images/meterDisplayBottomBorder.jpg) no-repeat bottom; border-top:2px solid #FFF; height:31px; overflow:visible; position:absolute; bottom:0; width:835px; } .meterDisplay { background: url(/images/meterDisplayDeviceBG.gif); margin:0 auto; position: relative; width:824px; } .meterDisplay .meterList { background: url(/images/meterDisplayListBG.gif); font-family:"AptiferSlabLTW01-Light", Sans-Serif; float:right; display:block; margin:2px 0 0; padding:0px; position: relative; width:269px; z-index: 99; overflow:visible; } .meterDisplay .meterList li { height: 42px; list-style:none; margin:0px; padding-left:0px; width:269px; } .meterDisplay .meterList li a { border-bottom:#565656 1px solid; border-top:#727272 1px solid; color:White; display:block; font-size:14px; outline: none; height:40px; line-height:40px; margin-left:0px; padding-left:20px; } .meterDisplay .meterList li a:hover, .meterDisplay .meterList li a:active, .meterDisplay .meterList li a:visited { text-decoration:none; color:White; } .meterDisplay .meterMain { display:block; left: 0; position: absolute; top: 0; width:555px; } .meterDisplay .meterMain .device { margin-top:85px; margin-left:89px; } .meterDisplay .meterDescription { background: url(/images/meterDisplayDescriptionBG.gif); border-top:#343434 1px solid; bottom: 0; display:block; height:145px; left: 0; position: absolute; width:555px; } .meterDisplay .meterList .active { background: url(/images/meterDisplayBlueArrow.png) no-repeat; width:291px; position:relative; margin-left:-20px; } .ie6 .meterDisplay .meterList .active { background: url(/images/meterDisplayBlueArrow2.gif) no-repeat;} .meterDisplay .meterList .active a { padding-left:40px; border-top:0px; border-bottom:0px; line-height:42px; } .product { border-top:#565656 1px solid;width:555px; position:relative; text-align:center; } .product img { position:relative; top:-207px; } .product h2 { color:#2eb9e0; margin:0 auto; padding:0px; font-size:18px; font-family:'AptiferSlabLTW01-LightI', Sans-Serif; } .product p { color:White; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; padding:0px 25px; width:505px; } .oneLine h2 {margin-top:-2px;} .threeLine h2 { margin-top:-20px;} .fourLine h2 {margin-top:-28px;} .fiveLine h2 {margin-top:-36px;} .twoLine h2 {margin-top:-10px;} /*-- no js --*/ .no-js .meterMain { display: none;} .no-js .meterDisplay .meterList { display: none;} .no-js .meterDisplay .meterDescription { height: auto; position: static; width: auto;} .no-js .product { padding-bottom: 5px; padding-top: 15px; width: auto;} .no-js .product img { position: static; top: 0;} .no-js .product h2 { margin-top: 10px !important;} .no-js .product p { width: auto;} /* ****** VIDEO PLAYER */ .videoWrapper { background:url(/images/meterDisplayLeftAndRightShadow.gif) repeat-y -3px top; margin:25px 0 20px; overflow:hidden; position: relative; padding:28px 0 33px; width:835px; } .videoWrapper .videoHead { background: url(/images/meterDisplayTopBorder.jpg) no-repeat top; border-bottom:2px solid #FFF; height:28px;overflow:visible; position:absolute; top:0; width:835px; } .videoWrapper .videoFoot { background: url(/images/meterDisplayBottomBorder.jpg) no-repeat bottom; border-top:2px solid #FFF; height:31px; overflow:visible; position:absolute; bottom:0; width:835px; } .videoDisplay { background:url(/images/meterDisplayDeviceBG.gif); margin:0 auto; position: relative; width:824px; } .videoWrapper .videoList { background: url(/images/meterDisplayListBG.gif); font-family:"AptiferSlabLTW01-Light", Sans-Serif; float:right; display:block; height:514px; margin:2px 0 0; padding:10px; position: relative; width:249px; z-index: 99; } .videoWrapper .videoList li { height: 70px; display:block; list-style:none; margin:0px; padding-left:0px; margin-bottom:10px; } .videoWrapper .videoList li a { color:White; cursor: pointer; display:block; font-size:14px; line-height:18px; outline: none; height:70px; margin-left:0px; text-decoration: none !important;} .videoWrapper .videoList li a .time { display:block; color:White; font-size:13px; font-family:Verdana; line-height:18px; } .videoWrapper .videoList li a .name { color:#30b9e0; display:block; font-family:"AptiferSlabLTW01-LightI", Sans-Serif; font-size:16px; float:left; margin-top:17px; margin-left:15px; } .videoWrapper .videoList li a img { border:1px solid white; margin-top:11px; float:left; margin-left:10px; } /*.videoWrapper .videoList li a:hover, */.videoWrapper .videoList li .selected { background:url(/images/selectedVideo.jpg) no-repeat; text-decoration:none; } .videoWrapper .videoMain { display:block; height:313px; left: 0; position: absolute; top: 0; width:555px; } .videoWrapper .videoMainPad { padding: 14px 0 0 14px;} .videoWrapper .videoDescription { background: url(/images/meterDisplayDescriptionBG.gif); border-top:#343434 1px solid; bottom: 0; display:block; height:200px; left: 0; position: absolute; width:555px; } .videoWrapper .videoDescription .product { height:183px; } .videoWrapper .product img { position:absolute; top:-310px; left:10px; } .videoWrapper .product h2 { margin-top:15px; margin-bottom:10px; } .videoWrapper .product h2, .videoWrapper .product p { text-align:left; width:505px; padding-left:25px; padding-right:25px; } /* ***** ACCORDI0N */ .accordianWrap { background: url(/images/accordianFoot.gif) no-repeat left bottom; margin-top:15px; position:relative; padding:33px 0;} .accordianWrap .accordTrig, .accordianWrap .revealed { border-top:1px #ddd solid; display:block; font-family:'AptiferSlabLTW01-BoldIt', Sans-Serif; font-size:15px; margin-bottom:0px; padding:9px 0px 9px 25px; width:517px; } .accordianWrap .revealed { background:url(/images/accordianArrowUp.gif) no-repeat; cursor:pointer; } .accordianWrap .accordTrig { background:url(/images/accordianArrow.gif) no-repeat; cursor:pointer; } .accordianWrap .noBorder { border-top:0px!important; } .accordianWrap .accordContent { background: url(/images/listShadow.gif) no-repeat left bottom; padding-left:25px; padding-bottom:2px; } /*.accordianWrap .accordContent .colorBullets { margin-bottom:0px; }*/ .accordianWrap .accordianHead { background: url(/images/accordianHead.gif) no-repeat; height:33px; position:absolute; top:0; width:542px; } /* ***** WHEN TO CHECK BLOOD SUGAR LEVELS */ .whenToCheckBloodSugar { background:url(/images/slashBorder.jpg) no-repeat bottom; font-family:"AptiferSlabLTW01-LightI", Sans-Serif; font-size:16px; float:left; display:block; margin-top:20px; margin-bottom:20px; overflow:hidden; padding-bottom:37px; } .whenToCheckBloodSugar .sun { background: url(/images/checkBloodSugarSun.gif) no-repeat top center; padding-top:68px; display:block; float:left; height:105; text-align:center; width:135px; } .whenToCheckBloodSugar .apple { background: url(/images/checkBloodSugarApple.gif) no-repeat top center; padding-top:68px; display:block; float:left; height:105; text-align:center; width:135px; } .whenToCheckBloodSugar .bed { background: url(/images/checkBloodSugarBed.gif) no-repeat top center; padding-top:68px; display:block; float:left; height:105; text-align:center; width:135px; } .whenToCheckBloodSugar .night { background: url(/images/checkBloodSugarMoon.gif) no-repeat top center; padding-top:68px; display:block; float:left; height:105; text-align:center; width:135px; } /* ******* CUSTOMER SERVICE & SUPPORT */ .customerContact { background: url(/images/customerContact.gif) no-repeat; background-position:0px 5px; padding-left:53px; } .customerFAQ { background: url(/images/customerFAQ.gif) no-repeat; background-position:0px 5px; padding-left:53px; } .customerTroubleshooting { background: url(/images/customerTroubleshooting.gif) no-repeat; background-position:0px 5px; padding-left:53px; } .customerWarranty { background: url(/images/customerWarranty.gif) no-repeat; background-position:0px 2px; padding-left:53px; } .customerGlossary { background: url(/images/customerGlossary.gif) no-repeat; background-position:0px 5px; padding-left:53px; } .customerResources { background: url(/images/customerResources.gif) no-repeat; background-position:0px 5px; padding-left:53px; } .pdfIcons { padding: 10px 0 0;} .pdfIcons a { background-image: url(/images/pdf_icons.jpg); background-repeat: no-repeat; display: inline; float: left; font: 16px/18px "AptiferSlabLTW01-LightI", Sans-Serif; height: 148px; margin-right: 30px; text-align: center; text-decoration: none !important; width: 256px;} .pdfIcons a span { display: block; padding: 95px 0 0;} .pdfIcons .pdfApp { background-position: 0 0; margin-right: 0;} .pdfIcons .pdfApp:hover { background-position: -256px 0;} .pdfIcons .pdfOwner {background-position: 0 -148px;} .pdfIcons .pdfOwner:hover {background-position: -256px -148px;} /*== POLL ==*/ .poll { background: url(/images/poll_gradient.gif) repeat-y 0 0; color: #fff; font-size: 12px; line-height: 21px; margin: 10px 0; width: 142px;} .pollPad { background: url(/images/poll_q.png) no-repeat 0 0; padding: 25px 10px 1px;} .pollQ { font:18px/19px "AptiferSlabLTW01-Light", Sans-Serif; margin: 0 0 8px;} .pollList { margin: 0 0 10px; position:relative; width:108px; } .pollList td { display:block; line-height:15px; position:relative; padding-left:17px; } .pollList li { display: block; list-style-type: none; margin: 0 0 10px;} .pollQList td { padding-bottom:10px; } .pollQList input { vertical-align:top; position:absolute; left:0; margin-top:2px; } .ie7 .pollQList input, .ie6 .pollQList input {margin-top:-4px; margin-right:12px;} .ie7 .pollQList td, .ie6 .pollQList td {padding-left:19px;} .pollAList { margin-bottom: 24px;} .pollAList li { color: #efabd4; line-height:15px; padding-left:48px; position:relative; width:74px;} .pollAList li span { color: #fff; font-size: 13px; font-weight: bold; position:absolute; left:0;} .pollAction { bottom: -1px; height: 45px; position: relative; text-align: center;} .pollAction input {background: url(/images/btn_poll_submit.png) no-repeat 0 0; height: 45px; width: 99px;} /*==== GRADIENT BUTTONS ====== */ .gradientBTN { background:url(/images/gradientBTN.gif) no-repeat left top; display:inline-block; font-family:"AptiferSlabLTW01-LightI", Sans-Serifs; font-size:16px; margin-bottom:10px; outline:none; padding-left:15px; } .height60 { background-position:left 20px; } .gradientBTN .singleLine { background:url(/images/gradientBTN.gif) no-repeat right top; display:block; height:40px; line-height:40px; padding-right:15px; } .gradientBTN:focus { outline:none; } .gradientBTN:hover { background-position:left bottom; text-decoration:none;} .gradientBTN:hover .singleLine { background-position:right bottom; } .height60 .doubleLine { display:block; height:45px; line-height:18px; padding:15px 15px 0 0; } .height60 .doubleLine span { color:#404040; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } /*==== WHERE TO BUY ====== */ .buy-ibgstar-bg { background: url(/images/buy-ibgstar-bg-wide2.gif) no-repeat 0 0; display:block; float:left; width:271px; height:201px; line-height:19px; margin:0 0 20px 0; position:relative; text-align:center; } .buy-ibgstar-bg .logo { margin:25px 0 30px 0; } .buy-ibgstar-bg.apple .buy-ibgstar-prices { padding-top:100px; /*padding-top:40px;*/ /*padding-top:12px;*/ } /*the 100px padding is for the long box when there's a sale on - but not THAT retailer*/ .buy-ibgstar-bg.walgreens .buy-ibgstar-prices { padding-top:40px; /*padding-top:12px; padding-top:100px;*/ /*padding-top:50px;*/ } /*the 12px/8px=the retailer with the sale (depending on how many extra lines there are), & the 40px padding should be used when no vendor has a sale on*/ .buy-ibgstar-bg.DCS .buy-ibgstar-prices { /*padding-top:100px;*/ padding-top:40px; /*padding-top:12px;*/ } /*just comment and un-comment the padding as needed*/ .buy-ibgstar-footer { font-size:11px; left:3px; padding:14px 0 0 0; position:absolute; top:116px; /*top:365px;*/ width:265px; } .buy-ibgstar-footer .arrow_btn { margin:0 auto 0; } .buy-ibgstar-now-btn { background: url(/images/buy-ibgstar-now-btn.gif) no-repeat 0 0; display:block; height:48px; margin:0 auto 0; width:108px; } .buy-ibgstar-print-coupon { background: url(/images/buy-ibgstar-print-coupon.png) no-repeat 0 0; display:block; height:38px; margin:8px auto 0; width:128px; } .view-ibgstar-retailers-btn { background: url(/images/view-ibgstar-retailers-btn.gif) no-repeat 0 0; display:block; height:48px; margin:12px 0 0 0; width:133px; } .buy-ibgstar-prices { color:#404040; font-family: "AptiferSlabLTW01-Medium 721186", sans-serif; font-size:14px; padding:0 8px; } .buy-ibgstar-prices .light {font-family:"AptiferSlabLTW01-Light", Sans-Serif;} .buy-ibgstar-prices .buy-ibgstar-everyday { font-size:16px; } .buy-ibgstar-prices .buy-ibgstar-price { color:#2eb9e0; font-size:40px; line-height:44px; } .buy-ibgstar-prices .red-text { color:#ef1d26; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; } .buy-ibgstar-prices .redColor { color:#ef1d26;} /*for making the text red only and no other changes*/ .buy-ibgstar-prices .single-line{ display:block; padding:6px 0; } .buy-ibgstar-enroll-now-btn { background: url(/images/buy-ibgstar-enroll-now-btn.gif) no-repeat 0 0; display:block; height:48px; margin:0; width:123px; } .test-strips-callout { background: url(/images/test-strips-callout-bg.jpg) no-repeat 0 0; padding:0 10px 34px 180px; } .test-strips-callout h1 { font-size:22px; padding:0 0 0 4px; } .test-strips-callout p span { color:#2eb9e0; padding:0 0 0 4px; } .whereBuy { margin: 2.9em 0 0;} .whereBuy h3 { font: 133%/1.25 "AptiferSlabLTW01-Medium 721189", sans-serif; font-weight: normal; margin: 0 0 0.75em;} .fixedGradientBlock { background: url(/images/bg-fixedGradientBlock.gif) no-repeat 0 0; height: 143px; margin: 0 0 2.9em; width: 542px;} .fixedGradientBlockPad { padding: 40px 23px 0 23px;} .buyLogoList { margin: 0; padding: 0; overflow: hidden; width: 100%;} .buyLogoList li { float: left; list-style-type: none; margin: 0; padding: 0; width: 33%;} .buyLogoList .logo2of3 { text-align: center;} .buyLogoList .logo3of3 { text-align: right;} /*==== REGISTRATION STEPS ====== */ .stepIndicatorList { background: url(/images/bg-stepList.gif) no-repeat 0 100%; font: 13px/32px "AptiferSlabLTW01-Medium 721186", sans-serif; height: 32px; margin: 2.0em 0 0; padding: 0 0 69px; overflow: hidden; width: 542px;} .stepIndicatorList li { float: left; height: 32px; list-style-type: none; margin: 0; padding: 0;} .stepIndicatorList span {background: url(/images/step-indicators.gif) no-repeat 0 0; color: #bfbfbf; display: block; float: left; height: 32px; padding-left: 17px; white-space: nowrap; width: 163px;} .stepIndicatorList .complete span { color: #fff;} .stepIndicatorList .current span { color: #fff;} .stepIndicatorList .step1of3 { background-position: 0 0;} .stepIndicatorList .complete .step1of3 { background-position: 0 -32px;} .stepIndicatorList .current .step1of3 { background-position: 0 -64px;} .stepIndicatorList .step2of3 { background-position: -180px 0;} .stepIndicatorList .complete .step2of3 { background-position: -180px -32px;} .stepIndicatorList .current .step2of3 { background-position: -180px -64px;} .stepIndicatorList .step3of3 { background-position: -360px 0; width: 165px;} .stepIndicatorList .complete .step3of3 { background-position: -360px -32px;} .stepIndicatorList .current .step3of3 { background-position: -360px -64px;} .stepText { margin: 0 0 1.5em;} .stepText span { color: #2eb9e0;} .formDisclaimer { margin: 5.0em 0 0;} /*==== TOOLTIPS ====== */ .tooltip-wrap { position: relative;} .tooltip { background: url(/images/bg-tooltip.gif) no-repeat 0 0; display: none; font-size: 10px; height: 81px; line-height: 1.2; width: 167px;} * > .tooltip {background: url(/images/bg-tooltip.png) no-repeat 0 0;} .tooltip-wide { background: url(/images/bg-tooltip-wide.gif) no-repeat 0 0; display: none; font-size: 10px; height: 111px; line-height: 1.2; width: 217px;} * > .tooltip-wide {background: url(/images/bg-tooltip-wide.png) no-repeat 0 0;} .tooltip-pad { padding: 10px 16px 0;} #buyTipWrap { height:0; width:0; position:absolute; z-index:1000; } #buyTip { background-image:none; background-color:#FFFFFF; font-size:12px; height:218px; border:1px solid #a7a5a6; width:405px; z-index:1001; } #buyTip p { padding:0px; } /*== COPAY CARD ==*/ .copayCard { height: 219px; overflow: hidden; position: relative; width: 358px;} .copayCard img { left: 0; position: absolute; top: 0; width: 100%;} .copayLabel { color: #fff; font: 10px/13px "HelveticaNeueW01-65Medi", sans-serif; height: 14px; left: 75px; overflow: hidden; position: absolute; top: 117px; width: 150px;} /*== SITE FOOT ==*/ #siteFoot { background: url(/images/bg_footer.gif) no-repeat 100% 0; font-size: 10px; line-height: 16px; margin: 70px auto 0; padding: 72px 0 25px 70px; text-align: center; width: 930px;} #siteFoot p { margin: 0 0 1.5em;} .siteFootMap { margin: 2.5em 0;} .siteFootMap span { margin: 0 5px;} @media print { .for-web { display: none;} .for-print { display: inline;} #saumbrella , #siteHeadOut, #siteUtilOut, #navColumn, #socialBar { display: none;} #siteBodyOut { width: auto;} #siteBody { margin: 0; width: auto;} #contentMain { float: none; padding: 0; width: 650px;} .shadowTop, .shadowBottom { display: none;} } /* * device styles */ @media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */ } /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { } /* * print styles */ @media print { #saumbrella { display: none !important;} .systemKit { height: auto;} .systemKitPad { padding: 0;} }