/*
	DOM
*/

html, body
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

form, input, select, hr
{
	padding: 0px;
	margin: 0px;
}

 p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

 a
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

h2
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

img
{
	display: block;
	padding: 0px;
	margin: 0px;
}

 label
{
	display: block;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

/*
	Classes
*/

.clear
{
	clear: both;
}

.long
{
	height: 400px;
}

.short
{
	height: auto;
}

/*
	Page
*/

#page_background
{
	background: #4C77AE;
}

/* Page container */
#page
{
	width: 770px;
	margin: 0px auto 0px auto;
}

/* Page header (Static) */
#header
{
	width: 763px;
	height: 125px;
	background: #5380bc;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding: 5px 0px 0px 5px;
}

#logo
{
	width: 151px;
	height: 120px;
	background: url(images/logo.jpg) no-repeat;
	float: left;
}

.main_menu
{
	width: 102px;
	height: 120px;
	padding-right: 5px;
	float: right;
}

.main_menu_item
{
	width: 100px;
	height: 18px;
	text-align: center;
	background: #3D5F8B;
	border: solid 1px #FFFFFF;
	margin-bottom: 5px;
	clear: both;
	float: right;
}

.main_menu_item a
{
	line-height: 18px;
}

/* Page content */
#content
{
	width: 770px;
	margin: 10px 0px 0px 0px;
}

/* Left menu box (Static) */
#left_menu
{
	width: 162px;
	height: auto;
	border: solid 1px #FFFFFF;
	background: #426A9D;
	float: left;
	padding-top: 15px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}

#left_menu a
{
	text-decoration: underline;
}

/* Main content */
#main_content
{
	width: 563px;
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	padding: 15px 0px 0px 15px;
	margin-left: 10px; 
	float: left;
}

/* On top of products bar when content isn't split in two */
#main_content_alone
{
	width: 558px;
}

/* Left side of the dashed line (when products bar is present) */
#main_content_left
{
	width: 325px;
	padding-right: 10px;
	float: left;
}

/* Right side of the dashed line (when products bar is present) */
#main_content_right
{
	width: 208px;
	border-left: dashed 1px  #FFFFFF;
	padding-left: 15px;
	float: left;
}

#main_content_left a,
#main_content_right a,
#main_content_alone_products a,
{
	text-decoration: underline;
}

/* Products box */
#products
{
	width: 521px;
	height:;
	background: #426A9D;
	border: solid 1px #FFFFFF;
	margin-top: 15px;
	padding: 5px 20px 5px 20px;
	clear: both;
	float: left;
}

#products .item
{
	width: 120px;
	text-align: center;
	margin-right: 13px;
	float: left;
}

#products .end_item
{
	width: 120px;
	text-align: center;
	float: left;
}

#products .item img,
#products .end_item img
{	
	border: solid 1px #FFFFFF;
	margin-bottom: 5px;
}

#products .item a,
#products .end_item a
{	
	display: block;
}

#products_navigation
{
	margin-top: 5px;
	clear: both;
	float: left;
}

/* Page footer (static) */
#footer
{
	width: 730px;
	text-align: center;
	margin: 10px 20px 0px 20px;
	clear: both;
	float: left;
}

#footer a
{
	margin-left: 10px;
}