@charset "UTF-8";
/* background-black: #000000   -   text-gray: #939598  - link-red: #d72132 */

*{ 
	outline:none;
	line-height:1.67;
	text-transform:lowercase; }
	
a{ color: #d72132; text-decoration:none; cursor:pointer;}
a:hover{ color: #FFF;}	

h1{ font-size:24px; line-height:1.67;}

span{ line-height:1.1;}

/*
** Layout
*/
#wrapper{ margin:0; }

#utility-nav,
#header,
#content{
	margin-bottom:30px;}


/* Utility Nav */
#utility-nav{
	background-color:#000000;
	height:30px; }

#utility-nav ul,
#utility-nav li{ 
	height:30px;
	line-height:30px; }

#utility-nav a{
	color:#939598;
	padding-right:10px;
	border-right:1px solid #939598;
	height:30px;
	line-height:30px; } 
	
#utility-nav a:hover{
	color:#FFF;}	


#languages{
	text-align:right; }
#languages li{
	float:right }	
	
.dropdown{
	background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/arrow-bottom.png);
	background-position:right 9px;
	background-repeat:no-repeat; 
	position:relative;
	padding-right:10px; }
	
.dropdown .subnav{
  	z-index:9999;
	display: none;
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
	left:-15px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:5px 15px 5px;
	position:absolute;
	top:30px;
	height:auto !important;
	width:100px;}	
	

.dropdown .subnav li{
	border:none;
	margin-right:0; 
	margin-bottom:5px;
	clear:both;
	height:auto !important;
	line-height:14px !important;}

.dropdown .subnav li a{ border: none !important;}	
.dropdown .subnav li a:hover{ color: #d72132 !important; }	

/* Header */
#header,
#utility-nav, 
.w-title{ 
	font-family:'Helvetica Neue Condensed', 'Arial Narrow','DejaVu Sans Condensed','Helvetica Neue', 'Helvetica',sans-serif; }
	
#site-message{
	width:740px;
	float:left;
	height:43px;}
#sm-big{
	color:#000000;
	float:left;
	font-size:48px;
	line-height:43px;
	margin-right:20px;
	letter-spacing:-0.02em; }
#sm-small{
	color:#939598; 
	width:260px;
	float:left;
	font-size:16px;
	line-height:1.1;
	margin-top:8px; }
		
#logo{
	background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/logo.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width:208px;
	height: 43px;
	float:right; }
	
#logo a{ float:left; width:100%; height:100%; text-indent:-999em;}	
	
/* Content */
#content{ position:relative;}
#main-content{ width:610px; margin-right:30px; margin-bottom:10px; float:left; position:relative; z-index:99;}

.mc-left{
	width:260px;
	margin-right:15px;
	float:left; }
.mc-right{
	float:right;
	width:300px; }

.main-image{ 
	width:260px;
	height:390px;
	background-color:#f0f0f0;
	border:1px solid #DDD;
	margin-bottom:10px;
	overflow:hidden;}
	
.mi-title{ 
	color:#939598;
	float:left;
	line-height:1.1 !important;
	font-size:16px;
	line-height:16px;
	margin-right:5px;
	margin-bottom:5px;}


	
.mi-button{ 
	border:1px solid #CCCCCC;
	color:#939598;
	font-size:10px;
	padding:2px 20px 2px 5px;
	background-image: url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/arrow-white-next-small.png);
	background-position: top right;
	background-repeat: no-repeat;
	float:right; }
	
.mi-button a{   
	color:#939598;}
	 
.mi-button a img{ display:none;}


.thumbs {
  height:104px;
  overflow:hidden; } 

.thumb{
  border:1px solid #DDDDDD;
  float:left;
  height:102px;
  margin-right:9px;
  overflow:hidden;
  width:66px;}
  
.thumb img{  
  height:102px; 
  overflow:hidden;
  width:66px;} 
.thumbs .activeSlide{
  border:1px solid #AAA !important;
}
.thumbs .last{ margin-right:0 !important;}

#sidebar{ }


#tr-search_desc{
  clear:both; 
  float:left;
  font-size:14px;
  font-weight:normal;
  margin-top:10px;
  width:280px; }

.mt-search-results #tr-search_desc{ margin-top:0; font-size:10px; padding:3px 10px;}



/* Footer */
#footer{ 
	background-color:#000000;
	color:#FFFFFF;
	height:175px; 
	background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/footer-bckgrnd.png);
	background-position:0 0;
	background-repeat:repeat-x;
	position:relative; }
	
#f-logo-container{   
  float:left;
  height:168px;
  margin-left:10px;
  text-indent:-999em;
  width:600px;
}	
		
#f-bottles{ 
  background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/footer-bottle-lineup.png);
  background-position:0 0;
  background-repeat:no-repeat;
  float:left;
  height:168px;
  margin-right:20px;
  width:326px; }		
		
#f-logo{
  background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/logo.png);
  float:left;
  height:43px;
  margin-top:50px;
  width:208px; }	
	
#f-tagline{
  color:#FFFFFF;
  float:left;
  font-size:15px;
  margin-left:8px;
  margin-top:25px;
  text-indent:0;
  width:208px; }	
	
#f-nav{
	border:1px solid #999999; 
	font-size:10px;
	padding:2px 10px;
	position:absolute;
	top:120px;
	right:10px;
	z-index:1000; }

#f-nav ul{ margin:0;}

#f-nav a{
	color:#CCC;
	padding-right:10px;
	border-right:1px solid #939598; }
#f-nav a:hover{ color:#FFF;}	

#featured-container{ 
	position: relative; }

#ff-nav{
	float:left;
	color:#939598; 
  height:60px;
  line-height:1;
	width:60px;}
	
.ffnav-item	{
  background-position:40px 52px;
  background-repeat:no-repeat;
  border:1px solid #DDDDDD;
  color:#939598;
  cursor:pointer;
  font-size:12px;
  height:60px;
  line-height:0.8; 
  padding:10px 15px;
  text-align:right;
  width:47px;}
  
.ffnav-item	a,
.ffnav-item	span{ line-height:1;}
	
.ffnav-item	a { color: #939598;}
.ffnav-item a:hover {color:#d72132;}

#ff-prev{ background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/arrow-white-prev.png); margin-top:15px;}
#ff-next{ background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/arrow-white-next.png); margin-top:15px;}


#f-featured{ width:500px; float:left; margin-bottom:0;}
#f-featured h3{
	color:#FFF; 
	font-size:20px; }

#ff-title{  
	line-height:1.33;
	font-size:24px; }
#ff-title span{
	float:left; 
	line-height:1.33;
	overflow:hidden; }

.ff-slides{
  clear:both;
	height:137px;
	overflow: hidden; }

.ff-slide{
  width:718px !important;
} 

.ffs-item{
	width:90px;
	height:135px;
	position:relative;
	float:left;
	margin-right:10px;
	background-color:#F0F0F0;
  border:1px solid #DDDDDD; 
  zoom:1;}

.ffs-item a{ float:left; zoom:1; }	
	
.ffs-item .overlay{
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:10px 0;}

.ffs-item .overlay a{
	margin: 0 10px;}	
	
.ff-slide .last{
	margin-right:0;}	
	

/*
** Tools
*/ 

/* Widget */
.widget{
	border:1px solid #DDD;
	padding:15px;
	margin-bottom:20px;
	background-color:#FFF; 
	font-size:16px;
	color:#939598; }

.w-title,
.w-title a{
	font-size:36px;
	line-height:36px;
	margin-bottom:10px; 
	color:#939598;}

.w-title a:hover{
  color:#d72132; }
	
.w-image{
	background-color:#f0f0f0;
	border:1px solid #DDD;
	margin-bottom:10px; 
	height: 160px;
	width:276px;
	overflow:hidden;}
	
	
.w-content{
	line-height:1.33;  	}
 


.module{
background-color:#000000;
color:#FFFFFF;
margin-bottom:15px;
padding:5px 15px 10px; }
	
.m-title{
	font-size:20px;
	margin-bottom:5px; }

.m-icon{
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	height:25px;
	margin-right:10px;
	overflow:hidden;
	text-indent:-999em;
	width:25px; }

#vote-icon{ background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/icon-favorite.png);}
#facebook-icon{ background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/icon-facebook.png);}
#twitter-icon{ background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/icon-twitter.png);}
#download-icon{ background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/icon-download.png);}
#facebook-text{ margin-right:25px;}

.m-stats,
.m-text{
	font-size:14px;
	float:left;  
	line-height:25px; }

.m-text a{ color: #CCC;}

.m-stats{ float:right;}

.action-wrapper{ float:left; color:#CCC;}
#vote .action-wrapper { width: 100%; }
.scoring-score-label{ float:right; display:none;}

.m-content a:visited,
.m-content a:focus,
.m-content a{ color: #CCC;}

.m-content a:hover{ color:#FFF;}

/* entry details */
.entry-details{ 
  clear:both;
  margin-bottom:10px; }
.entry-details .mi-title{ font-size:20px; }  
.mi-location-date{ 
  float: right;
  width:140px;
  font-size:10px;
  line-height:1;
  text-align:right;}
.mi-location{ }
.mi-location a{ color:#939598; }
.mi-location a:hover{ color:#d72132;}
.mi-date{ }


.entry-cycle{ 
  height:452px;
  width:302px;
  overflow:hidden;
  margin-bottom:10px;}

#entry-navigation{
  float:left;
  width:60px;
}
.en-prev{
  background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/arrow-white-prev.png) !important;
}
.en-next{
  background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/arrow-white-next.png);
}
.en-item{
  background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/arrow-white-next.png);
  background-color:#FFFFFF;
  background-position:23px 50px;
  background-repeat:no-repeat;
  border:1px solid #DDDDDD;
  color:#939598;
  cursor:pointer;
  font-size:12px;
  height:60px;
  line-height:1;
  margin-top:15px;
  padding:10px 15px 10px 10px;
  text-align:right;
}
.en-item a{ color:#939598; line-height:1; height:60px; float:right;}
.en-item a:hover { color: #d72132;}


/* entry summary */
.entry-summary{
  width:160px;
  position:relative;
  float: left;
  margin-right:12px; 
  margin-bottom:12px;
  height:240px;
  border:1px solid #DDD;
  overflow:hidden;}
   
  
.entry-summary .entry-image{
  float:left;
}

.entry-summary .entry-title{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  display:none;
}

.entry-summary .entry-title a{
  background: rgba(0,0,0,0.8);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
  zoom: 1;  
  color:#FFF;
  font-size:13px;
  line-height:1.33;  
  float: left;   
  padding:10px;
  text-indent:0;
  width:140px;  }
  
  
  

/* search results */

#search-results{
  width:858px;
  float:left;
  position: relative; } 

#search-results .last{
  margin-right:0 !important; }

#search-results #browse{ margin-bottom:0;}

#search-results-options {
  width:100%;
  margin-bottom:15px;
}

#search-results-options .browse-container{
  float:left; 
  margin-right:15px;
}

.search-results-search{
  float: left;
}  
.search-results-search input.input{
  font-size:10px;
  padding:4px 10px;
  width:160px;
}

.search-results-paginator{
  float: right;
  font-size:10px;
}  

.search-results-header{
  font-size:24px;
  line-height:1.67;
  margin-bottom:15px;
}

#search-navigation {
  float:left;
  width:60px; }

#search-results .content-nav{
  position: absolute;
  top:15px;
  right: 10px;
  font-size: 12px; 
  text-align:right; }

.results-pages{
  float:left;
  margin-right:5px;
}  

/* comments */

#comments{
  background-color:#EEEEEE;
  border:1px solid #DDDDDD;
  color: #333;
  height:179px; 
  margin-bottom:0;
  overflow:auto;
  padding:5px 15px 10px;
  z-index:11;}
  
.comments{  }

.comment{
	margin-bottom:5px; 
	clear:both;}
.userpic{ 
	float:left;
	margin-right:5px;
	font-size:10px;
	overflow:hidden;
	width:42px;
	text-align:center;}
.user-pic a{ float:left;}
.userpic img{ width:40px; height:40px; border:1px solid #DDD; }




.comment-bubble{
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
	color:#999999;
	float:left;
	font-size:11px; 
	padding:5px 10px;
	width:180px; }
	
#comments a:hover{ color:	 #D72132;}


#inline-login{ display:none;}

.comment_signin_options{ }
.comment_signin_options p{ display:none;}

.comment_signin_options ul { margin:0; list-style:none; padding-left:45px;}
.comment_signin_options li { float:left; margin-right:15px;}

.signin dl { margin:10px 0;}
.signin dd { margin:0 auto; text-align:center;}
.signin dd fieldset{ background-color:#FFF; padding:10px; margin-bottom:10px;}
.signin dd p{ margin-bottom:5px;}

#signin_with_Facebook,
#signin_with_TypePad{
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  display:block;
  padding:10px;
  margin-bottom:10px;
}

#comments-open-text textarea{
  border:1px solid #DDDDDD;
  font-family:Helvetica;
  font-size:12px;
  height:80px;
  padding:5px;
  width:240px; }
  
  
.user-pic { position:relative;}
.auth-icon { position: absolute; bottom:0; right:0;}
.auth-icon img{ width:16px; height:16px;}
 

/* customized modules */
#browse{
	background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/arrow-bottom.png);
	background-position: 163px 4px;
	background-repeat:no-repeat;  
 	font-size:10px; 
	padding:2px 10px; 
	width:160px; 
	float:right;}

.browse-container{ position:relative;} 
 
#browse-subnav{
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
	color:#939598;
	display:none;
	font-size:10px;
	padding:5px;
	position:absolute;
	right:0;
	top:20px;
	width:168px;
	z-index:999; }
		 
#browse-subnav a,
#search-results #browse-subnav a{ color:#000 !important; float:left; width:100%;}
#browse-subnav a:hover,
#search-results #browse-subnav a:hover{ color: #d72132 !important;}


#browse-subnav ul{
	list-style:none;
	list-style-position:inside;
	margin:0;
	padding:0;
	margin-left:4px;}
	
#browse-subnav ul ul { margin-left:10px;}	

#tr-featured_page_desc,
#browse-subnav span{ line-height: 1.67;}


/* Rounded Corners */
.rc{ 
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;  
  -moz-border-radius: 10px;
  border-radius: 10px; }

.rc-top{ 
  -moz-border-radius-topleft:10px;
  -webkit-border-top-left-radius:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-right-radius:10px; }

.rc-bottom{
  -moz-border-radius-bottomleft:10px;
  -webkit-border-bottom-left-radius:10px;
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-right-radius:10px;  }

.rc-right{
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-right-radius:10px;  }	
	

/* Shadow */
.shadow{
	box-shadow: 2px 2px 5px #ddd;
	-moz-box-shadow: 2px 2px 5px #ddd;
  -webkit-box-shadow: 2px 2px 5px #ddd;
 /* zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=135, Strength=3); 
  */}





/* 
** Misc
*/

.hidden { display:none !important;}

.input {
	border:1px solid #DDD;
	padding:5px; 
	width:268px;
	color:#939598;
	font-size:16px;}
	
.greeting{
	font-size:12px;
	border-bottom:1px solid #DDD; 
	padding-bottom:5px;
	margin-bottom:10px;}	

.button{
	cursor: pointer; }
	
/* ul horizontal styles */
.horizontal{ 
	list-style:none; 
	padding:0;
	margin-bottom:0; }
	
.horizontal li{ 
	float: left;
	margin-right:10px }
	
.horizontal .last{
	margin-right:0; }
	
.overlay{
	background-color:	#000000;
	background-color: rgba(0,0,0,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
  	zoom: 1;  

	color: #fff;}	
	
.no-border,
#f-nav .no-border,
#utility-nav .no-border{
	border:none !important;}	

.no-margin{
	margin:0 !important;}		
	
.no-padding{
	padding:0  !important;}
	
/* hide the text that needs to be translated (it will be faded in after DOM gets ready) 	*/
.tr{ display:none;} 

/* translation span line-height fixes */
#browse span,
.module span{
	line-height:1.67; }


/* fix download link position */
#tr-download{ text-align:left;}

/* fix download link position */
#tr-download{ text-align:left;}

/* hide anonymous comment fields */	
#comments-form	{display:none;}


/* fixed footer - http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page */
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#wrapper {
   min-height:100%;
   position:relative;
} 
#content { 
   padding-bottom:175px;   /* Height of the footer */
   margin-bottom:0;
}

#footer {
   position:absolute;
   bottom:0;
   left:0;
   width:100%;
   height:175px;   /* Height of the footer */
}


/* customize fixed content for individual entry/search results pages */
.mt-entry-archive #content { padding-bottom:0 !important;}
.mt-archive-listing #content,
.mt-search-results #content, 
.mt-entry-archive #content .container{ margin-bottom:0 !important;}


	
	
/* fix comment color in comment response page */	
.mt-comment-pending	a:hover{ color:#D72132; }



#search-results .content-nav a,
#search-results .content-nav a:hover,
#search-results a,
#search-results a:hover { color: #d72132;}

#search-results .entry-title a{ color:#FFF;}

#content .container{ margin-bottom:30px;}



#tr-copyright{
  border-right:1px solid #CCCCCC;
  display:inline;
  padding-right:10px;
  color: #CCC; }



/*
** Scoring Styles
*/
.scoring-pending{ 
  background-image: url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/loading.gif);
  background-position: right 5px;
  background-repeat: no-repeat; 
  }
  
.scoring-pending .scoring-score { display:none;}  


.vote-error{  
  background-color:#EEEEEE; 
  background-position:8px center;
  background-repeat:no-repeat; 
  clear:both;
  color:#333333;
  float:left;
  font-size:12px;
  margin:10px 0 5px;
  padding:5px 0;
  text-indent:14px;
  width:100%; }

.vote-error a,
.vote-error a:hover,
.vote-error a:visited{
  color: #d72132;
}


.vote-login {font-size:12px; color:#000;}
.vote-login .comment_signin_options li{ margin-top:15px;}
.vote-login .comment_signin_options ul{ padding-left:45px;}
.vote-login p a,
.vote-login p a:hover,
.vote-login p a:visited{ color:#d72132;}



/* 
** Sharing on Individual Sets
*/
.mc-social{
  margin:0; 
  width:293px;}

#mc-facebook{
  float:left;
  padding:5px;
  height:70px; }

#mc-twitter{
  background-image:url(http://www.vitaminwater.pt/mt-static/show_your_vits/css/images/icon-twitter-white.png);
  background-position: 20px 30px;
  background-repeat: no-repeat;
  float:right;
  font-size:22px;
  height:50px;
  line-height:53px;
  text-indent:40px;
  text-indent:40px; }
  
#mc-twitter a,
#mc-twitter a:hover,
#mc-twitter a:visited{ color:#939598 !important; }
  

/* homepage enhancements for the new mockup */  
#w-facebook{ padding:8px 8px 2px;}  
.mt-main-index #content {
  margin-bottom:0;
  padding-bottom:80px;
  z-index:1;}
.mt-main-index #content .container{ margin-bottom:0;}

#w-twitter{ padding: 5px 15px;}
#w-twitter span{ line-height:1 !important;}

#get-vitaminized .w-title{ margin-bottom:0;}

.mt-search-results #ff-nav{ 
float:left;  
width:96px;}

.mt-search-results .ffnav-item  {
background-position:20px 11px;
background-repeat:no-repeat;
border:1px solid #DDDDDD;
color:#939598;
font-size:12px; 
line-height:1;
margin-top:24px;
padding:10px 15px;
text-align:right; 
cursor:pointer; }

.mt-search-results #f-featured{ width:820px; float:left; margin-bottom:0;}

.mt-search-results #ff-title{
background-color:#000;
color:#FFF;
line-height:1.33; }

.mt-search-results #ff-title span{
float:left;
font-size:13px;
line-height:1.33;
overflow:hidden;
padding:10px;}


.mt-search-results .ff-slides{ clear:none;}

.mt-search-results #ff-title{
background-color:#000;
color:#FFF; 
line-height:1.33;
font-size:13px; } 

.mt-search-results #ff-title span{
font-size:13px;
float:left; 
line-height:1.33;
overflow:hidden; 
padding:10px; }


.mt-search-results #ff-next,
.mt-search-results #ff-prev{
  margin-top:5px;
}

.mt-search-results .ffnav-item{
  background-position:40px 47px;
  padding:7px 15px;
  height:60px;
}