/*  GLOBALS Defaults  */
 
* {margin:0; padding:0;}

html {
overflow-y: scroll;   /* forces firefox scrollbar on */
}

body {
font-size: 85%;
margin: 0em auto;
margin-top: 15px;
padding: 0em;
font-family: arial, sans-serif;  
background: #ffffff; 
color: #666666;
}

A {
color:#88c441;
text-decoration: underline;
outline: none;
}
A:hover {
color:#616262;
text-decoration: underline;
} 


TABLE{
border-collapse: collapse;
} 
TH{
text-align: left;
} 
IMG{
border: 0px;
} 
DIV.clear{  
clear: both;
}  
a.hidden:hover, a.hidden{ 
text-decoration: none;
}
.textBig{ 
font-size: 1.3em;
}
.textSmall{ 
font-size: .85em;
}

h1 {
font-family:'Century Gothic', arial, sans-serif;
text-transform:uppercase;
color:#89C442;
font-size:13px;
font-weight:normal;
padding-bottom:15px;
}

h1.turq {
color:#2AABE2;
padding:15px 0;
}

h2 {
color:#000;
font-size:10px;
text-transform:uppercase;
font-weight:normal;
}

/*  global spacing */
p {
font-size: 1em;
line-height:21px;
margin: 5px 0px 15px 0px;
}

UL{
margin: 0px;
padding: 0px;
}

UL LI{
margin: 0px;
padding: 0px;
}

 
.fleft{
float: left;
text-align: left;
}
.fright{
float: right;
text-align: left;
}



/*  CONTAINER CSS */
 
DIV.container{ 
width: 903px; 
min-height:535px;
height:auto !important;
height:535px;
margin: 0em auto; 
position: relative;
border: 1px solid #d8d9da;
padding: 30px 35px 30px 37px;
}  
 
IMG.logo{  
position: absolute;
top: 28px;
left: 37px;
} 
 
IMG.logoStar{  
position: absolute;
bottom: 8px;
right: 10px;
} 
 
IMG#poy {
position:absolute;
bottom:8px;
right:105px;
}

IMG#reddot {
position:absolute;
bottom:8px;
right:195px;
}

IMG#idea-award {
position:absolute;
bottom:9px;
right:350px;
}
 
DIV.tertiary{  
position: absolute;
top: 54px;
right: 36px;
text-align: right;
text-decoration: none;
color: #616262; 
font-family: 'Century Gothic',Trebuchet MS, Helvetica;
} 
DIV.tertiary A{  
color: #616262;
text-decoration: none;  
} 
DIV.tertiary A:hover, DIV.tertiary a.on {  
text-decoration: none;
color:#88c441;
} 
DIV.tertiary IMG{  
margin: 0 2px -1px 0; 
}
DIV.tertiary SPAN{  
margin: 0px 5px 0 5px; 
font-size: 1.3em;
}

div.tertiary STRONG.freeShipping {
font-size:15px;
color:#89C143;
}

div.tertiary strong span {
font-size:14px;
font-weight:normal;
}


/*  anchor  */
DIV.anchor{  
margin: 0 auto;
position: absolute;
top: 90px;
left: 37px;
width: 902px; 
height: 260px; 
border:1px solid #ababab;  
} 

#productLanding DIV.anchor {border:none;}
 
 
/*  PRIMARY NAV  */ 

DIV.navCol{ 
position: absolute; 
top: 373px;
left: 37px;
width: 170px;  
} 


UL.nav { 
position: relative;
list-style: none;
text-transform: uppercase;
font-size: 1.2em;
margin: 0px;
padding: 0 0 30px 0;
float:left;
width:100%;
} 

UL.nav A { 
margin: 5px 5px 0px 0;
display:block;
width: 100px;
height: 19px;
overflow: hidden;
text-decoration: none;
outline: none; 
float:left;
}

A.collection{
background: url(../images/nav-collection.gif) 0 0 no-repeat;  
}
A.accessories{
background: url(../images/nav-accessories.gif) 0 0 no-repeat;  
}
UL.nav A:hover, UL.nav A.on, UL.navSub A.on{
background-position:0 -19px;
}
UL.nav IMG{
display:none; 
float:left;
}

UL.nav span.spin {float:left; display:block; padding-top:4px;}
UL.nav span.spin IMG{
display: inline;
}
UL.nav span.spinOn IMG {
display: inline;
}

UL.navSub { 
padding: 0;
margin: 0;
list-style: none;
clear:both;
} 
UL.navSub LI{ 
margin: 0 0 11px 0;
float:left;
clear:both;
} 

UL.navSub li.noMargin {
margin-bottom:0;
}

UL.navSub A{ 
display:block;
width: 37px;
height: 10px;
overflow: hidden;
text-decoration: none;
outline: none; 
float:left;
} 

A.about{
background: url(../images/nav-sub-about.gif) 0 0 no-repeat;  
} 
A.press{
background: url(../images/nav-sub-press.gif) 0 0 no-repeat;  
}
UL.navSub A.faq {
background: url(../images/nav-sub-faq.gif) 0 0 no-repeat;  
width:68px;
height:11px;
}
A.stores{
background: url(../images/nav-sub-stores.gif) 0 0 no-repeat;  
}

ul.navSub A.blog{
background: url(../images/nav-sub-blog.gif) 0 0 no-repeat;  
height:12px;
}

ul.navSub A.connect{
background: url(../images/nav-sub-connect.gif) 0 0 no-repeat;  
height:21px;
width:80px;
}

UL.navSub A:hover, UL.navSub A.on{
background-position:0 -10px;
}

UL.navSub A.faq:hover {
background-position:0 -11px;
}

UL.navSub li.on A.faq {
background-position:0 -22px;
}

UL.navSub A.blog:hover {
background-position:0 -12px;
}

UL.navSub A.connect:hover {
background-position:-80px 0;
}

UL.navSub IMG{
display:none; 
}

 

/*  Content Area */ 
div.content{
position: absolute;
top: 380px;
left:240px;
width: 645px;
} 

div.content p {line-height:14px;margin:0 0 10px 0; font-size:10px;}
div.content:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }





/*  FOOTER  */
 
div.footer {   
position: absolute;
bottom: 6px;
left: 38px;
font-size:.6em; 
color: #a8a8a8;
}
 
  





/* lightbox css */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none;}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 12px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
 

/****** productLanding ******/

spcr{clear:both;}

body#productLanding div.content{width:600px;top:0;left:320px;}
body#productLanding div.content img{/*height:495px;*/}
body#productLanding div.navCol{top:295px;left:0;}
body#productLanding ul.navSub {clear:both;}
body#productLanding .prodInfo{width:262px;height:255px;padding:15px 15px 5px 15px;border:1px solid #8C8C8C; position:relative;}
body#productLanding .prodInfo .sectionIcon {text-align:right;margin:0 0 20px 0;}
body#productLanding .prodInfo h3 {padding:0; margin:-10px 0 0 0;font-size:11px;}
body#productLanding p {line-height:13px;font-size:10px;margin:0;padding:0;}
body#productLanding .prodInfo ol {padding:0 0 0 20px;margin:10px 0 -10px 0;font-size:10px;}
body#productLanding .prodInfo ol li{margin:0 0 3px 0;}
body#productLanding .prodInfo ul {list-style:none; position:absolute; bottom:15px; left:15px; width:262px;}
body#productLanding .prodInfo ul li.icon {float:left;margin:20px 0 0 0;}
body#productLanding .prodInfo ul li.price {text-align:center;float:right;font-size:14px;}
body#productLanding .prodInfo ul li.price img{width:100px;}

body#productLanding .lightbox {width:148px;position:absolute;top:295px;left:182px;}
body#productLanding .lightbox ul {list-style:none;}
body#productLanding .lightbox ul li {border:1px solid #8C8C8C;width:50px;height:50px;float:left;margin:0 8px 8px 0;}
body#productLanding .lightbox ul li img{width:50px;}

.btnBuy {border:none; background:url(../images/BROWN-PILL_SMALL.png) no-repeat left top; display:block; width:100px; height:30px; text-indent:-999em; cursor:pointer;}
/*.btnBuy {border:none; background:url(../images/button-mid-nov.png) no-repeat left top; display:block; width:100px; height:30px; text-indent:-999em; cursor:pointer;}*/
.outofstock {color:#F15B2A; font-size:12px;}
.outofstock small {font-size:9px;}

/****** aboutLanding ******/

body#about div.content {margin:345px 0 0 200px; _margin-top:375px; position:static; padding-bottom:50px;}
*:first-child+html #about div.content {margin:375px 0 0 200px;}/*IE7 Specific*/
body#about div.content p span{color:#8A5D3B; margin:0 0 0 50px;}
body#about div.content p span.pink {color:#E90E8B; margin:0;}
body#about div.container {}
body#about div.anchor img{}

/***** contactLanding *******/
.contactLeft {float:left; width:228px; border-right:2px solid #c0c0c2; padding:0 45px 0 0;}
.contactRight {float:left; width:322px; padding:0 0 0 40px;}
.frmCommon p, .frmCommon label, .frmCommon input, .frmCommon select {float:left; display:block;}
.frmCommon label {color:#A8A8A8;}
.frmCommon p {width:228px;}
.frmCommon .inputCommon, .frmCommon textarea {border:1px solid #dfdfdf; width:222px; background-color:#fff !important; padding:2px;}
.frmCommon textarea {height:100px;}
#frmContactSubmit {background-color:#fff; border:1px solid #A8A8A8; color:#A8A8A8; margin-top:20px; cursor:pointer;}
#frmContactEmaillist {margin-right:10px;}


/****** faqLanding**********/

/****** color highlights*****/
a.highlight1 {color:#2AABE2; margin:0; text-decoration:none;}
a.highlight1:hover {text-decoration:underline;}

/***** pressLanding********/
body#press div.content {margin:345px 0 0 135px; _margin-top:375px; position:static; padding-bottom:50px; width:765px;}
*:first-child+html #press div.content {margin-top:375px;}/*IE7 Specific*/
.thumbPress {float:left; margin:0 0 17px 17px; display:inline;}
.thumbPress img {border:1px solid #d8d9da; float:left; display:block;}

/***** storeLanding*******/
body#store div.content {margin:345px 0 0 135px; _margin-top:375px; position:static; padding-bottom:50px; width:765px;}
*:first-child+html #store div.content {margin-top:375px;}/*IE7 Specific*/
#frmStore {float:left; width:220px; padding:4px 0 0 0;}
div.content #frmStore p {width:100%; font-size:11px;}
#wrapperMap {float:left; width:530px;}