﻿
/* Framework Layout Styles */

body 
{
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: small;
	color: #0f3f7d;
}

#OuterDiv 
{
	width: 997px;
	margin: 0px auto;			
}

#footer 
{
	color: #4e4f50;
	font-size: .8em;
	text-align: center;
	width: 100%;
	margin-top: 10px;
	margin-bottom:24px;
}

#footer a:link
{
	color: #4e4f50;
}

.SiteError
{
	padding-top: 20px;
	text-align: center;
	padding-bottom: 20px;
}


/* End Framework Layout Styles */


/* Universal Content Styles */

p
{	
	padding-bottom: 15px;
	padding-left: 0px;
	font-size: .9em;
	text-align: justify;
}

h2 
{
	font-size: 1.1em;
	font-weight: bold;			
}

a, a:link
{
	color: #0f3f7d;
}

.bold
{
	font-weight: bold;
}

.italics
{
	font-style: italic;
}

/* End Universal Content Styles */


/* Universal Functionality Styles */

/* shadowbox overrides */

#sb-body, #sb-loading
{
	border: 0px !important;
	background-color: Transparent !important;
}

#sb-loading a
{
	color: #fff;
}

#sb-nav
{
	display: none !important;
}
.super
{
	position: relative; 
	top: -0.5em; 
	font-size: 80%;
}
.superLow
{

	font-size: 80%;
}

/* End Universal Functionality Styles */


/* Universal Form Field Styles */

.FormSubmit 
{
	clear: both;
	text-align: center;	
	padding-top: 10px;
}

.FormCheckbox 
{	
	float: left;
	font-size: .8em;
	padding: 5px;
	width: 250px;
}

.FormCheckbox input
{
	margin-right: 5px;
}

.FormCheckbox label
{
	vertical-align: bottom;
	
}

.FormTextbox
{
	float: left;	
	padding: 5px;		
}

.FormTextbox input, .FormTextbox textarea
{
	font-size: .9em;	
}

.FormTextbox .Name
{
	width: 180px;
}
.FormTextbox .Email
{
	width: 230px;
}
.FormTextbox .Phone
{
	width: 150px;
}
.FormTextbox .Comments
{
	width: 230px;
}

.FormLabel 
{
	float: left;
	padding: 5px;
	width: 115px;
	clear: both;
}

.FormError
{
	color: #ff0000;
	font-size: .8em;
}

.FormErrorSummary
{
	margin-left: 125px;
	text-align: left;
	font-size: .8em;
}
.RequiredFieldLabel
{
	font-size: .8em;
	display: block;
}

/* End Universal Form Field Styles */


/* Sitemap-organized Styles */

.SubPageContainer 
{
	background-image: url(/images/subpage_bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;	
	min-height: 539px;			
}

.SubPageContent 
{
	margin-left: 98px;
	padding-top: 48px;
	width: 815px;
}

.Content div
{
	font-size: .9em;
}

/* Page-specific Styles */

/* Home Page Styles */

#SiteHeader
{
	background: #FFFFFF url('/images/MastHd.jpg') no-repeat;
	height: 154px;
	width: 997px;
	position: relative;
}

#SiteHeader a
{
	position: absolute;
	text-decoration: none;
}

div#SiteHeader a {
	cursor:hand;
}

div#SiteHeader a div {
	height:20px;
}

.headerHomeLink
{
	top: 20px;
	left: 20px;
}

div#SiteHeader .headerHomeLink div
{
	height: 70px;
	width: 230px;
}

.headerAboutLink
{
	 top:50px;
	 left: 313px;
}

.headerAboutLink div
{
	width: 97px;
}

.headerBrandsLink
{
	top:70px;
	left: 410px;
}

.headerBrandsLink div
{
	width: 113px;
}

.headerContactLink
{
	top:90px;
	left: 523px;
}

.headerContactLink div
{
	width: 97px;
}

.headerLocatorLink
{
	top:70px;
	left: 620px;
}

.headerLocatorLink div
{
	width: 120px;
}

#HomeContainer 
{
	background-image: url(/images/home_bg.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	min-height:434px;
	height:auto !important;	
	height: 434px;			
}

#HomeContent 
{	
	margin-top: 50px;
	margin-left: 480px;
	width: 375px;	
	padding-bottom:120px;		
}

#HomeHeader
{
	padding-left: 15px;
	padding-bottom: 10px;
}

/* End Home Page Styles */

/* About Us */

#AboutUsContainer 
{
	background-image: url(/images/aboutus_bg.jpg);	
	background-repeat: no-repeat;
	background-position:bottom;
	min-height:434px;
	height: auto !important;	
	height: 434px;			
}

#AboutUsContent 
{
	/*margin-left: 98px;
	padding-top: 48px;
	width: 375px;
	height: 270px;
	overflow: hidden;*/
	margin-left: 84px;
	padding-top: 48px;
	background-color: #FFFFFF;
	width: 374px;
	padding-left: 14px;
	padding-right: 14px;
}

#AboutUsContentBottom
{
	background:url('/images/copy_about.gif') no-repeat top;
	height:8px;
	width: 402px;
	margin-left: 84px;
	padding-bottom:120px;
}

#AboutUsHeader 
{
	padding-bottom: 10px;
}


/* End About Us */

/* Contact Us */

#ContactUsContainer 
{
	background-image: url(/images/contactus_bg.jpg);	
	background-repeat: no-repeat;	
	height: 434px;			
}

#ContactUsContent 
{
	float: left;
	margin-left: 98px;
	padding-top: 48px;
	width: 415px;
	height: 190px;
	overflow: hidden;		
}

#ContactUsFormContent
{
	float: right;	
	width: 460px;
	height: 320px;
	margin-left: 20px;
	margin-top: 48px;
}

.ContactUsContent_Col1
{
	float: left;
	font-size: .9em;
	line-height: 1.3em;
}

.ContactUsContent_Col2 
{
	margin-left: 104px;
	font-size: .9em;
	line-height: 1.3em;
}
.FormHelperText
{
	font-style:italic;
}

/* End Contact Us */

/* Our Brands */

#OurBrandsContainer 
{
	background-image: url(/images/ourbrands_bg.jpg);	
	background-repeat: no-repeat;	
	background-position:bottom;
	min-height:434px;
	height: auto !important;
	height: 434px;				
}

#OurBrandsContent 
{
	/*margin-left: 98px;
	padding-top: 48px;
	width: 375px;
	height: 143px;
	overflow: hidden;*/
	margin-left: 84px;
	padding-top: 48px;
	background-color: #FFFFFF;
	width: 374px;
	padding-left: 14px;
	padding-right: 14px;
}

#OurBrandsContentBottom
{
	background:url('/images/copy_about.gif') no-repeat top;
	height:8px;
	width: 402px;
	margin-left: 84px;
	padding-bottom:12px;
}

#OurBrandsHeader 
{
	padding-bottom: 15px;
}

#logos
{
	margin-top: 22px;
	margin-left: 80px;
	height: 79px;
	width: 815px;
	padding-bottom: 120px;	
}
#logos div
{
	float: left;
	width: 160px;
}
#logo_lala 
{
	padding-left: 3px;
}
#logo_fusion 
{
	padding-left: 2px;
}
#logo_lacreme 
{
	padding-left: 2px;
}
#logo_bb 
{
	padding-left: 2px;
}
#logo_ww 
{
	padding-left: 2px;
}


/* End Our Brand */

/* Modal Popup - Lala */

.ModalOuterContainer
{
	background-image: url(/images/modal_bg.gif); 
	background-repeat: no-repeat;
	height: 407px; 
	width:541px; 
	padding-top: 28px;	
}

.ModalInnerContainer
{
	background-repeat: no-repeat;
	height: 363px; 
	width: 491px;
	margin: 0 auto;
	padding-left: 20px;
	padding-top: 20px;
}

.ModalClose 
{
	float: right;
	margin-top: -28px;
	padding: 5px 12px 5px 5px;	
}

.ModalClose a
{
	cursor: pointer;
}

.ModalLearnMore a
{
	color: #ff0000;
}

.ModalCopyright
{
	width: 471px;
	text-align: center;
	font-size: .7em;
	position: absolute;
	bottom: 0;
	margin-bottom: 64px;
}



/* LALA */

#Modal_Lala_Container
{
	background-image: url(/images/modal_lala_bg.jpg); 	
}

#Modal_Lala_Content 
{
	width: 196px;
	height: 242px;
	padding-top: 22px;	
}

#Modal_Lala_LearnMore 
{
	width: 430px;
	height: 30px;	
}

/* Frusion */

#Modal_Frusion_Container
{
	background-image: url(/images/modal_frusion_bg.jpg); 	
}

#Modal_Frusion_Content 
{
	width: 490px;
	height: 255px;
	padding-top: 22px;	
}

/* la Creme */

#Modal_LaCreme_Container
{
	background-image: url(/images/modal_lacreme_bg.jpg); 	
}

#Modal_LaCreme_Content 
{
	width: 490px;
	height: 255px;
	padding-top: 22px;	
}

/* Blue Bunny */

#Modal_BlueBunny_Container
{
	background-image: url(/images/modal_bluebunny_bg.jpg); 	
}

#Modal_BlueBunny_Content 
{
	width: 194px;
	height: 242px;
	padding-top: 28px;	
}

/* Weight Watchers */

#Modal_WeightWatchers_Container
{
	background-image: url(/images/modal_weightwatchers_bg.jpg); 	
}

#Modal_WeightWatchers_Content 
{
	width: 194px;
	height: 242px;
	padding-top: 11px;	
}


/* End Modal Popup - Lala */

/* Global Pages */

#PrivacyHeader, #TermsHeader
{
	padding-bottom:12px;
}

/* End Global Pages */

/* End Page-specific Styles */

/* End Sitemap-organized Styles */



/* Contact Us */

#LocatorContainer 
{
	background-image: url(/images/locator_bg.jpg);	
	background-repeat: no-repeat;	
	height: 434px;			
}

#LocatorContent 
{
	float:left;
	height:278px;
	margin-left:76px;
	margin-right:9px;
	overflow:hidden;
	padding:48px 19px 20px;
	width:336px;
}

#LocatorResults
{
	float:left;
	height:258px;
	margin-left:9px;
	margin-top:48px;
	padding:0 20px 20px;
	width:332px;
}

#LocatorResultsContent
{
	height:230px;
	overflow-y:scroll;
	padding:0 20px 20px;
	margin-top:10px;
	width:292px;
}

.LocatorContent_Col1
{
	float: left;
	font-size: .9em;
	line-height: 1.3em;
}

.LocatorContent_Col2 
{
	margin-left: 104px;
	font-size: .9em;
	line-height: 1.3em;
}
.FormHelperText
{
	font-style:italic;
}

.faux-select {
	background:url(../images/select-arrow.gif) right top repeat-y;
}

.faux-select, .faux-text {
	width:330px;
	border:1px solid #7B9EBD;
	padding:2px;
	cursor:pointer;
	background-color:#fff;
	height:14px;
}

.product .faux-select {
	line-height:1.4em;
	overflow:hidden;
}

input {
	padding:0;
	border:0;
}

.faux-option-list {
	position:absolute;
	left:-9999em;
	background-color:#fff;
	padding:6px;
	border:1px solid #105DA5;
}
	.faux-option-list.show-list {
		left:auto;
	}
	.faux-option-list div {
		cursor:pointer;
		padding:2px 0;
	}

	.faux-option-list div.selected {
		background-color:#0080ff;
	}

	.faux-option-list div.hover {
		background-color:#00ccff;
	}

.form-field {
	width:330px;
}

.form-field.zip, 
.form-field.distance {
	width:140px;
	float:left;
	clear:none;
}

.form-field.distance .faux-select, .faux-text {
	width:140px;
}

.form-field.distance .faux-option-list {
	width:120px;
}

.form-field.zip { padding-right:50px; }

.result {
	padding:6px 0;
	font-size: .8em;
	line-height:1.4em;
}

.result a{
    color:#00aeef;
    text-transform:uppercase;
    font-weight:bold;
}

.store-name {
	font-weight:bold;
	color:#ff0000;
	display:block;
	font-size:1.2em;
}

.store-distance {
	color:#0f3f7d;
	padding-right:5px;
	font-weight:bold;
	
}

.phone, address { display:block; font-size:.9em; font-style:normal;}

.address1, .address2{
    display:block;
}
address .state{padding-right:5px;}

a.request-form {
	top:0;
	height:44px;
	left:50%;
	margin-top:510px;
	margin-left:-45px;
	position:absolute;
	text-indent:-9999em;
	width:378px;
}

p.walmart {
font-size:10px;
height:44px;
left:50%;
margin-left:-45px;
margin-top:560px;
position:absolute;
text-align:right;
top:0;
width:378px;}

/* End Locator */

