﻿@charset "utf-8";
/* Northside Hospital Global stylesheet */

html{
	margin: 0px; padding: 0px;
	background: #00539b url(../images/pagebg.jpg) top center;
	text-align: center;
}

body{
	margin: 0px auto; width: 993px;
	padding: 15px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #424242;
}

form{margin: 0px; padding: 0px;}

a{font-weight: bold; color: #337286;}
	a.blue{color: #315a86;}
	a.yellow{color: #8e951c;}
	a.green{color: #6aa42d;}

p{
	margin: 0px; padding: 4px 0px;
	line-height: 19px;
}

p.clear{
	margin: 0px; padding: 0px;
	clear: both; text-indent: -5000px;
	width: 1px; height: 1px;
	display: block; line-height: 1px;
}

h2, h3, h4.termsHeading,#returnPolicy h4{
	margin: 0px; padding: 0px 0px 0px 0px;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal; clear: both;
	background: url(../images/grayDots.gif) bottom left repeat-x;
}

/* ---HEADER--- */
.header{height: 76px;}
.header p{
	margin: 0px; padding: 0px;
	display: block;
	float: left;
}
	.header p#logo a{
		background: transparent url(../images/logo.jpg) 0px 0px no-repeat;
		width: 240px; height: 76px; text-indent: -5000px; display: block;
	}
	.header p#curve{
		width: 753px; height: 76px; text-indent: -5000px;
	}
		.curveMainHome{background: transparent url(../images/Curve-homeMain.jpg) 0px 0px no-repeat;}
		.curveBaby{background: transparent url(../images/Curve-Baby.jpg) 0px 0px no-repeat;}
		.curveGetWell{background: transparent url(../images/Curve-GetWell.jpg) 0px 0px no-repeat;}
		
		
/* ---Content--- */
.content{
	background: url(../images/contentBG.jpg) 0px 0px;
	padding: 0px 6px;
}

.contentMain p{
	text-align: justify;
}

.contentLeft{
	width: 755px; float: left;
}

.contentMain{
	padding: 0px 10px 0px 6px;
}

.welcome{
	width: 501px; float: left;
	background: url(../images/welcomeBox_BG.jpg) 0px 0px;
}
	p.welcomeTop, p.welcomeBottom{
		margin: 0px; padding: 0px;
		display: block; width: 501px; height: 8px; text-indent: -5000px;
	}
	p.welcomeTop{
		background: url(../images/welcomeBox_Top.jpg) 0px 0px no-repeat;
	}
	p.welcomeBottom{
		background: url(../images/welcomeBox_Bottom.jpg) bottom left no-repeat;
	}
	.welcomeContent, .grayBoxContent{
		padding: 0px 8px;
		line-height: 19px;
	}
	
.grayBox{
	width: 739px; margin: 12px 0px;
	background: url(../images/grayBoxBG.jpg) 0px 0px repeat-y;
}
	p.grayBoxTop, p.grayBoxBottom{
		margin: 0px; padding: 0px;
		display: block; width: 739px; height: 7px; text-indent: -5000px;
	}
	p.grayBoxTop{background: url(../images/grayBoxTop.jpg) 0px 0px no-repeat;}
	p.grayBoxBottom{background: url(../images/grayBoxBottom.jpg) bottom left no-repeat;}
	
.shopButns{
	float: left; width: 238px;
    position: relative; right: -5px;
}

.productPriceTitle{color: #5D9320;}
.attributeName{color: #315a86;}

.bulletList{
    margin: 4px 0px 12px 0px; padding: 0px;
    list-style: none;
}
    .bulletList li ul{margin: 0px 0px 6px 0px; padding: 0px; list-style: none;}
    
    .bulletList li{
        padding: 0px 0px 0px 15px;
        background: url(../images/arrowBlue.jpg) 0px 2px no-repeat;
    }
    .bulletList li li{
        padding: 0px 0px 0px 15px;
        background: url(../images/bulletBlue.jpg) 0px 2px no-repeat;
    }
    
.inputTxt, .inputSelect{
        border: 1px solid #a8a8a8;
       	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
	    color: #424242;
}

.checkoutTbl{margin: 15px 0px 0px 0px;}
    .checkoutTbl td{padding: 2px 5px 2px 0px;}
    .checkoutTbl strong{display: block;}
    .groupName{color: #5D9320; font-size: 14px;}
    span.validatorLabel{display: block;}

.featuredItemList{
	margin: 5px 0px 0px 0px; width: 100%;
}
	.featuredItemList td{
		text-align: left; width: 33%;
		vertical-align: top;
	}
    .featuredItemList td.featuredSpacer{
            background: url(../images/featuredItemListBG.jpg) left repeat-y;
            width: 1px;
    }
	.featuredItem{
		margin: 0px auto; padding: 0px 3px;
	}
	.price{display: block;}
		.featuredItem strong a{display: block; color: #337286;}
		.featuredItem strong{font-size: 12px; color: #5d9320;}
		a.cartLink{
			display: block;
			background: url(../images/cartLinkBG.jpg) 0px 4px no-repeat;
			padding: 0px 0px 0px 15px;
		}
		
	.featuredItem td.featuredItemImg{width: 102px;}
		.featuredItemImg a img{border: 1px solid #a8a8a8;}
	.featuredItem td.featuredItemDescription{width: auto;}
		
.catItemListingTbl{
	/*background: url(../images/catItemListingTblVertBG.gif) 0px 0px;*/
	margin: 7px 0px;
}
    .catAddonSperator{background: url(../images/vertDot.jpg) center repeat-y; width: 50px;}
	.catItemListingTbl td{text-align: center; vertical-align: top; padding: 12px; width: 161px;}
	.catItemListingTbl a img{border: 1px solid #a8a8a8;}
	.catItemListingTbl strong{display: block;}
	.catItemListingTbl td.catSeperator{
		background: url(../images/catItemListingTblHorzBG.gif) 0px 0px; height: 13px;
		font-size: 1px; line-height: 1px; padding: 0px;
	}
	
.OutofStock{
    background: url(../images/outOfStock.gif) 0px 0px;
    text-indent: -5000px; display: block;
    width: 70px; height: 72px;
    margin: 0px 0px -72px 0px; position: relative; top: 1px; left: 1px; z-index: 500;
    cursor: pointer;
}
	
.productImageLg{
    float: left; width: 305px;
    margin: 10px 5px 15px 0px;
}
    .productImageLg a{border: 1px solid #A8A8A8; display: block; width: 300px; height: 300px; overflow: hidden;}
    .productImageLg strong{display: block; text-align: left;}  
    
.productDetail{
    float: left; margin: 10px 0px 15px 0px;
    width: 426px;
}
    #AddonPopupContainer .productDetail{width: 390px;}

.productListing{
    margin: 10px 0px;
}
    .productListing td{padding: 10px 0px; background: url(../images/dot.jpg) bottom left repeat-x;}
    .productListing tr{}
    .productListing a img{border: 1px solid #a8a8a8;}

.messages
{
	color: Red;
}
.message_added
{
	color: #5D9320;
	font-weight:bold;
}

#returnPolicy{
    position: absolute; top: 10px; left: 0px;
    width: 100%;
    text-align: center;
    display: none;
}

    #returnPolicyContainer{
        width: 900px; margin: 0px auto;
        background: #ffffff;
        text-align: left;
        padding: 10px;
        border: 1px solid #a8a8a8;
    }

#largeImage{
    position: absolute; top: 10px; left: 0px;
    width: 100%;
    text-align: center;
    display: none;
    z-index: 5000;
}

    #largeImageContainer{
        width: 700px; margin: 0px auto;
        background: #ffffff;
        text-align: left;
        padding: 10px;
        border: 1px solid #a8a8a8;
    }

#largeImageMore{
    position: absolute; top: 10px; left: 0px;
    width: 100%;
    text-align: center;
    display: none;
}

    #largeImageContainerMore{
        width: 700px; margin: 0px auto;
        background: #ffffff;
        text-align: left;
        padding: 10px;
        border: 1px solid #a8a8a8;
    }
    

#AddonPopup
{
	position: absolute; top: 10px; left: 0px;
    width: 100%;
    text-align: center;
    display: none;
}

    #AddonPopupContainer
    {
    	
        width: 700px; margin: 0px auto;
        background: #ffffff;
        text-align: left;
        padding: 10px;
        border: 1px solid #a8a8a8;
    }
      
#adminpopup {
            position: absolute;
            top: 0px;
            left: 0px;
            background: #ffc;
            padding: 10px;
            border: 1px solid #000;
            z-index: 1;

            font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
            color: #000;
			display:none;
}
        
.productListing td.productListImg{
    padding: 10px;
    width: 150px; vertical-align: top;
}

/* ---cart--- */
.contentRight{
	width: 225px; float: left;
}
    .menuSet{
        padding: 0px 0px 15px 0px; display: block; width: 225px;
	    background: url(../images/catMenuBottom.jpg) bottom left no-repeat;
    }
.catMenu{
	background: url(../images/catMenuBG.jpg) 0px 0px repeat-y;
}

.headerImage{
	margin: 0px; padding: 0px;
	width: 755px; height: 203px; overflow: hidden;
}
	.homeImage{background: url(../images/HG-Home.jpg) 0px 0px no-repeat;}
	.babyImage{background: url(../images/HG-Baby.jpg) 0px 0px no-repeat;}
	.getWellImage{background: url(../images/HG-GetWell.jpg) 0px 0px no-repeat;}
	
	.catContent, .cartContent{
		padding: 0px 8px 0px 12px;
	}
	.catContent ul{
		margin: 0px; padding: 0px;
		list-style: none;
	}
		.catContent ul li{
			padding: 4px 0px 4px 17px;
		}
		    .getWellMenu li{
		        background: url(../images/catLinkBG.jpg) 0px 0px no-repeat;
		    }
		    .babyMenu li{
		        background: url(../images/catLinkBG-Baby.jpg) 0px 0px no-repeat;
		    }
			.catContent ul li a{
				 text-decoration: none;
				 color: #515151; font-weight: bold;
			}
			    .catContent ul li.sharedItem{background: url(../images/catLinkBG-Shared.jpg) 0px 0px no-repeat;}
			    .catContent ul li.sharedItem a{color: #b0b0b0;}
			
	.cartItem, .cartItemSummary{
		background: url(../images/cartItemDots.jpg) bottom left repeat-x;
		padding: 3px 0px 6px 0px;
		width: 204px;
	}
	    .cartItemSummary{background: none;}
		.cartOdd{background: #e9f2dd url(../images/cartItemDots.jpg) bottom left repeat-x;}
		.cartOddSummary{background: #e9f2dd  bottom left no-repeat;}
		.cartItem div{
			padding: 0px 10px 0px 18px;
			background: url(../images/cartItemBG.gif) 2px 3px no-repeat;			
		}
		.cartItemSummary div{
			padding: 0px 10px 0px 18px;
			background: url(../images/cartItemBG.gif) 2px 3px no-repeat;			
		}		
		.cartItem p{
			font-size: 10px; padding: 0px; margin: 0px;
			line-height: normal;
		}
		.cartItemSummary p{
			font-size: 10px; padding: 0px; margin: 0px;
			line-height: normal;
		}		
		.productPrice{
			color: #5d9320; font-size: 10px;
		}
		.cartItem ul{
            margin: 0px; padding: 0px;
            list-style: none;
            font-size: 11px;
		}
		    .cartItem ul li{
                padding: 0px 0px 0px 8px;
                background: url(../images/blueDot.gif) 0px 6px no-repeat;
            }
		.cartItemSummary ul{
            margin: 0px; padding: 0px;
            list-style: none;
            font-size: 11px;
		}
		    .cartItemSummary ul li{
                padding: 0px 0px 0px 8px;
                background: url(../images/blueDot.gif) 0px 6px no-repeat;
            }		
		.cartTotal{
			padding: 0px 5px 0px 18px;
		}
        .cartTotal p{
            margin: 0px; padding: 0px; font-size: 11px;
        }
            .shippingTotal{float: left;}
            .taxTotal{float: right;}
            .cartTotal p.mainTotal{
                float: right; clear: both;
                font-size: 12px;
            }
            .cartTotal p.shopTotal{
                text-align: right; clear: both;
                font-size: 10px;
            }            
            
			.cartTotal strong.totVal{
				color: #6aa42b; display: inline;
			}
			
		.checkoutButn{
			margin: 0px; padding: 4px 0px 0px 0px;
			clear: both; text-align: right;
		}
		
.cartSummary{
    width: 100%; margin: 10px 0px;
}
    .cartSummary th{
        padding: 4px 8px 8px 0px; font-size: 14px;
        background:#ffffff url(../images/cartItemDots.jpg) repeat-x scroll left bottom;
    }
    .cartSummary td{
        padding: 4px 8px 8px 0px;
        background:#ffffff url(../images/cartItemDots.jpg) repeat-x scroll left bottom;
    }
    tr.altRow td{
        background:#E9F2DD url(../images/cartItemDots.jpg) repeat-x scroll left bottom;
    }
    
    .cartSummary .itemPrice{
        width: 350px;
    }
    .cartSummary ul{
        margin: 2px 0px 0px 0px; padding: 0px; list-style: none;
    }
    .cartSummary ul li{
        float: left; margin: 0px 10px 0px 0px;
        font-weight: normal; font-size: 10px;
        background:transparent url(../images/blueDot.gif) no-repeat 0 4px;
        padding: 0px 0px 0px 8px;
    }
    .productName{font-weight: bold;}
    .cartSumm td{
        font-size: 14px; font-weight: bold;
        text-align: center; color: #337286;
        padding: 4px 8px 8px 0px; 
    }
    .cartSumm td.totPrice{
        color: #424242; text-align: right;
    }
        .totHead{color: #5D9320;}
        
.flashDisclaimer{
    display: block; padding: 20px;
}
		
/* ---PAGEFOOTER--- */
.footer{
	background: url(../images/footerBG.jpg) 0px 0px;
	height: 28px;
	padding: 15px 22px 6px 22px;
	clear: both;
}
	.footer a{
		color: #ffffff; text-decoration: underline;
		padding: 0px 0px 0px 10px; margin: 0px 25px 0px 0px;
		background: url(../images/arrowWhite.gif) 0px 6px no-repeat;
	}
	.footer p{
		margin: 0px; padding: 0px;
		float: left;
		font-size: 11px; font-weight: bold;
	}
		.footer p.copyright{float: right; color: #ffffff;}

.pageFoot{
	display: block; text-indent: -5000px;
	width: 993px; height: 15px;
	background: url(../images/pageFootBG.jpg) 0px 0px no-repeat;
	text-indent: -5000px;
}



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h2{
	visibility: hidden;
	line-height: 28px;
	letter-spacing: 0px;
	font-size: 26px;
}

.sIFR-hasFlash h3, .sIFR-hasFlash h4.termsHeading, #returnPolicy h4{
	visibility: hidden;
	line-height: 24px;
	letter-spacing: 0px;
	font-size: 22px;
	margin: 5px 0px 0px 0px;
}