body
{
 background: #474849;
 margin-top: 15px;
 margin-left: 0px;
 font-family: helvetica, arial, sans-serif;
 font-size: 11px;
}

table.center
{
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

h2{
color:#0D5277;
font-size:1.2em;
margin:20px 0 10px 0;
}

#wrapper
{
 background:#fff url(../images/background-list.png) no-repeat top left;
}

#index #wrapper
{
 background:blue url(../images/olympiclogoweb.jpg) no-repeat center;
}

#home #wrapper
{
 background:blue url(../images/background.png) no-repeat center;
}

#aboutus #wrapper
{
 background:blue url(../images/background.png) no-repeat center;
}

#advocacy #wrapper
{
 background:blue url(../images/background.png) no-repeat center;
}

#products #wrapper
{
 background:blue url(../images/background.png) no-repeat center;
}

#dealers #wrapper
{
 background:blue url(../images/background.png) no-repeat center;
}

/* click to read styles */


#box1
{
 position:relative;
 width:270px;
 top:110px;
 left:460px;
 z-index:4;
}

#box2
{
 position:relative;
 width:270px;
 top:130px;
 left:460px;
 z-index:4;
}

#box3
{
   position:relative;
   width:270px;
   top:150px;
   left:460px;
   z-index:4;
}

 #home #box1, #home #box2, #home #box3
 {
    left:500px;
 }

 #advocacy #box1, #products #box1, #dealers #box1
 {
 	left:320px;
 	top:90px;
	width:450px;
 }

 #aboutus #box1, #aboutus #box2, #aboutus #box3
 {
    left:320px;
 }

	#aboutus #box1{
	top:90px;
	width:450px;
	}

	#aboutus #box2{
	top:105px;
	width:450px;
	}

	#aboutus #box3{
	top:120px;
	width:450px;
	}

	#aboutus #box4{
	position:relative;
	top:-218px;
	width:300px;
	left:20px;
	}

	#index #box1 {
	left:300px; /*285*/
	top:410px;
	width:206px;
	}

	/* IE hack, hide from all other browsers */

/* #box1, #box2, #box3 {margin-left:600px;}*/
/*html>body #box1, #box2, #box3 {margin-left:0px;} */
/* *:first-child+html #box1,*:first-child+html  #box2,*:first-child+html  #box3 {margin-left:600px; /* ie7 */} */  

/*hide
*html #box1, #box2, #box3 {
    margin-left:-600px;
  }*/
  
  /* with double-nav, need to move up top of clicktoread */
  #products #clicktoread,#about #clicktoread,#owners #clicktoread,#buy #clicktoread,#sponsorship #clicktoread{
   top:190px;
  }
*html #quote{ /* stupid IE */
margin-left:-610px;
}
*html .clicktoread2{ /* stupid IE */
margin-left:-610px;
}
/*.clicktrans {
	position:relative;
    top:0px;
	background:#000;
	padding:10px;
	filter:alpha(opacity=75);
	opacity: 0.75;
   -moz-opacity:0.75;
   border:#fff 1px solid;
}*/
/* new way to transparent */
.clicktrans {
	position:relative;
    top:0px;
	padding:10px;
  color:#fff;
  border:solid 1px #fff;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/bg-transparent-black.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.clicktrans[class] {
  background-image:url(../images/bg-transparent-black.png);
}

*html .clicktrans { /* ie won't do trans w/o a height. weird. */
   height:10px;
   margin-top:-3px;
   background:#000;

   }
 *:first-child+html *html .clicktrans { /* ie7 stupid */
  height:10px;
   margin-top:-3px;
   background:#000;
 }  
.clicktrans a{
  color:#fff;
}
.click{
    position:relative;
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:92%;
	word-spacing:.1em;
	line-height:1.5em;
	letter-spacing:1px;
	color: #fff;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;

	}
.click h2{
   color:#fff;
   margin:0 0 10px 0;
   padding:0;
}
 .click ul {
 /*list-style:none;*/
 margin:0 0 0 10px;
 padding:0;
 }
 .click ul li a, .click ul li a:visited{
    color:#fff;
	text-decoration:underline;
   
 }
  .click ul li a:hover{
    color:#fff;
	text-decoration:none;
 
 }
 /* end click to read styles */



 /* begin navigation styles */
#navtrans {
	position:relative;
	height:25px;
	top:53px;
	

}
#navtrans2 {
	position:relative;
	height:36px;
	top:73px;
   
}
#nav,#subnav{
    position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: #fff;
	clear:both;
	}
#nav ul{
    list-style:none;
	margin:0;
	padding:0;
}
#subnav ul{
    list-style:none;
	margin:0 0 0 10px;
	padding:0;
}
#nav ul li{
    float:left;
	padding-right:10px;
	padding-left:15px;
	padding-top:3px;
	padding-bottom:0;
	background:url(../images/whitepipe.gif) no-repeat right bottom;
}
#subnav ul li{
    float:left;
	padding-right:8px;
	padding-left:8px;
	padding-top:3px;
}
#nav ul li a{
   text-decoration:none;
   color:#fff;
}
#nav ul li a.inactive{
   text-decoration:none;
   color:#fff;
}
#nuunis #navnuunis,#users #navusers,#news #navnews,#about #navabout,#contact #navcontact,#shop #navshop,#news-you #navnews,#news-nuunletter #navnews,#nuunis-whatisnuun #navnuunis,#nuunis-science #navnuunis,#nuunis-faq #navnuunis,#users-you #navusers, #users-athletes #navusers,#about-whoarewe #navabout, #about-history #navabout,#shop-findnuun #navshop,#shop-products #navshop, #team #navteam{
   text-decoration:none;
   color:#0D5277;
}
#talktous #navcontact {
   text-decoration:none;
   color:#0D5277;
}

#subnav ul li  a.subactive{
   text-decoration:none;
   color:#ccc;
}
#subnav ul li  a.subinactive{
   text-decoration:underline;
   color:#D3D3D3;
}
#subnav ul li a{
   text-decoration:underline;
   color:#D3D3D3;
   font-size:93%;
}
#subnav ul li a:hover{
   text-decoration:none;
}
#nav ul li a:hover{
   text-decoration:none;
   color:#D3D3D3;
}
 /* end navigation styles */

/* feature styles */
 #plainpage {
	position:relative;
	float:none;
	top:72px;
	padding-top:0px;
	width: 800px;
	text-align:left;
	margin:0;
 /*    height:auto;*/
 /*    height:auto;*/ /* this fixed tables overflowing in FF */
	
 }

#talktous #weirdfloatdiv{
float:left;
background:#fff url(../images/talktous-half.jpg) no-repeat top right;
margin:0;
width:800px;
padding:0;
height:360px;
}
#about-design #weirdfloatdiv{
float:left;
background:#fff url(../images/designpic.jpg) no-repeat bottom right;
margin:0;
width:800px;
padding:0;
height:410px;
}
#plainpage p{
   padding:0;
   margin:.7em 0;
   
   line-height:1.6em;
   }
 #plainpage #left,#imcollection #left {
   width:375px;
   float:left;
   margin-left:50px;
   margin-right:50px;
   text-align:justify;
 
 }
*html #plainpage #left{
   margin-left:30px;
}
 #plainpage #right,#imcollection #right{
  width:375px;
  float:left;
  /*margin-right:50px;*/
   text-align:justify;
   
 }
/* *html #plainpage #right{
   margin-right:10px;
}*/
  #plainpage ul {
 list-style:none;
 margin:0 0 0 50px;
 padding:0;
 }
 #plainpage ul li {
 
  padding-top:10px;
  }
 #plainpage ul li a{
	text-decoration:underline;
    padding-left:0px;
 }
  #plainpage ul li a:hover{
    	text-decoration:none;
 
 }
#halfpageright {
   width:430px;
   float:right;
   height:340px;
   overflow:hidden;
   background:#fff;
   padding:10px 10px 10px 10px;

}
#halfpageright h2{
   margin-left:0;
}


 #f1 {display:none; }
#f2 { display:none; }
#f3 { display:none; }
#f4 { display:none; }
#f5 { display:none; }
#f6 {display:none; }
#f7 {display:none; }
#f8 {display:none; }
#f9 {display:none; }
#f10 {display:none; }
#f0 {display:block; }
 /* end feature styles *//* CSS Document */
/* b2 styles */
/* feature styles */

#plainpage h2,#imcollection h2 {
	color:#0D5277;
	font-size:1.4em;
	font-family:"News Gothic","Lucida Sans",Arial,sans;
	margin:30px 0 20px 50px;
}

 #users-you2 h2{
 color:#fff;
 }
 #plainpage #leftdealer {
   width:300px;
   float:left;
   margin-left:50px;
   margin-right:50px;
 /*    height:auto;*/
    text-align:justify;
 
 }
*html #plainpage #leftdealer{
   margin-left:30px;
}
#plainpage #rightdealer{
  width:450px;
  float:right;
  margin-right:50px;
 /*    height:auto;*/
	  text-align:justify;
 }
 *html #plainpage #rightdealer{
   margin-right:10px;
}
#plainpage #items{
width:720px;
margin:0;
padding:0;
text-align:center;
}

#plainpage .individual ul,#imcollection .individual ul {
list-style:none;
margin:0;
padding:0;
}
#plainpage .individual ul li,#imcollection .individual ul li {
list-style:none;
background:none;
margin:3px 0;
padding:0;
background:none;
}
#plainpage .individual {
width:330px;
float:left;
height:130px;
margin:10px 0;
text-align:left;
  }
#plainpage .individual .title {
color:#333;
font-weight:bold;
}
#plainpage .individual img {
margin-right:7px;
}

#imcollection .individual {
width:240px;
float:left;
height:130px;
margin:10px;
  }
#imcollection .individual .title {
color:#0D5277;
font-weight:bold;
}
#imcollection .individual img {
margin-right:7px;
}
h2{

color:#0D5277;
font-size:1.2em;
margin:20px 0 10px 0;
}
h4{
  color:#0D5277;
   font-size:1.1em;
   margin:0 0 10px 0;
   padding:0;
   font-weight:normal;
}

h5{
   color:#666;
   font-size:.9em;
   margin:0 0 10px 0;
   padding:0;
}
.smallblue{
   color:#1C92D2;
   font-size:85%;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin:0 0 10px 0;
   padding:0;
}
.smallblue a, .smallblue a:visited{
   color:#1C92D2;
    text-decoration:none;
   
}
.smallblue a:hover{
   color:#1C92D2;
    text-decoration:underline;
   
}
.smallbluefade{
   color:#93CFF0;
 }
 #plainpage p.main{
   margin:10px 50px 10px 50px;
   line-height:1.6em;
 }
 .smallgrey{
   color:#999999;
   font-size:85%;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin:0 0 10px 0;
   padding:0;
 }
 blockquote{
   font-size:93%;
   line-height:1.7em;
 /*  text-align:justify;*/
   padding:10px;
   border:1px solid #fff;
 /*  background-color:#FFC488;*/
 }
#users-athletes blockquote {
   color:#666;
   border-left:double 4px #E2F3FC;
   margin-left:230px;
   margin-right:130px;
   padding:0 0 0 15px;
   text-align:justify;
 }
 #users-athletes blockquote.widepic {
    margin-left:400px;
 }
 a.bigorangelink, a.bigorangelink:visited{

margin:0;
padding:0;
color:#0D5277;
text-decoration:underline;
color:#0D5277;
	font-size:1.4em;
	font-family:"News Gothic","Lucida Sans",Arial,sans;
	font-variant:small-caps;

}
a.bigorangelink:hover{
margin:0;
padding:0;
text-decoration:none;
}
.basicimg{
margin:0 0 20px 0;
padding:0;
}
.clear{
clear:both;
}
.orangefeaturebox{
background-color:#FFE8D9;
border:1px solid #FFDBC4;
padding:15px;
width:600px;
margin:15px 0px 15px 150px;
font-size:93%;
text-align:justify;
}
.orangefeaturebox p{
text-align:justify;
}
.orangefeaturebox h3{
font-size:1.1em;
color:#333333;
padding-bottom:3px;
margin:0;
}
.photoframe {

padding:10px;
border: 1px solid #DADADA;
margin:15px;
float:left;
color:#999999;
}

  
.photoframe p {
   text-align: center;
   }

#footer2 {
   width:800px;
   
   background-color:#545556;
   padding:0 0 0 0;
   margin:40px auto;
}
#newsblock{
margin:10px 50px 0 50px;
line-height:1.3em;
/*height:270px;
overflow:auto;*/
}
#newsblock ul{
list-style:none;
margin:0;
padding:0;
}
#newsblock ul li{
border-bottom:1px solid #D9EFFB;
padding:10px 0 10px 0;
}
#newsblock p{
padding:0 0 5px 0;
}
.you {
color:#0D5277;
font-style:italic;
font-size:95%;
}

h3{
margin:0 0 3px 50px;
padding:0;
color:#0D5277;
font-size:100%;
font-weight:bold;
}
#newsblock h3{
margin:0 0 8px 0;
}

#newsblock img{
padding:5px 5px 0 5px;
}
#newsblock .date {
padding-left:10px;
font-size:95%;
}
.searchform {
background-color:#D9EFFB;
border-bottom:1px solid #D9EFFB;
padding:10px;
margin:0 0 10px 0;
}
#newsblock h4{
font-weight:normal;
font-style:italic;
color:#000;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:100%;
}
#news-reviews  ul li a{
font-size:95%;
}
.youimg {
padding:2px;
border:1px double #D9EFFB;
margin:2px 8px 2px 0;
}
.youbox{
border-top:1px solid #D9EFFB;
padding-bottom: 10px;
margin:10px 50px 20px 50px;
clear:both;
}
.map{
font-size:95%;
font-weight:bold;
color:#0BACD8;
padding-left:10px;
}

.map a{
color:#0BACD8;
}
.ingredient{
list-style:circle;
line-height:.5em;
padding:0;
margin:0;
}
.ingredient li{
list-style-type:circle;
padding:0;
margin-top:0;
margin-left:10px;
margin-bottom:0;
line-height:.5em;
}
.footerlink,.footerlink:visited,.footerlink:active{
text-decoration:none;
color:#CCCCCC;
font-weight:normal;
}
.footerlink:hover{
text-decoration:underline;
}
#nuunletter{
padding:0;
margin:0;
}
#nuunletter li{
background:url(../images/email5_trans.gif) no-repeat left 50%;
padding: 0 0 10px 25px; 
margin:0;
}
   #copyright a {
   font-weight:normal;
   color:#666666;
   }
   
   #intl_dealers{
margin:10px 50px 0 50px;
line-height:1.3em;
/*height:270px;
overflow:auto;*/
}
#intl_dealers ul{
list-style:none;
margin:5px 0 0 10px;
padding:0;
}
#intl_dealers ul li{

padding:10px 0 10px 0;
}


#intl_dealers h3{
padding:0 0 0 0;
margin:10px 0 5px 0;
border-bottom:1px solid #D9EFFB;
font-weight:bold;
color:#0BACD8;
font-size:1.2em;

}
   #intl_dealers2{
margin:10px 50px 0 50px;
line-height:1.3em;
/*height:270px;
overflow:auto;*/
}
#intl_dealers2 ul{
list-style:none;
margin:5px 0 0 10px;
padding:0;
}
#intl_dealers2 ul li{

padding:5px 0 5px 0;
}

#intl_dealers2 ul li a,#intl_dealers2 ul li a:visited,#intl_dealers2 ul li a:active{
   font-weight:lighter;

   color:#000;
}
#intl_dealers2 h3{
padding:0 0 0 0;
margin:10px 0 5px 0;
border-bottom:1px solid #D9EFFB;
font-weight:bold;
color:#0D5277;
font-size:1.2em;

}