/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements - type selectors
 * ------------------------------------------------------------------------- */

body { 
	background:#fff; 
	font: 12px/18px "Trebuchet MS", arial, helvetica, clean, sans-serif;
	text-align: left;
	color: #1b1b1b;
}

blockquote { margin-left:10px; margin-right:10px; }
	
h1	{ font-size: 18px; color:#497115; font-family: "Myriad", arial, helvetica, clean, sans-serif; }
h2	{ font-size: 138.5%;  /* 18px */ color:#008ec7; }
h3	{ font-size: 116%;    /* 15px */ color:#008ec7; }

a:link,a:visited { color:#0029da; text-decoration:underline; outline:none; }
a:hover,a:active { color:#0029da; text-decoration:none; outline:none; }

/* global classes
 * ------------------------------------------------------------------------- */


p#info { padding-top:25px; float:right; }
span.phone { font-size:16px; }

.share { float:right; margin-right:10px; }

div.clear { clear:both; height:.01em; overflow:hidden; }
	
p.back-to-top { background:url("images/bullet-back-to-top.jpg") right no-repeat; text-align:right; display:block; padding-right:15px; }
	
img.img-left { float:left; margin:2px 10px 10px 0; }
img.img-right { float:right; margin:5px 0 10px 10px; }
	
.req {font-size:10px;}

div.buy { float:left; width:740px; padding-left:20px; }

form.cart { background:none; padding:0px; margin:0px; border:0px; }

p.yellow-box { background-color: #FFFF99; border: 1px solid #CCCCCC; padding:10px; margin:10px 10px 10px 28px; }

.red { color:#990000; }
tr.grey { background-color:#F2F2F2; }
tr.brown { background-color:#E0DFBF; }

#pdr { background-color: #FFFF99; border: 1px solid #CCCCCC; padding:10px; margin-left:10px; }
	
	
/* main framework
 * ------------------------------------------------------------------------- */

#wrap { background:url("images/bg-wrap.gif") repeat-y; width:980px; margin:0 auto; text-align:left;}
#masthead { float:left; position:relative; background:url("images/west-coast-wellness-center.jpg") left top no-repeat; width:471px; height:62px; padding:0 0 5px 0; margin-top:5px; }
#masthead-btn a { position:absolute; width:471px; height:62px; top:0px; left:0px;}
#masthead span { display:none; }
/* Spanish */
#espmasthead { float:left; position:relative; background:url("images/west-coast-wellness-center.jpg") left top no-repeat; width:527px; height:84px;}
#espmasthead-btn a { position:absolute; width:562px; height:66px; top:0px; left:0px;}
#espmasthead span { display:none; }

#video { padding:50px 0 0 610px; }
#video object { padding:0px 0 0 28px; }
#flash { float:left; background:url("images/flash.jpg") left top no-repeat; width:980px; height:383px; margin-bottom: 5px; }
#espflash { float:left; background:url("spanish/espflash.jpg") left top no-repeat; width:980px; height:383px; margin-bottom: 5px; }
#graphic { padding-bottom:10px; } /* Sub Page Header Graphic */
#page-break { background:url("images/page-break.jpg") left top no-repeat; width:407px; height:35px; float:left; margin-left:314px; }

img.pod { padding:0 5px 0 0; }

#breadcrumbs { float:left; width:980px; height:25px; padding:10px 0 5px 15px; }
span.B_crumbBox { font-size:12px; padding-left:13px; color:#cdcdcd; margin-bottom:8px; }
span.B_firstCrumb { }
span.B_lastCrumb { }
span.B_currentCrumb { }
span.B_crumbBox a:link, span.B_crumbBox a:visited { color:#4483bc; border-bottom:1px dotted #9A8E51; text-decoration:none; outline:none; }
span.B_crumbBox a:hover, span.B_crumbBox a:active { color:#4483bc; border-bottom:px solid #e2e2e3; background-color:#F4F2E4; text-decoration:none; outline:none; }


#column-left { width:760px; float:left; }
	#column-left p, #column-left h1, #column-left h2, #column-left h3 { padding:5px 10px 5px 0px; }

        #column-left table { padding:5px 5px 5px 28px; }

	#pdr { margin:5px 10px 5px 28px; } /* Home Page Yellow Block */
 
#column-right { background-color: #f1f0ed; border: 1px solid #e0dfdd; width:218px; float:left; }
	
	    #column-right p, #column-right h3, #column-right ul { padding:5px 5px 5px 5px; }
            #column-right h3 { color:#f58517; }
            .btn-products { padding:0 0 0 7px; }
	    .win-mag { padding:0 0 0 27px; }
	   
		
#page-footer { background:url("images/page-footer.jpg") no-repeat; width:980px; height:59px; clear:both; overflow:hidden;}

  #ajaxSearch_form { color: #444; width: auto; float: left; margin:20px 0 0 75px; }
        
        #ajaxSearch_input {
            width: 300px;
            display: inline;
            height: 17px;
            border: 1px solid #ddd;
            border-left-color: #c3c3c3;
            border-top-color: #7c7c7c;
            background: #fff url(images/input-bg.gif) repeat-x top left;
            margin: 0 3px 0 0;
            padding: 3px 0 0;
            vertical-align: top;
        }
        #ajaxSearch_submit {
            display: inline;
            height: 22px; width:50px;
            line-height: 22px;
        }
        #ajaxSearch_output {
            border: 1px solid #444;
            padding: 10px;
            background: #fff;
            display: block;
            height: auto;
            vertical-align: top;
        }
        .ajaxSearch_paging {
    
        }
        .ajaxSearch_result {
            color: #444;
        text-align: left;
margin:5px 10px 5px 28px;
        }

        p.ajaxSearch_resultsInfo { background-color: #FFFF99; border: 1px solid #CCCCCC; padding:10px; margin:10px 10px 10px 28px; }

        .ajaxSearch_resultExtract { padding:0; margin:0; }

        .AS_ajax_resultLink {
            text-decoration: underline;
        }
        .AS_ajax_resultDescription{
            color: #555;
        }
        .AS_ajax_more {
            color: #555;
        }
	 

/* inside sub pages framework
 * ------------------------------------------------------------------------- */
 
#header-graphic { height:145px; width:760px; float:left; } /* sets height for all non-flash headers */
	body#index #header-graphic { background:url("../images/index/header-index.jpg"); height:179px; }
	body#about #header-graphic { background:url("../images/sub/header-about.jpg")left top no-repeat; height:179px; }
	body#womans-health #header-graphic { background:url("../images/sub/header-womans-health.jpg"); }
	body#feminine #header-graphic { background:url("../images/sub/header-feminine.jpg"); }
	body#preventive-nutr #header-graphic { background:url("../images/sub/header-preventive.jpg"); }
	body#lovpil #header-graphic { background:url("../images/sub/header-lovpil.jpg"); }
	body#mental-fitness #header-graphic { background:url("../images/sub/header-mental-fitness.jpg"); }
	body#contact #header-graphic { background:url("../images/sub/header-contact.jpg"); }
	body#thankyou #header-graphic { background:url("../images/sub/header-thankyou.jpg"); }
	body#sitemap #header-graphic { background:url("../images/sub/header-sitemap.jpg"); }
	body#sports-fitness #header-graphic { background:url("../images/sub/header-sports-fitness.jpg") left top; height:145px; }
	

#banner { height:293px; } /* sets height for all subheads */
	body#about #subhead { background:url("../images/sub/subhead-about-us.gif"); }
	body#contact #subhead { background:url("../images/sub/subhead-contact-us.gif"); }
	body#thank-you #subhead { background:url("../images/sub/subhead-thankyou.gif"); }
	body#sitemap #subhead { background:url("../images/sub/subhead-sitemap.gif"); }
	body#testimonials #subhead { background:url("../images/sub/subhead-testimonials.gif"); }
	body#accelerator #subhead { background:url("../images/sub/subhead-accelevator.gif"); }
	body#biolean-free #subhead { background:url("../images/sub/subhead-biolean-free.gif"); }
	body#biolean2 #subhead { background:url("../images/sub/subhead-biolean2.gif"); }
	body#dhea-plus #subhead { background:url("../images/sub/subhead-dhea-plus.gif"); }
	body#elasticity #subhead { background:url("../images/sub/subhead-elasticity.gif"); }
	body#elixir #subhead { background:url("../images/sub/subhead-elixir.gif"); }
	body#essential #subhead { background:url("../images/sub/subhead-essential.gif"); }
	body#faqs #subhead { background:url("../images/sub/subhead-faqs.gif"); }
	body#feminine #subhead { background:url("../images/sub/subhead-feminine.gif"); }
	body#flexibility #subhead { background:url("../images/sub/subhead-flexibility.gif"); }
	body#food-thought #subhead { background:url("../images/sub/subhead-food-thought.gif"); }
	body#health-beauty #subhead { background:url("../images/sub/subhead-health-beauty.gif"); }
	body#lipotrim #subhead { background:url("../images/sub/subhead-lipotrim.gif"); }
	body#lovpil #subhead { background:url("../images/sub/subhead-lovpil.gif"); }
	body#masculine #subhead { background:url("../images/sub/subhead-masculine.gif"); }
	body#mass-appeal #subhead { background:url("../images/sub/subhead-mass-appeal.gif"); }
	body#mens-health #subhead { background:url("../images/sub/subhead-mens-health.gif"); }
	body#mental-fitness #subhead { background:url("../images/sub/subhead-mental-fitness.gif"); }
	body#news #subhead { background:url("../images/sub/subhead-news.gif"); }
	body#omega3 #subhead { background:url("../images/sub/subhead-omega3.gif"); }
	body#phyto-vite #subhead { background:url("../images/sub/subhead-phyto-vite.gif"); }
	body#preventive-nutr #subhead { background:url("../images/sub/subhead-preventive-nutr.gif"); }
	body#product #subhead { background:url("../images/sub/subhead-product.gif"); }
	body#protector #subhead { background:url("../images/sub/subhead-protector.gif"); }
	body#relief #subhead { background:url("../images/sub/subhead-relief.gif"); }
	body#satiete #subhead { background:url("../images/sub/subhead-satiete.gif"); }
	body#sleep-tite #subhead { background:url("../images/sub/subhead-sleep-tite.gif"); }
	body#sports-fitness #subhead { background:url("../images/sub/subhead-sports-fitness.gif"); }
	body#sure-endure #subhead { background:url("../images/sub/subhead-sure-endure.gif"); }
	body#antiaging-salon-spa #banner { background:url("images/banner-salon-spa.jpg"); }
	/* body#winrgy #banner { background: url("images/winrgy-banner.jpg"); } */
	body#womans-health #subhead { background:url("../images/sub/subhead-womans-health.gif"); }
	body#clarity #subhead { background:url("../images/sub/subhead-clarity.gif"); }
	body#tranquility #subhead { background:url("../images/sub/subhead-tranquility.gif"); }
	body#search #subhead { background:url("../images/sub/subhead-search.gif"); }/* PHP search results */
	body#proxtreme #subhead { background:url("../images/sub/subhead-proxtreme.gif"); }
	body#facelift #subhead { background:url("../images/sub/subhead-facelift.gif"); }
    body#night-cream #subhead { background:url("../images/sub/subhead-night-repair-cream.gif"); }
    body#wrinkle-serum #subhead { background:url("../images/sub/subhead-wrinkle-cream.gif"); }
    body#enzyme-peel #subhead { background:url("../images/sub/subhead-enzyme-peel.gif"); }
    body#eyelift-cream #subhead { background:url("../images/sub/subhead-eyelift-cream.gif"); }
    body#firming-cream #subhead { background:url("../images/sub/subhead-firming-cream.gif"); }
    body#hydra-cleanser #subhead { background:url("../images/sub/subhead-hydra-cleanser.gif"); }
	body#hydra-shampoo #subhead { background:url("../images/sub/subhead-shampoo.gif"); }
	body#hydra-conditioner #subhead { background:url("../images/sub/subhead-shampoo.gif"); }
	
	
/* Blurb About */
#blurb-about { background:url("../images/sub/about-blurb.gif"); height:145px; width:497px; float:left; }

/* definition list 1 */	
#column-right dl.quick-list { padding-left:10px; padding-bottom:10px; float:right; }
#column-right dl.quick-list dt { font-weight:bold; color:#99CC00; }
#column-right dl.quick-list dd { background:transparent url("../images/index/list-style.gif") 0px 6px no-repeat;
								 padding-left:10px;  /* pushes text to the right to display bg img */ }


/* definition list 2 */			
#column-CHANGE TO COLUMN dl dd { background:transparent url("../images/bullet.jpg") 0px 6px no-repeat;
					  padding-left:10px;  /* pushes text to the right to display bg img */
					  margin-left:5px; }
			
/* ul list 1 */
#column-left ul { padding-left:26px; }
#column-left ul li { background:transparent url("../images/index/list-style.gif") 0px 4px no-repeat;
			          padding-left:10px; } /* pushes text to the right to display bg img */
					  
/* ul list 1 */
#column-right ul { padding-left:0px; }
#column-right ul li { background:transparent url("../images/index/list-style.gif") 0px 4px no-repeat;
			          padding-left:10px; } /* pushes text to the right to display bg img */
					  
/* ul list 2 */			
#column-CHANGE TO COLUMN ul { padding-left:5px; } 
#column-CHANGE TO COLUMN ul li { background:transparent url("../images/bullet.jpg") 0px 6px no-repeat;
  			          padding-left:10px;  /* pushes text to the right to display bg img */
			          float:left; width:150px; line-height:20px; }
	
			  
/* Global Footer
 * ------------------------------------------------------------------------- */
 
#footer { width:980px; text-align:center; margin:0 auto; }
#footer p { font-size:11px; color:#A8A6A6; padding:5px 5px 5px 5px; }
#footer a:link, #footer a:visited { text-decoration:none; color:#50A4BF; }
#footer a:hover, #footer a:active { text-decoration:underline; color:#226AAA; }

#footer ul { margin-bottom:5px; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #D6D5D5; }
#footer li.first { border: none; }


/* Main Navigation
 * ------------------------------------------------------------------------- */

#nav { 
	background: url("images/nav.jpg") left top no-repeat; 
	width:980px; 
	height:88px; 
	margin:0; 
	padding:0px;
	z-index:99;
	}

#nav span { display: none; }

#nav li, #nav a { height:88px; display: block; }

#nav li { float: left; list-style: none; _display: inline; }

#nav-01 { width: 196px; margin-left:0px;}
#nav-02 { width: 136px;}
#nav-03 { width: 245px;}
#nav-04 { width: 188px;}
#nav-05 { width: 215px;}


#nav-01 a:hover {background: transparent url("images/nav.jpg")    0px -88px no-repeat;}
#nav-02 a:hover {background: transparent url("images/nav.jpg")  -196px -88px no-repeat;}
#nav-03 a:hover {background: transparent url("images/nav.jpg") -332px -88px no-repeat;}
#nav-04 a:hover {background: transparent url("images/nav.jpg") -577px -88px no-repeat;}
#nav-05 a:hover {background: transparent url("images/nav.jpg") -765px -88px no-repeat;}

/* Spanish Main Navigation
 * ------------------------------------------------------------------------- */

#espnav { 
	background: url("spanish/esp-nav.jpg") left top no-repeat; 
	width:980px; 
	height:69px; 
	margin:0; 
	padding:0px;
	z-index:99;
	}

#espnav span { display: none; }

#espnav li, #espnav a { height:69px; display: block; }

#espnav li { float: left; list-style: none; _display: inline; }

#espnav-01 { width: 150px; margin-left:0px;}
#espnav-02 { width: 136px;}
#espnav-03 { width: 261px;}
#espnav-04 { width: 198px;}
#espnav-05 { width: 235px;}


#espnav-01 a:hover {background: transparent url("spanish/esp-nav.jpg")    0px -69px no-repeat;}
#espnav-02 a:hover {background: transparent url("spanish/esp-nav.jpg")  -150px -69px no-repeat;}
#espnav-03 a:hover {background: transparent url("spanish/esp-nav.jpg") -286px -69px no-repeat;}
#espnav-04 a:hover {background: transparent url("spanish/esp-nav.jpg") -547px -69px no-repeat;}
#espnav-05 a:hover {background: transparent url("spanish/esp-nav.jpg") -745px -69px no-repeat;}


/* Quick Contact Form
 * ------------------------------------------------------------------------- */
 
#contact-main form { width:150px; margin:10px 0 15px 0; }
	
#contact-main form label	{ font-size:.95em; }

#contact-main form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

#contact-main input, #contact-main textarea, #contact-main select { 
	background-color:#EBEBEB !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #D6D5D5;
	color:#000;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
	
#contact-main select { width:150px; padding:0; } /* same width as form - !important */

#contact-main textarea { height:90px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 


/* Main Contact Form
 * ------------------------------------------------------------------------- */
 
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:300px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label select { width:170px; }
	
#contact-main label textarea { height:100px; overflow:auto; }


/* Contact Submit Buttons
 * ------------------------------------------------------------------------- */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; }

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("../images/index/btn-submit.jpg");
	width:64px;
	height:20px;
	border:none;
	cursor:pointer;
	}