/*
	Stylesheet For Ecover
	Created by Patrick Donkor

	TOC
		1. Page Defaults
		2. Navigation Section
		3. Content Section
		4. Form Section
		5. Footer Section

	Color Scheme
		#FFFFFF - White
		#00A4E1 - A shade of blue
		#EB2F93 - A shade of pink
		#97BE0D - A shade of green
		#00A9E6 - A shade of blue
		#C6E5F4 - A shade of light blue
		#000000 - Black

	Notes
		Much of the color scheme uses the colouring found on
		the main Ecover website.
*/

/*--------------------------------*/
/* 1. Page Defaults , ul, li               */
/*--------------------------------*/
body, h1, h2, h3, h4, p{
	margin: 0px;	/* Removes default margin that some browsers add. */
	padding: 0px;	/* Removes default padding that some browsers add. */
}

body{
	font: 90% Arial, sans-serif;						/* Sets the default size of the text to 100% of the user's default.  Also sets the default font families for text text throughout the page. */
	color: #000000;										/* Sets the text color on th page */
	/*background-image: url(../../Images/bck_page.gif);    Sets background image of the page */
	/* background-color:#DFEDf7;	Sets background image of the page */
}

.container{
	margin: 0px auto; /* Centers the content of the page within the window */
	width:1000px /*90%;	   Sets the overall width of the containes within the bands of the page */
}

#mastHead{
	background-color:#ffffff;
}


/*--------------------------------*/
/* 2. Navigation Section              */
/*--------------------------------*/

#navigation{
	background-color:#00A4E1;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
/*
#navigation .container{
	background-color:#00a4e1;
	border: 1px solid #00a4e1;
}

#navigation ul{
	list-style:none;
}

#navigation li{
	display:inline;
	padding:0px 20px;
	width:300px;
}

#navigation a{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:90%;
}

.current{
	color:#eb2f93;
	text-decoration:underline;
}

#navigation a:hover{
	color:#eb2f93;
}
*/
/*---------------------------------------------------------------------------------*/
#menu1{
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	font:normal 90% arial;
	font-weight:bold;
}

#menu1 li{
	margin:0;
	padding:0;
	display:inline;
	float:left;
	position:relative;
	width:130px;
}

#menu1 li a:link, #menu1 li a:visited{
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#00A4E1;
	color:#ffffff;
	width:130px;
	height:13px;
}

#menu1 li.current
{
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#C6E5F4;
	color:#000000;
	width:130px;
	height:13px;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#menu1 li:hover a, #menu1 li a:hover, #menu1 li a:active{
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#C6E5F4;
	color:#000000;
	width:130px;
	height:13px;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#menu1 li ul.menu2{
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	width:128px;
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #00A4E1;
	border-top:none;
}

#menu1 li:hover ul.menu2{
	display:block;
}

#menu1 li ul.menu2 li{
	width:128px;
	clear:left;
}

#menu1 li ul.menu2 li a:link, #menu1 li ul.menu2 li a:visited{
	clear:left;
	background:#00A4E1;
	padding:4px 0;
	width:128px;
	border:none;
	border-bottom:1px solid #000;
	position:relative;
	z-index:1000;
}

#menu1 li ul.menu2 li a:hover, #menu1 li ul.menu2 li a:active{
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#C6E5F4;
	color:#EB2F93;
	width:128px;
	height:13px;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

/*
#menu1 li:hover ul.menu2 li .menu3{
	display:block;
}

#menu1 li ul.menu2 .menu3 li{
	width:128px;
	clear:left;
}

#menu1 li ul.menu2 .menu3 li a:hover, #menu1 li ul.menu2 .menu3 li a:active{
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#C6E5F4;
	color:#EB2F93;
	width:128px;
	height:13px;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
*/

/*---------------------------------------------------------------------------------*/

#subNavigation{
	background-color:#cccccc;
	/*border: 1px solid #00a4e1;*/
}

#subNavigation ul{
	list-style:none;
}

#subNavigation li{
	display:inline;
	padding:0px 20px;
	width:300px;
}

#subNavigation a{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:90%;
}

#subNavigation a:hover{
	color:#eb2f93;
}


/*--------------------------------*/
/* 3. Content Section             */
/*--------------------------------*/
#content
{
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}

#content .container{
	/*border: 1px solid #00a4e1;
	border-top:0;*/
	height:100%;
	background-color:#ffffff;
}


/*--------------------------------*/
/* 4. Form Section             */
/*--------------------------------*/
#formLeft{
	width:510px;
	float:left;
}

#formRight{
	width:470px;
	float:right;
}


.fieldLabel{
	font-size:95%;
	color:#97BE0D;
	line-height:1.8em;
}

.collapsePanel 
{	
	background-color:white;
	overflow:hidden;
}

fieldset{
	background-color:#ffffff;
	border:1px solid #00A4E1;
	padding:0.1em;
	margin:0.1em;
}

legend{
	font-size:90%;
	font-weight:bold;
	color:#EB2F93;
}

label{
	width:auto;
	text-align:left;
	padding:0px;
	font-size:90%;
	line-height:1.8em;
}

.label{
	display:block;
	/*font-weight:bold;*/
	font-size:95%;
	color:#97BE0D;
	float:left;
	clear:left;
	width:13em;
	padding-right:1em;
	text-align:right;
	line-height:1.8em;
}

.labelAdmin
{
	display:block;
	color:#97BE0D;
	padding-right:1em;
	text-align:right;
	width:13em;
	float:left;
	clear:left;
	/*line-height:1.8em;*/
}

.labelProdAdmin
{
	display:block;
	color:#97BE0D;
	text-align:left;
	width:13em;
	float:left;
}

.input{
	margin:0 0 .5em 0;
	/*width:12em;*/
	float:left;
	display:block;
}

.input1{
	float:left;
	display:block;
	margin-left:.5em;
	width:50%;
}

br{
	clear:both;
}

.ProdList li
{
	/* This rule has been used because the html provided the FCKEditor does not specify a 
		style for unordered lists.*/
	list-style-image:none;
	list-style:square;
}

/*--------------------------------*/
/* 5. Footer Section              */
/*--------------------------------*/
#footer{
	position:relative;
	width: 100%;
	height: 25px;
	background-color: #00A4E1;
	text-align:center;
	clear:both;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

#footer p{
	font-size: 70%;
	color:#ffffff;
	clear:both;
}