/* -------------- BEGIN MAIN.CSS FOR MOTHERCARE; SEE ALSO IE-SPECIFIC CSS (iehacks.css) ------------------ */
/* -------------- START HTML ELEMENTS ------------------ */
html {font-size: 71%;}
body {background-color: #FFFBE8; color: #333; text-align: left; font: 1em/1.4em Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, form, body, html, p, fieldset, legend, input, ul, ol, li {margin: 0; padding: 0;} /* flatline major elements */
img {border: 0 none; vertical-align: middle;}
h1, h2, h3, h4 {padding: 6px 0 10px 29px; color: #333; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 1.5em;}
h1.inline {margin-right: 4px;}
h2 {font-size: 1.3em; padding-left: 20px;}
h3 {padding: 0; font-size: 1em;}
h4 {padding: 0; font-size: 1em;}
p {margin: 6px 1px; line-height: 120%;}
a, a:link {color: #333;text-decoration: underline; }
a:visited {color: #333;}
a:hover {color: #00A6D6;}
/*a:hover {color: #00A6D6;} modifying for editorial widget*/
noscript {margin: 10px 30px;}
ul li, ol li {margin-left: 20px; line-height: 140%;}
form {display: inline;}
fieldset {border: 0 none;}
input, label, .label {vertical-align: middle; font: 0.9em Verdana, Arial, Helvetica, sans-serif;}
label {position: relative; top: 3px; z-index:0;}
label.level {top: 0;}
label.level2 {top: -1px;}
input {font-size: 0.9em;}
select {font: 0.9em Verdana, Arial, Helvetica, sans-serif;}
textarea {padding: 3px 0 3px 3px; font: 1em Arial, Helvetica, sans-serif; text-align: left;}
/* -------------- END HTML ELEMENTS ------------------ */

/* -------------- START GENERAL CLASSES and NON-CONTEXTUAL IDs ------------------ */
.inline {display: inline;}
.center {text-align: center;}
.right {text-align: right;}
.nowrap {white-space: nowrap;}
.clearBoth {clear: both;}
.unBold {font-weight: normal !important;}
.oldPrice {}
.orderTotal {color: #CD0013;}
.red, .required, .requiredHigh {color: #CD0C05;}
.promo {color: #D81E05;}
.required {font-weight: bold; position: relative; top: 3px;}
.requiredHigh {font-weight: bold; position: relative; top: -1px;}
.note, .note a {color: #666; font-size: 0.9em; font-style: italic; line-height: normal;}
.noteNonItalic {color: #666; font-size: 0.9em; line-height: normal;}
.hr {border-top: 1px solid  #C4D8E2; clear: both; margin: 6px 0;}
.nudgeDown {margin-top: 5px;} /* good for pesky submit buttons */
.nudgeUp {position: relative; margin-top: -5px;} /* good for pesky submit buttons */
.top {vertical-align: top !important;}
.middle {vertical-align: middle !important;}
.noBottomPad {padding-bottom: 0 !important;}
.noBottomMargin {margin-bottom: 0 !important;}
.paddingBottom {padding-bottom: 5px;}
.addressResults {width: 542px;}
.addressAccuracy {margin-right: 200px;}
.privacy {height: 100%; padding: 8px; border: 1px solid #C4D8E2; font-size: 0.9em;}
.pagination {text-align: right;}
.pagination .current {font-weight: bold;}
.pagination a, .pagination .current {margin: 0 1px;}
.signinName {color: #22AEC9;}
.grayedOut, .grayedOut .smallCaps {color: #888;}
.small {font-size: 0.9em;}
.smallCaps {font-variant: small-caps; font-size: 0.9em; color: #000;}
.productTitle {padding-top: 6px;}
/* spacers for floated boxes */
.boxSpacer14 {width: 14px; float: left;}
.boxSpacer24 {width: 24px; float: left;}
/* error handling */
.error {color: #CC0000;}
.selectError {background-color: #FFFF66;}
.formElementError {margin: -8px 0 6px; text-align: left; font-size: 0.9em; font-weight: bold; color: #CC0000; line-height: 100%;}
#errorMessageBox {height: 100%; margin: 20px; padding: 1em; background-color: #FFFF66; border: 2px solid #D81E05;}
#errorMessageBox::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#errorMessageBox .icon {float: left; width: 30px; text-align: right; padding-right: 10px;}
#errorMessageBox h1 {padding-left: 30px;padding-bottom:0px; color: #CC0000;}
.noteOutOfStock {margin-top: 70px; color: #666; font-size: 0.9em; font-style: italic; line-height: normal;}
/* tableless DIVs */
.floatLeft {float: left;}
.floatRight {float: right;}
.five, .ten, .fifteen, .twenty, .twentyFive, .thirty, .thirtyFive, .forty, .fortyFive, .fifty, .fiftyFive, .sixty, .sixtyFive, .seventy, .seventyFive, .eighty, .eightyFive, .ninety, .ninetyFive {float: left; padding-bottom: 1px;}
.five {width: 5%;}
.ten {width: 9%;}
.fifteen {width: 14%;}
.twenty {width: 19%;}
.twentyFive {width: 24%;}
.thirty {width: 29%;}
.thirtyFive {width: 35%;}
.forty {width: 39%;}
.fortyFive {width: 44%;}
.fifty {width: 49%;}
.fiftyFive {width: 54%;}
.sixty {width: 59%;}
.sixtyFive {width: 64%;}
.seventy {width: 69%;}
.seventyFive {width: 74%;}
.eighty {width: 79%;}
.eightyFive {width: 84%;}
.ninety {width: 89%;}
.ninetyFive {width: 94%;}

/* -------------- START IDs (PRIMARY STRUCTURE) ------------------ */
#outerWrap::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* forces clear break in FF */
#outerWrapPopup {width: 490px; margin: 10px auto 30px; padding: 0 30px; background-color: #FFF;}
#outerWrapPopup::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#outerWrapPopup #header {width: 490px;}
#outerWrapPopup #header .fifty {padding-top: 5px; padding-bottom: 5px;}
#outerWrapPopup #header .floatRight {margin: 14px 0 0;}

#header {width: 760px; margin-bottom: 2px; padding-top: 1px;}
#header::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* forces clear break in FF */
#header .floatLeft {float: left; padding: 0 0 6px 28px;}
#header .floatRight {margin: 17px 13px 0 0;}
#header .floatRight a {margin: 9px 5px;}

#headerTabs {float: left; padding: 10px 0 0 27px;}
#headerTabs img#resourceBubble {visibility: hidden; position: relative; margin: -64px 0 0 -105px;}
#welcome {float: right; padding: 8px 26px 0 0; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 26px;
}
#welcome .welcome {color: #00A6D6; font-weight: bold; font-size: 0.9em;}

#dhtmlNavResource input.wide {width: 140px; margin: 3px 0 0 17px;}
#dhtmlNav div, #dhtmlNavResource div {float: left;}
#dhtmlNav iframe, #dhtmlNavResource iframe {position: absolute; z-index: 3; left: -300px; top: -300px;}
#dhtmlNav .dMenu, #dhtmlNavResource .dMenu {position: absolute; z-index: 3; top: -300px; left: -300px; visibility: hidden; width: 126px; border-left: 1px solid #3BBBDF; border-right: 1px solid #3BBBDF;}
#dhtmlNav .dMenu a, #dhtmlNavResource .dMenu a		{display: block; width: 116px; padding: 2px 5px; font-size: 1em; text-decoration: none; text-align: left; cursor: pointer; background-color: #FFF;}
#dhtmlNavResource .dMenu a {background-color: #00A6D6;}
#dhtmlNav .dMenu a:hover	{text-decoration: underline;}
#dhtmlNavResource .dMenu a {color: #FFF;}
#dhtmlNavResource .dMenu a:hover {color: #FFFF99; text-decoration: underline;}
#dhtmlNav .dMenuBottom, #dhtmlNavResource .dMenuBottom {width: 126px; height: 30px; background-color: #FFF; border-bottom: 1px solid #3BBBDF;}
#dhtmlNavResource .dMenuBottom {background-color: #00A6D6;}

#searchBar img, #searchBarAlt img {padding: 2px 0 0 38px; font-size: 1em; font-weight: bold;}
#searchBar input, #searchBarAlt input {margin: 8px 0 0 3px;}
#searchBar input.wide {width: 188px; font-size: 1em;}
#searchBarAlt .boldLink a {float: right; padding: 0 30px 0 0; font-size: 1.8em; font-weight: bold; color: #699317; line-height: 1.6em;}

#subscription-email {font-size: 1.1em;}
#resource-center-email {font-size: 1em;}

#breadcrumb {position: relative; z-index: 2; width: 716px; padding: 0 0 6px 27px; font-size: 1em; color: #000;}
#breadcrumb a {margin: 0 1px; text-decoration: underline;}
#breadcrumb .focus {margin: 0 1px;}

#OPLBreadcrumb {text-align: center; margin: 12px 0 22px;}

#lMenu {float: left; width: 170px; padding-left: 27px;}
#lMenu a:hover {text-decoration: underline;}
#lMenu .heading {margin: 0.8em 0; font: 1.1em Verdana; font-weight: bold;}

#mainContent {display: inline; float: left;} /* inline for IE Doubled float-margin bug */

#rMenu {float: right; width: 144px;	padding: 0 24px 0 10px;}
#rMenuResourceCenterArticle {float: left; padding: 0; margin-left:2px; }
#rMenu .hr {border-color: #CCC;}


#wonderBar {width: 716px; padding: 0 0 0 27px; font-size: 0.9em; letter-spacing: 0.005em;}
#wonderBar h4 {font-size: 1.1em; padding-bottom: 6px;}
#wonderBar input.text {width: 100px;}
#wonderBar .wonderBarBody {height: 100%; border-left: 1px solid #3BBBDF; border-right: 1px solid #3BBBDF;}
#wonderBar::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#wonderBar .box {float: left; width: 164px; padding: 0 5px 0 5px; border-left: 1px solid #3BBBDF;}
#wonderBar .boxWider {float: left; width: 174px; padding: 0 2px 0 5px; border-left: 1px solid #3BBBDF;}
#wonderBar .box.noBorder {border-left: 0 none;}
#wonderBar .indent {margin-left: 3px;}
#wonderBar a {line-height: 140%;}

#footer {clear: both; padding-top: 20px; text-align: center; font: 0.9em Verdana;}
#footer a {margin: 0 7px;}

#copyright {clear: both; padding: 10px 0; font-size: 90%; text-align: center; color: #666;}
#copyright a {color: #666;}

/* #mainContent LAYOUTS */
#CompareProducts #mainContent {width: 736px; padding-left: 20px; padding-right: 6px;}
#SearchResultsNull #mainContent {width: 562px; padding-left: 120px; padding-right: 60px;}
#HP #mainContent {width: 716px; margin-left: 27px; margin-right: 27px;}
#CatalogueQuickOrder #mainContent, #GiftOptions #mainContent, #OPLConfirmation #mainContent, #OPLPayment #mainContent, #OPLPlaceOrder #mainContent, #OPLSignin #mainContent, #YourAccount #mainContent {width: 632px; padding-left: 67px;}
#ContactUs #mainContent, #CreateAccount #mainContent, #CustomerReviews #mainContent, #OPLChooseEnterAddress #mainContent, #OPLEnterAddress #mainContent, #OPLShipMultiple #mainContent, #PasswordAssistance #mainContent, #YAOrderPayment #mainContent, #YAReminder #mainContent {width: 680px; padding-left: 66px; padding-right: 22px;} 
#Basket #mainContent, #Giftlist #mainContent, #ResourceCenter #mainContent, #Wishlist #mainContent {width: 714px; padding-left: 28px; padding-right: 26px;}
#Help {width:716px; margin-left:27px;margin-right:27px;}
#Help #mainContent {width:714px;}
#StoreLocator #mainContent, #Wishlist #mainContent {width: 716px; padding-left: 26px; padding-right: 10px;}
#HUC #mainContent {width: 450px; margin-left: 30px;}
#OPLSelectConfirm #mainContent {width: 592px; padding-left: 68px; padding-right: 110px;}
#ResourceCenterArticle:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#outerWrapPopup.printProductDetail #ProductDetail, #outerWrapPopup.printProductDetail #YAOrderPayment, #outerWrapPopup.printOrderSummary #YAOrderPayment {background-image: none;}
#outerWrapPopup.printProductDetail {width: 600px; padding: 20px 0;}
#outerWrapPopup.printOrderSummary #YAOrderPayment #mainContent {width: 500px; padding: 20px 0;}
#ProductDetail #mainContent {width: 560px; margin-left: 28px;}
#ResourceCenterArticle #mainContent {width: 530px; margin-left: 27px; padding-right: 8px; border-right: 1px solid #CDCDCD; }
#Collections #mainContent, #SearchResults #mainContent, #Tier #mainContent {width: 534px; padding-left: 12px; padding-top: 8px;}
/* -------------- END IDs (PRIMARY STRUCTURE) ------------------ */

/* -------------- START IDs (SECONDARY STRUCTURE: PAGE-SPECIFIC IDs) ------------------ */
/* classes for square and round boxes */
.boxLeft {float: left; height: 100%;}
.boxRight {float: right; height: 100%;}

/* these classes are used to change the height of the boxes on catalag quick order page when there */
/* are more than 2 catalogs on display */
.boxRight3Items {float: right; height: 100%;} 
.boxLeft3Items {float: left; height: 100%;}

.box label {color: #333; font-weight: bold;}
.box .note, .boxLeft .note {margin: -8px 0 6px;}
.box .center, .boxLeft .center, .boxLeft3Items .center {margin: -15px 0 8px; width: 101px;}
.boxBody input {margin-bottom: 9px; padding: 1px 0;}
.boxBody select {margin-bottom: 9px; vertical-align: top;}
.boxBody .indent {margin-left: 8px;}
.boxBody .bullet {margin: 20px 0 0 0; font-size: 1.2em;}
/* round box top and bottom */
.boxTop img, .boxBottom img {vertical-align: baseline;}
/* square box top */
#Basket .boxTop, #GiftOptions .boxTop, #Giftlist .boxTop, #OPLPayment .boxTop, #OPLPlaceOrder .boxTop, #OPLSelectConfirm .boxTop, #OPLShipMultiple .boxTop, #YAOrderPayment .boxTop  {padding: 0 0 0 10px; background: #C4D8E2 none; font-size: 1em; font-weight: bold;}


#Basket .boxLeft {width: 525px; border: 1px solid #C4D8E2;}
#Basket .boxRight {width: 170px; border: 1px solid #C4D8E2;}
#Basket .boxRight .boxTop {padding: 4px 6px;}
#Basket tr.boxTop {height: 21px;}
#Basket .boxBody {padding: 0 0 0 10px;}
#Basket .boxRight .boxBody {margin: 14px 0;}
#Basket div.hr {margin: 0 5px; padding-top: 10px;}
#Basket .pagination {margin: 0 190px 10px 0;}
#Basket .indent {margin-left: 20px;}
#Basket table th.price {width: 70px; text-align: right;}
#Basket table th.quantity {width: 40px; text-align: center;}
#Basket table th.buttons {width: 100px; text-align: center;}
#Basket table th.productHeading {width: 325px; padding: 0 0 0 10px;}
#Basket table td.productImage {width: 80px; text-align: center; padding-top: 8px;}
#Basket table td.productDescription {width: 200px; padding-top: 8px;}
#Basket table td.price {text-align: right; padding: 8px 10px 0 0; white-space: nowrap;}
#Basket table td.quantity {text-align: center; padding-top: 8px;}
#Basket table td.buttons {text-align: center; padding-top: 8px;}
#Basket table td.productHeading {padding: 8px 0 0 10px;}
#Basket table td p {padding: 5px 10px;}
#Basket table img {margin-bottom: 10px;}
#Basket h2 {margin-left: -20px; font-size: 1.5em; color: #666;}
#Basket #HP {position: relative; margin: -30px 0 0 50px; color: #FFF; background-color: #56AA1C;}
#Basket #HP p {margin-left: 20px; color: #FFF;}
#Basket #HP a {color: #FFF;}
#Basket #HP .boxBody {background-color: #56AA1C;}

#CatalogueQuickOrder  h2 {font-size: 1.4em; padding: 0 0 5px;}
#CatalogueQuickOrder  .boxBody h2 {margin-top: -14px;}
#CatalogueQuickOrder .note {padding-top: 4px;}
#CatalogueQuickOrder .note a {font-style: normal; text-decoration: none;}
#CatalogueQuickOrder .box {width: 640px; background-color: #C4D8E2;}
#CatalogueQuickOrder .boxBody {padding: 20px; background-color: #C4D8E2; padding-bottom: 4px;}
#CatalogueQuickOrder .boxLeft, #CatalogueQuickOrder .boxRight, #CatalogueQuickOrder .boxLeft3Items, #CatalogueQuickOrder .boxRight3Items {width: 300px; background-color: #C4D8E2;}
#CatalogueQuickOrder .boxLeft .boxBody, #CatalogueQuickOrder .boxRight .boxBody {height: 240px;}
#CatalogueQuickOrder .boxLeft3Items .boxBody, #CatalogueQuickOrder .boxRight3Items .boxBody {height: 390px;}


#Collections #lMenu {padding-top: 10px;}
#Collections #lMenu strong {font-size: 1.1em;}
#Collections #lMenu h2 {padding: 0 0 10px; font-size: 1.6em;}
/* -------------- CHANGED TO TIER2LINK TO MAKE IT INLINE WITH BOX WIDGET --------------- */
#Collections #lMenu .tier2Link a {line-height: 150%; font-size: 1.1em; text-decoration: none;}
#Collections #lMenu .tier2Link a:hover {text-decoration: underline;}
#Collections #lMenu .tier2Link a.selected {color: #22AEC9;}
/* -------------- CHANGED TO TIER2LINK TO MAKE IT INLINE WITH BOX WIDGET --------------- */
#Collections .collectionsBody {width: 522px; padding: 10px 0 10px 10px; border: 1px solid #CFCFCF; border-top: 0 none;}
#Collections .collectionsBody.noBottomBorder {border-bottom: 0 none;}
#Collections .collectionsBody select {width: 100px; margin: 5px 0;}
#Collections .collectionsBody .errorImage {position: relative; top: -7px;}
#Collections .collectionsBody .twentyFive, #Collections .collectionsBody .forty {padding-left: 10px;}
#Collections .collectionsBottom .floatRight {padding-right: 30px;}
#Collections .collectionsBottom div {padding: 4px 0 0 0;}
#Collections .collectionsBottom a.giftList, #ProductDetail a.giftList {color: #F96302;}
#Collections .productNumber {color: #999;}
#Collections .productPrice {margin: 10px 0 4px; font-size: 1.3em; font-weight: bold; color: #22AEC9;}
#Collections #errorMessageBox {width: 526px; margin: 6px  0 10px 0; padding: 3px; font-weight: bold; color: #CC0000;}
#Collections p {margin: 10px 0;}

#CompareProducts h1 {float: left; color: #22AEC9;}
#CompareProducts .floatLeft {margin: 10px 0 0 6px;}
#CompareProducts .floatRight {margin: 8px 14px 0 0;}
#CompareProducts a.zoom {color: #22AEC9;}
#CompareProducts table {border-collapse: collapse; margin-bottom: 20px; border-top: 1px solid #D0D0D0;}
#CompareProducts td, #CompareProducts th {width: 112px; vertical-align: top; padding: 2px 6px 8px; border-left: 1px solid #6A6A6A; border-bottom: 1px solid #D0D0D0;}
#CompareProducts th {font-weight: normal; text-align: left; vertical-align: top; border-left: 0 none;}
#CompareProducts ul {margin-left: -8px;}
#CompareProducts #extraPromo {display: none;}

#ContactUs .boxLeft {width: 460px; background-color: #C4D8E2;}
#ContactUs .boxRight {float: right; width: 200px; margin-left: 20px; background-color: #00386B;}
#ContactUs .boxBody {padding: 10px; background-color: #C4D8E2;}
#ContactUs .boxBody p {margin: 0;}
#ContactUs .boxRight .boxBody, #ContactUs .boxRight .boxBody a {background-color: #00386B; color: #FFF; line-height: 140%;}
#ContactUs label {font-weight: bold;}
#ContactUs .boxLogo img {margin-left: 20px;}
#ContactUs ol {margin-bottom: 18px;}
#ContactUs .confirmationMessage {height: 50px; padding-top: 16px;}

#CreateAccount .box {width: 680px; background-color: #C4D8E2;}
#CreateAccount .boxBody {padding: 0; background-color: #C4D8E2;}
#CreateAccount .wide {width: 170px;}
#CreateAccount h2 {padding-left: 0; font-size: 1.6em;}
#CreateAccount h3 {display: inline; font-size: 1.3em; color: red; vertical-align: middle;}
#CreateAccount .box p {margin: 10px 40px;}
#CreateAccount p.indent {margin-left: 17px;}

#CustomerReviews h2 {font: bold 1.2em Verdana; margin-left: -20px;}
#CustomerReviews .box {float: left; width: 470px; background-color: #C4D8E2;}
#CustomerReviews .boxBody {padding: 20px;}
#outerWrapPopup #CustomerReviews {padding: 14px;}
#outerWrapPopup #CustomerReviews h1, #outerWrapPopup #YAReminder h1 {margin-left: -26px;}
#CustomerReviews ul {margin-left: 5px;}

#EmailMarketing h1 {margin-left: -30px;}
#EmailMarketing .box {width: 490px; background-color: #C4D8E2;}
#EmailMarketing .boxBody {padding: 0; background-color: #C4D8E2;}
#EmailMarketing .informationProcessed strong, #EmailMarketing .informationProcessed ul {margin-left: 30px;}
#EmailMarketing ul {margin: 10px 20px;}
#EmailMarketing #mainContent {width: 640px; padding-left: 60px;}


#Giftlist .splash p {margin: 0 0 0 20px; font-size: 1.6em;}
#Giftlist .splash p.firstLink {padding-top: 90px;}
#Giftlist .splash p.lastLink {margin-bottom: -10px;}
#Giftlist .splash a {color: #FFF;}
#Giftlist .splash label {margin: 0 0 0 20px;}
#Giftlist .message {white-space:normal; width: 635px; padding: 10px 40px; background-color: #D81E05; color: #FFF; font-weight: bold; text-align: center;margin-bottom:14px;}
#Giftlist h1.plain {position: static; height: auto; padding: 26px 0 10px 26px; color: #333; background-image: none;}
#Giftlist .box {width: 710px; margin-top: 10px; border: 1px solid #C4D8E2;}
#Giftlist .box .boxBody {padding-left: 10px;}
#Giftlist textarea {margin-bottom: 6px;}
#Giftlist select.wider {width: 176px;}
#Giftlist textarea.wide {width: 180px;}
#Giftlist .boxLeft {display: inline; float: left; width: 490px; font-size: 0.9em; margin:0;}
#Giftlist .boxLeft.wide {width: 490px; margin-left:27px;}
#Giftlist .box input.wide {width: 170px;}
#Giftlist .boxTop h2 {padding: 4px 2px; font-size: 1.2em;}
#Giftlist .boxLeft {display: inline; float: left; width: 490px; font-size: 1.1em;}
#Giftlist .boxLeft .boxTop {background-image: none;}
#Giftlist .boxLeft .boxBody p {margin-top: 3px; line-height: 100%;}
#Giftlist .boxLeft .boxBody .floatLeft {padding-left: 30px;}
#Giftlist .boxRight {float: right; width: 210px; background-color: #C4D8E2;}
#Giftlist .boxRight input {margin-top: 3px;margin-right:10px}
#Giftlist .boxRight .boxBody {margin:10px; background-color: #C4D8E2;}
#Giftlist .boxRight .boxBody h2 {font-size: 1.2em; padding: 0; color: #000;}
#Giftlist p.indent {margin: 0 0 10px 40px;}
#Giftlist h3 {margin: 5px 0 2px 50px; padding: 0; font: bold 1em Verdana;}
#Giftlist select.wide {width: 184px;}
#Giftlist th {height: 26px;}
#Giftlist td.center {width: 100px;}
#Giftlist th.indent {padding-left: 10px;}
#Giftlist th.subHeading {background-color: #FFF; border-bottom: 1px solid #C4D8E2;}
#Giftlist td.productImage {width: 80px;}
#Giftlist .giftListIndent {padding-left: 20px;}
#Giftlist table.noPad td {padding: 0;}

#Giftlist .pagination {margin-left:27px;margin-right:27px;width: 716px;}
#Giftlist .sort {margin:0px;width: 700px;}
#Giftlist .sortBy {margin:0px;width:700px;}
#Giftlist .sortBar {margin-left:27px;margin-right:27px;width:700px;}
#Giftlist .hr {border-top: 1px solid  #C4D8E2; clear: both; margin: 6px 27px 0 27px;width:710px;}

#GiftOptions .box {width: 640px; margin-top: 10px; border: 1px solid #C4D8E2;}
#GiftOptions .boxTop {padding: 4px 6px;}
#GiftOptions .boxBody {padding: 0 0 0 10px;}
#GiftOptions .indent {margin-left: 8px;}
#GiftOptions h3 {font: bold 1em Verdana;}
#GiftOptions .boxBody div.indent div {margin: 0; padding: 0;}
#GiftOptions .boxBody input.radio {margin: 0; padding: 0;}

#Help h1 {padding: 12px 0 8px 0;}
#Help h2 {font-size: 1.15em; padding: 8px 0 4px 0;}
#Help a:hover {color: #00A6D6;text-decoration:underline;}
#Help .box {height: 100%; padding-bottom: 10px; border: 1px solid #C4D8E2;}
#Help .box strong {padding-left: 5px;}
#Help .boxBody {padding: 10px 0 0 4px;}
#Help .thirtyFive {width: 33%; padding-right: 8px;}

#Help ul.siteMap li.thirdTier {margin-left: 40px;}
#Help ul.siteMap li a {text-decoration: none;}

#HP h2 {margin-left: -16px; color: #22AEC9;}
#HP .floatedProduct {display: inline; float: left; padding: 0 5px; border-left: 1px solid #7FD2EA;}
#HP .floatedProduct.noBorder {padding-right: 4px; border-left: 0 none;}
#HP .boxBody {color: #FFF; padding:10px;}
#HP .boxBody h2 {margin: -10px 0 0 -10px; font-size: 2em; font-weight: normal; color: #FFF; line-height: 110%;}
#HP .boxBody a {color: #333; text-decoration:none;}
#HP .boxBody a:hover {text-decoration:underline;}
#HP .boxBody ul {margin: 0 0 0 4px; font-size: 1.05em;}
#HP .boxBody .eightyFive {font-size: 1.05em;}
#HP .boxBody li {margin-bottom: 3px;}
#HP .boxBody p {margin: 0; padding: 0 0 0 8px;}
#HP .boxLogo {margin-left: 0; background-color: #FFF;}

#HUC h2 {margin: 0 0 0 -20px; padding-top: 0; padding-bottom: 0; color: #22AEC9;}
#HUC .floatedProduct {display: inline; float: left; width: 130px; margin: 4px 0; padding: 0 10px 10px 0;}
#HUC .floatedProductDetailsBtn {display: inline; float: left; width: 130px; margin: 4px 0; padding: 0 10px 10px 0;}
#HUC #rMenu {width: 256px;}
#HUC #rMenu h2 {position: relative; top: -12px; text-align: center; font: 1.9em arial; color: #F96302;}
#HUC #rMenu h3 {padding: 0 0 10px; font-size: 1.2em; text-align: center; color: #00A6D6;}
#HUC #rMenu .ovalBody {padding: 0 14px; border-left: 5px solid #C7D5DE; border-right: 5px solid #C7D5DE;}
#HUC #rMenu .hr {width: 180px; margin-left: 20px;}
#HUC .hr {border-top: 1px solid  #C4D8E2; clear: both; margin: 2px 0; height: 100%;}

#OPLChooseEnterAddress .box {border: 1px solid #C4D8E2; height: 100%;}
#OPLChooseEnterAddress .boxRight {position: relative; top: -30px;}
#OPLChooseEnterAddress .box .boxTop  {padding: 4px 0 4px 10px; background: #C4D8E2 none; font-size: 1.1em; font-weight: bold;}
#OPLChooseEnterAddress .box .boxBody {padding: 0 20px;}
#OPLChooseEnterAddress .boxLeft {float: left; width: 440px; background-color: #C4D8E2;}
#OPLChooseEnterAddress .boxRight {float: right; width: 200px; margin-left: 20px; background-color: #C4D8E2;}
#OPLChooseEnterAddress h2 {padding: 0; font: bold 1em Verdana;}
#OPLChooseEnterAddress .thirty {padding: 4px 24px 4px 0;}
#OPLChooseEnterAddress .storeCrdStyle {float: right; width: 200px; margin-left: 20px;}
#OPLChooseEnterAddress .boxRightAddress {float: right; width: 200px; margin-left: 20px; background-color: #C4D8E2;}

#OPLConfirmation h2 {padding-left: 0; font-size: 1.6em;}
#OPLConfirmation h3 {display: inline; font-size: 1.3em; vertical-align: middle;}
#OPLConfirmation form p {margin-left: 17px;}
#OPLConfirmation ul {margin: 10px 20px;}
#OPLConfirmation select {margin: 3px 0;}
#OPLConfirmation #relationshipSelect {width: 177px;}

#OPLEnterAddress .boxLeft {width: 460px; background-color: #C4D8E2;}
#OPLEnterAddress .boxRight {float: right; width: 200px; margin-left: 20px; background-color: #C4D8E2;}
#OPLEnterAddress .boxBody {background-color: #C4D8E2;}
#OPLEnterAddress label {font-weight: bold;}
#OPLEnterAddress .boxRightAddress {float: right; width: 200px; margin-left: 20px; background-color: #C4D8E2;}
#OPLEnterAddress .storeCrdStyle {float: right; width: 200px; margin-left: 20px;}

#OPLPayment .box {width: 640px; margin-top: 10px; border: 1px solid #C4D8E2;}
#OPLPayment .boxTop {padding: 4px 6px;}
#OPLPayment .boxBody {padding: 0 0 0 10px;}
#OPLPayment h2 {padding: 0; font: bold 1.1em Verdana;}
#OPLPayment h4 {color: #666;}
#OPLPayment .storecarddiv { float:left; width:250px;}

#OPLPlaceOrder .floatLeft {width: 400px; margin-right: 6px;}
#OPLPlaceOrder .boxLeft {border: 1px solid #C4D8E2;}
#OPLPlaceOrder .boxRight {float: left; width: 200px; border: 1px solid #C4D8E2;}
#OPLPlaceOrder .boxTop {padding: 4px 6px;}
#OPLPlaceOrder .boxRight .boxBody {width: 180px;}
#OPLPlaceOrder .boxTop h2 {padding: 0; font: bold 1.1em Verdana;}
#OPLPlaceOrder .boxBody {height: 100%; border-bottom: 1px solid #C4D8E2; padding: 0 10px;}
#OPLPlaceOrder .boxBody.noBorder {border-bottom: 0 none;}
#OPLPlaceOrder .boxBody input {margin-bottom: 3px; padding: 0; }
#OPLPlaceOrder  strong {font-size: 1em;}
#OPLPlaceOrder label {font-size: 1em;}
#OPLPlaceOrder table th {width: 70px; padding-bottom: 10px;}
#OPLPlaceOrder table th.item {width: 260px;}


#OPLSelectConfirm .box {margin-top: 10px; border: 1px solid #C4D8E2;}
#OPLSelectConfirm .boxTop {padding: 4px 6px;}
#OPLSelectConfirm .boxBody {padding: 0 4px;}
#OPLSelectConfirm .box .overflow {height: 180px; overflow-y: auto;}
#OPLSelectConfirm input .radio, #OPLSelectConfirm p {position: static; margin: 1px 0;}

#OPLEnterAddress h1, #OPLShipMultiple h1, #OPLSelectConfirm h1, #OPLSignin h1, #PasswordAssistance h1 {margin-left: 6px;}
#OPLShipMultiple .box {margin-top: 10px; border: 1px solid #C4D8E2;}
#OPLShipMultiple .boxTop {padding: 4px 6px;}
#OPLShipMultiple .boxBody {padding: 0 16px;}
#OPLShipMultiple .wideAddress {width: 340px; vertical-align: middle;}
#OPLShipMultiple select {margin-top: 3px;}

#OPLSignin .box {float: left; width: 300px; background-color: #C4D8E2;}
#OPLSignin .boxBody {width: 260px; height: 260px; padding: 0 16px; background-color: #C4D8E2;}
#OPLSignin .boxGreen h2 {color: #fff;margin-left:-10px; }
#OPLSignin .boxGreen {float: left; width: 623px; background-color: #56AA1C; margin-bottom:15px;padding:0px;}
#OPLSignin .boxBodyGreen {width: 580px; padding: 0 10px; background-color: #56AA1C;color: #fff;font: 1.1em Verdana;}
#OPLSignin .box2 {float: left; width: 80px; }
#OPLSignin .boxBody2 {width: 260px; height: 260px; padding: 0 16px; }
#OPLSignin .changeEmail {width: 480px; height: auto; padding: 0;}
#OPLSignin .boxBody h2 {margin-left: -20px;}
#OPLSignin .boxBody p {font-size: 0.95em; line-height: 110%;}
#OPLSignin input.text {width: 130px;}
#OPLSignin .box.boxRight {margin-left: 14px;}
#OPLSignin .ErrWinBody{width: 616px; height: auto; padding: 0 40px 0 16px;  background-color: #C4D8E2; }

#PasswordAssistance .box {float: left; width: 600px; background-color: #C4D8E2;}
#PasswordAssistance .boxBody {padding: 0 20px; background-color: #C4D8E2;}
#PasswordAssistance h2 {margin: 0 0 0 -10px;}

#ProductDetail .imageBox {float: left; width: 317px; border: 1px solid #CDCDCD;}
#ProductDetail .zoomBar {height: 39px; padding: 0 0 0 4px; background-color: #FFFBE8; border-top: 1px solid #CDCDCD; color: #22AEC9;}
#ProductDetail .zoomBar a {color: #22AEC9;}
#ProductDetail .zoomBar .floatLeft {padding: 7px 0 1px;}
#ProductDetail .zoomBar .thumb img {float: left; margin: 1px; border: 1px solid #CDCDCD;}
#ProductDetail h1 {padding: 0; color: #22AEC9;}
#ProductDetail h2 {padding: 0; font-size: 1.3em; color: #22AEC9;}
#ProductDetail h3 {padding: 0; font: bold 1.3em Verdana; color: #22AEC9;}
#ProductDetail h3 a {color: #22AEC9;}
#ProductDetail h2 a {color: #22AEC9;}
#ProductDetail .productDetails {float: left; width: 213px; padding-left: 10px;}
#ProductDetail .productDetails .productPrice {margin: 10px 0 4px; font-size: 1.3em; font-weight: bold; color: #22AEC9;}
#ProductDetail .productSalePrice {margin: 0 0 4px; font-size: 1.3em; font-weight: bold; color: #CD0C05;}
#ProductDetail .productDetails .colors img, #Collections .colors img {width: 20px; height: 20px; margin: 2px; border: 1px solid #FFF;}
#ProductDetail .productDetails select {width: 110px;}
#ProductDetail .indent {margin-left: 4px;}
#ProductDetail .indent input {margin: 3px 0; vertical-align: middle;}
#ProductDetail .productInfoTabsBox {width: 536px;}
#ProductDetail #deliveryTabFocus, #ProductDetail #deliveryInfoDisplay {display: none;}
#ProductDetail .productInfoTabsBoxBody {width: 518px; margin-top: -20px; padding:  0 8px; border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; }
#ProductDetail .productInfoTabsBoxBody h3 {padding: 12px 0 0 4px; color: #000; font-size: 1.1em;}
#ProductDetail .productInfoTabsBoxBody p  {margin: 1px 0 3px 4px; line-height: 140%;}
#ProductDetail .productInfoTabsBoxBody ul.high {margin: -10px 0 0;}
#ProductDetail .customerReviews {padding: 0 0 1px 1px;}
#ProductDetail .coloredArrow {color: #5CB0DC;}
#ProductDetail .listmania {width: 150px; margin-left: -4px;}
#ProductDetail .listmaniaBody {margin-top: -20px; padding: 5px; border-left: 5px solid #EA0F6B; border-right: 5px solid #EA0F6B;}
#ProductDetail .listmaniaBody ul li {margin: 3px 0 0 15px;}
#ProductDetail .plusSign {margin-bottom: 8px; font-size: 2em; font-weight: bold; text-align: center; color: #22AEC9;}
#ProductDetail .colorDisplay, #Collections .colorDisplay {display: none; color: #BC495E;}
#ProductDetail .colors img a:active, #Collections .colors img a:active {border-style: solid;}
#ProductDetail .box  {width: 460px; margin: 0 auto; background-color: #C4D8E2;}
#ProductDetail .boxBody {width: 420px; padding: 0 20px; background-color: #C4D8E2;}
#ProductDetail #errorMessageBox {margin: 0  0 10px 0; padding: 3px; font-weight: bold; color: #CC0000;}
#ProductDetail #rMenu .hr {margin: 12px 0;}
#ProductDetail #rMenu h3 {padding-top: 6px;}
#ProductDetail #extraPromo {display: none;}
#ProductDetail #extraPromoWrapper .promo a {color: #D81E05;}
#outerWrapPopup #ProductDetail .confirmationMessage ul {margin-left: 134px; text-align: left;}
#outerWrap.printProductDetail {margin: 20px auto; padding: 20px 0; background-image: none;}
#outerWrap.printProductDetail .productInfoTabsBoxBody ul {margin-left: -3px; font-size: 0.9em;}
#outerWrap.printProductDetail .productInfoTabsBoxBody li {margin-bottom: 2px;}
#outerWrap.printProductDetail .productInfoTabsBoxBody p {margin-left: 4px; font-size: 0.9em; line-height: 1.6em;}
#outerWrap.printProductDetail h4 {margin: 10px 0 0 4px;}

#RequestCatalogue .floatedProduct {display: inline; float: left; margin: 6px; padding: 0 3px 0 0; white-space: nowrap;}
#RequestCatalogue h1 {margin-left: -26px;}
#RequestCatalogue p {margin-left: 5px;}
#RequestCatalogue h2 {margin-left: -18px;}
#RequestCatalogue .box {width: 490px; background-color: #C4D8E2;}
#RequestCatalogue h3 {display: inline; font-size: 1.1em; color: red; vertical-align: middle;}
#RequestCatalogue p.indent, #RequestCatalogue .privacy {margin-left: 25px;}
#RequestCatalogue .informationProcessed strong, #RequestCatalogue .informationProcessed ul {margin-left: 30px;}

#ResourceCenter .box {width: 716px; margin-top: 8px; background-color: #E23282;}
#ResourceCenter .box.inside {width: 240px; background-color: #FCC9C6;}
#ResourceCenter .box.signup {width: 240px; background-color: #E28C05;}
#ResourceCenter .boxBody img {padding: 17px;}
#ResourceCenter .boxBody p {margin-left: 6px; font-size: 1.1em; line-height: 150%; color: #FFF;}
#ResourceCenter .box.inside .boxBody, #ResourceCenter .box.signup .boxBody {padding: 0 10px 10px;}
#ResourceCenter .box.inside .boxBody p {font-size: 1em; color: #333;}
#ResourceCenter .box.inside .boxBody h2 {margin-top: -12px;}
#ResourceCenter .box.inside .boxBody ul {margin: 0 0 10px -6px;}
#ResourceCenter h2 {padding: 14px 0 0 0; font-size: 1.9em; font-weight: normal; line-height: normal;}
#ResourceCenter .box.signup .boxBody h2 {color: #FFF;}
#ResourceCenter .box.signup .boxBody input.wide {width: 160px;}
#ResourceCenter .hr {border-color: #E23282;}
#ResourceCenter p.indent {margin: 14px 0 0 40px;}

#ResourceCenterArticle h1 {font-size: 1.6em; color: #22AEC9;}
#ResourceCenterArticle h2 {padding: 8px 0 0 0; color: #22AEC9;}
#ResourceCenterArticle #rMenu h3 {position: relative; top: -23px; font-size: 1.2em; color: #22AEC9;}
#ResourceCenterArticle #rMenu .box.signup .boxBody {padding: 6px; color: #FFF;}
#ResourceCenterArticle #rMenu .box.signup .boxBody h3 {font-size: 1.7em; font-weight: normal; color: #FFF;}
#rMenuResourceCenterArticle .box.signup	.boxBody {padding: 6px; color: #FFF;}
#rMenuResourceCenterArticle .box.signup .boxBody h3 {font-size: 1.7em; font-weight: normal; color: #FFF;} 
#ResourceCenterArticle #rMenu .box.signup, #rMenuResourceCenterArticle .box.signup {margin-left: 4px; width: 140px; background-color: #E28C05;}
#ResourceCenterArticle .box.relatedArticles {background-color: #EBF2F8;}
#ResourceCenterArticle .box.relatedArticles .boxBody {padding: 16px; background-color: #EBF2F8;}
#ResourceCenterArticle .box.relatedArticles .boxBody p {margin: 0; padding: 0 0 10px 10px;}
#ResourceCenterArticle #ResourceCenterTop {width:716px; margin-left:27px; margin-right:27px;}

#SearchResults h1 {padding-left: 30px; font-style: italic; color: #22AEC9;}
#SearchResults h1 .resultTerm {color: #FC5D02;}
#SearchResults h1 .resultTermCategory {color: #FC5D02; text-decoration: underline;}
#SearchResults #mainContent h1 {padding: 0; font-style: normal; color: #31363A;}
#SearchResults #mainContent h1 span.unBold {font-size: smaller; font-weight: normal !important;}
#SearchResults .hr {width: 710px; margin: 0 10px 0 30px;}
#SearchResults #mainContent .hr {width: 534px; margin: 0;}
#SearchResults #lMenu {padding-top: 12px;float: left; width: 170px;padding-left:27px; }
#SearchResults #lMenu h2 {padding: 8px 0 6px; font-size: 1.4em;}
#SearchResults #lMenu h2.gray {color: #666;}
#SearchResults #lMenu .categoryLinks a {line-height: 150%; font-size: 1.1em; text-decoration: none;}
#SearchResults #lMenu .categoryLinks a:hover {text-decoration: underline;}
#SearchResults #lMenu .relatedArticles {width: 159px; margin: 30px 0; line-height: 160%; background-color: #53A90A;}
#SearchResults #lMenu .relatedArticlesBody {margin-left: 11px; color: #FFF;}
#SearchResults #lMenu .relatedArticles a {color: #FFF;}
#SearchResults #lMenu .relatedArticles .ten, #SearchResults #lMenu .relatedArticles .ninety {margin-bottom: 4px;}
#SearchResults #lMenu .relatedArticlesBottom {background-color: #FFF;}
#SearchResults #lMenu .compareColor {color: #52A704;}
#SearchResults #lMenu .compareColor a {color: #52A704; font-size: 1.1em; line-height: 150%; text-decoration: none;}
#SearchResults #lMenu strong {font-size: 1.1em;}
/* --------------BEGIN SGUDURU ADDING FOR LEFT NAV WHEN MAIN DIV IS SEARCH RESULTS ------------------ */
#SearchResults #lMenu .tier2Link a, #SearchResults #lMenu .relatedArticles a {line-height: 150%; font-size: 1.1em; text-decoration: none;}
#SearchResults #lMenu ul .tier3Link {margin: 1px 0 1px 20px;}
#SearchResults #lMenu ul .tier4Link {margin: 1px 0 1px 36px;}
#SearchResults #lMenu h2.selected {color: #22AEC9; }
#SearchResults #lMenu a.selected, ul li a:hover, .tier2Link a:hover {color: #22AEC9;}
#SearchResults #lMenu ul li a {text-decoration: none;}
#SearchResults #lMenu .boxBody ul li a {text-decoration: none;}
#SearchResults #lMenu .boxBody ul li a:hover {text-decoration: underline;}
#layoutBody {width:716px;margin-left:27px;margin-right:27px;}
#layoutBody #left {width: 170px; float: left; }
#layoutBody #left .tier2Link a, #layoutBody #left .relatedArticles a {line-height: 150%; font-size: 1.1em; text-decoration: none;}
#layoutBody #left ul .tier3Link {margin: 1px 0 1px 20px;}
#layoutBody #left ul .tier4Link {margin: 1px 0 1px 36px;}
#layoutBody #left h2.selected {color: #22AEC9;}
#layoutBody #left h2 {padding-left: 0px;}
#layoutBody #left a.selected, ul li a:hover, .tier2Link a:hover {color: #22AEC9;}
#layoutBody #left ul li a {text-decoration: none;}
#layoutBody #left .boxBody ul li a {text-decoration: none;}
#layoutBody #left .boxBody ul li a:hover {text-decoration: underline;}
#layoutBody #mainContent {width:534px;float:left;}
/* --------------------BEGIN SGUDURU ADDING FOR LEFT NAV ARTICLE SEARCH RESULTS ---------------------- */
#SearchResults #lMenu .thinkBoxBody h3 {font-size: 1.4em; color: #FFF; padding-bottom: 8px;}
#SearchResults #lMenu .thinkBox { background-color: #56AA1C; color: #FFF;}
#SearchResults #lMenu .thinkBoxBody a {color: #FFF; line-height: 150%;text-decoration: none;}
#SearchResults #lMenu .thinkBoxBody a:visited  {color: #FFF; line-height: 150%;text-decoration: none;}
#SearchResults #lMenu .thinkBoxBody a:hover {text-decoration: underline;}
#SearchResults #lMenu .thinkBoxBody {margin-left: 10px;margin-right: 10px;}
/* --------------END OF SGUDURU ADDING FOR LEFT NAV WHEN MAIN DIV IS SEARCH RESULTS ------------------ */

#SearchResults .current {font-weight: bold;}
#SearchResults .listmania {width: 150px;}
#SearchResults .listmaniaBody {margin-top: -20px; padding: 5px; border-left: 5px solid #A7C3CF; border-right: 5px solid #A7C3CF;}
#SearchResults .listmaniaBody ul li {margin: 3px 0 0 15px;}
#SearchResults .refineBox {width: 534px; background-color: #EBF2F8; margin-right: 27px;}
#SearchResults .refineBoxBody {padding: 0 10px; background-color: #EBF2F8;}
#SearchResults .refineBoxBody .refineDropDownLabel {float: left; padding-bottom: 1px; padding-right: 10px;}
#SearchResults .color a {color: #D71D5E;}
#SearchResults .color img {vertical-align: middle;}

#SearchResults .compareBar {height: 32px; margin: 0 5px 8px 0; padding-top: 6px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
#SearchResults .compareBar.noBorderBottom {border-bottom: 0 none; margin-bottom: 16px;}
#SearchResults .compareBar.noBorderTop {margin-top: 0; border-top: 0 none;}
#SearchResults .compare {vertical-align: middle; font-size: 1em; font-weight: bold; color: #22AEC9;}
#SearchResults .addToCompare {margin-left: 0px; color: #1B9DD9; margin-top: 3px; width:170px; }
#SearchResults .addToCompare #checkBox {padding: 0px;margin:0px;float: left; padding-bottom: 1px; width:9px; }
#SearchResults .addedToCompare, #SearchResults .addedToCompare a {margin: 4px 0 10px 0px; color: #67A02F; line-height: normal;}
#SearchResults .compareBoxTop  .productTitle, #SearchResults .compareBoxTop .color img, #SearchResults .compareBoxBottom input, #SearchResults .compareBoxBottom input {padding-left: 0px;}
#SearchResults .compareBoxTop {width: 170px; height: 315px ; margin: 0 2px 0 2px; padding: 0 0 0 0; border: 2px solid #05A4DB; border-bottom: 0 none; background-color: #FFFEDF;}

#SearchResults .compareBoxBottom input {padding: 0px;margin:0px;float: left; padding-bottom: 1px; width:15px; }
#SearchResults .compareBoxBottom {width: 170px; height: 95px; margin: 0 2px 10px 2px; padding: 0; border: 2px solid #05A4DB; border-top: 0 none;  background-color: #FFFEDF;}
#SearchResults .compareBoxBottom .nudgeDown {margin-top: 0;}

#SearchResults .floatedProduct, #SearchResultsNull .floatedProduct {display: inline; float: left; width: 170px; margin:0 0 0 0; padding: 0 0 0 0;}
#SearchResults .floatedProductCenter, #SearchResultsNull .floatedProductCenter {display: inline; float: left; width: 170px; margin:0 12px 0 12px; padding: 0 0 0 0;}
#SearchResults .floatedProductCenterCompare, #SearchResultsNull .floatedProductCenter {display: inline; float: left; width: 170px; margin:0 4px 0 4px; padding: 0 0 0 0;}
#SearchResults .floatedProductBorder {display: inline; float: left; width: 170px; margin: 0; padding: 0 0px 0px; border-left: 1px solid #3BBBDF;}
#SearchResults .floatedProductBorderLeft {display: inline; float: left; width: 170px; margin: 0; padding: 0 0px 0px 0; border-left: 0 none;}
#SearchResults .floatedProductDetailsBtn, #SearchResultsNull .floatedProductDetailsBtn {display: inline; float: left; width: 170px; margin: 0 0 0 0; padding: 2px 0 0 0;}
#SearchResults .floatedProductDetailsBtnCenter, #SearchResultsNull .floatedProductDetailsBtnCenter {display: inline; float: left; width: 170px; margin: 0 12px 0 12px; padding: 2px 0 0 0;}
#SearchResults .floatedProductDetailsBtnCenterCompare, #SearchResultsNull .floatedProductDetailsBtnCenterCompare {display: inline; float: left; width: 170px; margin: 0 4px 0 4px; padding: 2px 0 0 0;}


#SearchResults .color {margin: 3px 0 1px -0;}
#SearchResults .color a {color: #E23282;}

#SearchResults .sortBy {float: left; padding: 5px 0 0 3px;}
#SearchResults .pagination {margin-right: 16px; padding: 3px 0 5px 0;}
#SearchResults .refineBoxBody .totalResults {margin: -4px 0 0 0; padding: 0 0 3px; font-size: 1.1em;}
#SearchResults .spellingCorrection {text-align: center; font-size: 1.1em; font-style: italic; font-weight: bold; color: #FC5D02;}
#SearchResultsNull .boxNull {width: 540px; background-color: #C4D8E2;}
#SearchResultsNull .boxTopNull img {vertical-align: baseline;}
#SearchResultsNull .boxBodyNull {padding: 0; background-color: #C4D8E2;}
#SearchResultsNull .boxBodyNull label {margin-left: 30px;}
#SearchResultsNull .boxBodyNull strong {margin-left: 76px;}
#SearchResultsNull .boxBodyNull ul li {margin-left: 90px;}
#SearchResultsNull .boxBottomNull img {vertical-align: baseline;}
#SearchResultsNull h1 {padding-left: 30px; font-style: italic; color: #22AEC9;}
#SearchResultsNull h1 .resultTerm {color: #FC5D02;}
#SearchResultsNull h1 .resultTermCategory {color: #FC5D02; text-decoration: underline;}
#SearchResultsNull .hr {width: 710px; margin-left: 30px;}
#SearchResultsNull .hr.narrow {width: 540px; margin-left: 0px;}
#SearchResultsNull .continueShopping {margin: 20px 0 0 70px;}
#SearchResultsNull .continueShopping h4 {margin-left: 7px; font-size: 1.1em;}
#SearchResultsNull h3 {font-size: 1.3em; margin-top: 20px;}
#SearchResultsNull label {font-size: 1.1em; font-weight: bold; margin-right: 5px;}

.boxUKDeliveryWide {
	MARGIN-LEFT: 30px; WIDTH: 718px
}
.boxUKDeliveryWide A {
	FONT-SIZE: 0.9em; COLOR: #fffcff
}
.boxUKDeliveryWide .boxTop {
	HEIGHT: 9px
}
.boxUKDeliveryWide .boxBody {
	FONT: bold 1em Verdana, Arial, Helvetica, sans-serif; COLOR: #fffcff; BACKGROUND-COLOR: #b6bf00; TEXT-ALIGN: center
}
.boxUKDeliveryWide .boxBottom {
	HEIGHT: 9px
}


#StoreLocator  h2 {font-size: 1.4em; padding: 0 0 5px;}
#StoreLocator .boxBody h2 {margin-top: -14px;}
#StoreLocator .boxBody {padding: 20px; background-color: #C4D8E2;}
#StoreLocator .boxLeft {width: 416px; background-color: #C4D8E2;}
#StoreLocator .boxRight {width: 280px; background-color: #EBF2F8;}
#StoreLocator .boxLeft .boxBody {height: 180px;}
#StoreLocator .boxRight .boxBody {height: 170px; background-color: #EBF2F8;}
#StoreLocator select {width: 180px; margin-top: 4px;}
#StoreLocator label {font-weight: bold;}
#StoreLocator label.nudgeDown {position: relative; top: 7px;}
#StoreLocator .note {margin-top: -6px;}
#StoreLocator #errorMessageBox {margin: 0;}
#StoreLocator .formElementError {margin-top: 10px; font-size: 0.9em;}
#StoreLocator p {margin: 8px 0 0 60px;}
#StoreLocator .floatLeft {padding-left: 60px;}

#Tier .compareBar {height: 32px; margin: 0 5px 8px 0; padding-top: 6px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
#Tier .compareBar .noBorderBottom {border-bottom: 0 none; margin-bottom: 16px;}
#Tier .compareBar .noBorderTop {margin-top: 0; border-top: 0 none;}
#Tier .compare {vertical-align: middle; font-size: 1em; font-weight: bold; color: #22AEC9;}
#Tier .addToCompare {margin-left: 0px; color: #1B9DD9; margin-top: 3px; width:170px; }
#Tier .addToCompare input {padding: 0px;margin:0px;float: left; padding-bottom: 1px; width:15px; }
#Tier .addedToCompare, #Tier .addedToCompare a {margin: 4px 0 10px 0px; color: #67A02F; line-height: normal;}
#Tier .compareBoxTop  .productTitle, #Tier .compareBoxTop .color img, #Tier .compareBoxBottom input, #Tier .compareBoxBottom input {padding-left: 0px;}
#Tier .compareBoxTop {width: 170px; height: 315px ; margin: 0 2px 0 2px; padding: 0 0 0 0; border: 2px solid #05A4DB; border-bottom: 0 none; background-color: #FFFEDF;}

#Tier .compareBoxBottom input {padding: 0px;margin:0px;float: left; padding-bottom: 1px; width:15px; }
#Tier .compareBoxBottom {width: 170px; height: 95px; margin: 0 2px 10px 2px; padding: 0; border: 2px solid #05A4DB; border-top: 0 none;  background-color: #FFFEDF;}
#Tier .compareBoxBottom .nudgeDown {margin-top: 0;}

#Tier .floatedProduct {display: inline; float: left; width: 170px; margin:0 0 0 0; padding: 0 0 0 0;}
#Tier .floatedProductCenter {display: inline; float: left; width: 170px; margin:0 12px 0 12px; padding: 0 0 0 0;}
#Tier .floatedProductCenterCompare {display: inline; float: left; width: 170px; margin:0 4px 0 4px; padding: 0 0 0 0;}
#Tier .floatedProductBorder {display: inline; float: left; width: 170px; margin: 0; padding: 0 0px 0px; border-left: 1px solid #3BBBDF;}
#Tier .floatedProductBorderLeft {display: inline; float: left; width: 170px; margin: 0; padding: 0 0px 0px 0; border-left: 0 none;}
#Tier .floatedProductHeading {display: inline; float: left; width: 176px; margin: 0; padding: 0 5px 2px 0; font-size: 1.1em;}
#Tier .floatedProductDetailsBtn {display: inline; float: left; width: 170px; margin: 0 0 0 0; padding: 2px 0 0 0;}
#Tier .floatedProductDetailsBtnCenter {display: inline; float: left; width: 170px; margin: 0 12px 0 12px; padding: 2px 0 0 0;}
#Tier .floatedProductDetailsBtnCenterCompare {display: inline; float: left; width: 170px; margin: 0 4px 0 4px; padding: 2px 0 0 0;}


#Tier .productTitle ul {margin-left: 10px;}
#Tier .floatedProduct h4 {font-size: 1.15em;}
#Tier .floatedProduct li {margin-left: 14px;}

#Tier h2.tier1 {padding: 18px 0 11px; font-size: 1.5em; color: #92576B;}
#Tier h2.results {display: inline; padding: 0;}
#Tier h3 {font-size: 1.4em; color: #22AEC9;}
#Tier .giftFinder h2, #Tier .helpMeChooseBox h2 {padding: 4px 0; font-size: 1.4em; color: #FFF;}
#Tier .giftFinder .forty {margin: 7px 0 0 28px;}
#Tier .giftFinder .forty p {font-size: 0.9em;}
#Tier .giftFinder .sixty h2 {padding: 70px 0 0 40px;}
#Tier .hr {width: 534px; border-top-color: #D0D0D0;}
#Tier .refineBox {width: 516px; background-color: #EBF2F8; margin-right: 27px;}
#Tier .box.giftFinder {width: 527px; background-color: #FCB514;}
#Tier .box.helpMeChooseBox {width: 527px; background-color: #56AA1C;}
#Tier .refineBoxBody {padding: 0 20px; background-color: #EBF2F8;}
#Tier .boxBody.giftFinder {padding: 0; background-color: #FCB514;}
#Tier .boxBody.helpMeChooseBox {padding: 0; background-color: #56AA1C;}
#Tier .boxBody.giftFinder p {margin: 3px 0; color: #FFF; font-weight: bold;}
#Tier .boxBody.giftFinder select.wide {width: 140px; margin: 1px 0 3px;}
#Tier .boxBody.giftFinder input {position: relative; top: -3px;}
#Tier .refineBoxBody select {width: 100px; margin: 0 0 3px; padding: 0;}
#Tier .totalResults {margin: -4px 0 0 0; padding: 0 0 3px; font-size: 1.1em;}
#Tier .helpMeChoose, #Tier .helpMeChoose a {color: #52A704;}

#Tier .sortBy  {float: left; padding: 5px 0 0 3px;}
#Tier .pagination {margin-right: 16px; padding: 3px 0 5px 0;}

#Tier .color {margin: 3px 0 1px 0;}
#Tier .color a {color: #E23282;}
#Tier .finderBox {width: 140px;}
#Tier .finderBox select {width: 138px; margin: 2px; margin-bottom: 4px;}
#Tier .floatLeft input {margin: 76px 5px 0;}
#Tier .helpMeChooseProducts p {margin-top: 0;}
#Tier .helpMeChooseProducts .hr {border-top-color: #52A704;}
#Tier #lMenu h2 {padding: 0 0 10px; font-size: 1.6em;}
#Tier #lMenu h2.selected {color: #22AEC9;}
#Tier #mainContent h2.helpMeChoose {font-size: 1.5em; padding-left: 0;}
#Tier #lMenu strong {font-size: 1.1em;}
#Tier #lMenu .tier2Link a, #Tier #lMenu .relatedArticles a {line-height: 150%; font-size: 1.1em; text-decoration: none;}
#Tier #lMenu .categoryLinks a {line-height: 150%; font-size: 1.1em; text-decoration: none;}
#Tier #lMenu .categoryLinks a:hover {text-decoration: underline;}
#Tier #lMenu ul li a {text-decoration: none;}
#Tier #lMenu ul .tier3Link {margin: 1px 0 1px 20px;}
#Tier #lMenu ul .tier4Link {margin: 1px 0 1px 36px;}
#Tier #lMenu a.selected {color: #22AEC9;}
#Tier #lMenu {float: left; width: 170px; padding-left: 27px; padding-top: 12px;}

#Wishlist .box {float: left; width: 460px; margin-left: 50px; background-color: #C4D8E2;}
#Wishlist .boxRight .boxBody {margin-left:5px;}
#Wishlist .boxBody.options {width: 420px; padding: 0 20px; background-color: #C4D8E2;}
#Wishlist h2 {font-size: 1.4em; color: #22AEC9;}
#Wishlist h2.alt, #Giftlist h2.alt {padding-left: 0; font-size: 1.4em; color: #333;}
#Wishlist .productWrapper, #Giftlist .productWrapper {margin-left: 50px;}
#Wishlist .productWrapper h2 {margin-left: 0; padding-left: 0;}
#Wishlist .floatedProduct, #Giftlist .floatedProduct {display: inline; float: left; width: 170px; margin: 6px 48px 6px 0;}
#Wishlist .floatedProductCenter, #Giftlist .floatedProductCenter {display: inline; float: left; width: 170px; margin: 6px 48px 6px 0;}
#Wishlist .floatedProductDetailsBtn, #Giftlist .floatedProductDetailsBtn {display: inline; float: left; width: 170px; margin: 0 48px 6px 0;}
#Wishlist .floatedProductDetailsBtnCenter, #Giftlist .floatedProductDetailsBtnCenter {display: inline; float: left; width: 170px; margin: 0 48px 6px 0;}
#Wishlist .floatedProduct A, #Giftlist .floatedProduct A {white-space: normal;}
#Wishlist .floatedProductCenter A, #Giftlist .floatedProductCenter A {white-space: normal;}
#Wishlist .color {color: #D71D5E;}
#Wishlist .pagination, #Wishlist .pagination a, #Wishlist .pagination .current {padding: 0;}
#Wishlist .pagination {margin-left:27px;margin-right:27px;width: 716px;}
#Wishlist table, #Giftlist table {width: 100%;}
#Wishlist td.hr {margin: 4px 0 0 0; padding: 0;}
#Wishlist th, #Giftlist th {padding: 4px 4px 2px; white-space: nowrap; border-top: 1px solid  #C4D8E2; background-color: #EEF5FA; font-size: 0.9em; font-weight: bold;}
#Wishlist th.subHeading {font-size: 1em; padding: 4px; background-color: #FFF; border-bottom: 1px solid #C4D8E2;}
#Wishlist td, #Giftlist td {padding: 0; white-space: nowrap;}
#Wishlist table.hybrid td {padding: 1px 4px; white-space: normal;}
#Wishlist table td select {width: 178px;}
#Wishlist table textarea {margin-bottom: 6px;}
#Wishlist table .eighty p {margin-left: 8px; line-height: 130%;}
#Wishlist table .eighty p a {line-height: 150%;}
#Wishlist table .hr, #Giftlist table .hr {border-top: 0 none; border-bottom: 1px solid  #C4D8E2; clear: both; margin: 10px 0;}
#Wishlist .searchItem, #Giftlist .searchItem {color: #D81E05;}
#Wishlist .sendEmail, #Giftlist .sendEmail {width: 100px; text-align: center; padding: 6px 0 20px 340px; padding-top:0px; padding-right:40px;}
#Wishlist .confirmationMessage, #Wishlist .indent, #Giftlist .confirmationMessage, #Giftlist .indent {margin-left: 40px;}
#Wishlist .viewableBy label {margin: 2px; font-weight: normal;}
#Wishlist .viewableBy input {margin: 3px;}
#Wishlist .boxLeft.wide {width: 490px;margin-left:27px;}
#Wishlist .boxLeft.narrow {width: 440px; margin-left: 50px;}
#Wishlist .message {white-space: normal; width: 635px; padding: 10px 40px; background-color: #D81E05; color: #FFF; font-weight: bold; text-align: center;margin-bottom:14px;}
#Wishlist .boxLeft {display: inline; float: left;}
#Wishlist .box input.wide {width: 170px;}
#Wishlist .boxLeft .boxBody, #Giftlist .boxLeft .boxBody {height: 100%; padding: 0 20px; border-left: 1px solid #C4D8E2;border-right: 1px solid #C4D8E2; font-size: 0.9em; border-bottom: 1px}
#Wishlist .boxLeft .boxBody p {margin-top: 3px; line-height: 100%;}
#Wishlist .boxLeft .boxBody .floatLeft {padding-left: 0px;}
#Wishlist .boxLeft .boxBody li {margin-bottom: 4px;}
#Wishlist .boxLeft .leftPanel {float: left; width: 240px; line-height: 120%; font-size: 0.9em}
#Wishlist .boxLeft .rightPanel {float: right; width: 226px; line-height: 120%; font-size: 0.9em}
#Wishlist .floatLeft.noBox {width: 508px;}
#Wishlist .boxLeft .rightPanelNarrow {float: right; width: 230px;}
#Wishlist .boxRight {float: right; width: 210px; background-color: #C4D8E2;}
#Wishlist .boxRight input {margin-top: 3px;}
#Wishlist .boxRight .boxTop, #Wishlist .boxRight .boxBottom {background-color: #C4D8E2;}
#Wishlist .boxRight .boxBody {padding: 0 10px; background-color: #C4D8E2;}
#Wishlist .boxRight .boxBody h2 {font-size: 1.2em; padding: 0; color: #000;}
#Wishlist .color a {color: #D71D5E;}
#Wishlist .boxLeft .boxBody {height: 100%; padding: 10px 0 0 16px; border-left: 1px solid #C4D8E2; border-right: 1px solid #C4D8E2; font-size: 1em;}
#Wishlist .color img, #Giftlist .color img {padding-bottom: 1px;}
#Wishlist .boxRight p, #Giftlist .boxRight p {margin: 0 auto; padding: 0; line-height: 90%;}
#Wishlist .sort {margin:0px;width: 700px;}
#Wishlist .sortBy {margin:0px;width:700px;}
#Wishlist .sortBar {margin-left:27px;margin-right:27px;width:700px;}
#Wishlist .hr {border-top: 1px solid  #C4D8E2; clear: both; margin: 6px 27px 0 27px;width:710px;}
 

#YAOrderPayment .box {margin-top: 10px; border: 1px solid #C4D8E2; border-bottom: 0 none;}
#YAOrderPayment .boxTop {padding: 4px 6px;}
#YAOrderPayment .boxBody {height: 100%; border-bottom: 1px solid #C4D8E2; padding: 2px 10px;}
#YAOrderPayment h2 {padding: 0; font-size: 1.1em;}
#YAOrderPayment strong {color: #000;}
#YAOrderPayment .note, #YAOrderPayment .note a {font-style: normal;}
#YAOrderPayment .seventyFive.border {border-left: 1px solid #C4D8E2;}
#YAOrderPayment table .indent {padding-left: 40px;}
#outerWrapPopup.printProductDetail #YAOrderPayment h1, #outerWrapPopup.printOrderSummary #YAOrderPayment h1 {margin-left: -26px;}

#YAReminder .box  {width: 460px; margin: 0 auto; background-color: #C4D8E2;}
#YAReminder .boxBody {width: 420px; padding: 0 20px; background-color: #C4D8E2;}
#YAReminder table.calendar {padding: 4px; border: 1px solid #CDCDCD;}
#YAReminder table.calendar tr.header {background-color: #DFE7EE; font-weight: bold;}
#YAReminder table.calendar td {width: 24px; height: 24px; margin: 1px; border: 1px solid #CDCDCD; text-align: center;}
#YAReminder table.calendar tr.header td {width: auto;}
#YAReminder table.calendar td.current {background-color: #BECED8; font-weight: bold;}
#YAReminder table.reminders {width: 100%;}
#YAReminder table.reminders th, #YAReminder table.reminders td {padding: 4px 0; text-align: left; border-bottom: 1px solid #C4D8E2;}
#YAReminder h2 {padding: 0;}
#YAReminder .sortByShow {margin-left: 30px;}
#YAReminder .sortBy {border-top: 1px solid  #C4D8E2; background-color: #EEF5FA; font-weight: bold; padding: 4px 0 2px;}
#outerWrapPopup #header h1 {margin-left: -26px;}
#outerWrapPopup #YAReminder .box  {width: 480px; margin: 0 auto; background-color: #C4D8E2;}
#outerWrapPopup #YAReminder .boxBody {width: 440px; padding: 0 20px; background-color: #C4D8E2;}
#outerWrapPopup #YAReminder table.calendar {margin-top: 4px; background-color: #FFF;}
#outerWrapPopup #YAReminder input, #outerWrapPopup #YAReminder select, #outerWrapPopup #YAReminder textarea {width: 180px; margin-top: 4px;}
#outerWrapPopup #YAReminder input.checkbox, #outerWrapPopup #YAReminder input.submit {width: auto; border: 0 none;}
#outerWrapPopup #YAReminder .addPerson {margin-left: 98px;}
#outerWrapPopup #YAReminder .right {padding-right: 40px;}

#YourAccount .box  {float: left; width: 300px; background-color: #C4D8E2;}
#YourAccount .boxBody {width: 260px; height: 226px; padding: 0 20px; background-color: #C4D8E2;}
#YourAccount .numberRow {font-weight: bold;}
#YourAccount .box.emptyBook, #YourAccount .box.paymentMethod, #YourAccount .box.wishlist {width: 460px;}
#YourAccount .changeEmail {width: 480px; height: auto; padding: 0;}
#YourAccount .boxBody.emptyBook, #YourAccount .boxBody.paymentMethod, #YourAccount .boxBody.wishlist {width: 460px; height: auto; padding: 0;}
#YourAccount label {font-weight: bold;}
#YourAccount p {margin: 2px 0 0 0;}
#YourAccount .viewableBy.narrow {white-space:nowrap}
#YourAccount .viewableBy label {margin: 2px; font-weight: normal;}
#YourAccount .viewableBy input {margin: 3px;}
#YourAccount .heading {float: left; width: 170px;}
#YourAccount .relationship {float: left; width: 290px; font-weight: bold;}
#YourAccount .birthday {float: left; width: 170px;}
#YourAccount .birthdayLabel {float: left; width: 149px;}
#YourAccount .gender {float: left; width: 100px;}
#YourAccount label.level {top: 3px;}
/* -------------- END PAGE-SPECIFIC IDs ------------------ */

/* form elements: listed here for higher specificity */
input.text, input.short, input.wide, input.qty {padding: 4px 6px; border: 1px  solid #95B1CB;}
input.text {width: 150px;}
input.short {width: 70px;}
input.wide {width: 200px;}
input.qty {width: 14px;}
input.radio {position: relative; top: 3px;}
input.checkbox {border: 0 none;}
select.wide {width: 203px;}
select.small {width: 96px;}
.Errwindow { width: 716px; margin-left: 27px; margin-right: 27px; }
 p.notecard {color:#666; font-size: 1.0em; font-style: italic; line-height: 100%;}
 
/* -------------- END MAIN.CSS FOR MOTHERCARE ------------------ */
