/*
** layout.css 
** CSS - handles the layout grid
** Author: Steve TANGUE
** Date: 22.08.08
** Last edited: 
*/

/* screen size 1024x768 */
body
{
	text-align:left;
	background-color: #ffffff;
	margin-top: 0px;

}

#container{width: 100%; height: auto;}

/* page header */
div#page_header
{
	width: 100%;
	height: 84px;
	margin: 0 auto;
	background-color:#000;
}


/* page header content */
div#page_header_content
{
	width: 980px;
	height: 84px;
	background-color:#000;
	margin: 0 auto;
	padding-right: 10px;
}

.earlylearning_logo
{
	float: left;

}
.text_logo
{
	color: #ffffff; 
	font-size: 1em;
	float: right; 
	margin: 20px 2px 0 0;
}
.mediasphere_logo
{
	float: right;
	width: 130px;
	height: 44px;
}

.countrymenu
{
	float: right;
	height: 30px;
}
.country_wrapper
{
	float: right; 
	width: 310px;
}

/* page content */
div#page_content
{
	width: 100%;
	height:auto;
	margin: 0 auto;
	background-image:url(../img/page_content_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding: 0px;

}

div#home_banner
{
	width: 990px;
	margin: 0 auto;
	float: left;
}

div#home_banner img
{
	border: 0px solid red;
}
/* page content */
div#content
{
	width: 990px;
	height: auto;
	margin: 0 auto;
	background-image:url(../img/content_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

/* page content title */
div#page_title_bg
{
	width: 1004px; 
	height:auto; 
	margin:10px auto;
	float: left;
}

div.header_h1 
{
	float: left;
	padding: 2px 0;
}

#icons_menu
{
	float: right;
	margin: 0px;
}




/* left content */
div#left_content
{
	width: 210px;
	height: 180px;
	float: left;
	text-align: left;
	margin-left: 15px;
}
/* end left content */





/* center content otherpage | no left content */
div#center_content
{
	width: 990px;	
	height: auto;
	float: left;
	padding:15px 20px 0px 0;
	border: 0px solid red;
}


div.reseller_wrapper
{
	float: left; 
	margin: 10px 0 10px 15px;
	width: 190px;
	height: 135px;
	background-color: #eee;
	padding: 15px 20px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #888;
}



div#bottom_content
{
	width: 990px;
	height: 180px;
	float: left;
	margin: 0 auto;

}



div#right_content
{
	width: 310px;
	height: auto;
	float: right;
	margin-top: 20px;
	
}








/* error message style */
div.error
{
	border: 1px solid red;
	width: 650px;
	float: left;
	padding: 15px 20px;
	font-size: 1em;
	color: red;
	margin: 15px 0 10px 0px;
	background-color:#FFECEC;	
}

/* success message style */
div.success
{
	border: 1px solid green;
	width: 550px;
	float: left;
	padding: 15px 20px;
	font-size: 1em;
	color: green;
	margin: 15px 0 10px 0px;
	background-color:#DFFFDF;		
}





/* footer menu */
div#page_footer
{
	width: 100%;
	float: left;
}
div#page_footer_content
{
	width: 970px;
	height: 40px;
	margin: 0 auto;
	border-top: 1px solid #f4f4f4;
	padding: 0px 10px 0 10px;
}
div#footer_menu
{
	width: 550px;
	margin: 0 auto;
	float: left;
}

div#footer_menu ul li
{
	float: left;
	margin: 0 2px; 
}

div#footer_menu ul li a
{
	display: block;
	color: #666666;
	padding: 2px 0;
	margin-right:2px;
	text-decoration:none;
	font-size: 0.9em;
}

div#footer_menu ul li a:hover
{
	text-decoration:underline;
}

div#footer_menu ul li a.selected
{
	text-decoration:underline;
	font-weight: bold;
	cursor:default;
}

#copyright
{
	line-height: 1.4em;
	color: #666666;
	/*text-align: right;
	float: right;
	width: 400px*/
	text-align: center;
	width: 990px;
	height: 30px;
	font-size: 0.9em;
}

#file_updated
{
	display:none;
}



.buy_button
{
	background-image: url(../img/red_button.jpg);
	background-repeat:no-repeat;
	width: 97px;
	height: 23px;
	float: left;
	text-align: center;
	color: white;
	padding: 10px 0 0 0;
	margin-right: 4px;
}


/* form */
form
{
	float:left;
	width: 400px;
}

input, select
{
	float: left;
	position: relative;
}

label
{
	color:#666666;
	float: left;
	width: 150px;
}

div.field_wrapper
{
	float: left;
	margin-bottom: 5px;
}


.right
{
	float: right;
}

.left
{
	float: left;
}


/* table styles */
table
{
}




/* reset div */
div.reset 
{
	border:medium none;
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:0;
	padding:0;
}

/* end of file */