/* Generic CSS */
.hidden { display: none !important; }
html, body, blockquote, div, form, img, input, h1, h2, h3, h4, h5, h6, p {font-family: verdana, sans-serif;font-size: 12px; padding: 0; margin: 0;}
body {background: #ebebeb;text-align: center;color: #333;}
body.empty {background: #fff;}
a {color: #333;}
a:hover { text-decoration: none; }
a img {border: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;padding-left: 5px;}

.clearfix:after {content: "."; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.clearfix {min-height: 1px; height: auto !important; height: 1px;}
.noBorder {border: none;}
ul.noListStyle {list-style: none;}

.error {color: #d40000;}
.alignCenter {text-align: center;}
.floatRight {float: right;}
.floatLeft {float: left;}
p.center {text-align: center;padding: 5px 40px;border-top: 1px solid #ddd;}
.topBlueLine {border-top: 1px solid #369;}
.strike {text-decoration: line-through;}
.hidden {display: none;}
div.showMoreHider {height: 0px;overflow:hidden; -moz-opacity: 0; opacity: 0;}
div.showMoreHiderOpen {height: auto;overflow: visible;filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

div.contactUsBox {margin: 30px 40px 0 0;_margin: 30px 20px 0 0;float: right;width: 181px;padding-top: 4px;background: url(/Assets/img/modules/module_checkout-contact_top.gif) top left no-repeat;}
div.contactUsBox div.content {font-size: 11px;margin:0 !important;padding:0 10px;background: url(/Assets/img/modules/module_checkout-contact_repeat.gif) top left repeat-y;}
div.contactUsBox div.content p {font-size: 11px;padding: 8px 0;}
div.contactUsBox div.content strong {display: block;padding: 2px 0}
div.contactUsBox div.content strong.big {font-size: 16px;margin-bottom: 3px;}
div.contactUsBox div.content a {display: block;margin: 10px 0 0;}
div.contactUsBox div.bottom {height: 6px;width: 181px;background: url(/Assets/img/modules/module_checkout-contact_bottom.gif) top left no-repeat;}

div.HomeContentContainer div.HomeContent div.contactUsBox {margin:  10px auto;float: none;}
div.HomeContentContainer div.HomeContent div.contactUsBox strong {padding: 10px 10px;font-size: 14px;}


/* Page Structure */
div.shell div.footer {padding: 14px 0;}
div.shell div.footer ul {display: inline;margin-left: -14px;}
div.shell div.footer ul li {display: inline;border-right: 1px solid #676767;padding: 0 7px;text-transform: uppercase;font-size: 10px;}
div.shell div.footer ul li.last {border: none;}
div.shell div.footer ul li a {text-decoration: none; font-size: 10px;color: #676767;padding: 0;}
div.shell div.footer ul li a:hover {text-decoration: underline;}
div.shell div.footer p {margin-top: 15px;font-size: 10px;}
div.shell div.footer p a { text-decoration: underline; }
div.shell div.footer p a:hover { text-decoration: none; }

div.shell div.gateway ul li a {color: #003399;text-decoration: underline;text-transform:none;}
div.shell div.gateway ul li a:hover { text-decoration: none; }
div.mainContainer {width: 953px;margin: 0 auto;text-align: left;background: #fff;border: 1px solid #ccc;border-top-color: #fff;}
div.contentContainer {margin: 5px 17px 18px;}

.header {position: relative; z-index:97; padding-top: 5px;}
.header .logo {float:left;height:70px;padding-bottom:15px;*padding-bottom:5px;}
.header .noTable {padding-bottom:5px; }
.header .logo a { text-decoration: none; }
.header h1 {float:left;font-size:0px;width:110px;height:70px;}
.header .allBrandLogos { float: none;}
.header .allBrandLogos h1 { float: none; height: auto; width: auto; text-align: center; margin-bottom: 0;}
.header .allBrandLogos h1 a { margin: 0 20px;}
.header h2 {float:left;font-size:0px;display:block;width:412px;height:30px;margin:40px 0px 0px 15px;}
.header .login-nav { position: absolute; right: 3px; height: 77px; min-width: 200px; margin-bottom: 0; }
.header .login-nav ul {float: right; list-style: none; padding: 0; margin: 0;}
.header .login-nav ul li {float: left;font-size: 10px;text-transform: uppercase;color: #888;padding: 0 7px; border-left: 1px solid #888; margin: 0;}
.header .login-nav li.first {border-left: none;}
.header .login-nav ul li.last {padding-right: 0;}
.header .login-nav ul li a {color: #888; text-decoration: none;}
.header .login-nav ul li a:hover {text-decoration: underline;}
.header .login-nav li strong a {text-transform: capitalize;text-decoration: underline;}
.header .login-nav li.signIn strong a { text-decoration: underline; }
.header .login-nav li.signIn strong a:hover { text-decoration: none; }
/*
.gatewayHeader {}
.gatewayHeader ul {margin: 100px 0 10px 0;}
*/

div.mainNavigation ul {margin: 10px 0 0 0;position: relative;padding: 0;border-style: solid; border-width: 1px 1px 0 1px;color: #fff;}
div.mainNavigation ul li {float: left;}
div.mainNavigation ul li.last {font-size: 10px;padding: 5px 0 6px 24px;float: right; background-position: 7px 6px; background-repeat: no-repeat; }
div.mainNavigation ul li a {position: relative;display: block; border-style: solid; border-width: 0 1px 1px 0;margin-right: 0px;padding: 4px 6px;text-decoration: none;text-transform: capitalize; font-weight: bold;color: #fff;}
div.mainNavigation ul li a.changeZip:hover { color: #fff; background-color: transparent; text-decoration: none; }

div.mainNavigation ul li.active a {border-bottom: 1px solid #fff;background: #fff;}
div.mainNavigation ul li.last a {display: inline;border: none;text-decoration: underline;font-weight: normal;}
div.mainNavigation ul li.Home {background-image: url(/Assets/img/icon/icon_home.gif); }
div.mainNavigation ul li.Office {background-image: url(/Assets/img/icon/icon_office.gif); }

div.NoTabs ul {margin: 0;border: none;color: #636363; background-color: transparent !important; }
div.NoTabs ul li a {color: #898989}
div.NoTabs ul li a:hover { text-decoration: none; color: #898989 !important; }
div.NoTabs ul li.Home {background: url(/Assets/img/icon/icon_home-dark.gif) 7px 6px no-repeat;}
div.NoTabs ul li.Office {background: url(/Assets/img/icon/icon_office-dark.gif) 7px 6px no-repeat;}

div.pageContent {padding: 5px 0 5px 5px; min-height: 500px; border-style: solid; border-width: 0 1px 1px 1px;}
body.gateway div.pageContent, body.checkout div.pageContent {min-height: 100px;_height:100px;}
body.empty div.pageContent {border: 1px solid #fff;}
body.empty div.mainContainer {border: none;}
/* Page Structure Ends*/

/* Homepage Styles */
div.HomeContentContainer div.leftImage {float: left; width: 336px;}
div.HomeContentContainer div.HomeContent {float: left; width: 575px;}
div.noPSPPromoContainer div.HomeContent {float: left; width: 393px;}
div.HomeContentContainer div.HomeContent div.noPSPPromo {float: right;margin-right: 5px;width: 177px;}
div.HomeContentContainer div.centerTheContent {text-align: center;padding: 0 100px;}
div.noPSPPromoContainer div.HomeContent div.centerTheContent {padding: 0 10px;}
div.noPSPPromoContainer div.HomeContent p {font-size: 10px;text-align: center;}
div.HomeContentContainer div.centerTheContent {}
div.HomeContentContainer div.centerTheContent h2 {margin: 40px 0 5px;}
div.noPSPPromoContainer div.HomeContent div.centerTheContent h2 {margin: 15px 0 5px;}
div.HomeContentContainer div.centerTheContent a.GetStartedTodayPixy {margin: 15px auto;}
div.HomeContentContainer div.centerTheContent ul {margin: 15px 10px 0 10px;padding: 0;}
div.HomeContentContainer div.centerTheContent ul li {border-bottom: 1px solid #d0d0d0; padding: 7px 0;font-size: 11px;}
div.HomeContentContainer div.HomeContent div.Arrow {font-size: 11px;text-align: center;margin: 5px 0 0 60px;padding: 2px 0 4px;background: url(/Assets/img/bg/bg_cart_arrow.gif) top left no-repeat;}

div.HomePageModulesContainer {background: url(/Assets/img/bg/bg_homepage_modules-bg.gif) 0 0 repeat-y; margin: 5px 0 0 0;}
div.HomePageModulesContainer div.Module { width: 302px; float: left; background-position: 0 0; background-repeat: repeat-x; }
div.HomePageModulesContainer div.Module .hiddenText { display: block; text-indent: -9999px; }
div.HomePageModulesContainer div.Module .moduleInner { min-height: 150px; _height: 150px; }
div.HomePageModulesContainer div.Module1 .moduleInner { margin-right: 2px; }
div.HomePageModulesContainer div.Module2 .moduleInner { margin-right: 4px; }
div.HomePageModulesContainer div.Module h3, div.HomePageModulesContainer div.Module h2 { padding: 9px 0 4px 7px; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase;}
div.HomePageModulesContainer div.Module p { color: #707070; font-size: 10px; line-height: 15px; }
div.HomePageModulesContainer div.Module p a { color: #707070; }
div.HomePageModulesContainer div.Module a:hover { text-decoration: none; }

div.HomePageModulesContainer div.Module .officeBenefits p { padding: 25px 122px 0pt 8px; }
div.HomePageModulesContainer div.Module .needHelpOfficeBottle { background-position: 100% 2px; background-repeat: no-repeat; }
div.HomePageModulesContainer div.Module .needHelpOfficeBottle p { padding: 21px 199px 0 8px; }
div.HomePageModulesContainer div.Module .needHelpHomeBottle { background-position: 205px 2px; background-repeat: no-repeat; }
div.HomePageModulesContainer div.Module .needHelpHomeBottle p { padding: 45px 120px 0pt 8px; }
div.HomePageModulesContainer div.Module .howWaterDeliveryWorks { background-position: 0 40px; background-repeat: no-repeat; }
div.HomePageModulesContainer div.Module .twoFreeCases, .riskFreeTrial { background-position: 0 40px; background-repeat: no-repeat; }
div.HomePageModulesContainer div.Module .dykWatermelon { background: url( ../img/modules/module_dyk-watermelon.jpg ) 0 34px no-repeat; }
div.HomePageModulesContainer div.Module .freeCups { background: url( ../img/modules/mod_promo-free-cups.jpg ) 0 34px no-repeat; }
div.HomePageModulesContainer div.Module .stainlessSteel { background: url( /App_Themes/icemountain/Assets/img/module/module_stainless-steel.jpg ) 100% 0 no-repeat; }
div.HomePageModulesContainer div.Module .stainlessSteel .content { padding: 10px 0 0 0; }
div.HomePageModulesContainer div.Module .stainlessSteel p.burst { padding: 24pt 46pt 0pt 94px; background: url( ../img/modules/module_stainless-upgrade.jpg ) 0 0 no-repeat; }

/* Page Column Structure */
div.twoColumns div.largeCol {float: left;width: 730px;margin-right: 7px;padding-top: 10px;}
div.twoColumns div.smallCol {float: left;width: 173px;}

h1.gatewayHeading, h2.gatewayHeading {color: #fff;font-size: 16px;font-weight: bolder;margin-right: 5px;padding: 5px;}
h2.friendsGatewayHeading {background-color: #369; color: #fff;font-size: 16px;font-weight: bolder;margin-right: 5px;padding: 5px;}
div.gatewayContentWrapper {background: url(/assets/img/bg/bg_gateway-nature.jpg) -2px -1px no-repeat;}
div.friendsGatewayContentWrapper {background: url(/Assets/img/bg/bg_gateway-friends-and-family.jpg) -2px -1px no-repeat;}

div.gatewayContentWrapper h2, div.gatewayContentWrapper h3.pix19 {font-size: 19px;font-weight: bold;text-align: center;}
div.gatewayContentWrapper p, div.gatewayContentWrapper h3 {text-align: center;margin: 7px 0;font-size: 11px;}
div.gatewayContentWrapper div.alignLeft h3, div.gatewayContentWrapper div.alignLeft p {text-align: left;padding:0;margin: 10px 30px;}
div.gatewayContentWrapper div.hasTable h3, div.gatewayContentWrapper div.hasTable p {margin: 5px 30px;}
div.gatewayContentWrapper div.hasTable h3 {margin-top: 10px;}

div.gatewayContentWrapper div.hasTable p.topBlueLine {margin: 0 30px 3px; padding-top: 3px;}

div.gatewayContentWrapper div.alignLeft p.center {text-align: center;font-size: 11px;padding-top: 8px;}
div.gatewayContentWrapper div.pushRight {padding: 20px 0 30px 250px;_padding: 20px 0 30px 260px;}

div.gatewayContentWrapper table.zipPageTable {margin: 0 30px 5px;padding-top: 10px;}
div.gatewayContentWrapper table.zipPageTable p {margin: 0 0 5px;padding-left: 30px;}
div.gatewayContentWrapper table.zipPageTable td {vertical-align: top;font-size: 10px;}
div.gatewayContentWrapper table.zipPageTable td strong {display: block; }


div.gatewayContentWrapper div.alignLeft {padding: 1px 0 10px 250px;_padding: 20px 0 30px 260px;}

div.gatewayContentWrapper div.zippers {margin: 20px 0 0 25px;}
div.gatewayContentWrapper div.alignLeft div.zippers {margin: 15px 0 0 25px;}
div.gatewayContentWrapper div.zipperWrapper {float: left;width: 267px;padding-top: 8px;margin-right: 50px;}
div.gatewayContentWrapper div.officeZipper {width: 266px;_margin-right: 0px;}
div.gatewayContentWrapper div.homeZipper div.content { margin-left:1px; }
div.gatewayContentWrapper div.zipperWrapper h3 {text-align: left;color: #fff;font-size: 15px;padding: 0  0 4px 0;margin: 0; font-weight: bold;}
div.gatewayContentWrapper div.zipperWrapper h3 span {padding: 0 0 0 25px;background: url(/Assets/img/icon/icon_home.gif) 10px 5px no-repeat;}
div.gatewayContentWrapper div.officeZipper h3 span {background: url(/Assets/img/icon/icon_office.gif) 10px 5px no-repeat;}
div.gatewayContentWrapper div.zipperWrapper div.content {font-size: 11px;padding: 10px 5px 45px;_padding: 10px 5px 54px;border: 1px solid #0f406f;}
div.gatewayContentWrapper div.officeZipper div.content {padding: 10px 5px 7px;}
div.gatewayContentWrapper div.zipperWrapper div.content input {width: 105px;padding: 2px 0;margin: 0}
div.gatewayContentWrapper div.zipperWrapper div.content table tr td {padding: 4px 2px;text-align: right;}
div.gatewayContentWrapper div.zipperWrapper div.content table tr td.leftAlign {text-align: left;}
div.gatewayContentWrapper div.zipperWrapper div.content table tr td span {color: #666666;font-size: 10px;}
div.gatewayContentWrapper div.zipperWrapper div.content span.radio input {width: auto;vertical-align: middle;}
div.gatewayContentWrapper div.zipperWrapper div.content span.radio {display: block;padding: 1px 0;_padding: 0;}

/* Page Headings for "Steps" pages */

div.pageHeading h3, div.pageHeading div.pageHeadingData {font-weight: normal;float: left;width: 550px;margin: 5px 0;}
div.pageHeading div.fullPageHeadingData {font-weight: normal;width: 700px;margin: 5px 0;padding-left: 5px;padding-right: 2px; }
div.pageHeading h3, div.pageHeading div.pageHeadingData {padding-left: 5px;padding-right: 2px; }
div.pageHeading div.iconDiscount {margin-left: 5px;padding:5px 0 0 25px;width: 680px; background: url(/Assets/img/icon/icon_discount.gif) center left no-repeat;}
div.pageHeading div.iconDiscount table.discount tr td.padd {padding-left: 10px}
div.pageHeading div.pageHeadingData ul {margin: 0;padding: 0 0 0 20px;}
div.pageHeading div.pageHeadingData ul li {padding: 1px 0;}
div.pageHeading h3 a {}
div.pageHeading h3 { float: left; width: 565px; }
div.pageHeading div.pita { padding-left: 10px; float: right;width: 143px;background: url(/Assets/img/misc/vertical-grey-dots.gif) top left repeat-y; }
div.pageHeading div.pita a {margin:3px 0 3px;}
div.pageHeading div.pita table tr td.pixy {_padding:3px 0 3px; padding-left: 8px; }
div.pageHeading div.pita table tr td.pixy a { margin: 0; }

/* Secondary Tabbed Nav for the "Step 3 - Other Products" page */
div.twoColumns div.largeCol div.content {margin: 15px 0 0 5px;}
div.twoColumns div.largeCol div.content div.secondaryNavWrapper {border-top: 1px solid #1b306a;padding-top:0px;}
div.twoColumns div.largeCol div.content ul.secondaryNav {margin:0;padding:0;position: relative;border: 1px solid #1b306a;border-width: 0 1px 0 1px;color: #fff;}
div.twoColumns div.largeCol div.content ul.secondaryNav li {margin:0;padding:0;display: inline;}
div.twoColumns div.largeCol div.content ul.secondaryNav li.mostPopular a {color: #f68e56 !important;}
div.twoColumns div.largeCol div.content ul.secondaryNav li a {color: #fff; border: 1px solid #fff;border-width: 0 1px 0 1px;position: relative;top: 1px;margin: 0 1px 0 0;display: block;float: left;padding: 3px 11px;font-weight: bold;color: #fff;text-decoration: none;}
div.twoColumns div.largeCol div.content ul.secondaryNav li a:hover { background-color:#fff}
div.twoColumns div.largeCol div.content ul.secondaryNav li a.active {padding: 3px 15px 3px 14px; border-bottom: 1px solid #fff;background: #fff;color: #333;}
div.twoColumns div.largeCol div.content ul.secondaryNav li.last a {margin-right: 0;}
.mac div.twoColumns div.largeCol div.content ul.secondaryNav li a.active { padding: 3px 12px 3px 13px; }
/* Secondary Tabbed Nav for the "Step 3 - Other Products" page ENDS HERE*/

div.popIn {position: absolute;z-index: 100;width: 280px;text-align: left;}
div.popInTop {background: url(/Assets/img/modules/module_checkout_top.gif) top left no-repeat;height: 4px;_margin: 0 0 -10px 0;}
div.popIn div.popInContent {background: url(/Assets/img/modules/module_checkout_repeat.gif) top left repeat-y;min-height: 50px;margin: 0 0 0 0;padding: 0;}
div.popIn div.popInContent div {padding: 0 10px 10px;font-size: 11px;}
div.popIn div.popInContent strong {display: block;padding: 10px 10px 0;font-size: 11px;}
div.popIn div.popInContent a.close {float: right;position:relative;height: 9px;width: 44px;left: -12px; top: 3px; }
div.popInBottom {background: url(/Assets/img/modules/module_checkout_bottom.gif) top left no-repeat;height: 4px;}
/* Page Content Styles for Steps 1 and 2 Start here */
div.optionsContainer {padding-bottom: 10px;}
div.optionsContainer div.option {margin-top: 5px;}
div.optionsContainer div.option h4 {background: #369;color: #fff;font-weight: bold;padding: 1px 0 1px 5px;text-transform: uppercase;font-size: 14px;}
div.optionsContainer div.option div.optionContent {}

div.optionsContainer div.option div.DispenserContainer {padding: 20px 0 20px;_height: 150px;_overflow: hidden;}
div.optionsContainer div.option div.DispenserContainer div.Dispenser {width: 157px;float: left;margin-right: 20px;min-height: 160px;_height: 15px;}
div.optionsContainer div.option div.DispenserContainer div.Dispenser div.image img {border: 1px solid red;}
div.optionsContainer div.option div.DispenserContainer div.dispenserContent {width: 88px;float: left;margin: 6px 0 0px 3px;}
div.dispenserContent {font-size: 11px;font-weight: bold;}
div.dispenserContentHeader {display: block;font-size: 11px;font-weight: bold;}
div.optionsContainer div.option div.DispenserContainer div.dispenserContent a {color: #707070;display: block;font-size: 9px}
div.optionsContainer div.option div.DispenserContainer div.dispenserContent div.accentImage {height: 58px;vertical-align: bottom;}
div.optionsContainer div.option div.DispenserContainer div.image {width: 45px;float: left;margin: 5px 0 0 15px;_margin: 5px 0 0 10px;}
div.optionsContainer div.option div.DispenserContainer div.ActiveDispenser {background: url(/Assets/img/bg/bg_cooler_rollover.gif) top left no-repeat;}
div.optionsContainer div.option div.DispenserContainer div.SelectedDispenser div.Dispenser  {background: url(/Assets/img/bg/bg_cooler_rollover_selected.gif) top left no-repeat !important;}

div.optionsContainer div.option div.optionContent div.item {width: 119px;float: left;font-weight: bold; text-align: center;}
div.optionsContainer div.option div.optionContent div.item img {}
div.optionsContainer div.option div.optionContent div.item p {margin-top: -15px;}
div.optionsContainer div.option div.optionContent div.itemDescriptionContainer {width: 605px; float: left;}
div.optionsContainer div.option div.optionContent div.itemDescriptionContainer div.itemDescription {background: url(/Assets/img/bg/bg_dotted_blue.gif) top left repeat-x;padding: 12px 0 10px 7px;}
div.optionsContainer div.option div.optionContent div.itemDescriptionContainer div.ActiveDispenserRow,div.optionsContainer div.option div.optionContent div.itemDescriptionContainer div.SelectedDispenserRow {background: #efefef url(/Assets/img/bg/bg_dotted_blue.gif) top left repeat-x; }
div.optionsContainer div.option div.optionContent div.itemDescriptionContainer div.noBorder {background: none;}

div.option div.showMoreBar, div.option div.showMoreBarNoAnimate{background: #ccebff url(/Assets/img/bg/bg_dotted_blue.gif) top left repeat-x;}
div.option div.showMoreBar a, div.option div.showMoreBarNoAnimate a {color: #336699;text-align: center;font-weight: bold;padding: 8px 0;display: block;}
a.ShowMoreLink {border-top: 1px solid #336699;padding: 15px 0;text-align: center;display: block;text-decoration: none;}
a.ShowMoreLink span.underline {text-decoration: underline;}
.OneColumnDetails {}
.OneColumnDetails div.itemDescriptionContainer  {float: none; width: 100% !important;}
.OneColumnDetails div.option div.optionContent div.itemDescriptionContainer div.itemDescription {padding: 15px 0 15px 7px !important;}
.OneColumnDetails div.itemDescriptionContainer div.itemDescription table {width: 100% !important;}
.OneColumnDetails div.itemDescriptionContainer div.itemDescription table tr td.fourth {width: 110px;text-align: center; line-height: 15px;}
.OneColumnDetails div.itemDescriptionContainer div.itemDescription table tr td.fifth {padding-left: 100px}


div.itemDescriptionContainer table tr td {}
div.itemDescriptionContainer table tr td.first {color: #336699;font-weight: bold;text-align: center;font-size: 18px;}
div.itemDescriptionContainer table tr td.second {width: 237px;padding: 0 10px 0 15px;}
div.itemDescriptionContainer table tr td.second img {display: block;}
.OneColumnDetails div.itemDescriptionContainer table tr td.second {width: 250px;padding: 0 100px 0 15px;}
div.itemDescriptionContainer table tr td.second strong {color: #336699;}
div.itemDescriptionContainer table tr td.second a {color: #707070;display: block; padding: 5px 0 0 16px; background: url( /Assets/img/icon/icon_view-details.gif ) 0 7px no-repeat; }
div.itemDescriptionContainer table tr td.third {vertical-align: bottom;padding-right: 20px;width: 40px}
div.itemDescriptionContainer table tr td.fifth {padding-left: 20px;}


a.RentBuyPixy {display: block;text-indent: -9999px;height: 21px;width: 143px; background: url(button_rent-buy.gif) 0 -1px no-repeat;overflow: hidden;}
a:hover.RentBuyPixy {background-position: 0 -22px;}

a.AddDeliveryPixy {display: block;text-indent: -9999px;height: 20px;width: 108px; background: url(/Assets/img/buttons/button_add-to-delivery.gif) 0 -1px no-repeat;overflow: hidden;}
a:hover.AddDeliveryPixy {background-position: 0 -22px;}

div.otherProductsContainer a.selectPixy {display: block;text-indent: -9999px;height: 20px;width: 108px; background: url(/Assets/img/buttons/button_add-to-delivery.gif) 0 -1px no-repeat;overflow: hidden;}
div.otherProductsContainer a:hover.selectPixy {background-position: 0 -22px;}

a.selectPixy {display: block;text-indent: -9999px;height: 22px;width: 108px; background: url(/Assets/img/buttons/button_select.gif) 0 -1px no-repeat;overflow: hidden;}
a:hover.selectPixy {background-position: 0 -23px;}
a.continuePixy {display: block;text-indent: -9999px;height: 21px;width: 108px; background: url(/Assets/img/buttons/button_continue.gif) 0 0 no-repeat;overflow: hidden;}
a:hover.continuePixy {background-position: 0 -21px;}

a.signupPixy {display: block;text-indent: -9999px;height: 21px;width: 108px; background: url(/Assets/img/buttons/button_sign-up-now.gif) 0 0 no-repeat;overflow: hidden; margin: 12px 0 0;}
a:hover.signupPixy {background-position: 0 -21px;}

a.goPixy {display: block;text-indent: -9999px;height: 21px;width: 48px;background: url(/Assets/img/buttons/button_go.gif) 0 0 no-repeat;overflow: hidden;}
a:hover.goPixy {background-position: 0 -21px;}
a.saveDeliveryPixy {height: 17px;width: 145px; background: url(/Assets/img/buttons/button_save-my-delivery.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.saveDeliveryPixy {background-position: 0 -17px;}
a.viewAndCheckOutButtonPixy {height: 32px;width: 101px; background: url(/Assets/img/buttons/button_view-delivery-and-checkout.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.viewAndCheckOutButtonPixy {background-position: 0 -32px;}

a.CheckoutPixy {height: 21px;width: 87px; background: url(/Assets/img/buttons/button_checkout.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a.DisabledCheckoutPixy {height: 21px;width: 87px; background: url(/Assets/img/buttons/button_checkout-inactive.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.CheckoutPixy {background-position: 0 -21px;}

a.UpdateDeliveryPixy {height: 21px;width: 114px; background: url(/Assets/img/buttons/button_update-delivery.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.UpdateDeliveryPixy {background-position: 0 -21px;}

a.addToDeliveryPixy {height: 17px;width: 145px; background: url(/Assets/img/buttons/button_add-to-my-delivery.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.addToDeliveryPixy {background-position: 0 -17px;}

a.BackPixy {height: 21px;width: 58px; background: url(/Assets/img/buttons/button_back.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.BackPixy {background-position: 0 -21px;}

a.ContinueToBillingInformationPixy {height: 21px;width: 183px; background: url(/Assets/img/buttons/button_continue-to-billing.gif) 0 -1px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.ContinueToBillingInformationPixy {background-position: 0 -22px;}

a.ContinueToReviewDeliveryPixy {height: 21px;width: 182px; background: url(/Assets/img/buttons/button_continue-to-review-delivery.gif) 0 -1px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.ContinueToReviewDeliveryPixy {background-position: 0 -22px;}

a.SubmitOrderPixy {height: 21px;width: 117px; background: url(/Assets/img/buttons/button_submit-order.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.SubmitOrderPixy {background-position: 0 -21px;}

a.CalculatePixy {height: 21px;width: 107px; background: url(/Assets/img/buttons/button_calculate.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.CalculatePixy {background-position: 0 -21px;}

a.ResetPixy {height: 21px;width: 74px; background: url(/Assets/img/buttons/button_reset.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.ResetPixy {background-position: 0 -21px;}

a.AddToDeliveryPixy {height: 21px;width: 107px; background: url(/Assets/img/buttons/button_add-to-delivery.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.AddToDeliveryPixy {background-position: 0 -21px;}

a.SubmitPixy {height: 21px;width: 87px; background: url(/Assets/img/buttons/button_submit.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.SubmitPixy {background-position: 0 -21px;}

a.GetStartedTodayPixy {height: 21px;width: 181px; background: url(/Assets/img/buttons/button_get-started-today.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.GetStartedTodayPixy {background-position: 0 -21px;}

a.CompareCoolerPixy {height: 21px;width: 143px; background: url(/Assets/img/buttons/button_compare-water-coolers.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.CompareCoolerPixy {background-position: 0 -21px;}

a.ComparePlansPixy {height: 27px;width: 116px; background: url(/Assets/img/buttons/button_which-plan-is-right.gif) 0 0 no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
a:hover.ComparePlansPixy {background-position: 0 -27px;}

/* Page Content Styles for Steps 1 and 2 Ends here */



/* Page Content Styles for Step 3 Start here */
div.otherProductsContainer {}
div.otherProductsContainer h3 {font-size: 15px; font-weight: bold;}
div.otherProductsContainer div.header {border-bottom: 1px solid #ccc;padding: 15px 5px;}
div.otherProductsContainer div.productFloatContainer {background: url(/Assets/img/bg/bg_dotted_blue.gif) bottom left repeat-x;}
div.otherProductsContainer div.productFloatContainer div.product {float: left;width: 163px;padding: 8px 9px 12px;}
div.otherProductsContainer div.productFloatContainer div.product h5 {font-weight: bold; margin: 0; min-height:50px;}
div.otherProductsContainer div.productFloatContainer div.product div.body {min-height: 67px;_height: 67px;}
div.otherProductsContainer div.productFloatContainer div.product div.body p, div.otherProductsContainer div.productFloatContainer div.product div.body strong {font-size: 11px;}
div.otherProductsContainer div.productFloatContainer div.product ul {margin: 0 0 20px 0;padding: 0;min-height: 20px;_height: 20px;}
div.otherProductsContainer div.productFloatContainer div.product ul.discount {padding-left: 21px;background: url(/Assets/img/icon/icon_discount.gif) 0 3px no-repeat;}
div.otherProductsContainer div.productFloatContainer div.product ul li {font-size: 12px;}
div.otherProductsContainer div.productFloatContainer div.product ul li.strike { font-size: 11px; }
div.otherProductsContainer div.productFloatContainer div.product ul.savingsIcon { background: url( /Assets/img/icon/icon_discount.gif ) 0 50% no-repeat; padding: 0 0 0 24px; }
div.otherProductsContainer div.productFloatContainer div.product div.formElements {font-size: 11px;}
div.otherProductsContainer div.productFloatContainer div.product div.formElements .formHeader { font-size: 11px; padding-bottom: 3px; }
div.otherProductsContainer div.productFloatContainer div.product div.formElements p {font-size: 11px; padding-top: 2px; }
div.otherProductsContainer div.productFloatContainer div.product div.formElements input {width: 25px;border: 1px solid #7f9db9;vertical-align: middle;}
div.otherProductsContainer div.productFloatContainer div.product div.formElements div.floatRight {padding: 5px 38px 0 0;}
div.otherProductsContainer div.productFloatContainer div.product div.formElements img {vertical-align: middle;}


div.otherProductsContainer div.header h3 {display:inline;}
div.otherProductsContainer div.header div.buttons {display:inline;width:145px;float:right;margin-left:5px;}
div.otherProductsContainer div.subHeader {padding: 0 40px 0 40px;margin-top:10px;}
div.otherProductsContainer div.subHeader img {float:right;padding: 6px 43px 0 0; }

div.otherProductsContainer div.subHeader div.savingsMessage {width:490px;text-align:left;background-color:#CCEBFF;padding: 15px;}
div.otherProductsContainer div.productFloatContainer div.productCooler div.imageWrap {float:left;}
div.otherProductsContainer div.productFloatContainer div.productCooler div.coolerWrap {float: right; width:175px;}

div.otherProductsContainer div.productFloatContainer div.productCooler p {padding:5px 0 0 0;}
div.otherProductsContainer div.productFloatContainer div.productCooler div.coolerWrap .addToDeliveryButton { padding: 5px 0 0 15px; }
div.otherProductsContainer div.productFloatContainer div.productCooler p.viewDetails a { background: url(/Assets/img/icon/icon_view-details.gif) 0 0 no-repeat; padding-left: 17px; }
div.otherProductsContainer div.productFloatContainer div.productCooler {float: left;width: 230px;padding: 8px 10px 12px 0; min-height:180px;}
div.otherProductsContainer div.productFloatContainer div.productCooler img {float: left; margin:0 0px 0 0;}


div.otherProductsContainer div.productFloatContainer div.productCooler h5 {font-weight: bold; margin: 0;padding:0;}
div.otherProductsContainer div.productFloatContainer div.productCooler div.body {min-height: 40px;_height: 40px;}
div.otherProductsContainer div.productFloatContainer div.productCooler div.prices {padding: 10px 0; font-size:12px;}
div.otherProductsContainer div.productFloatContainer div.productCooler div.prices ul { margin: 0; float: none; }
div.otherProductsContainer div.productFloatContainer div.productCooler div.prices .AspNet-RadioButtonList-Item { list-style: none; font-size: 12px; padding: 2px 0 !important; padding: 0; }
div.otherProductsContainer div.productFloatContainer div.productCooler div.prices .AspNet-RadioButtonList-Item input { vertical-align: middle; }
div.otherProductsContainer div.productFloatContainer div.productCooler div.prices input{vertical-align:middle}
div.otherProductsContainer div.productFloatContainer div.productCooler div.body p, div.otherProductsContainer div.productFloatContainer div.product div.body strong {font-size: 10px;}
div.otherProductsContainer div.productFloatContainer div.productCooler ul {margin: 0 0 10px 0;padding: 0;min-height: 20px;_height: 20px; float:left;}
div.otherProductsContainer div.productFloatContainer div.productCooler ul.discount {padding-left: 21px;background: url(/Assets/img/icon/icon_discount.gif) 0 3px no-repeat;}
div.otherProductsContainer div.productFloatContainer div.productCooler ul li {font-size: 10px;}
div.otherProductsContainer div.productFloatContainer div.productCooler div.formElements {font-size: 11px;}
div.otherProductsContainer div.productFloatContainer div.productCooler div.formElements p { padding: 0; }
div.otherProductsContainer div.productFloatContainer div.productCooler div.formElements input {width: 25px;border: 1px solid #7f9db9;vertical-align: middle;}
div.otherProductsContainer div.productFloatContainer div.productCooler div.formElements div.floatRight {margin: 5px 10px 0 0;}


/* Page Content Styles for Step 3 Ends here */

/* Checkout Cart Styles Starts */
div.gradTop {margin-top: 5px;background: url(/Assets/img/bg/bg_rightcolumn_top.gif) 0 52px no-repeat;}
div.higherGradTop { background-position: 0 20px; }
div.wereHereForYou {background: url(/Assets/img/modules/mod_here-for-you_top.gif) top left no-repeat;padding-top: 17px;margin: 0 0 0 10px;}
div.wereHereForYouBottom {background: url(/Assets/img/modules/mod_here-for-you_bottom.gif) top left no-repeat;padding: 20px 0 0 34px; min-height: 56px; height: 56px; text-align: center;}
div.wereHereForYouBottom strong {font-size: 10px;}
div.wereHereForYouBottom span {font-size: 14px;}
div.cartContainer {background: url(/Assets/img/bg/bg_rightcolumn.gif) top left repeat-y;padding: 23px 0 0;}
body.checkout div.cartContainer {padding: 0 0;}
div.cartContainer .promoContent { padding-left: 9px; }
div.cartContainer .promoContent img { display: block; padding-top: 10px; }
div.cartContainer ul.cart {padding: 8px 0 0 0;margin: 0 0 0 11px;background: url(/Assets/img/modules/mod_create-a-delivery_top.gif) -1px 0 no-repeat;}
div.cartContainer ul.cart li {padding: 7px 0 7px 13px;border: 1px solid #7eb3c8;border-width: 0 1px 1px 1px;width: 138px;font-weight: bold;}

div.cartContainer ul.cart li.top {width: 151px;padding: 0 0 5px 0;text-transform: uppercase;font-size: 10px; text-align: center; font-weight: bold;background: #e5f2f7;}
div.cartContainer ul.cart li.button {border-top: 1px solid #2a7f9a;width: 151px;padding: 7px 0 7px; background: #fff;border-bottom: none;}
div.cartContainer ul.cart li.button a {margin-left: 23px;}
div.cartContainer ul.cart li.bottom {width: 153px;padding: 0 0 8px 0;border: none;background: url(/Assets/img/modules/mod_create-a-delivery_bottom.gif) -1px 0px  no-repeat;}
div.cartContainer ul.cart li, div.cartContainer ul.cart li p {font-weight: normal; font-size: 10px;}
div.cartContainer ul.cart li a {font-weight: bold;}
div.cartContainer ul.cart li.current {background: #d0e7ff; font-size: 10px;}
div.cartContainer ul.cart li.current p {background: #d0e7ff; font-size: 10px;}
div.cartContainer ul.cart li.next, div.cartContainer ul.cart li.visited {background: #f0f6fc;font-size: 10px;}
div.cartContainer ul.cart li.next p {background: #f0f6fc;font-size: 10px;}
div.cartContainer ul.cart li.dropBorder {border-bottom: none;}
div.cartContainer ul.cart li.dropBorder p {border-bottom: none; font-size: 10px;}
div.cartContainer ul.cart li.vacant {background: #fff;}
div.cartContainer ul.cart li.vacant p {background: #fff; font-size: 10px;}
div.cartContainer ul.cart li table {margin-top: 3px;font-size: 10px;}
div.cartContainer ul.cart li table tr td {vertical-align: top;font-size: 10px;}
div.cartContainer ul.cart li table tr td.padd {padding: 0 7px 4px 5px;}
div.cartContainer ul.cart li.subtotal, div.cartContainer ul.cart li.save {text-align: center;background: #fff;font-weight: normal;font-size: 10px;padding: 2px 0 2px 0px;width: 151px;border-bottom: none;border-top: 1px solid #7eb3c8;}
div.cartContainer ul.cart li.save a {font-weight: normal;}
div.cartContainer ul.cart li div.showMoreBar {margin-top: 3px;font-size: 10px;}

p.emptyCart { padding-top: 10px; padding-bottom: 10px; font-weight: bold; }
p.emptyCartPadd { padding-left: 4px; }
div.tools dl {margin:0;padding: 23px 0 35px 10px;background: url(/Assets/img/bg/bg_rightcolumn_bot.gif) top left no-repeat;}

div.tools dt {display: block;width: 126px;color: #336699;border-bottom: 1px solid #2a7f9a;}
div.tools dd, div.tools dd ul {margin: 0; padding: 0;}
div.tools dd ul li { padding: 0 0 4px 0;color: #336699;font-size: 10px;width: 126px;}
div.tools dd ul li a {color: #336699;font-size: 10px;text-decoration: none;padding: 3px 0 3px 22px;display: block;}
div.tools dd ul li a:hover {text-decoration: underline;}
div.tools dd ul li.print a {background: url(/Assets/img/icon/icon_printer.gif) 0 2px no-repeat;}
div.tools dd ul li.help a {background: url(/Assets/img/icon/icon_question-mark.gif) 0 2px no-repeat;}


div.saveDelivery {margin: 15px 0 0 10px;}
div.saveDelivery h4 {font-weight: bold;margin: 0;padding: 0;font-size: 13px;}
div.saveDelivery p { margin: 5px 10px 5px 0;font-size: 10px;}
div.smallCol div.saveDelivery p.emailTrim { width: 150px; overflow: hidden; }
div.saveDelivery strong {font-size: 10px;}
div.saveDelivery input {width: 145px; font-size: 11px; }
div.saveDelivery a {margin: 5px 0 0 3px;}
div.saveDelivery a.privacyLink {margin: 0;}
/* Checkout Cart Styles Ends */

div.cartCallout {width: 581px;margin: 20px 0 0 77px;background: #eaeff5 url(/Assets/img/bg/bg_dotted_blue.gif) top left repeat-x; }
div.cartCallout div.bottomDottedBorder {background: url(/Assets/img/bg/bg_dotted_blue.gif) bottom left repeat-x; padding: 10px; }
div.cartCallout strong { padding-bottom: 6px; display: block; }
div.cartCallout .left { float: left;width: 440px; }
div.cartCallout p.productsAdded { padding-left: 20px; }
div.cartCallout .pureSavingsLink { font-weight: bold; }
div.cartCallout .checkoutLink { height: 21px; overflow: hidden; width: 182px; text-indent: -9999px; display: block; background: url( /Assets/img/buttons/button_view-delivery-checkout.gif ) 0 0 no-repeat; margin-top: 7px; font-weight: bold; }
div.cartCallout .checkoutLink:hover { background-position: 0 -21px; }
div.cartCallout div.saveWithPlan { float: right; width: 120px; background: #d8e1ea url(/Assets/img/bg/bg_dotted_blue.gif) 0 0 repeat-x; }
div.cartCallout div.saveWithPlan .inner { font-size: 11px; padding: 5px; text-align: center; color: #31669a; background: url(/Assets/img/bg/bg_dotted_blue.gif) 0 100% repeat-x; }
div.cartCallout div.saveWithPlan .inner a { color: #31669a; }

/* Pop In Layer styles start */
#overlay { position: absolute; top: 0; left: 0; width: 100%;  z-index: 90; background-color: #ccc; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
body.usePlansPopIn #overlay {height: 300px;}
#detailsWrapper {position: absolute; top: 40px; left: 0; width: 100%; text-align: center; z-index: 100;}

#detailsBox {width: 529px; min-height: 383px; _height: 383px; text-align: left;background: #fff; margin: 0 auto;}

body.usePlansPopIn #detailsBox {width: 542px; min-height: 300px !important;_height: 300px !important;}

#detailsBox #inner {padding: 5px;}
#detailsBox #topbar {background: #e1e1e1;padding: 5px;}
#detailsBox #close {text-indent: -9999px;display: block;float: right;width: 45px;height: 9px;text-decoration: none;}

#detailsBox div.popInContent {padding: 5px 0 0;}
body.usePlansPopIn #detailsBox div.popInContent {padding: 40px 0;}

#detailsBox div.popInContent div.imageContainer {float: left;width: 225px;text-align: left;}
#detailsBox div.popInContent div.imageContainer ul {margin: 6px 0 0; *margin-top: 3px; padding: 0;border-left: 1px solid #cccccc;}
#detailsBox div.popInContent div.imageContainer ul li {display: inline;margin: 0;padding: 0;}
#detailsBox div.popInContent div.imageContainer ul li a, #detailsBox div.popInContent div.imageContainer ul li strong {padding: 2px 6px;display: block;float: left;margin: 0;border: 1px solid #cccccc;border-width: 1px 1px 1px 0;}
 #detailsBox div.popInContent div.imageContainer ul li strong {font-size: 11px;padding: 2px 6px 3px;}
#detailsBox div.popInContent div.imageContainer ul li a {text-decoration: none;font-weight: bold;color: #666666;}
#detailsBox div.popInContent div.imageContainer ul li a.active {background: #ebebeb;}
body.usePlansPopIn #detailsBox div.popInContent div.imageContainer {width: 260px;text-align: center;}

#detailsBox div.popInContent div.productDetails {float: left;width: 280px;padding-top: 35px;font-size:11px;}
#detailsBox div.popInContent div.productDetails p {}
body.usePlansPopIn #detailsBox div.popInContent div.productDetails {width: 235px; margin: 0; padding-left: 0; }

#detailsBox div.popInContent div.productDetails ul {margin: 4px 0 4px 0;padding: 0 0 0 23px;}
#detailsBox div.popInContent div.productDetails .rentBuyList { padding: 0; }
#detailsBox div.popInContent div.productDetails .rentBuyList li { list-style: none; padding-bottom: 4px !important; padding-bottom: 0; }
#detailsBox div.popInContent div.productDetails .rentBuyList li input { list-style: none; vertical-align: middle; margin-right: 5px !important; margin-right: 0; }
#detailsBox div.popInContent div.productDetails .rentBuyList li label { vertical-align: middle; }
body.usePlansPopIn #detailsBox div.popInContent div.productDetails ul {margin: 0 0 40px 0;}
#detailsBox div.popInContent div.productDetails ul li {margin: 0;padding: 0 0 4px;}
#detailsBox div.popInContent div.productDetails ul li a {color: #898989;}
#detailsBox #close { background-position: 0 50%; background-repeat: no-repeat; }
#detailsBox div.popInContent div.productDetails h5 {font-weight: bold; font-size: 12px;margin-left: 0 !important;margin-top: 20px;margin-bottom: 2px; }
#detailsBox div.popInContent div.productDetails h5.strike {color: #999999; font-size: 11px; }
body.usePlansPopIn #detailsBox div.popInContent div.productDetails h5 {margin-top: 0px;}
#detailsBox div.popInContent div.productDetails p {margin-left: 5px;font-size:11px;}
#detailsBox div.popInContent div.productDetails p.perMonth { font-size: 12px; }
/* Pop In Layer styles End */


/* Review My Delivery  Page Start */
div.hugeTopBorder {margin-top: 5px;border-top: 18px solid #ccc;}
div.checkoutContent div.hugeTopBorder {margin-top: 10px;border-top: 18px solid #e0dcdc !important;}
div.checkoutContent .emailType { padding: 2px 0; }

div.hugeTopBorder p.error {color: #ff0000;margin: 10px 0;text-align: center;}

table.DeliveryTable {width: 100%;margin-bottom: 20px;}
table.checkoutDeliveryTable { margin-bottom: 5px; }
table.DeliveryTable tr th {font-size: 11px;padding: 10px 0;text-align: center;}
table.DeliveryTable tr th a {color: #999999;}
table.DeliveryTable tr th.qty {width: 60px}
table.DeliveryTable tr th.item {width: 260px}
table.DeliveryTable tr th.freq {width: 150px;}
table.DeliveryTable tr th.firstDel {width: 111px}
table.DeliveryTable tr th.monthly {width: 90px}

table.DeliveryTable tr td input {width: 20px}
table.DeliveryTable tr td.borderRight {border-right: 1px solid #cfcfcf;}
table.DeliveryTable tr.bottomBorder td {border-bottom: 1px solid #cfcfcf;}
table.DeliveryTable tr td.bottomBorder {border-bottom: 1px solid #cfcfcf;}

table.DeliveryTable tr td {padding: 10px 0;text-align: center;font-size: 11px;}
table.DeliveryTable tr td a.small {font-size: 10px;}
table.DeliveryTable tr td select {font-size: 11px;}
table.DeliveryTable tr td.grey {color: #626262;}
table.DeliveryTable tr td a {display: block;}
table.DeliveryTable tr td a.small {font-size: 9px;}
table.DeliveryTable tr td.item {text-align: left;}
table.DeliveryTable tr td.item p { font-size: 11px; }
table.DeliveryTable tr.headerRow td {border-bottom: none;text-align: left;font-weight: bold;font-size: 11px;background: #ebebeb;padding: 3px 0 3px 5px;}
table.DeliveryTable tr.headerRow td a {display: inline;font-weight: normal;border-left: 1px solid #333;padding-left: 15px;margin-left: 5px;}
table.DeliveryTable tr td.noBottomBorder {border-bottom: none;}
table.DeliveryTable tr td.subTotals {text-align: right;padding-right: 10px;line-height: 16px; }
table.DeliveryTable tr td.subTotals a {color: #336699; display: inline; }
table.DeliveryTable tr td.subTotalNumbers {line-height: 16px;vertical-align:top;}
table.DeliveryTable tr td.noSelected { font-weight: bold; color: #f68e56; }
table.DeliveryTable tr td.noSelected a { font-size: 12px; }
table.DeliveryTable tr.Total td {padding: 10px 10px 5px;font-size: 15px;font-weight: bold;}
table.DeliveryTable tr td.update {text-align: left;}
table.DeliveryTable tr.Total td.TotalText {text-align: right;}

table.DeliveryTable tr.Total td.topFakeBorder {background: url(/Assets/img/bg/misc_checkout-line.gif) top right no-repeat;}
table.DeliveryTable tr.Total td.bottomFakeBorder {background: url(/Assets/img/bg/misc_checkout-line.gif) bottom right no-repeat;}


div.suggestProductsWrapper {margin: 25px 0 20px 0;}

div.suggestProductsWrapper div.suggestProductsHeader {}
div.suggestProductsWrapper div.suggestProductsHeader h4 {float: left;}
div.suggestProductsWrapper div.suggestProductsHeader a {float: right;margin-top: 4px;}

div.suggestProductsWrapper div.suggestedProductsContent {}
div.suggestProductsWrapper div.suggestedProductsContent div.product {float: left; width: 210px;margin-left: 20px;}
div.suggestProductsWrapper div.suggestedProductsContent div.product img {float:left;width: 54px;margin-top: 10px;}
div.suggestProductsWrapper div.suggestedProductsContent div.product div.content {float:left;width: 145px;font-size: 10px;}
div.suggestProductsWrapper div.suggestedProductsContent div.product div.content div.qtyContainer {margin: 4px 0;}
div.suggestProductsWrapper div.suggestedProductsContent div.product div.content div.qtyContainer input {width: 20px;}
div.suggestProductsWrapper div.suggestedProductsContent div.product div.content div.qtyContainer div.textbox {float:left;width: 20px;padding-top: 3px;}
div.suggestProductsWrapper div.suggestedProductsContent div.product div.content div.qtyContainer div.price {margin-left: 10px;float:left;width: 100px;font-size: 9px;}
div.suggestProductsWrapper div.suggestedProductsContent div.product div.content div.qtyContainer div.price span {display: block;}
/* Review My Delivery  Page End */


/* Checkout Pages Start */

ul.checkoutProcess {margin: 0 0 15px; padding: 0;}
ul.checkoutProcess li {float: left;width: 115px;color: #666666;text-transform: uppercase;font-size: 10px;padding: 4px 0 6px 40px;}
ul.checkoutProcess li.one	{background: url(/Assets/img/icon/icon_future_1.gif) top left no-repeat;}
ul.checkoutProcess li.two	{background: url(/Assets/img/icon/icon_future_2.gif) top left no-repeat;}
ul.checkoutProcess li.three {background: url(/Assets/img/icon/icon_future_3.gif) top left no-repeat;}
ul.checkoutProcess li.four	{background: url(/Assets/img/icon/icon_future_4.gif) top left no-repeat;}

ul.checkoutProcess li.currentOne	{background: url(/Assets/img/icon/icon_current_1.gif) top left no-repeat;}
ul.checkoutProcess li.currentTwo	{background: url(/Assets/img/icon/icon_current_2.gif) top left no-repeat;}
ul.checkoutProcess li.currentThree  {background: url(/Assets/img/icon/icon_current_3.gif) top left no-repeat;}
ul.checkoutProcess li.currentFour	{background: url(/Assets/img/icon/icon_current_4.gif) top left no-repeat;}

ul.checkoutProcess li.previousOne	{color: #999999;background: url(/Assets/img/icon/icon_previous_1.gif) top left no-repeat;}
ul.checkoutProcess li.previousTwo	{color: #999999;background: url(/Assets/img/icon/icon_previous_2.gif) top left no-repeat;}
ul.checkoutProcess li.previousThree {color: #999999;background: url(/Assets/img/icon/icon_previous_3.gif) top left no-repeat;}
ul.checkoutProcess li.previousFour	{color: #999999;background: url(/Assets/img/icon/icon_previous_4.gif) top left no-repeat;}

div.checkoutContent {margin-bottom: 5px;}
div.checkoutContent h3 {margin: 15px 0 5px;padding-left: 5px;font-weight: bold;background: #e0dcdc;text-transform: uppercase;font-size: 13px;}
div.checkoutContent p.error {color: #ff0000;margin: 5px 0 5px 8px;}

div.checkoutContent table {width: 99%;margin: 0px 0 4px 5px;}

div.checkoutContent table tr.stateAndZip table { width: 225px; }
div.checkoutContent table tr.stateAndZip table td.state { width: 75px; }
div.checkoutContent table tr.stateAndZip table td.zip { width: 150px; }
div.checkoutContent table tr.stateAndZip table td { font-weight: normal; padding-bottom: 0; }
div.checkoutContent table tr.stateAndZip table td a { font-size: 11px; }
div.checkoutContent table tr.inputSection td { font-weight: normal; }
div.checkoutContent table tr.inputSection .phoneHolder { margin-top: 6px; }
div.checkoutContent table tr.inputSection input.large { margin-top: 6px; display: block; }
div.checkoutContent table tr.inputSection input.medium { width: 108px; margin-top: 6px; display: block; }
div.checkoutContent table tr td a { color: #1190B1 }
div.checkoutContent table tr td.requestCheckbox { width: 9px; }
div.checkoutContent table tr td.requestDescription { width: 140px; }
div.checkoutContent table tr .requestInfo { font-weight: normal; font-size: 11px;}
div.checkoutContent table tr td.greenHeader { color: #1F861F; text-transform: uppercase; padding: 18px 0 3px; border-bottom: 1px solid #1F861F; }
div.checkoutContent table td.checkMessage { font-weight: normal; }
div.checkoutContent table tr.topBorder td { padding: 12px 0 5px 0; }
div.checkoutContent table tr td {font-weight: bold;padding: 0 0 10px 0; }
div.checkoutContent table tr td input {padding: 2px 0;}
div.checkoutContent table tr td input.large {width: 225px; font-weight: normal;}
div.checkoutContent table tr td input.small {width: 50px;}
div.checkoutContent table tr td select {width: 229px;}
div.checkoutContent table tr td.gap input.large {display: block; margin: 2px 0;}
div.checkoutContent table tr td.gap div {padding: 3px 0; font-weight: normal;}
div.checkoutContent table tr td input.medium {width: 140px; font-weight: normal}
div.checkoutContent table tr td.noBold {font-weight: normal;padding: 2px 0;}
div.checkoutContent table tr td.thirdRow {width: 295px;padding: 6px 25px 6px 10px;color: #666666;font-size: 10px;font-weight: normal;} 
div.checkoutContent table tr td.thirdRow a {display: block;}
table.inquiryForm { width: 719px !important; }
table.inquiryForm tr td {width: 50%; }
div.checkoutContent table tr td span.radio {margin: 0 4px 0 0;}
div.checkoutContent table tr td span.radio input {vertical-align: middle;}
div.checkoutContent table tr td span.breakAndPadd {display: block;padding-left: 15px;}
div.checkoutContent table tr td.padd {padding: 10px 0 0 0;}

div.checkoutContent table tr td select.widthAuto {width: auto;}
div.checkoutContent table tr td a.popupLink {color: #666;font-size: 10px;display: inline;}
div.checkoutContent div.dottedTopBorder {background: url(/Assets/img/bg/checkout-dotted-line.gif) top left repeat-x;}
div.checkoutContent table tr td.cardsWeAccept {text-align: left;padding: 5px 0 10px 150px}
div.checkoutContent table tr td.note {color: #666;padding: 10px 0;}
div.checkoutContent table tr td.dropBold {font-weight: normal;}
div.checkoutContent table tr.topBorder td.attention {background: #f0f0f0 url(/Assets/img/bg/checkout-dotted-line.gif) top left repeat-x;}
div.checkoutContent table tr.topBorder td.attention div.text {padding: 10px 10px 0 10px;}
div.checkoutContent table tr.topBorder td.attention div.form {padding: 10px 30px 10px 40px;font-weight: bold;}
div.checkoutContent div.padd {padding-left: 5px;}
div.checkoutContent ul.chooseBillingAddress { margin: 0; padding: 0; }
div.checkoutContent ul.chooseBillingAddress li { padding: 2px 0; }
div.checkoutContent ul.chooseBillingAddress li input { vertical-align: middle; }
div.checkoutContent ul.chooseBillingAddress li label { vertical-align: middle; }
span.radio input {vertical-align: middle;}
/* Checkout Pages End */


/* Large Office Styles FIND */
div.checkoutContent {} 
div.checkoutContent h2.ThickHeader, div.contactUsPage h2.ThickHeader {color: #fff;font-size: 18px;margin-right: 5px;padding: 4px 5px;}
div.checkoutContent table.inquiryTable {width: 713px;font-size: 11px;}
div.checkoutContent p.subHeading {margin: 10px 140px 5px 5px}
div.checkoutContent div.restrictWidth {width: 760px;}
div.topDottedBorder {background: url(/Assets/img/bg/checkout-dotted-line.gif) top left repeat-x;}
div.checkoutContent div.topDottedBorder {margin-left: 5px;}
div.contentColumn {width: 450px;float: left;}
div.leftImageColumn {text-align: center;width: 180px;float: left;margin-top:1px; height: 220px; background-position: 22px 12px; background-repeat: no-repeat; }
div.contentColumn p {margin-top: 30px}
div.contentColumn ul {margin:12px 0 0 0;padding:0;}

div.contactUsPage h2.ThickHeader {margin: -10px 0 0 0;}
div.contactUsPage p.contactUsCopy {color: #555;margin: 20px 0 0 30px}
div.bottomGrad h4, div.gradTop h4 {padding-top: 78px;margin-left: 5px;font-weight: bold;font-size: 10px;}
div.higherGradTop h4 { padding-top: 49px; }
div.bottomGrad h4 {padding-top: 0px;}
div.contactUsCartContent {margin-left: 10px;font-size: 10px;padding: 5px 0;}
div.bottomGrad p, div.contactUsCartContent p {font-size: 10px;margin: 10px 0;}
div.bottomGrad {background: url(/Assets/img/bg/bg_rightcolumn_bot.gif) top left no-repeat;}

table.contactUsFormTable {margin: 15px 0 0 80px}
table.contactUsFormTable tr td {vertical-align: top;padding: 5px 0;}
table.contactUsFormTable tr td input {width: 150px;padding: 2px 0;}
table.contactUsFormTable tr td.label {text-align: right;padding-right: 5px;font-weight: bold;}

div#fakeBar{background: #369;height: 30px;width: 177px;_width: 175px;position: relative;left: -7px;}
/* Large Office Styles End */


span.subHeader {color: #8d8d8d;padding-left: 5px}

div.checkoutDeliveryInformation {margin: 10px 0 10px 60px;}
div.checkoutDeliveryInformation a {color: #666666;border-left: 1px solid #666666;padding-left: 5px;}
div.checkoutDeliveryInformation div.checkoutDeliveryContent {padding: 5px 0px;}
div.checkoutDeliveryInformation div.checkoutDeliveryContent p {margin: 10px 0;}
div.checkoutDeliveryInformation div.checkoutDeliveryContent div.Delivery, 
div.checkoutDeliveryInformation div.checkoutDeliveryContent div.Billing {float: left; width: 310px;}
div.checkoutDeliveryInformation div.checkoutDeliveryContent div.Billing {width: 320px;}


div.excessivePadding {padding-left: 10px}
div.needlessPadding {padding: 10px 35px 10px 25px;line-height: 16px;}
div.needlessPaddingCenteredContent {padding: 5px 0 10px;text-align: center;}
div.checkoutContent h4 {color: #555554;margin: 0;padding: 0;font-weight: bold;font-size: 16px;line-height: 20px;}

div.blueBar {padding: 10px 0;background: #ccebff;}
div.blueBar h5 {font-size: 14px;}
div.needlessPaddingCenteredContent div.blueBar {margin: 10px 0 5px;}
div.needlessPaddingCenteredContent div.mrMan {}
div.needlessPaddingCenteredContent div.mrMan img {vertical-align: bottom;}
div.needlessPaddingCenteredContent div.mrMan .big {font-size: 14px;}
div.blueBar .rafCredit { vertical-align: middle; padding: 10px 0 0; }
div.blueBar .rafCredit img { vertical-align: middle; }

div.checkoutContent .mrDeliveryMan {display: block;width:198px;float: left;margin-bottom: 1px;_margin-bottom: -1px;padding-top:12px;}
div.checkoutContent .mrDeliveryManSays {width:485px;float: left;padding-left: 15px;margin:0;}

div.checkoutContent .mrDeliveryManSays h4 {margin-top: 15px;}
div.checkoutContent .mrDeliveryManSays ul {list-style: inside;margin:0;padding:0 0 0 13px;font-size: 11px;}
div.checkoutContent .mrDeliveryManSays ul li {margin: 4px 0 15px; list-style-position: outside; }
div.bottomDottedBorder {background: url(/Assets/img/bg/checkout-dotted-line.gif) bottom left repeat-x;}

div.checkoutContent div.createAnAccount {float: left;width: 390px;margin: 10px 0 0 25px;_margin: 10px 0 0 15px;}
div.checkoutContent div.createAnAccount p {font-size: 11px;margin-top: 5px}
div.checkoutContent div.createAnAccount p strong {display: block;padding: 7px 0;}
div.checkoutContent div.createAnAccount table {margin: 0 0 0 20px;width: 330px}
div.checkoutContent div.createAnAccount table input {width: 170px;}
div.checkoutContent div.createAnAccount table td .floatRight {margin-right: 10px;_margin-right: 7px}
 



/* POP UP Styles */
body.popUp {margin: 5px 0;background: #fff;}
body.popUp h3,body.popUp h2 {margin-left: 0;padding-left: 0;}
.windowClose { padding:0px; }
.windowClose table {margin: 0;padding: 0;width: 100%;}
.windowClose table tr td {margin: 0;padding: 0;}
.windowClose table tr td.right {text-align: right;padding: 2px 10px 0 0;}
.popUpMain { font: 11px/17px Verdana, sans-serif; text-align: left; color: #000;  }

/* Body Content */
.popUpMain p { font:11px Verdana, sans-serif; color:#333; font-weight:normal; margin: 0 0 10px;}
.popUpMain a { color:#336699;  text-decoration: none; }
.popUpMain a:hover { color:#333;  text-decoration:  underline; }
.popUpMain .headline { background:#e1e1e1; margin:5px; }
.popUpMain .headline h2 { font:13px Verdana, sans-serif; color:#000; font-weight:bold; padding:5px 0 3px 10px; vertical-align: middle; }
.popUpMain h3 { font: 11px Verdana, sans-serif; font-weight:bold;margin: 0; }
.popUpMain .space { padding: 0 10px; }
.popUpMain .regularFont, .popUpMain .regularFont p {font:12px Verdana, sans-serif;}

.popUpMain .paddRight {padding-right: 20px;}
.popUpMain table tr td.planDetails { padding-left: 10px; }
.popUpMain .calcPadding {padding: 0 10px 0 5px}
.popUpMain .calcResultsPadding {padding: 10px 20px}
.popUpMain .calcResultsPadding h3 {font-size: 14px;}
div.error { padding: 10px 0 5px; }
div.error ul { margin: 0; padding: 0; list-style: none; }
div.error ul li { padding: 0; margin: 0; text-align: center; font-size: 10px; font-weight: bold; }
/* Body Content Images */
.popUpMain .creditCardImg { margin-left:auto; margin-right:auto; _margin-left:33%; _margin-right:33%; _width:33%; width:330px; padding:0 10px 0 10px;}
.popUpMain .creditCardImg .mcOrVisa { background: url(/Assets/img/misc/misc_cid_general.gif) no-repeat; width:330px; height:138px; margin:5px 0 5px 0; }
.popUpMain .creditCardImg .ae { background: url(/Assets/img/misc/misc_cid_amex.gif) no-repeat; width:330px; height:138px; margin:5px 0 0 0; }
.popUpMain .creditCardImg p { display: none; }

.popUpMain table.calculatorTable {margin: 0 0px 10px 25px;width: 490px;}
.popUpMain table.calculatorTable tr td {border-bottom: 1px solid #b1b1b1;padding: 5px 12px 5px 0;font-size: 10px;}
.popUpMain table.calculatorTable tr td input {width: 25px;}
.popUpMain table.calculatorTable tr.noBorder td {border-bottom: none;}
.popUpMain table.calculatorTable tr td span {display: block;color: #797979;font-size: 9px;}
.popUpMain table.calculatorTable tr td.center {text-align: center;line-height: 18px;}
.popUpMain table.calculatorTable tr td.small {width: 66px;text-align: center; padding-left: 10px;line-height: 16px;}
.popUpMain table.calculatorTable tr td.leftBorder {background: url(/Assets/img/misc/vertical-grey-dots.gif) top left repeat-y;}

.popUpMain table.calculatorTable tr td.noPadding {padding: 0 !important;}
.popUpMain table.calculatorTable tr td.noPadding table {margin-top: 2px;}
.popUpMain table.calculatorTable tr td.noPadding table tr td{padding: 0 0 0 3px; text-align: center;}

.popUpMain .resultsContainer {margin: 20px 0;}

/*.popUpMain .resultsContainer table.PlanTable*/
.popUpMain .resultsContainer table.PlanTable tr td {padding: 0 20px 0 0;}
.popUpMain .resultsContainer table.PlanTable tr td.first {width: 76px; }
.popUpMain .resultsContainer table.PlanTable tr td.second { font-weight: bold; font-size: 14px; text-align: center; width: 26px; }
.popUpMain .resultsContainer table.PlanTable tr td.third {padding: 0 0 0 15px;}
.popUpMain .resultsContainer ul {padding: 0;margin:15px 0 10px 20px;}
.popUpMain .resultsContainer ul li {padding: 0;margin:0;}
.popUpMain .resultsContainer .divider {background: #40b8e4;color: #fff;font-weight: bold;font-size: 13px;text-align: center;padding: 1px 0;margin: 10px 0;}
.popUpMain .resultsContainer .bottomBorder {padding-bottom: 10px;background: url(/Assets/img/bg/bg_dotted_blue.gif) bottom left repeat-x;}

.popUpMain .resultsContainer .planFeatures { margin: 0; padding: 3px 0 0 20px; font-size: 11px; }

/* b7c3c4 */
.popUpMain table.CompareChart {width: 655px;border: 1px solid #b7c3c4;border-width: 0 1px 1px 0;margin: 10px 0 10px 7px;}
.popUpMain table.CompareChart tr th {width: 58px;padding: 5px 0;text-align: center;border: 1px solid #b7c3c4;border-width: 1px 0 0 1px;}
.popUpMain table.CompareChart tr th.first {width: 104px;}
.popUpMain table.CompareChart tr th.cost {width: 74px;}
.popUpMain table.CompareChart tr td {text-align: center;font-size: 10px;line-height: 12px;padding: 3px;border: 1px solid #b7c3c4;border-width: 1px 0 0 1px;}
.popUpMain table.CompareChart tr td.first {text-align: left;}
.popUpMain table.CompareChart tr.altRow td {background: #f4fafb;}
.popUpMain .smallAndGrey {color: #666666;font-size: 10px;margin: 0 0 10px 7px;}
.popUpMain .tableBump {margin: 0 0 10px 7px;}

/* new transitions page */

div.transition {text-align:left; margin:100px auto; background-color:#fff; width:600px; margin-left: auto;
margin-right: auto;width: 50em}
div.transition div.imageWrap {width:112px; height:200px; float:left; margin-right:20px;}

div.transition div.contentWrap {float:right; width:420px; margin:40px 20px 0 0;}
div.transition div.contentWrap h1 {font-size:20px; margin:0 0 10px 0;  padding:0;}
div.transition div.contentWrap p {margin:0 0 10px 0;}


.helpSection h3, h2.grnTitle { background-color: #369; color: #fff; font-size: 13px; font-weight: bold; text-transform: uppercase; padding: 1px 6px; }

.helpSection .localHeader { padding-bottom: 8px; }
.helpSection .localHeader a { color: #1190b1; float: right; }

.helpSection h1 { font-size: 18px; font-weight: normal; color: #1F97B6;}
.helpSection .navColumn { float: left; margin: 0; padding: 10px 0 0; width: 265px; }
.helpSection .navColumn li, .helpSection .navColumn li h3 { margin: 0; padding: 0 0 0px 0; _height:100%; }
.helpSection .navColumn li a, .helpSection .navColumn li h3 a { display: block; text-decoration: none; font-size: 11px; padding: 5px; background: #fff url( /Assets/img/bg/bg_dotted_blue.gif ) 0 100% repeat-x; text-transform: none; font-weight: normal; }
.helpSection .navColumn li a.selected, .helpSection .navColumn li h3 a.selected { font-weight: bold; color: #00527c; background-color: #ccebff; }

/* alt width for the nav */
.helpSection .navSection { width: 238px; }

.helpSection .instantAnswers .helpContent { float: right; width: 456px; }
.helpSection .instantAnswers .helpContent h2 { padding: 20px 0 0; color: #1190b1; font-weight: normal; font-size: 21px; background-position: 0 0; background-repeat: no-repeat; }
.helpSection .instantAnswers .helpContent p { font-size: 11px; line-height: 17px; }
.helpSection .instantAnswers .helpContent .bottom { font-size: 11px; line-height: 17px; padding: 8px 120px 0 0; min-height: 200px; _height: 200px;  background-position: right 0; background-repeat: no-repeat; }
.helpSection .productsSection .top { min-height : 205px; _height: 205px;}
.helpSection .howDeliveryWorks .top { min-height: 160px; _height: 160px; }

.helpSection .instantAnswers .helpContent p a { color: #369; font-weight: bold; }

.helpSection .bottomContainer { padding: 25px 0 0 45px; }
.helpSection .learnMoreCategories { padding-top: 1px; float: left; width: 405px; background: #fbf8f8 url( /Assets/img/bg/bg_dotted_blue.gif ) 0 0 repeat-x; }
.helpSection .learnMoreCategories .inner { background: url( /Assets/img/bg/bg_dotted_blue.gif ) 0 100% repeat-x; }
.helpSection .learnMoreCategories h3 { background: #d2eaf0 url( /Assets/img/bg/bg_dotted_blue.gif ) 0 100% repeat-x; text-transform: uppercase; font-size: 13px; font-weight: bold; color: #1f97b6; padding: 1px 8px; }
.helpSection .learnMoreCategories ul { margin: 0; padding: 10px 0 10px 15px; float: left; }
.helpSection .learnMoreCategories ul.first { width: 215px; }
.helpSection .learnMoreCategories ul li a { display:block; font-size: 10px; text-decoration: none; padding: 7px 8px; background-repeat: no-repeat; background-position: 0 50%; }
.helpSection .learnMoreCategories ul li a.selected { color: #1190b1; font-weight: bold; }

.manageAccount { float: right; width: 220px;  padding: 106px 40px 0 0; background: url( /Assets/img/help/module_manage-your-account_top.jpg ) 0 0 no-repeat; }
.manageAccount a { _height: 49px; min-height: 49px; color: #1d326b; font: bold 11px Arial; text-decoration: none; display: block; padding: 5px 40px 0 20px; background: url( /Assets/img/help/module_manage-your-account_bottom.jpg ) 0 0 no-repeat; }

.helpSection .sectionContent { float: right; width: 480px; padding-top:10px; }
.helpSection .sectionContent h4 { font-size: 16px; color: #1190b1; padding: 0; }
.helpSection .sectionContent h5 { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #1190b1; padding: 0 0 2px 0; }
.helpSection .sectionContent p { font-size: 11px; line-height: 17px; padding-right: 160px; }
.helpSection .sectionContent ol { margin: 0; font-size: 11px; line-height: 17px; padding: 10px 20px 0 20px;}
.helpSection .sectionContent p a { color: #369; }

.helpSection .sectionContent .dottedLines { margin-bottom: 10px; padding-bottom: 10px; background: url( /Assets/img/bg/bg_dotted_blue.gif ) 0 100% repeat-x; }

.helpSection .sectionContent dl { font-size: 11px; line-height: 15px; color: #333; margin: 0 0 -10px 0; }
.helpSection .sectionContent dl dt { font-weight: bold; margin: 0; padding: 0; }
.helpSection .sectionContent dl dd { margin: 0; padding: 0 0 15px 0; } 

.helpSection .sectionContent dl.stats { position: relative; margin: 0 0 0 30px; }
.helpSection .sectionContent dl.stats dt { font-weight: normal; padding: 2px 0; font-size: 11px; float: left; clear: left; width: 220px; }
.helpSection .sectionContent dl.stats dd { padding: 2px 0; font-size: 11px;  }

.helpSection .sectionContent dl.terms, .helpSection .sectionContent dl.terms dd, .helpSection .sectionContent dl.terms dt { margin: 0; padding: 0; }
.helpSection .sectionContent dl.terms dt { font-weight:normal; padding-top: 16px; }

.helpSection .sectionContent ul.jumpTo { margin: 0; padding: 10px 112px 20px 40px; }
.helpSection .sectionContent ul.altJumpTo { margin: 0; padding: 10px 112px 20px 0; }
.helpSection .sectionContent ul.jumpTo li.header,
.helpSection .sectionContent ul.altJumpTo li.header { color: #1190b1; font-size: 11px; font-weight: bold; }
.helpSection .sectionContent ul.jumpTo li a,
.helpSection .sectionContent ul.altJumpTo li a { display: block; text-transform: uppercase; font-size: 11px; color: #1190b1; padding-left: 10px; background-position: 0 4px; background-repeat: no-repeat; background-image: url(  ../img/misc/misc_arrow_on.gif ); }

.helpSection .sectionContent .top p { padding-right: 160px; }
.helpSection .sectionContent .top { background-repeat: no-repeat; background-position: right bottom; }

.helpSection .sectionContent .bottom p { padding: 5px 20px 5px 0; }
.helpSection .sectionContent .bottom { padding: 15px 25px 0 0; background-repeat: no-repeat; background-position: right 0; height:100%; }

.helpSection .sectionContent ul.jumpTo li a { background-image: url( ../img/misc/misc_arrow_on.gif ); }

.helpSection .learnMoreCategories ul li a { background-image: url( ../img/misc/misc_arrow_off.gif ) }

.helpSection .aboutUsSection .top { padding: 0 10px 5px 0; background-image: url( ../img/Help/Category/learn-more_cat_about-us_top.jpg ); }
.helpSection .aboutUsSection .bottom { background-image: url( ../img/Help/Category/learn-more_cat_about-us_bottom.jpg ); }

.helpSection .billingPaymentsSection .top { background-image: url( ../img/Help/Category/learn-more_cat_billing-payments_bottom.jpg ); }
.helpSection .billingPaymentsSection .bottom { background-image: url( ../img/Help/Category/learn-more_cat_billing-payments_top.jpg ); }

.helpSection .websiteSecuritySection .top { background-image: url( ../img/Help/Category/learn-more_cat_website-security_top.jpg ); }
.helpSection .websiteSecuritySection .bottom { background-image: url( ../img/Help/Category/learn-more_cat_website-security_bottom.jpg ); }

.helpSection .ourWaterSection .top { background-image: url( ../img/Help/Category/learn-more_cat_our-water_top.jpg ); }
.helpSection .ourWaterSection .bottom { background-image: url( ../img/Help/Category/learn-more_cat_our-water_bottom.jpg); }

.helpSection .deliveryReturnsSection .top { padding: 30px 0 20px; background-image: url( ../img/Help/Category/learn-more_cat_deliveries-returns_top.jpg ); }
.helpSection .deliveryReturnsSection .bottom { background-image: url( ../img/Help/Category/learn-more_cat_deliveries-returns_bottom.jpg ); }

.helpSection .plansPricingSection .top { background-image: url( ../img/Help/Category/learn-more_cat_plans-pricing_bottom.jpg ); }
.helpSection .plansPricingSection .bottom { background-image: url( ../img/Help/Category/learn-more_cat_plans-pricing_bottom.jpg ); }

.helpSection .howDoesItWorkSection .top { padding-bottom: 120px; background-image: url( ../img/Help/Category/learn-more_cat_how-does-it-work_top.jpg ); }
.helpSection .howDoesItWorkSection .bottom { background-image: url( ../img/Help/Category/learn-more_cat_how-does-it-work_bottom.jpg ); }

.helpSection .billingPaymentsSection .top { padding: 10px 0 20px; background-image: url( ../img/Help/Category/learn-more_cat_billing-payments_top.jpg ); }
.helpSection .billingPaymentsSection .bottom { background-image: url( ../img/Help/Category/learn-more_cat_billing-payments_bottom.jpg ); }

.helpSection .learnMoreCategories ul li a.selected { background-image: url( ../img/misc/misc_arrow_on.gif ); }

.helpSection .sectionContent p.listHeading { text-transform: uppercase; margin-bottom: -10px; position: relative; }

.legalText p { font-size: 10px; color: #999; padding: 10px 15px 0; }
.legalText p a { color: #666; }

.helpSection .columnContainer .howItWorks h2 { padding-bottom: 120px; background-position: 100% 100%; }

/* delivery picker, on checkout page */
.deliveryPicker { padding-top: 10px; }
.deliveryPicker .deliveryCalendarContainer { padding-right: 10px; }
.deliveryPicker p.selectHeading { padding: 0 0 3px 0; font-weight: bold; }
.deliveryPicker p { padding: 4px; }
.deliveryPicker p.availableTimesHeading { padding: 0; font-size: 12px; font-weight: bold; }
.deliveryPicker p.over18Needed { border: 1px solid #d4cece; font-size: 11px; background-color: #f7f0f0; margin-top: 5px; }
.deliveryPicker .innerContent { padding-left: 11px; font-size: 11px; float: left; width: 331px; margin: 0; }
.deliveryPicker .selectDeliveryTime { padding-left: 4px !important; padding-left: 0; }
.deliveryPicker .selectDeliveryTime input { vertical-align: middle;  margin-right: 4px !important; margin-right: 0; vertical-align: bottom !important; vertical-align: middle; }
.deliveryPicker .callCustomerService { padding-left: 4px !important; padding-left: 0; }
.deliveryPicker .callCustomerService input { margin-right: 4px !important; margin-right: 0; vertical-align: bottom !important; vertical-align: middle; }
.deliveryPicker .deliveryTimes { margin: 0; padding: 0 0 4px 0; }
.deliveryPicker .deliveryTimes li { list-style: none; margin: 0 15px 0 0; padding: 2px 0 !important; padding: 0; font-weight: normal; }
.deliveryPicker .deliveryTimes li label { vertical-align: top !important; vertical-align: middle; padding-left: 2px; }
.deliveryPicker .deliveryTimes li input { vertical-align: top !important; vertical-align: middle; margin-right: 4px !important; margin-right: 0; padding: 0; }

/* Reset the screwed up calendar */
.checkoutContent .deliveryCalendar td, .checkoutContent .deliveryCalendar table { font-weight: normal; padding: 0 !important; margin: 0 !important; border-collapse: separate !important; }

/* delivery calendar */
.checkoutContent .deliveryCalendar { float: left; border: 1px solid #656668; width: 167px; }
.checkoutContent .deliveryCalendar { margin-right: 10px; }
.checkoutContent .deliveryCalendar table { border: 1px solid #fff; width: 167px; font-size: 11px !important; }
.checkoutContent .deliveryCalendar table table { border: 0 !important; }
.checkoutContent .deliveryCalendar .title { border: 0 !important; color: #fff; text-transform: uppercase; }
.checkoutContent .deliveryCalendar .title td { border: 0; font-weight: bold; padding: 3px !important; }
.checkoutContent .deliveryCalendar .dayOfWeek { text-transform: uppercase; font-weight: bold; padding: 2px !important; }
.checkoutContent .deliveryCalendar .day { color: #999; border-top: 1px solid #bbb;  padding: 2px !important; }
.checkoutContent .deliveryCalendar .weekend { border-top: 1px solid #bbb; } 
.checkoutContent .deliveryCalendar .otherDay { border-top: 1px solid #bbb; padding: 3px !important; } 
.checkoutContent .deliveryCalendar .title td { width: 100% !important; }
.checkoutContent .deliveryCalendar .selectedDay { color: #000 !important; border-top: 1px solid #bbb; background-color: #c2e1f5 !important;  }
.checkoutContent .deliveryCalendar .selectedDay a { color: #000 !important; text-decoration: none; font-weight: bold; }
.checkoutContent .deliveryCalendar .selectedDay a:hover { text-decoration: underline; }
.checkoutContent .deliveryCalendar .day a { color: #000 !important; text-decoration: none; font-weight: bold; }
.checkoutContent .deliveryCalendar .day a:hover { text-decoration: underline; }
.checkoutContent .deliveryCalendar .weekend a { color: #999 !important; }
.checkoutContent .deliveryCalendar .weekend { color: #999 !important; }

.checkoutContent .selectDeliveryTime { padding: 10px 0; }
.checkoutContent .breakAndPadd { display: block; padding-left: 16px; font-size: 11px; }
.checkoutContent .callCustomerService { padding-bottom: 15px; }

.policyContent { padding-top:10px; }
.policyContent h4 { font-size: 16px; color: #1190b1; padding: 0; }
.policyContent h5 { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #1190b1; padding: 10px 0 2px 0; }
.policyContent h6 { text-transform: uppercase; font-size: 10px; font-weight: bold; color: #1190b1; padding: 10px 0 2px 0; }
.policyContent ul { list-style: disc !important; margin: 0; padding: 10px 10px 10px 40px !important; }
.policyContent ul li { color: #000; margin-left: 1.25em; }

/* -------------------- SiteMap Styles ---------------------- */
.singleColumn { padding:5px 10px;}
.siteMap h1 { margin: 6px 0 12px; font-weight: bold; font-size: 14px;} 
.siteMap h2 { color: #fff; font-size: 13px; font-weight: bold; padding: 1px 0 1px 5px;}
.siteMap h3, .siteMap h3 a { padding: 0; margin: 12px 0 6px; font-weight: bold; font-size: 11px; background: none; color: #676767;}
.siteMap a {  background: url( ../img/misc/misc_arrow_on.gif ) 0 center no-repeat; text-decoration: none; font-size: 11px; padding-left: 10px;}
.siteMap a:hover { text-decoration: underline;}
.colA, .colB, .colC { float: left; padding: 0 0 12px 0;}
.colA { width: 150px;}
.colB { width: 250px;}
.colC { width: 350px;}


/* --------------------- Filtration Styles -------------------------- */
div.filtrationExperts {background: url(/Assets/img/modules/module_filtration-experts.gif) top left no-repeat;padding-top: 17px;margin: 12px 0 0 10px;}

#steps { padding: 0; margin: 12px 0 22px;}
#steps li { float: left; list-style: none; }
#steps li div {font-size: 9px; line-height: 11px; color: #999; padding: 5px 0 0 40px; margin: 0 16px 0 0; height: 30px; float: left;}
#steps li.one div { background: url(/Assets/img/icon/icon_step1.gif) 0 0 no-repeat;}
#steps li.two div { background: url(/Assets/img/icon/icon_step2.gif) 0 0 no-repeat;}
#steps li.three div { background: url(/Assets/img/icon/icon_step3.gif) 0 0 no-repeat;}
#steps li.four div { background: url(/Assets/img/icon/icon_step4.gif) 0 0 no-repeat; padding-top: 10px;}

#steps li.four .current { background: url(/Assets/img/icon/icon_step4-active.gif) 0 0 no-repeat;}
#steps li.one .current { background: url(/Assets/img/icon/icon_step1-active.gif) 0 0 no-repeat;}
#steps li.two .current { background: url(/Assets/img/icon/icon_step2-active.gif) 0 0 no-repeat;}
#steps li.three .current { background: url(/Assets/img/icon/icon_step3-active.gif) 0 0 no-repeat;}


.sectHead { font-size: 14px; font-weight: bold; line-height: 21px; margin: 0 0 18px;}
.stepTitle { font-size: 15px; color: #959595; font-weight: bold; margin: 0 0 10px;}
.stepTitle.lined { border-bottom: 1px solid #959595; padding: 0 0 6px;}

.radioLine { margin: 0 0 10px;}
.radioLine input { margin: 2px 10px 0 0; *margin-top: 0;}
.radioLine span { font-size: 14px; margin: 0 4px 0 0; font-weight: bold; *margin-top: 1px;}
.radioLine a { font-size: 11px; color: #1190b1; margin: 2px 0 0;}

.radioLine input,
.radioLine span,
.radioLine a.popIn { float: left;}

.filterArea .twoColumns { padding-bottom: 54px !important;}
.filterArea .popUp { color: #333; font-size: 11px;}
.spaced { margin-bottom: 12px;}

.proEnt h4 { color: #707070; font-weight: bold; background: #e0dcdc; margin: 0 0 10px; padding: 2px 0 2px 5px;}
.proEnt h4 a { font-family: Verdana; font-size: 10px; color: #707070; padding: 0 0 0 20px; border-left: 2px solid #707070; margin: 0 0 0 20px; *margin: 0 0 0 10px;}
.proEnt .product { float: left; margin: 0 12px 18px 0;}
.inline, .proDet { float: left;}
.colContain { width: 500px;}

.proDet {width: 164px; margin-left: 12px;}
.proLine { margin: 0 0 6px;}
.proDet h5 { font-size: 12px; font-weight: bold;}
.proDet ul { font-size: 10px; padding: 0 0 0 18px; margin: 0 0 12px;}
.proDet ul li.strong { font-weight: bold;}
.proLine .title { font-weight: bold; float: left; width: 50px;}
.proLine input { width: 18px;}

.itemEnt { border-top: 2px solid #959595; padding: 12px 0;}
.itemEnt.first { border: none;}
.itemQty, .itemImg, .itemDesc, .itemPrice { float: left; }
.itemQty, .itemDesc, .itemPrice { padding: 16px 0 0;}
.itemQty { width: 50px; text-align: center;}
.itemImg { width: 60px; height: 60px; overflow: hidden;}
.itemDesc { width: 300px; font-weight: bold;}
.itemPrice { border-left: 2px solid #959595; padding-left: 12px; height: 46px;}

.dotted { border-bottom: 1px dotted #959595; padding: 4px 0 12px;}
.dotted.last { margin: 0 0 16px;}
.contactInfo label, .contactInfo input, .contactInfo select { float: left; width: 200px; margin-right: 6px; background: #fff; padding: 2px;}
.fullLine, .altLine { margin: 6px 0;}
.fullLine label, .altLine label { font-weight: bold; width: 162px;}
.fullLine span { font-size: 11px; color: #666;}
.fullLine span a { color: #363636;}
.fullLine div { float: left; width: 225px;}
.fullLine div input, .fullLine div select { margin: 0 0 6px; margin-right:6px}

.thankTitle { font-size: 18px; font-weight: bold; color: #333;}
.confirms { padding: 0 0 12px 6px;}
.confirms p { margin: 6px 0; line-height: 16px;}

.footnote { font-size: 9px;}

.helpSection .filtrationSection .top { min-height: 160px; _height: 160px; }


.filterServices p { padding: 25px 122px 0 8px;}
.speicalFilterLink { position: absolute; width: 48px; height: 135px; z-index: 200; display: block; margin: -24px 0 0 252px;}
.speicalDemijonLink { position: absolute; width: 70px; height: 129px; z-index: 20; display: block; margin: -24px 0 0 210px;}

.speicalDemijonLink span, .speicalFilterLink span { display: none;}

.helpSection .columnContainer .services h2 { background: url(/Assets/img/help/learn-more_service-top.jpg) 0 0 no-repeat; padding: 25px 0 0;}
.helpSection .columnContainer .services .bottom { background: url(/App_Themes/polandspring/assets/img/Help/learn-more_services-bottom.jpg) right top no-repeat; min-height: 300px; _height: 300px;}

.helpSection .filtrationSection .top { background-image: url(/Assets/img/help/learn-more_filter-top2.jpg ); }
.helpSection .filtrationSection .bottom { background-image: url(/Assets/img/help/learn-more_filter-bottom2.jpg ); }

.ie6Spacer { _height: 250px;}

.helpSection .coffeeServicesSection .top { height: 197px; background-image: url(/Assets/img/help/coffee_service-top.jpg ); }
.helpSection .coffeeServicesSection .bottom { height: 203px; background-image: url(/Assets/img/help/coffee_service-bottom.jpg ); }
.helpSection .coffeeServicesSection .top p { padding-right: 200px; }

.helpSection .nationalAccountsSection .top { height: 117px; background-image: url(/Assets/img/help/national_accounts-top.jpg ); }
.helpSection .nationalAccountsSection .bottom { padding-bottom: 24px; background-image: url(/Assets/img/help/national_accounts-bottom.jpg ); }
.helpSection .nationalAccountsSection .top p { padding-right: 200px; }

.helpSection .nationalAccountsSection ul.nationalAccountsList { margin-right: 70px; padding-bottom: 0; }
.helpSection .nationalAccountsSection ul.nationalAccountsList li { background-image: url(/Assets/img/misc/misc_arrow_on.gif); background-position: 0 4px; padding-bottom: 12px; background-repeat: no-repeat; display: block; font-size: 11px; line-height: 15px; padding-left: 10px; }
.helpSection .coffeeServicesSection .top a.signupPixy, .helpSection .nationalAccountsSection .bottom a.signupPixy { background: transparent url(/Assets/img/buttons/button_get-started.gif) no-repeat; }
.helpSection .coffeeServicesSection .top a:hover.signupPixy, .helpSection .nationalAccountsSection .bottom a:hover.signupPixy { background-position: 0 -21px; }

div.HomePageModulesContainer div.Module .officeBenefits { background: url( /Assets/img/modules/module_coffee-benefits.gif ) 100% 0 no-repeat; }

/*********************Zip OverLay********************/
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:1250px;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:100;
}
#popupContainer{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
/*height:384px;
width:408px;*/
background:#FFFFFF;
border:2px solid #cecece;
z-index:200;
padding:12px;
}
#popupContainerClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
.accuPure img { margin: 14px 0 0 12px;}
.accupureDispenserLink img { position: absolute; z-index: 20; display: block; margin: -151px 0 0 213px;}
.accupureLogoLink { position: absolute; width: 70px; height: 129px; z-index: 20; display: block; margin: -159px 0 0 205px;}

.accuP { padding: 12px 8px 0 !important;}

/* ------------------------- updated home styles ----------------------- */
.HomeContentContainer .leftCol,
.HomeContentContainer .middleCol,
.HomeContentContainer .rightCol { float: left; height: 346px;}

.HomeContentContainer .leftCol { width: 270px; margin: 0 3px 0 0;}
.HomeContentContainer .middleCol {  margin: 0 3px 0 0; float: left; background: url(/Assets/img/bg/bg_orange-box.gif) 0 0 no-repeat; width: 388px; }
.HomeContentContainer .rightCol { background: url(/Assets/img/bg/bg_water-glass03.jpg) 0 0 no-repeat; width: 236px; }


.HomeContentContainer .middleCol a.GetStartedTodayPixy { margin: 240px 0 14px 9px; height: 45px;width: 235px; background: url(/Assets/img/buttons/button_getstarted.gif) 0 0px no-repeat;overflow: hidden;display: block;text-indent: -9999px;}
.HomeContentContainer .middleCol a:hover.GetStartedTodayPixy {background-position: 0 -45px;}

.HomeContentContainer .middleCol .fakeUL {color: #fff;}
.fakeUL div { background: url(/Assets/img/misc/misc_arrow.gif) left center no-repeat; padding: 0 0 0 9px; margin: 4px 0 4px 12px;}

.getStarted  { background: url(/Assets/img/buttons/button_getstarted.gif) left 45px no-repeat; display: block; }
.getStarted:hover  { background-position: 0 0;}