/******************* CSS Created and Edited by Nology Design *************************/ /*************************** All Rights Reserved *************************************/ /******************************* Start Reset *****************************************/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } ul {list-style:none;} /********************************* End Reset ***************************************/ /******************************* Start Structure ***********************************/ body { font-size:13px; line-height:1.231em; font-family: "arial", Segoe UI, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; background-color:#F3F3F3; } #wrap { width:970px; margin:0 auto; } #header { } #headerTop { height:33px; line-height:33px; } #headerTopLeft {float:left; text-align:right; } #headerTopRight {float:right; text-align:right; margin-top:10px; } #headerTop a { padding:0 .5em; } #login { float:right; font-size: .9em; width: 158px} #login a { color:white; } #loginLeft{ background:url('../images/login_left.png') no-repeat; width:5px; float:right;} #loginContent { background:url('../images/login_repeater.png') repeat-x; float:right;} #loginRight { background:url('../images/login_right.png') no-repeat; width:7px; float:right; } #headerBottom { padding:10px 0; } #headerBottomRight { float:right; width:555px; margin-top:10px; } #headerPhoneShipping { float:left; width:250px; } #headerPhoneShipping h2 { margin-bottom:0.25em; } #headerRotate { height:50px; width: 130px; overflow: hidden; } #headerRotate img { height: 50px; width: 130px; } #headerBottomRight form { height:32px; width:187px; float:right; margin-top:30px; } #searchFieldLeft { background:url('../images/search_left.png') no-repeat; width:3px; float:left; height:32px; } #searchField { background:url('../images/search_rpt.png') repeat-x; float:left; height:18px; width: 123px; padding:8px 2px; margin:0; border:0px none !important;} #searchButton { background:url('../images/search_right_sprite.png') no-repeat; float:left; height:32px; width:50px; padding:0; margin:0; border:0px none !important; } #searchButton:hover { background-position:bottom left; } #nav { clear:both; height:39px; } #nav ul li { float:left; } #nav ul li a { min-height: 39px; background: url('../images/sprite_mainnav.png') no-repeat; text-decoration:none; display:block; } #nav ul li a.whyDiatic { width: 195px; } #nav ul li a.whyDiatic:hover { background-position:0px -40px; } #nav ul li a.diabeticSupplies { width: 192px; background-position:-195px -0px; } #nav ul li a.diabeticSupplies:hover { background-position:-195px -40px; } #nav ul li a.otherProducts { width: 193px; background-position:-387px -0px; } #nav ul li a.otherProducts:hover { background-position:-387px -40px; } #nav ul li a.resourceCenter { width: 192px; background-position:-580px -0px; } #nav ul li a.resourceCenter:hover { background-position:-580px -40px; } #nav ul li a.aboutDiatic { width: 192px; background-position:-775px -0px; } #nav ul li a.aboutDiatic:hover { background-position:-775px -40px; } #nav ul li ul { background:#0093D0 none no-repeat top; border-bottom:5px solid #7AC142; clear: both; overflow:hidden; display:none; -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=90)”; -khtml-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; position:absolute; z-index: 1000; width:205px; padding-bottom:10px; } #nav ul li ul li { padding-bottom:10px; width:190px; margin:5px; color:white; padding:2px; height:25px; } #nav ul li ul li a { background:none; color:white; font-weight:bold; min-height:18px; vertical-align:middle; padding:7px 3px; } #nav ul li ul li a:hover { background-color:#00B6FF; } #nav ul li ul.wide { width:410px; } #nav ul li ul.big {width: 768px;} #nav ul li ul.big li {width: 174px; padding: 5px 0 0 5px; height: 180px;} #nav ul li ul.big li a:hover {background: none;} #nav ul li ul.big li .sub-menu a:hover {background: #00B6FF;} #nav ul li ul.big li .sub-menu a { padding: 2px; margin: 0; display: block;} #nav ul li ul.big li a { font-weight: inherit;} #nav ul li ul.big li strong {font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #70bf85; display: inline-block; width: 100%; padding: 0; height: 46px;} #homeLeft { width:664px; float:left; position:relative; } .rotate { position:relative; } .rotate ul { position:relative; } .rotate .slide { list-style:none; position:relative; margin:0; padding:0; height:250px; width:658px; overflow:hidden } .rotate .slide a { position:absolute; top:169px; left:13px; width:117px; height:27px; background:url(../images/Slider.button.sprite.png) 0 -1px no-repeat; } .rotate .slide a:hover { background-position: 0 -28px; } .rotate .slide a:active { background-position: 0 -55px; } .rotate #nav-controls { position:absolute; bottom:0; left:-1px; width:258px; z-index:10; } .rotate #nav-controls #prev { float:left; width:43px; height:38px; display:block; background:url(../images/Slider.nav.sprite.png) 0 0 no-repeat; } .rotate #nav-controls #prev:hover { background-position: 0 -76px; } .rotate #nav-controls #prev:active { background-position: 0 -39px; } .rotate #nav-controls #pause { float:left; width:43px; height:38px; display:block; background:url(../images/Slider.nav.sprite.png) -43px 0 no-repeat; } .rotate #nav-controls #pause:hover { background-position: -43px -76px; } .rotate #nav-controls #pause:active, .rotate #nav-controls #pause.active { background-position: -43px -38px; top:0px !important; } .rotate #nav-controls #next { float:left; width:43px; height:38px; display:block; background:url(../images/Slider.nav.sprite.png) -212px 0 no-repeat; } .rotate #nav-controls #next:hover { background-position: -212px -76px; } .rotate #nav-controls #next:active { background-position: -212px -39px; } .rotate #nav-controls .pager { float:left; width:43px; height:38px; display:block; background:url(../images/Slider.nav.sprite.png) no-repeat; } .rotate #nav-controls #pager0 { background-position:-81px 0; } .rotate #nav-controls #pager0:hover { background-position:-81px -76px; } .rotate #nav-controls #pager0:active, .rotate #nav-controls #pager0.activeSlide { background-position:-81px -38px; top:0; } .rotate #nav-controls #pager1 { background-position:-124px 0; } .rotate #nav-controls #pager1:hover { background-position:-124px -76px; } .rotate #nav-controls #pager1:active, .rotate #nav-controls #pager1.activeSlide { background-position:-124px -38px; top:0; } .rotate #nav-controls #pager2 { background-position:-166px 0; } .rotate #nav-controls #pager2:hover { background-position:-166px -76px; } .rotate #nav-controls #pager2:active, .rotate #nav-controls #pager2.activeSlide { background-position:-166px -38px; top:0; } .li-spacing li { margin-bottom:2px; height:30px; line-height:30px; } .featuredItem { position:relative; margin-bottom:15px; behavior: url(PIE.htc); /*border: 1px #0093D0 solid; border-radius: 10px;*/ } .featuredItem a:hover { text-decoration: none; } .featuredItem h5 { font-weight: normal; background-color: #8ECA5D; color: #fff; padding: 10px; margin:0; } .featuredPrice { position: relative; bottom: 55px; width: 100%; text-align: center; font-size: 16px; color: #000 !important;} #spotlight div { width:40%; } #diaticTweets { padding-top:10px; } #navBreadCrumb { padding:1px 0; font-size:11.5px;} #homeRight { width:300px; float:right; padding-top:3px; } #homeLinks { width:290px; height:240px; background:url(../images/buttons.sprite.green.png) 0 -12px no-repeat; position:relative; margin-bottom:14px; } #homeLinks #meters { width:290px; height:49px; position:absolute; top:0; left:0; } #homeLinks #meters:hover, #homeLinks #meters:active { background:url(../images/buttons.sprite.green.png) -294px -12px no-repeat; } #homeLinks #sales { width:290px; height:49px; position:absolute; top:63px; left:0; } #homeLinks #sales:hover, #homeLinks #sales:active { background:url(../images/buttons.sprite.green.png) -294px -75px no-repeat; } #homeLinks #tools { width:290px; height:49px; position:absolute; top:127px; left:0; } #homeLinks #tools:hover, #homeLinks #tools:active { background:url(../images/buttons.sprite.green.png) -294px -139px no-repeat; } #homeLinks #resources { width:290px; height:49px; position:absolute; top:191px; left:0; } #homeLinks #resources:hover, #homeLinks #resources:active { background:url(../images/buttons.sprite.green.png) -294px -203px no-repeat; } /*#blueBox { width:301px; } #blueBoxTop { background:url('../images/home_form_top.png') no-repeat; height:15px; } #blueBoxContent { background:url('../images/home_form_repeat.png') repeat-y; padding:0 15px; height:100%;} #blueBoxBottom { background:url('../images/home_form_bottom.png') no-repeat; height:15px;} .smallBlueBox input { width:97%; } #blueBox label { float:none; } .submitSprite { background:url('../images/sprite_submit_bluebg.png') no-repeat; width:96px !important; height:31px; padding:0; margin:0; border:0px none !important; float:right; } .submitSprite:hover { background-position:bottom left; } #testamonial { padding:10px 0; } #contactUsForm { width:400px; } .smallBlueBox { width:271px; padding:10px 0; } .smallBlueBoxTop { background:url('../images/bluebox_top.jpg') no-repeat; height:3px; } .smallBlueBoxContent { background-color:#DDF1F8; padding:0 10px; height:100%; } .smallBlueBoxBottom { background:url('../images/bluebox_bottom.jpg') no-repeat; height:3px; }*/ #footer { padding:8px 5px; margin-top:10px; border-top:2px solid #818181; background-color:#E2E2E2; } .footerColumn { width:20%; float:left; } /** Start Pages **/ #pagesLeft { width:180px; float:left; padding-top:5px;} .pagesContent { width:785px; float:right; } .productlistingContent { width:785px; float:left; } #categoryIcon { float:left; width:150px; } .navNextPrevWrapper { width:240px; float:right; } #productInfoTop { padding-top:15px; } #productMainImage { padding-right:10px; } #productDescription { padding-top:5px; width:67%; float:left; } #cartAdd { width:32%; float:right; } #cartAdd ul { padding-top:10px; } #productListing { } #pagesContain { padding-top:5px; } .box { margin:0px 0; } .boxTop { background:url('../images/box_topline.png') repeat-x; width: 100%; height:11px; } .boxTopLeft { background:url('../images/box_topleft.png') no-repeat; float:left; height:11px; width:11px; } .boxTopRight { background:url('../images/box_topright.png') no-repeat; float:right; height:11px; width:10px;} .boxContent { background:url('../images/box_rightline.png') #fff top right repeat-y; } .boxContentTwo { background:url('../images/box_leftline.png') top left repeat-y; padding:3px 10px; } .boxBottom { background:url('../images/box_botline.png') repeat-x; height:11px; width: 100%; } .boxBotLeft { background:url('../images/box_botleft.png') no-repeat; float:left; height:11px; width:11px; } .boxBotRight { background:url('../images/box_botright.png') no-repeat; float:right; height:11px; width:10px; } .boxNoPad .box { margin-top:0; } .boxNoPad .boxContent { position:relative; top:-8px; margin-bottom:-15px; background-color:transparent; } .boxNoPad .boxContentTwo { padding:0 3px; } .boxNoPad .boxBottom { } /********************************* General Settings ***********************************/ .productListing-heading { font-weight:bold; padding:0px 6px;} .clear { clear:both; } .bold { font-weight:bold; } .underline { text-decoration:underline; } .italic { font-style:italic; } .caps { text-transform:uppercase; } .smallCaps { font-size:smaller; text-transform:uppercase; } .left { float:left; } .right { float:right; } .green { color:#7AC142; } .lightBlue { color:#0093D0; } .orange { color:#FF9900; } .red { color: #D00000; } .darkBlue { color:#004961 !important; } .head { margin-bottom:10px; } .noMargin { margin:0; } .grey { color:grey; } .textAlignRight { text-align:right; } .small { font-size:.875em; } .paddingTop { padding-top:10px; } .paddingBottom { padding-bottom:5px; } .center { text-align:center; } .insert { padding:0px 10px 10px 0px; } .third { width:30%; padding:5px; margin:2px; } .auto { margin:0 auto; } .homeThird { width:287px; margin-bottom:0px; } .half { width:49%; } .greenBottom { border-bottom:2px dotted #7AC142; } .arial { font-family:arial; font-size:10pt } .largeArial {font-family:arial; font-size:16pt } .twoThirds { width:66%; } .hiddenField { display:none; } .noBullet { list-style-image:none; } .productSpecialPrice { color:#D00000; } .normalprice { text-decoration: line-through; display: none; } .smallMargin { margin-bottom:5px; } .marginRight { margin-right:5px; } .marginLeft { margin-left:5px; } .messageStackError, .advisory, .messageStackCaution { border:2px solid #D00000; padding:2px; background-color:#FFCFCF; margin:10px 0; display:block; text-align:center; } .messageStackSuccess { border:2px solid #7AC142; background-color:#EDFFDF; padding:2px; margin:5px 0; display:block; text-align:center; } .dotted { border: 1px dotted #7AC142; } a img { display:block; } .cartProductDisplay, .cartQuantity, .cartTotalDisplay { text-align:center; } .blockClickable { cursor:pointer; } .caps { text-transform:uppercase; } .spaced { letter-spacing:1px; } /*.big {font-size:1.3em;}*/ /* Live Chat Button 10/22/2010 */ a#LiveChatButton0en img { width:176px; } /* new product listing styles 10/23/10 */ .listingDescription { width:659px; float:right; } label.attribsSelect { width:104px; float:left; line-height: 27px !important; font-weight:bold; color:#004961 !important; text-transform:uppercase; } .wrapperAttribsOptions { float:left; width:300px; } .wrapperAttribsOptions select { width: 185px;} #productAttributes { width:659px; clear:both; } .bgHover:hover { background-color:#DDF1F8; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; } .fixedHeight { height:216px; } #productDetailsList { border:2px solid #0093D0; -moz-border-radius: 5px; border-radius:5px; width:27%; } #productName { width:540px; float:right; font-size: 14pt !important;} .bgHover:hover { background-color:#DDF1F8; -moz-border-radius: 5px;-webkit-border-radius: 5px; } .fixedHeight { height:216px; } /**************************** Sprite Buttons *******************************************/ .spriteInput { padding:0; margin:0; cursor:pointer; border:0px none !important; } .spriteInput:focus { border:none; } .spriteInput:hover { text-decoration:none; } .spriteInput:active { background-position:-0px -99px; } .submit { background:url('../buttons/english/bigsprite.png'); width:96px; height:28px; display:block; text-decoration:none; background-position:0px -4px; } .submit:hover { background-position:-0px -37px; } .login { background:url('../buttons/english/bigsprite.png'); width:80px; height:29px; background-position:-0px -70px; } .login:hover { background-position:-0px -103px; } .goToCheckout { background:url('../buttons/english/bigsprite.png'); width:129px; height:29px; background-position:-0px -137px; } .goToCheckout:hover { background-position:-0px -170px; } .backToShopping { background:url('../buttons/english/bigsprite.png'); width:80px; height:35px; background-position:-0px -197px; width: 130px; height: 35px; background-position: 0px -200px; } .backToShopping:hover { background-position:-0px -233px; } .estimateShipping { background:url('../buttons/english/bigsprite.png'); width:128px; height:29px; background-position:-0px -338px; display:block; } .estimateShipping:hover { background-position:-0px -371px; } .continueCheckout { background:url('../buttons/english/bigsprite.png'); width:128px; height:28px; background-position:-0px -405px; } .continueCheckout:hover { background-position:-0px -438px; } .refresh { background:url('../buttons/english/bigsprite.png'); width:42px; height:28px; background-position:-0px -472px; } .refresh:hover { background-position:-0px -505px; } .confirmOrder { background:url('../buttons/english/bigsprite.png'); width:110px; height:29px; background-position:-0px -539px; display:block; } .confirmOrder:hover { background-position:-0px -572px; } .edit { background:url('../buttons/english/bigsprite.png'); width:54px; height:29px; background-position:-0px -606px; display:block; } .edit:hover { background-position:-0px -639px; } .buttonBack { background:url('../buttons/english/bigsprite.png'); width:54px; height:29px; background-position:-0px -673px; display:block; cursor:pointer; } .buttonBack:hover { background-position:-0px -706px; } .update { background:url('../buttons/english/bigsprite.png'); width:71px; height:29px; background-position:-0px -740px; } .update:hover { background-position:-0px -773px; } .addAddress { background:url('../buttons/english/bigsprite.png'); width:101px; height:29px; background-position:-0px -807px; display:block; } .addAddress:hover { background-position:-0px -840px; } .delete { background:url('../buttons/english/bigsprite.png'); width:67px; height:29px; background-position:-0px -874px; display:block; } .delete:hover { background-position:-0px -907px; } .addToCart { background: url('../buttons/english/sprite_addtocart.png') no-repeat; height:31px; width:96px !important; padding:0; margin:0; border:0px none !important; cursor:pointer; } .addToCart:hover { background-position:bottom left; } /********************************End Sprite Buttons ************************************/ .totalBox { float:right; width:60%; font-size:1.2em; color:#D00000; padding-bottom:8px;} .lineTitle { float:left; width:40%; font-size:1.2em; color:#004961; padding-bottom:8px; } /******************************** End General Settings ********************************/ /*********************************** Type Settings ************************************/ h1,h2,h3,h4,h5,h6 { font-weight: normal; } h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 1.5em; margin-bottom: 0.75em; } h3 { font-size: 1.25em; line-height: 1; margin-bottom: 1em; } h4 { font-size: 1em; line-height: 1.1; margin-bottom: .75em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } p { margin: 0 0 1.5em; line-height:1.25em; } strong { font-weight: bold; } em,dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; } a { color:#0093D0; text-decoration:none; outline:none; } a:hover { text-decoration:underline; } /*a:active { position: relative; top: 1px; }*/ /********************************* End Type Settings ***********************************/ /********************************* List Settings **************************************/ .redCircle { list-style-image:url("../images/rewards_redbullet.png"); padding:0 0 .5em 1.5em; } .blueCircle { list-style-image:url("../images/bluebullet.png"); padding:.5em 0 .5em 2em; } /******************************* End List Settings **************************************/ /********************************* Form Settings *****************************************/ .loginInput { width:97%; } label { display:block; float:left; width:34%; line-height:22px; } input { height:20px; padding:2px 0px 0px 0px; margin:0px; } input.email-format-text { float:left; width:10%; } label.radioButtonLabel { float:left; } select { height:28px; padding:3px; margin:0px; } input:focus, textarea:focus { border:2px solid #7AC142; background-color:#F3F3F3; } .checkout label { width:45%; } .checkout fieldset { padding:5px 0; } .callout-box fieldset.back {padding: 5px; width: auto} .alert {color: red} /********************************** End Form Settings ************************************/ /*********************************** Footer Logo *****************************************/ .siteBy { font-size:smaller; font-family:arial; letter-spacing:1px; line-height:28px; margin-right:3px; float:right; } .nologyFooter { opacity:.5; -khtml-opacity: 0.5; -moz-opacity: 0.5; text-decoration:none; margin-top:5px; } a.nologyFooter { display:block; float:right; border:none; } a.nologyFooter:hover { opacity:1; -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100) filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; } /* Copyright (c) 2006 Yahoo! Inc. All rights reserved. */ /* first or middle sibling, no children */ .ygtvtn { width:1em; height:20px; } /* first or middle sibling, collapsable */ .ygtvtm { background: url(../images/menu/collapse.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer } /* first or middle sibling, collapsable, hover */ .ygtvtmh { background: url(../images/menu/collapseh.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer } /* first or middle sibling, expandable */ .ygtvtp { background: url(../images/menu/expand.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer } /* first or middle sibling, expandable, hover */ .ygtvtph { background: url(../images/menu/expandh.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer } /* last sibling, no children */ .ygtvln { width:1em; height:20px; } /* Last sibling, collapsable */ .ygtvlm { background: url(../images/menu/collapse.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer } /* Last sibling, collapsable, hover */ .ygtvlmh { background: url(../images/menu/collapseh.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer } /* Last sibling, expandable */ .ygtvlp { background: url(../images/menu/expand.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer } /* Last sibling, expandable, hover */ .ygtvlph { background: url(../images/menu/expandh.gif) 0 6px no-repeat; width:1em; height:22px; cursor:pointer } /* Loading icon */ .ygtvloading { background: url(../images/menu/loading.gif) 0 6px no-repeat; width:1em; height:22px; } /* the style for the empty cells that are used for rendering the depth * of the node */ .ygtvdepthcell { width:1em; height:20px; } .ygtvblankdepthcell { width:1em; height:20px; } /* the style of the div around each node */ .ygtvitem { border: 0px solid grey; } /* the style of the div around each node's collection of children */ .ygtvchildren { } * html .ygtvchildren { height:1%; } /* the style of the text label in ygTextNode */ .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { /* margin-left:2px; text-decoration: none; */ } .current { font-weight: bold; } .callout-box, #productDescription.callout-box { width: 100%; margin-bottom: 20px; } .callout-box .back { border: 1px solid #0093D0; border-top:none; width: 100%; margin: 0; } .callout-box .back p { padding: 10px; } .callout-box fieldset.back p { padding: 5px 10px 5px 0; margin: 0; } .callout-box li { list-style: disc; padding: 10px 5px 10px 0px; margin-left: 20px; } .callout-box h2.italic.lightBlue.paddingTop { display: none; } .callout-box h4, .callout-box h2 { behavior: url(PIE.htc); background-color: #0093D0; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #FFFFFF !important; padding: 6px 10px; width: auto; } .callout-box.specifications ul { padding: 5px 0; } .callout-box.specifications li { list-style: none; margin: 0px; padding: 10px; } .callout-box.specifications li.odd{ } .callout-box.specifications li.even{ background-color: #E2E2E2; } .blockClickable { text-align: center; min-height:250px; } .blockClickable h3.itemTitle{ font-size: 1em; } .blockClickable a { font-size: 1.1em; display: block; height: 70px; overflow: hidden; } .blockClickable a img { margin: 0 auto; } .blockClickable:hover { background: transparent; } .callout-box strong, .blockClickable strong { display: block; margin: 7px 0 7px 0; } .callout-box a.gradient-button { margin: 0px 0 7px 0; } .callout-box .blockClickable a.gradient-button, a.gradient-button, input.gradient-button { min-height: 0px; font-size: 12px; cursor: pointer; /*behavior: url(PIE.htc);*/ border: 1px #006993 solid; border-radius: 4px; display: inline-block; background: #4fbdde; padding: 5px 8px; color: #fff; font-weight: normal; text-decoration: none !important; text-shadow: 1px 1px 1px #6a6a6a; filter: dropshadow(color=#6a6a6a, offx=1, offy=1); background: -moz-linear-gradient(top, #4fbdde 0%, #33add9 4%, #34acda 20%, #2fa9d8 40%, #23a3d7 60%, #0997d2 92%, #37afda 96%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fbdde), color-stop(4%,#33add9), color-stop(20%,#34acda), color-stop(40%,#2fa9d8), color-stop(60%,#23a3d7), color-stop(92%,#0997d2), color-stop(96%,#37afda)); background: -webkit-linear-gradient(top, #4fbdde 0%,#33add9 4%,#34acda 20%,#2fa9d8 40%,#23a3d7 60%,#0997d2 92%,#37afda 96%); background: -o-linear-gradient(top, #4fbdde 0%,#33add9 4%,#34acda 20%,#2fa9d8 40%,#23a3d7 60%,#0997d2 92%,#37afda 96%); background: -ms-linear-gradient(top, #4fbdde 0%,#33add9 4%,#34acda 20%,#2fa9d8 40%,#23a3d7 60%,#0997d2 92%,#37afda 96%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fbdde', endColorstr='#37afda',GradientType=0 );*/ background: linear-gradient(top, #4fbdde 0%,#33add9 4%,#34acda 20%,#2fa9d8 40%,#23a3d7 60%,#0997d2 92%,#37afda 96%); } .callout-box .blockClickable a.gradient-button:hover, a.gradient-button:hover, input.gradient-button:hover{ background: #4bbae1; background: -moz-linear-gradient(top, #4bbae1 0%, #4eb9e3 36%, #4ab7e2 55%, #31acdf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4bbae1), color-stop(36%,#4eb9e3), color-stop(55%,#4ab7e2), color-stop(100%,#31acdf)); background: -webkit-linear-gradient(top, #4bbae1 0%,#4eb9e3 36%,#4ab7e2 55%,#31acdf 100%); background: -o-linear-gradient(top, #4bbae1 0%,#4eb9e3 36%,#4ab7e2 55%,#31acdf 100%); background: -ms-linear-gradient(top, #4bbae1 0%,#4eb9e3 36%,#4ab7e2 55%,#31acdf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bbae1', endColorstr='#31acdf',GradientType=0 ); background: linear-gradient(top, #4bbae1 0%,#4eb9e3 36%,#4ab7e2 55%,#31acdf 100%); } .blockClickable a.gradient-button { top: 25px; height: 16px; } .blockClickable .listingProductImage a { height: inherit; } #categories .blockClickable a{ height: 150px; } .add-cart-pricing { padding: 20px; float: right; width: 500px; height: 200px; /*background-color: #F3F3F3;*/ background-color: #EEE; border-radius: 10px; margin-bottom: 10px; } .add-cart-pricing table { float: right; width: 295px; margin-bottom: 20px; } .add-cart-pricing table td { text-align: right; } .add-cart-pricing table td.label { text-align: left; } .add-cart-pricing table td.list-price { text-decoration: line-through; } .add-cart-pricing p { float: right; } .add-cart-pricing table td.you-save { color: red; } .add-cart-pricing table td.our-price { font-weight: bold; } .add-cart-pricing table td.total { border-top: 1px solid #000; font-size: 1.5em; line-height: 2em; font-weight: bold; } .add-cart-pricing table td.total .label { font-weight: normal; } .add-cart-pricing .wrapperAttribsOptions { float: right; text-align: right; } .add-cart-pricing div.back { margin: 0; padding: 0; float: left; margin-left: 10px; } .add-cart-pricing div.left { float: right; margin-top: 12px; } .add-cart-pricing .confidence { float: left; } .add-cart-pricing .confidence li { list-style: disc; padding-bottom: 10px; margin-left: 10px; } .add-cart-pricing .addToCart { margin: 0 0 0 10px; } #cartContentsDisplay tr, #cartContentsDisplay td{ border: 1px solid #0093D0; border-left: none; border-right: none; } #cartContentsDisplay, #cartContentsDisplay tbody{ border: 1px solid #0093D0; } #cartContentsDisplay, #cartContentsDisplay tbody tbody{ border: none none transparent; } #cartContentsDisplay table { width: 100%; } #cartContentsDisplay table tr, #cartContentsDisplay table td { border: 0px none transparent !important; } #cartContentsDisplay td { padding: 2px; vertical-align: middle; } #cartContentsDisplay .rowEven td,#cartContentsDisplay .rowOdd td{ text-align: center; } #cartContentsDisplay th { background-color: #0093D0; color: #fff; vertical-align: middle; } .total-item { padding-right: 10px; font-size: 1.2em; line-height: 2em; text-align: right; font-weight: bold; } .total-value{ background-color: #F3F3F3; font-size: 1.1em; line-height: 2em; text-align: center; } .cartProductDisplay a { margin: 0 auto; width: 200px; display: block; } .listingProductImage, .blockClickable a.image, .blockClickable a img { height: 100px; width: auto; } .google-checkout input { height: auto; } #orderTotals { overflow: auto; border: 1px solid #0093D0; border-top: none; } #orderTotals div { border: 1px solid #0093D0; border-left: none; border-right: none; overflow: auto; padding: 0; margin: 0; } #orderTotals br { display: none; } #orderTotals .totalBox { border: none; float: right; background-color: #F3F3F3; font-size: 1.1em; line-height: 2em; text-align: center; color: #000; width: 75px; padding: 0; } #orderTotals .lineTitle { border: none; float: left; font-size: 1.2em; font-weight: bold; line-height: 2em; padding-right: 10px; text-align: right; color: #000; width: 650px; padding: 0; } .cartIcon { background:url('../images/cart-icon.png') no-repeat; width:42px;line-height: 25px;text-align: center;width: 34px;padding-left: 4px;} .rotate .blockClickable a { font-size: inherit; display: block; min-height: 1px; } #checkoutConfirmDefault #orderTotals .lineTitle { width: auto; } .itemTitle .gradient-button { top: 30px; position: relative; } .itemTitle .featuredPrice { bottom: 35px; position: relative; } #categories .blockClickable { min-height: 150px; border: 1px solid #39A9D8; border-radius: 5px; behavior: url(PIE.htc); padding: 0px; margin: 5px; } .checkout .submit { height: 35px; float: right; } .checkout legend { font-weight: bold; } .important { font-weight: bold; color: red; } .pagesContent .callout-box h4 { margin-right: -2px; } #billingField, #shippingField, #contactDetails, #checkoutButtons, #noAccountReferral, #noAccountDOB { width: 47.5%; } #billingField { float: left; margin-bottom: 2%; } #shippingField { float: right; margin-bottom: 2%; } #contactDetails { float: left; } #noAccountReferral { float: right; } #noAccountDOB { float: right; } #checkoutButtons { float: right; margin-top: 3.5%; } #checkoutButton input { padding-top: 5px; } .alert { padding: 0 5px 0 0; } fieldset { margin: 0; padding: 0; } #productAdditionalImages { display: none; } /*a:active { position: static !important;}*/ address {width: 200px;} .secondaryBar { width: 390px; height: 36px; float: right; margin-right: 10px; background: url(/includes/templates/diatic/images/navbar.buttons.png); } .secondaryBar a.left{ width: 125px; display: block; height: 36px; float: left; text-indent: -1000px; overflow: hidden; cursor: pointer; } .secondaryBar a.middle{ width: 170px; display: block; height: 36px; float: left; text-indent: -1000px; overflow: hidden; cursor: pointer; } .secondaryBar a.right{ width: 85px; display: block; height: 36px; float: left; text-indent: -1000px; overflow: hidden; cursor: pointer; } .update-cart { background: url(/includes/templates/diatic/images/updatecart.button.png); border: 0; width: 98px; height: 30px; margin-top: -1px; text-indent: -1000px; overflow: hidden; cursor: pointer; } #quantity-button {float: left; margin-top: 20px; width: 125px; margin-left: 5px}