/*---------------------------------------------------------------------------------------------------------------------------
	Carrefour - "Todos merecemos un poquito mas" Main Cascading Style Sheet
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor			RSB Media SCP
	.version		0.1
	.url				http://www.rsbmedia.com
	.timestamp	05/03/2009 .. 00/00/0000
	---------------------------------------------------------------------------------------------------------------------------*/
	
	
/*---------------------------------------------------------------------------------------------------------------------------
	0.	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1.	Body
	2.	Links
	3.	Elements
	4.	Common
	5.	Home
	---------------------------------------------------------------------------------------------------------------------------*/
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	1.	Body
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
		/*---------------------------------------------------------------------------------------------------------------------------
	2.	Links
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
	/*---------------------------------------------------------------------------------------------------------------------------
	3.	Elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	img {
		display: block;
		border: 0 none;
	}
		
	p, ul, li, h1, h2, h3, h4 {
		margin: 0;
		padding: 0;
		font: inherit;
	}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	4.	Common
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.clearer {
		height: 0;
		overflow: hidden;
		clear: both;
	}
	
		
	/*---------------------------------------------------------------------------------------------------------------------------
	5.	Home
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.main .content {
		width: 980px;
		margin: 7px 0 14px;
	}
		
		.content ul.videos {
			width: 634px;
			height: 1420px;
			margin: 0;
			padding: 15px;
			background-color: #000;
			float: left;
			list-style: none;
		}
			
			.content ul.videos li.title {
				width: 664px;
				height: 75px;
				display: block;
				margin: -9px 0 2px -6px;
			}
			
			.content ul.videos li.entry {
				width: 639px;
				height: 304px;
				display: block;
				margin: 0;
				padding: 1px;
				background: #f2f0e3 url(../images/welcome/contentVideosDescriptionBg.png) no-repeat top right;
			}
				
				.content ul.videos li.entry .media {
					width: 400px;
					height: 304px;
					float: left;
					margin: 0;
					background-color: #000;
				}
					
					.content ul.videos li.entry .media .player {
						/*padding: 7px 7px 6px;*/
					}
					
					.content ul.videos li.entry .media .syndication {
						height: 16px;
						padding: 4px 7px 0 0;
						text-align: right;
					}
						
						.content ul.videos li.entry .media .syndication img {
							margin: 0 0 0 6px;
							display: inline;
						}
					
				.content ul.videos li.entry .description {
					width: 239px;
					height: 306px;
					float: right;
				}
					
					.content ul.videos li.entry .description h2 {
						padding: 8px 11px 0;
						font-size: 12px;
						font-weight: bold;
						letter-spacing: -0.03em;
						text-transform: uppercase;
						color: #000;
					}
					
					.content ul.videos li.entry .description div.copy {
						height: 233px;
						padding: 8px 12px 0;
					}
						
						.content ul.videos li.entry .description div.copy p {
							padding: 0 0 10px;
							font: normal 12px/15px Helvetica, Arial, sans-serif;
						}
					
						.content ul.videos li.entry .description div.copy p.title {
							margin: 0;
							color: #e04033;
							font: normal 12px/15px Helvetica, Arial, sans-serif;
							letter-spacing: -0.03em;
						}
							
							.content ul.videos li.entry .description div.copy p.title strong {
								font-size: 14px;
								letter-spacing: normal;
							}
				
				.content ul.videos li.spacer {
					width: 637px;
					height: 9px;
					display: block;
					margin: 11px 0 10px -1px;
					background: #000 url(../images/welcome/contentVideosSpacerBg.png) repeat-x left center;
				}
		
		.content .infoBox {
			width: 308px;
			margin: 0 0 5px;
			float: right;
			background-color: #fdfcee;
		}
		
		.content .subscribe {
			width: 228px;
			height: 507px;
			margin: 0;
			padding: 4px;
			float: right;
			background-color: #fdfcee;
		}
			
			.subscribe h2 {
				width: 227px;
				height: 61px;
				margin: 0 0 10px;
			}
			
			.subscribe p {
				margin: 0 0 13px;
				padding: 0 15px;
				font-size: 12px;
				line-height: 14.5px;
				letter-spacing: 0.005em;
			}
			
			.subscribe form {
				padding: 1px 0 0;
				font-size: 9px;
				line-height: 12px;
			}
				
				.subscribe form span.userFormError {
					display: block;
					margin: 0 0 0 16px;
					color: #e04033;
				}
					
					.subscribe form span#agreedError {
						margin: 5px 0 0 16px;
					}
				
				.subscribe form label {
					margin: 4px 0 0 16px;
					display: block;
					font-size: 12px;
					font-weight: bold;
				}
				
				.subscribe form label.title {
					margin: 0 0 9px 16px;
				}
				
				.subscribe form input {
					margin: 0 0 0 16px;
					display: block;
				}
				
				.subscribe form input#email {
					margin-bottom: 12px;
				}
				
				.subscribe form input.iAgree {
					margin: 0 4px 2px 16px;
					display: inline;
					vertical-align: -3px;
					float: left;
				}
				
				.subscribe form label.agreed {
					font-size: 10px;
					font-weight: normal;
					display: inline;
					margin: 0;
				}
				
				.subscribe form a {
					font-size: 10px;
					font-weight: normal;
					color: #000;
					text-decoration: underline;
				}
					
					.subscribe form a:hover {
						color: #7ac4d7;
						text-decoration: none;
					}
				
				.subscribe form input.submiter,
				.subscribe form input.submiter_hover {
					width: 106px;
					height: 28px;
					margin: 12px 0 2px 13px;
					padding: 0;
					display: block;
					border: 0 none;
					background: transparent url(../images/subscribeSubmitBg.gif) no-repeat scroll left top;
					cursor: pointer;
				}
					
					.subscribe form input.submiter {
						background-position: left top;
					}
					
					.subscribe form input.submiter_hover {
						background-position: left bottom;
					}
			
			.subscribe .formNoVisible {
				display: none;
			}
			
			.subscribe .divNoVisible {
				display: none;
			}
			
			.subscribe #succesDiv {
				margin-left: 16px;
				color: #e04033;
				font-size: 14px;
				font-weight: bold;
			}

.simplePopUp {
	margin: 15px;
}

	.simplePopUpContent {
		background-color: #fdfcee;
		padding: 20px;
		font-size: 12px;
	}	
	
		.simplePopUpContent h3 {
			font-weight: bold;
			font-size: 14px;
		}
		
		.simplePopUpContent a.popUpCloser {
			margin: 0;
			float: right;
			color: #777;
			text-decoration: underline;
			font-size: 12px;
		}
			
			.simplePopUpContent ol p {
				margin: 0 0 11px;
				padding: 1px 0 0;
			}