/* CSS Document */

body	{background: #FFFFFF url(../images/backgrounds/grey_bg.gi) top left repeat-x;}

/*table td	{color: #2F4257; background: #FFFFFF;}*/

div#layout	{
	width: 760px;
	height: 100%;
	margin: 0px auto;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(../images/Madhatters_MAIN-BACKGROUND_small.gif);
	background-repeat:no-repeat;
	margin-top: 10px;
}

div#content	{
	float: none;
	position: relative;
	top: 0px;
	left: 0px;
	width: 752px;
	margin-left: 3px;
	height: 600px;
}

div#mainImage			{width: 776px; height: 210px; margin-bottom: 0px;}
div#mainImage div		{
	width: 400px;
	padding-top: 1px;
	float: left;
}
div#mainImage div.BannerImage {
	width: 350px;
	padding-top: 1px;
	float: left;
	margin-left: -2px;
	clear: right;
	margin-bottom: 0px;
	vertical-align: top;
	padding-bottom: 0px;
	margin-top: -1px;
}

div#mainImage div h1 	{margin: 35px 0px 0px 20px; padding: 0px; font: 24px Georgia, Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 140%;}
div#mainImage div p 	{margin: 0px 0px 5px 20px; padding: 0px; line-height: 150%; font: bold 14px Georgia, Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;}
div#mainImage a			{color: #FFFFFF; background: inherit; text-decoration: none; border-bottom: 1px dashed #FFFFFF;}

div#mainImage a:hover {color: #FFFFFF; background: inherit; font-weight: bold; text-decoration: none; border-bottom: 1px solid #3C76B2;}

div#content div.boxHome				{
	float: left;
	width: 230px;
	height: 195px;
	margin-right: 12px;
	margin-left: 10px;
	padding-top: 0px;
	background-repeat:no-repeat;
	background-position:;
}
div#content div.boxHomeLast			{float: left; clear: right; width: 230px; height: 195px; margin-right: 3px; margin-left: 0px;}
div.boxHome h2, div.boxHomeLast h2	{
	margin: 10px 10px 5px;
	padding: 0px;
	font: 12px Tahoma, Verdana, Arial, Helvetica;
}
div.boxHome p, div.boxHomeLast p	{margin: 0px 10px; padding: 0px; font: 11px Verdana, Arial, Helvetica; line-height: 180%;}

div#content div.pageTitle			{
	width: 748px;
	height: 40px;
	margin-right: 12px;
	margin-left: 10px;
	padding-left: 10px;
	margin-top: 0px;
}
div.pageTitle h2, div.pageTitle h2	{margin: 10px 10px 5px; padding: 0px; font: 12px Verdana, Arial, Helvetica;}
div.pageTitle p, div.pageTitle p	{margin: 0px 10px; padding: 0px; font: 11px Verdana, Arial, Helvetica; line-height: 150%;}

div#content div.contentLeft			{
	width: 250px;
	height: 50px;
	margin-right: 15px;
	margin-left: 10px;
	padding-left: 10px;
	float: left;
	margin-top: -10px;
}
div.pageTitle h2, div.contentLeft h2	{
	padding: 0px;
	font: 12px Verdana, Arial, Helvetica;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-weight: bold;
}
div.pageTitle p, div.contentLeft p	{margin: 0px 10px; padding: 0px; font: 11px Verdana, Arial, Helvetica; line-height: 150%;}

div#content div.productimage			{
	width: 240px;
	height: 50px;
	margin-right: 15px;
	margin-left: 10px;
	padding-left: 10px;
	float: left;
	margin-top: 0px;
	padding-top: 30px;
}
div.productimage h2	{
	padding: 0px;
	font: 12px Verdana, Arial, Helvetica;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-weight: bold;
}
div.producttext h2	{
	padding: 0px;
	font: 12px Verdana, Arial, Helvetica;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-weight: bold;
}

div.productimage p	{margin: 0px 10px; padding: 0px; font: 11px Verdana, Arial, Helvetica; line-height: 150%;}
div.producttext	 p	{margin: 0px 10px; padding: 0px; font: 11px Verdana, Arial, Helvetica; line-height: 150%;}

div#content div.producttext			{
	width: 400px;
	height: 50px;
	margin-right: 15px;
	margin-left: 10px;
	padding-left: 10px;
	float: left;
	margin-top: -10px;
}

div#newsletter						{float: left; clear: none; width: 384px; height: 60px; background: #DEE0E2;}
div#newsletter form					{width: 200px; height: 50px; margin: 0px; padding: 5px 15px;}

div#newsletter form fieldset		{border: 0px; margin: 0px; padding: 0px;}
div#newsletter form legend			{margin: 0px -7px; padding: 0px; font: bold 11px Tahoma, Verdana, Arial, Helvetica; color: #000000;}
div#newsletter form label			{float: left; width: 186px; font: 11px Tahoma, Verdana, Arial, Helvetica; line-height: 150%;}
div#newsletter form input			{float: left; clear: none; width: 125px;}
div#newsletter form input#button 	{float: left; clear: right; width: 29px; height: 20px; margin-left: 5px;}

div#companyNews	   {float: left; clear: right; width: 200px; height: 60px; margin-left: 8px;}
div#companyNews h1 {margin: 5px 0px 0px; font: bold 11px Tahoma, Verdana, Arial, Helvetica; color: #000000;}
div#companyNews p  {margin: 0px; font: 11px Verdana, Arial, Helvetica; line-height: 150%;}

div#borderLeft	{position: absolute; top: 0px; left: 50%; margin-left: -453px; width: 65px; height: 768px; background: url(../images/main_bdr_left.gif); z-index: 1;}
div#borderRight	{position: absolute; top: 0px; left: 50%; margin-left: 387px; width: 65px; height: 768px; background: url(../images/main_bdr_right.gif); z-index: 1;}

/* Menu */
/*div#nav					{position: absolute; top: 35px; left: 50%; width: auto; height: 25px; margin-top: 0px; margin-left: -210px;}*/
div#nav	{
	position: absolute;
	top: -1px;
	left: 0px;
	width: 748px;
	height: 26px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	z-index: 1;
}
div#navbg	{
	position: relative;
	top: 0px;
	left: 0px;
	width: 749px;
	height: 26px;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 0px;
	border-top-width: 1px;
	z-index: 2;
	background-image: url(../images/tigraimages/lev0_bg1.gif);
	background-repeat: repeat-x;
	background-color: #05376B;
	border: 1px #FFFFFF;
}