﻿/*
-------------------------------------------------------
This is the white content area for the page
-------------------------------------------------------
*/

div#PageContent
{
	position:relative;
	/*border-style:dotted; 
	border-color:Red;*/
	z-index:5; 
	width:760px;
	top:-70px;
	margin: 0px auto -20px auto; /*TODO : The margin seems to be bigger in ie6*/ 
	background-color:White;
	padding:13px;
	float:left;
}
div#PageContent .postionTopLeftCorner
{ position:absolute;
	top:0;
	left:0;
}
div#PageContent .postionTopRightCorner
{ position:absolute;
	top:0;
	right:0;
}
div#PageContent .postionBottomLeftCorner
{ position:absolute;
	bottom:0;
	left:0;
}
div#PageContent .postionBottomRightCorner
{ position:absolute;
	bottom:0;
	right:0;
}

/*
-------------------------------------------------------
This is the header contect section ie log, search etc
-------------------------------------------------------
*/
div#HeaderConetent
{
/*number_one_for_used_seadoo.gif*/
	height:80px;
	width:984px;
	z-index:15;
	margin: 0px auto 0px auto;
	/*border-style:solid; 
	border-color:Red; border-width:thin;*/
}

div#HeaderConetent .positionLogo
{
	position:absolute;
	margin-top:20px;
	margin-left:0px;	
}

div#HeaderConetent .positionTitle
{
	position:absolute;
	margin-top:40px;
	margin-left:400px;
	z-index:10;	
}

div#HeaderConetent .positionDots
{
	position:absolute;
	margin-top:70px;
	margin-left:57px;
	z-index:2;
}

div#HeaderConetent .positionlabalsearch
{
	position:absolute;
	margin-top:90px;
	margin-left:0px;
	z-index:10;
}

div#HeaderConetent .positionsearchinput
{
	position:absolute;
	margin-top:90px;
	margin-left:70px;
	z-index:10;
	font-family:Verdana;
	font-size:12px;
	background-color:#FEE026;
	border-style:solid;
	border-width:thin;
	border-color:White;
}

div#HeaderConetent .positionsearchbutton 
{
	position:absolute;
	background-image: url(/SiteImages/Buttons/go_norm.gif);
	background-repeat:no-repeat;
	height:19px;
	width:39px;
	z-index:2;
	margin-left:293px;
	margin-top:90px;
}
div#HeaderConetent .positionsearchCategory 
{
	position:absolute;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 12px;
	 height:20px; 
	 border: #ffffff; 
	 border-style: solid; 
	 border-top-width: 1px; 
	 border-right-width: 1px; 
	 border-bottom-width: 1px; 
	 border-left-width: 1px;
	 max-width:290px;
	 vertical-align:middle;
	 background-color:#FEE026;
	 margin-left:210px;
	 margin-top:90px;
	 height:16px;
}

div#HeaderLogin
{
	position:absolute;
	top:-110px;
	margin-left:20px;
	background-image: url(/SiteImages/Header/loginbackground.gif);
	height:99px;
	width:168px;
	z-index:20;

}

/*
-------------------------------------------------------
This is the footer content section of the page.
-------------------------------------------------------
*/

div#FooterContent
{
	position:relative;
	/*border-style:dotted; 
	border-color:Red;*/
	margin: 120px auto 0px auto;
	width:964px;
	height:40px;
	
}
	div#FooterContent h1
	{
		font-size:11px;
		font-family:Verdana;
		color:White;
	}
	
	div#FooterContent h2
	{
		font-size:10px;
		font-family:Verdana;
		color:#BBC8D0;
	}
	div#FooterContent h3
	{
		font-size:10px;
		font-family:Verdana;
		color:#ffffff;
	}
/*
-------------------------------------------------------
This is the right hand column of the page
-------------------------------------------------------
*/

div#FloatManager
{
	/*border-style:dashed; 
	 border-color:Green;*/
	 width:964px; 
	 margin: 0px auto -50px auto; 
	 z-index:20;
	 height:60%;
	 clear:both;
	 
}

div#RightZone
{
	float:right;
	z-index:30;
	vertical-align:top;
	vertical-align:text-top;
	height:100%;
	z-index:15;
}
	
div#RightContent 
{
	top:0px;
	left:785px;
	height:100%;
	width:203px;
	z-index:10;
	position:absolute;
	vertical-align:top;
	/*border-style:dotted; 
	border-color:Red;*/
	float:right;
	
}

div#RightContentCreateAccount
{
	position:relative;
	top:10px;
	/*border-style:dotted; 
	border-color:Red;*/
	height:54px;
	width:219px;
	margin-left:-10px;
	margin-top:-15px;

}

div#RightContentInnerPanel
{
	position:relative;
	top:0;
	margin-left:10px;
	/*border-style:dotted; 
	border-color:Red;*/

}

div#RightFooter
{
	position:absolute;
	width:203px;
	height:54px;
	background-image: url(/SiteImages/RightNav/Right_Navigation_03.jpg);
	background-repeat:no-repeat;
	bottom:0px;

}

/*
-------------------------------------------------------
This is the left hand column of the page
-------------------------------------------------------
*/

div#LeftZone
{
	position:relative;
	/*border-style:dotted; 
	border-color:Red;*/
	width:210px;
	height:100px;
	float:left;
	z-index:15;
	left:5px;
	min-height:100%; /* real browsers */
	height:100%;
}
div#ContentArea
{
	position:relative;
	/*border-style:dotted; 
	border-color:Red;*/
	width:530px;
	height:100%;
	min-height:100%;
	float:left;
	z-index:15;
	left:15px;
}
/*
-------------------------------------------------------
This is the header login area.
-------------------------------------------------------
*/
div#HeaderLogin div#LoginArea h1
{
	font-size:12px;
}

div#HeaderLogin div#LoginArea .LoginInput
{
	position:absolute;
	margin-left:-38px;
	margin-top:-10px;
	margin-bottom:10px;
}
div#HeaderLogin div#LoginArea li
{
	line-height:20px;
}
div#HeaderLogin div#LoginArea .AccountLoginButton
{
	position:absolute;
	margin-left:85px;
	margin-top:-5px;
	margin-bottom:10px;
	height:19px;
	width:31px;
}

div#HeaderLogin div#LoginArea
{
	position:absolute;
	height:99px;
	width:169px;
	z-index:10;
	right:0px;
	left:5px;
	top:25px		
}

div#HeaderLogin div#LoginArea input 
{
 font-family:Verdana;
 font-size:10px;
 color:Black;
 width:150px;	
 margin-bottom:3px;
}

div#HeaderLogin div#LoginArea .loginbutton 
{
	position:absolute;
	background-image: url(/SiteImages/Header/go_norm.gif);
	background-repeat:no-repeat;
	height:19px;
	width:39px;
	z-index:10;
	margin-left:35px;
	margin-top:5px; 
}

div#HeaderLogin .ForgotPassword
{ 
	position:absolute;
	color:White;
	font-family:Verdana;
	font-size:10px;
	margin-top:-8px;
	margin-left:5px;

}
div#HeaderLogin div#LoginArea .loginwarning
{
	position:absolute;
	color:Red;
	font-size:10px;
	font-family:Verdana;
	margin-top:5px;	
}
