/* STYLESHEET FOR MADE2HOST */

*{margin:0px; padding:0px;}

.clear{clear:both;}

body{
	background:url(../images/background.jpg) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

#container{
	margin:auto;
	width:941px;
}

/* BASIC TEXT STYLES */
h3{
	color:#FFF;
	display:block;
	font-size:12px;
	height:50px;
	font-weight:normal;
	padding:19px 0px 0px 16px;
	margin-bottom:-18px;
}

/* GO ON WITH THE SHOW! */

/* FIRST WE STYLE THE MENU AT THE TOP OF THE PAGE */
#topMenu{ width:578px; height:62px; background:url(../images/topMenuBack.png) top left no-repeat; margin-left:34px;}

#topMenu ul{ margin-left:18px; position:absolute;}
#topMenu ul li{ 
	background:url(../images/topMenuSeperator.png) 0px 12px no-repeat; 
	display:block; 
	float:left;
	height:62px;
	padding:26px 18px 0px 18px;
}

#topMenu ul li:first-child{ background:none;} /* REMOVE THE MENU ITEM SEPERATOR FROM THE FIRST ITEM */ 

#topMenu ul li a{ text-decoration:none; color:#000; font-size:12px; font-weight:bold;}

/* HEADER */
#header{ margin-top:-9px;}

#header .top{ background: url(../images/headerTop.png) top center no-repeat; height:20px; width:940px; margin-left:1px;}
#header .topContent{ width:100%; background: url(../images/headerBack.png) top center repeat-y; height:137px; position:relative;}
#header .topContent .logo{ position:absolute; left:70px; top:34px;}
#header .topContent .headerImage{ background:url(../images/logoIcon.png) top center no-repeat; height:172px;position:absolute; right:-60px; top:-36px; width:396px;}

#header .center{height:248px; width:928px; background: url(../images/headerCenterBack.png) top left no-repeat; position:relative; margin-left:-1px;}

/* HEADER NAVIGATION */

#header .center ul.navigation{ 
	background:url(../images/listBack.png) top repeat-y;
	float:left;
	height:242px; 
	margin-left:14px; 
	margin-right:-20px; /* FIX THE MARGIN OF THE CONTENT */
	opacity:1; 
	padding:4px 0px 2px 4px; 
	width:192px; 
}

#header .center ul.navigation li{ 
	background:url(../images/headerMenuItemBack.png) top center no-repeat; 
	display:block; 
	float:left; 
	height:26px; 
	list-style:none; 
	margin:1px 0px; 
	padding:2px 0px 0px 8px;
	width:180px; 
}	
#header .center ul.navigation li:hover{	background:url(../images/headerMenuItemBackHover.png) top center no-repeat;}

#header .center ul.navigation li a{ color:#FFF; text-decoration:none; font-size:12px; font-weight:bold;}

/* CONTENT BLOCK IN THE HEADER */
#header .center .content{
	color:#FFF;
	float:left;
	width:40%;
	height:248px;
	margin-left:50px;
}

#header .center .content h2{ font-size:20px; margin:40px 0px 8px 0px;}
#header .center .content p{ font-size:13px; padding:10px 40px 10px 0px; text-align:left; line-height:20px; max-width:420px;}
#header .center .content a.button{ 
	background:url(../images/headerContentButton.png) top left no-repeat; 
	color:#003c63; 
	display:block; 
	font-size:11px;
	font-weight:bold;
	height:29px;
	margin:10px 0px 0px -8px;
	padding:15px 0px 0px 15px;
	text-decoration:none;
	width:224px;
}

#header .center .list{ 
	background:url(../images/headerListBack.png) top left no-repeat; 
	height:398px; 
	width:299px; 
	padding:18px 17px;
	position:absolute;
	right:20px;
	top:-70px;
	text-align:center;
}

#header .center .list h3{
	background:url(../images/headerListTitleBack.png) top left no-repeat; text-align:left;
}

#header .center .list ul{ margin-top:18px; font-size:11px; text-align:left; margin-bottom:7px;}
#header .center .list ul li{
	background:url(../images/listItemBack.png) top left no-repeat;
	color:#2e5776;
	display:block;
	height:32px;
	width:276px;
	padding:4px 0px 0px 44px;
}

#header .center .list a{ font-size:11px; color:#2e5776; font-weight: bold;}

/* CONTENT SECTION */

#content{
	background:url(../images/headerBack.png) top center repeat-y;
}

#content .top, #content .bottom, #content .block{ width:888px; margin-left:26px;}
#content .top, #content .bottom{height:17px; padding-bottom:5px;}

#content .top{background:url(../images/contentBlockTop.png) bottom center no-repeat; padding-top:8px;}
#content .bottom{background:url(../images/contentBlockBottom.png) top center no-repeat;}

#content .block{background:url(../images/contentBlockBack.png) top center repeat-y;}

#content .block h3{ background:url(../images/contentTitle.png) top left no-repeat; margin-left:18px;}

#content .block p{ color:#000; font-size:12px; line-height:22px; padding:16px 30px 0px;}

/* CONTENT PRODUCT OVERVIEW */

#content .block ul.productList{ margin:24px 0px 0px 26px;}
#content .block ul.productList li{ 
	background:url(../images/productListItemBack.png) bottom left no-repeat; 
	display:block;
	float:left;
	height:70px;
	list-style:none;
	margin:0px 0px 26px 15px;
	position:relative;
	width:267px;
	overflow:hidden;
}
#content .block ul.productList li a{ color:#003f8c; text-decoration:none; font-size:16px; font-weight:bold;}
#content .block ul.productList li span{ float:left; font-size:11px; position:absolute; top:25px; left:0px;}
#content .block ul.productList li img{ position:absolute; right:20px; top:0px; max-height:56px;}



/* CONTENT TABLE MARK-UP STYLES */

div.block table{ 
	background:url(../images/tableBack.png) top left repeat-y; 
	border-collapse:collapse;
	margin:12px 0px 12px 30px; 
	font-size:12px; 
	width:; 
}
div.block table td{ padding:6px 4px; border-bottom:1px solid #d7eaf9; text-align:right; width:160px;}

div.block table td.left{ text-align:left;}
div.block table .blue, div.block table .blue.big a{ color:#005fb3; }
div.block table .big {font-size:14px; font-weight:bold;}
div.block table .grey{ color:#5e5e5e; }
div.block table td h2{ font-size:18px;}


/* WEBSITE FOOTER */

#footer{ padding:0px 26px; background:url(../images/headerBack.png) top center repeat-y;}

#footer #contactBlock{ 
	background:url(../images/contactBlockBack.png) top left no-repeat; 
	height:196px; 
	padding:18px;
	width:377px;
	float:left;
	z-index:100;
}

#footer #contactBlock h3{ background:url(../images/contactTitleBack.png) top left no-repeat;}
#footer #contactBlock p{ font-size:12px;float:left; margin:16px 4px 0px 18px; line-height:18px;}
#footer #contactBlock a{color:#40a9e8}

#footer #logoBlock{ float:left; margin-top:12px;}
#footer #logoBlock ul{}
#footer #logoBlock ul li{ display:block; float:left; margin:0px 30px;}
#footer #logoBlock ul li a img{ border:none;}

/* FOOTER MENU */
#footer .menu{ 
	background:url(../images/footerMenuBack.png) top left no-repeat; 
	float:left; 
	height:114px; 
	width:467px; 
	margin:-10px 0px 0px -8px;
}

#footer .menu ul{ margin:10px 0px 0px 0px;}
#footer .menu ul li{ 
	background:url(../images/footerMenuSeperator.png) 0px 0px no-repeat;
	display:block; 
	float:left; 
	font-size:12px; 
	font-weight:bold;
	height:35px;
	padding:10px 14px 0px 14px;
}
#footer .menu ul li:first-child{ background:none;}/* REMOVE MENU ITEM SEPERATOR */ 

#footer .menu ul li a{ color:#000; text-decoration:none;}
#footer .menu .text p{ float:left; font-size:11px; margin:15px 0px 0px 20px; width:100%;} 


/* ROUNDER CORNERS AT THE BOTTOM */

.sitebottom{ background:url(../images/websiteBottom.png) top center no-repeat; height:31px;}