@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; border: 0; } 

/***** Overall body styles *****/
body { 	margin: 0; padding: 0; background: url('./themes/site_themes/skinnywater/bg.jpg') no-repeat center top; text-align: center; font-family: Arial,sans-serif; font-size:.76em}
body * { text-align: left; }

/* ------------------------------------------------------------------------
  Miscellaneous
------------------------------------------------------------------------- */
 
  .clearfix:after {
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;
  }
 
  .clearfix {display: inline-block;}
 
  /* Hides from IE-mac \*/
  * html .clearfix {height: 1%;}
  .clearfix {display: block;}
  
/***** Header styles *****/
h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0 0 .25px 0; padding: 0;}

h1 {font-size:1.6em;}
h2 {font-size:1.35em; color: #991155;}
h3 {font-size:1.2em;}
h4 {font-size:1em;}
h5 {font-size:1em;}
h6 {font-size:1em;}


/**** Paragraph styles *****/
p, #main ul {margin: 0 0 .75em 0; font-size:1em; line-height:1.35em}
p { padding: 0; }
#main p, #main ul { 
   width: expression(this.scrollWidth > 449 ? "451px" : "auto" );  /* set min-width for IE */
   max-width: 500px; /* sets min-width value for all standards-compliant browsers */
} 
#main ul { padding-left: 40px; }
input { padding: 3px 6px; }

ul.productlist { 
list-style:none; /* No bullets */ 
width: 530px;
max-width: 530px ! important;
overflow:hidden; /* Clear the floats */ 
padding-left: 0px ! important;
} 
.productlist li { 
float:left; /* Horiz list */ 
width:250px; /* Room for thm and text */ 
padding: 20px 10px 20px 0; /* Gap between */ 
} 

.productlist input {
border: solid #DDD 1px;	
}
.productlist li img { 
display:inline;
float: left; 
margin-right: 10px;
}

.productlist li.water img {
width:50px; /* All thms the same size */  
}

.productlist li.merch img {
width: 100px;
}


/***** Link styles *****/
a { color: #FF7500; text-decoration: none; }
a:hover { text-decoration: underline; }
a img {border: none;}
img { border: none;}

.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }

/* remove extra button width in IE */
input.fg-button { width:auto; overflow:visible; }


.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }



/***** Layout *****/
#wrapper {width: 902px; margin: 0 auto;}
#container { width: 902px; margin: 5px auto 0 auto; padding: 0; background: transparent url('./themes/site_themes/skinnywater/content-bg2.png') repeat-y; }
#header { width: 902px; height: 45px; margin: 13px auto 0 auto; }
#header img { border: none; float: left; }
#header ul { list-style-type: none; float: right; height: 15px; padding-top: 30px;}
#header ul li { display: inline; border-right: solid white 1px; padding: 0 5px;}
#header ul li.last {border-right: none; }
#header ul li a { color: #FFF; }

/***** Navigation *****/
#nav_bar { font-size:1.15em; width: 898px; height: 31px; margin: 0 0 0 2px; border-bottom: solid #999 1px; background: url('./themes/site_themes/skinnywater/nav-bg.jpg') repeat-x; font-family: Tahoma, sans-serif; font-weight: bold; text-align: center; }
#nav-one { height: 31px; list-style-type: none; text-align: center; margin: 0; padding: 0 0 0 70px; width: 100%; }
#nav-one li { float: left; padding: 0; height: 18px;  padding: 8px 0 5px 0; }
#nav-one li a { display: block; border-right: solid white 1px;  padding: 0 10px; color: #c20972; white-space: nowrap}
#nav-one li a:hover { color: #990C59; text-decoration: none;  }
#nav-one li.last a { border: none; }
#nav-one ul { display: block; position: absolute; list-style-type: none; z-index: 100; margin-top: 5px; }
#nav-one ul li { float: none; height: 32px; margin: 0; padding: 0; width: 100%; }
#nav-one ul li a { display: block; width: 100%; height: 25px; background: transparent url(./themes/site_themes/skinnywater/menudropdownbg.gif) 100% -32px; color #c20972; padding-top: 7px; font-weight: normal; }
#nav-one ul li a:hover { background: transparent url(./themes/site_themes/skinnywater/menudropdownbg.gif) 100% -64px; }

/***** Banner at the top of the index page *****/
#banner { width: 898px; margin: 0 0 0 2px; background-color: #fff; border-bottom: solid #999 1px; }
#banner .item{ width: 898px; }

/***** Bottle promo on the index page *****/
#bottles { margin: 0 2px; }
#bottles img { margin: 0; padding: 0; }

/***** The main content area *****/
#main { clear: left; width: 808px; margin: 0 2px; padding: 45px; background: url('./themes/site_themes/skinnywater/main-bg.jpg') #fff no-repeat top right; border-top: solid #999 1px; text-align: left; 
   height: expression( this.scrollHeight < 701 ? "700px" : "auto" ); /* sets min-height for IE */
   min-height: 600px; /* sets min-height value for all standards-compliant browsers */
}
#main .mainRightSideImage { font-style: italic; font-size: 16px; color: #991155; text-align: center; margin: 20px 5px 0 15px; }
#main .mainRightSideImage h4 { font-variant:small-caps; font-size: 1em; text-align: center; } 
#main .mainRightSideImage img { margin: 5px; }

/***** Index-specific stuff *****/
#homeRightColumn { width: 269px; }

/***** Left and right floated elements, in general *****/
.leftColumn { float: left;}
.rightColumn { float: right;}

/***** Content styles - the purple and white header'd divs *****/
.content-top { width: 574px; height: 10px; margin: 0 auto 0 auto; background: url('./themes/site_themes/skinnywater/content-top.png') no-repeat;}
.content { width: 572px; margin: 0 auto 15px auto; border: solid #999 1px; border-top: none; background-color: #FFF; }
.content h1 {font-family: Helvetica, sans-serif; font-size: 170%; width: 100%; color: #FFF; padding: 0 0 8px 10px; margin-bottom: 10px; background: url('./themes/site_themes/skinnywater/content-header.jpg') repeat-y; font-weight: normal;}
.content .leftColumn {margin: 0 0 0 5px; }
.content .rightColumn {margin: 0 5px 0 0; }
.contentWrapper {padding: 5px; }

/***** Callout styles - the callouts on the right side of the page *****/
.callout { width: 255px; padding: 3px 3px 3px 11px; margin-bottom: 25px; color: white; font-size: 14px; }
.purple { background: url('./themes/site_themes/skinnywater/callout-bg-purple.jpg') no-repeat center top; }
.purple h5 { color: #990066; } 
.orange { background: url('./themes/site_themes/skinnywater/callout-bg-orange.jpg') no-repeat center top; }
.orange h5 { color: #F60; }
.yellow { background: url('./themes/site_themes/skinnywater/callout-bg-yellow.jpg') no-repeat center top; }
.yellow h5 { color: #333; }
.callout h5 {width: 235px; height: 33px; padding: 6px 4px 6px 8px; background: url('./themes/site_themes/skinnywater/nav-bg.jpg') repeat-x center top; font-family: Helvetica, sans-serif; font-size: 1.25em; font-weight: bold;}
.callout div {width: 100%; padding: 0; margin: 0; }
.callout dl { padding: 0 12px; margin: 0 0; }
.callout dl dt { font-weight: bold; }
.callout dl dd { padding: 0; margin: 0 5px 10px 8px; }
.callout a { display: block; color: #FFF; text-align: right; text-decoration: underline; padding-right: 10px; margin: 0 13px 10px 0; }


/****** Text in Skinny Sightings *****/
#sightingItems { float: right; width: 270px; }

/***** Single-image promos *****/
.promo {width: 100%; text-align: center; margin-bottom: 25px; }
.promo a { text-align: center; margin: 0 auto;}

/*** Testimony text ****/
#testimonies .item { width: 245px; padding: 0 3px; color: #333; }

/****** For the other little images before the promo images ******/
.proImg {width: 574px; clear: left; margin-bottom: 10px; }
.proImg .rightColumn {width: 374px;}
.proImg a, .proImg h6 { font-weight: normal;}
.proImg h6 { font-style: italic; width: 374px; }
.proImg p { color: #7e7e7e; max-width: 300px ! important;}
.proImg img { border: 1px solid #cacaca; float: left; }

/***** Skinny Club Form *****/
.joinSkinny { margin: 10px 0; }
.skinny_club_email { border: solid #DDD 1px; height: 25px; margin-top: 5px;}
.skinny_club_submit { background: #999; border: solid #DDD 1px; height: 23px;  border-width: 1px 0; color: #FFF; }

/***** The bottom drop shadow *****/
#footer { height: 3px; background: url('./themes/site_themes/skinnywater/bg-bottom2.png') no-repeat center bottom; }

/***** The disclaimers and links at the bottom of the page *****/
#disclaimers { width: 902px; text-align: left; margin: 5px auto; padding-bottom: 10px; }
#disclaimers ul { list-style-type: none; text-align: center; float: right; }
#disclaimers ul li {display: inline; border-right: solid #999 1px; padding: 3px 5px; }
#disclaimers ul li.last { border-right: none; }
#disclaimers p { text-align: left; font-size: smaller; margin: 5px 0;}

/***** A spacer that makes sure #main expands to contain all the content *****/
.spacer { width: 100%; clear: both; height: 10px; }

/***** Talk to Us form *****/
.contactForm .textInput {width: 200px;}
.contactForm textarea {width: 400px;}
.contactForm .sendContainer { text-align: right; }

/***** Events page stuff *****/
#upcomingEvents, #pastEvents, #eventsMediaBar {width: 898px; margin: 0 2px;}
#upcomingEvents {background: url('./themes/site_themes/skinnywater/upcomingEvents-bg.jpg') repeat-x; height: 249px; padding-top: 20px; overflow: hidden; }
#upcomingEventsHeader {margin: 0 0 10px 20px;}
#upcomingEventsList {z-index: 15;}
.upcomingEvent, .pastEvent {width: 410px; float: left; margin: 0 10px 15px 20px;}
.upcomingEvent {margin: 0 0 15px 10px;}
.upcomingEvent .leftColumn, .pastEvent .leftColumn {width: 175px;}
.upcomingEvent .rightColumn, .pastEvent .rightColumn {width: 220px;}
.upcomingEvent .date, .pastEvent .date {margin-top: 2px; padding-top: 0;}
.upcomingEvent {color: #999;}
.upcomingEvent h6 {color: #FFF;}
#eventsMediaBar {background: url('./themes/site_themes/skinnywater/mediaBar-bg.jpg') repeat-x; height: 35px; border-top: solid #000 1px;}
#mediaBar-back, #mediaBar-forward {width: 19px; margin: 0; padding-top: 35px; z-index: 30;}
#pastEvents {background: #FFF; padding-top: 20px; text-align: left;}

/***** Science of Skinny stuff *****/
.science { width: 898px; margin: 0 2px; background-color: #FFF;}
.science .bottles { width: 214px; }
.science .bottles ul { list-style-type: none; margin: 0; padding: 0; }
.science .bottles ul li { width: 214px; height: 47px; padding: 14px; font-size: 24px; text-align: right; cursor: pointer;}
.science .bottles .lemonade { background: #F9E048 url('./themes/site_themes/skinnywater/science/science_tv.jpg') no-repeat 25px 17px; }
.science .bottles .orangeCran { background: #FFA200 url('./themes/site_themes/skinnywater/science/science_wu.jpg') no-repeat 25px 17px; }
.science .bottles .peach { background: #FF8E02 url('./themes/site_themes/skinnywater/science/science_xd.jpg') no-repeat 25px 17px; }
.science .bottles .raspberry { background: #DD33BB url('./themes/site_themes/skinnywater/science/science_cc.jpg') no-repeat 25px 17px; }
.science .bottles .goji { background: #BF1365 url('./themes/site_themes/skinnywater/science/science_sp.jpg') no-repeat 25px 17px; }
.science .bottles .acai { background: #9B24CE url('./themes/site_themes/skinnywater/science/science_he.jpg') no-repeat 25px 17px; }
.science .bottles li img { display: none; }
.science .orbs { width: 55px; margin: 0 0 0 20px; padding: 0; }
.science .orbs ul { list-style-type: none; margin: 0; padding: 0; }
.science .orbs li { width: 55px; height: 47px; padding: 14px; text-align: center; }
.science .orbs li img { margin: 0; padding: 0; }
.science .info { width: 575px; margin: 0 0 0 313px; padding: 25px 10px 10px 10px; }
.science .info .nutrients img { margin: 0 auto; }
.science .info .nutrients img.bottle {float: right; margin: 0 25px 25px; clear:right;}
.science .info .nutrients .bottomImage { width: 100%; text-align: center; display: block; }
.science .spacer { height: 1px; }
.science ul {margin: 1em 0px 1em 0px; }

#wheretobuy { clear: left; width: 898px; 250px; margin: 0 2px; padding: 20px 0 0 0; background: #fff; border-top: solid #999 1px; text-align: center; }
#main.about { background: url('./themes/site_themes/skinnywater/backgrounds/bg_bottles_group_stars.jpg') #fff no-repeat top right; }

#main.executive { background: url('./themes/site_themes/skinnywater/backgrounds/bg_bottles_wu.jpg') #fff no-repeat top right; }
#main.sales { background: url('./themes/site_themes/skinnywater/backgrounds/bg_bottles_cc.jpg') #fff no-repeat top right; }
#main.operations { background: url('./themes/site_themes/skinnywater/backgrounds/bg_bottles_sp.jpg') #fff no-repeat top right; }
#main.board { background: url('./themes/site_themes/skinnywater/backgrounds/bg_bottles_he.jpg') #fff no-repeat top right; }
#main.investor  { background: url('./themes/site_themes/skinnywater/backgrounds/bg_bottles_tv.jpg') #fff no-repeat top right; }
#main.releases { background: url('./themes/site_themes/skinnywater/backgrounds/bg_bottles_xd.jpg') #fff no-repeat top right; }

#main.story { background: url('./themes/site_themes/skinnywater/backgrounds/bg_bottles_group_purple.jpg') #fff no-repeat top right; }
#main.talktous { background: url('./themes/site_themes/skinnywater/backgrounds/bg_bottles_group_stars.jpg') #fff no-repeat top right; }
#main.where { background: url('./themes/site_themes/skinnywater/backgrounds/bg_bottles_group_pink.jpg') #fff no-repeat top right; }

#main.home { clear: left; width: 858px; margin: 0 2px; padding: 20px; }
#main h2 {margin-bottom: 10px; margin-top: 20; }
#main h2:first-child { margin-top: 0; } 
#main h4 {margin-bottom: 8px;font-size:1.2em;}
#main li {margin-bottom: 8px;font-size:1.1em;}