@import url('form.css');
@import url('mod.order.userinfo.css');

body {
	margin: 0px;
	padding: 0px;
	
	background: #ffffff;
	background-image:url('../images/header_background.gif');
	background-repeat: repeat-x;
	font-family: "Lucida Grande", "Arial", "Verdana", sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 18px;
	
	text-align: center;
}

img {
	border: 0px;
}

a {
	color: #e4005b;
}

	a:hover {
		color: #000;
	}

div#content ul {
	margin: 0px;
	padding: 0px 0px 18px 20px;
	line-height: 18px;
}

	div#content ul li {
		margin: 0px;
		padding: 0px;
	}
	
h1 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: normal;
}

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

	div#content p {
		padding: 0px 0px 18px 0px;
	}

div#container {
	width: 1025px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	border: 0px;
}

div#container div#header {
	width: 100%;
	height: 236px;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	background-image:url('../images/header_cloud.jpg');
	background-repeat: no-repeat;
	background-position: right 3px;	
}

	div#header div#mobile {
		height: 22px;
		padding: 10px 12px 10px 12px;
		background-color:#f2f0d1;
		float: right;
		color: #000;
		font-size: 11px;
		width: 210px;
	}
	
	div#header div#mobile a{
		
	font-weight:bold;
	color: #8f037c;
	text-decoration: none;	
	}
	
	div#header div#mobile a:hover{
		
	text-decoration: underline;	
	}	

	div#header div#mobile_right {
		height: 42px;
		width: 10px;
		background-image:url('../images/mobiletop_right.gif');
		float: right;
		margin: 0 50px 0 0;
	}
	
	div#header div#mobile_left {
		height: 42px;
		width: 10px;
		background-image:url('../images/mobiletop_left.gif');
		float: right;
	}	
	
	div#header div#headercontent {
		
		width: 100%;
		height: 100px;
		margin: 20px 0 20px 0;
		float:left;		
	}
	
	div#header div#headercontent a#headerlogo {
		width: 102px;
		height:102px;
		float:left;
		margin: 0 0 0 50px;
		background-image:url('../images/logo.gif');
		background-repeat: no-repeat;
	}
	
	div#header div#headercontent div#headertext {	
		width: 873px;
		height: 102px;
		float:left;	
	}	

	div#container div#header h1 {
		padding: 30px 0px 0px 40px;
		margin: 0px;
		font-family: Lucida Grande;
		font-size: 24px;
		line-height: 100%;
		color: #000000;
		font-weight: normal;
	}
	
	div#container div#header h1 a {
		color: #ee631a;
		text-decoration: none;
	}
	
	div#container div#header h1 a:hover {
		text-decoration: underline;
	}	
	
	div#container div#header #menu
	{
		width: 900px;
		height: 30px;
		float: right;
		text-align: right;
		margin: 41px 50px 0 0;
	}
	div#container div#header #menu ul
	{
		float:right;
		padding:0;
		margin:0;
		list-style-type: none;
		text-transform:lowercase;		
	}			

	/* menno old 
	a div.button_back
	{
		padding: 6px 13px 6px 13px;
		float:left;
		background-color: #9abfe0;
		font-size: 14px;
		color: #000000;
		font-family: Lucida Grande;	
	}

	a div.button_left
	{
		width: 7px;
		height: 30px;
		float:left;	
		background-image:url('../images/button_left.gif');	
		background-repeat: no-repeat;
		margin-left: 9px;	
	}
			
	a div.button_right
	{
		width: 7px;
		height: 30px;
		float:left;
		background-image:url('../images/button_right.gif');
		background-repeat: no-repeat;		
	}	

	li.active a div.button_back, a:hover div.button_back
	{
		padding: 6px 13px 6px 13px;
		float:left;
		background-color: #8f037c;
		font-size: 14px;
		color:#ffffff;
	}
				
	li.active a div.button_left, a:hover div.button_left
	{
		width: 7px;
		height: 30px;
		float:left;	
		background-image:url('../images/button_left_active.gif');	
		background-repeat: no-repeat;
		margin-left: 9px;
	} 
	
	li.active a div.button_right, a:hover div.button_right
	{
		width: 7px;
		height: 30px;
		float:left;	
		background-image:url('../images/button_right_active.gif');
		background-repeat: no-repeat;
	} */
	
	
/* frank menu new */
div#container div#header div#menu ul li {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}

	div#container div#header div#menu ul li a {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		display: block;
		background: url(../images/menu2-background.gif) no-repeat 0px 0px;
		color: #000;
		text-decoration: none;
	}

		div#container div#header div#menu ul li a span {
			display: block;
			margin: 0px;
			padding: 8px 20px 9px 20px; /* height: 31 */
			background: url(../images/menu2-right.gif) no-repeat top right;
			font-size: 12px;
			font-weight: normal;
			line-height: 14px;
		}
		
				* html div#container div#header div#menu ul li a span {
					height: 1px;
					width: 1px;
					cursor: hand;
				}
		
			div#container div#header div#menu ul li.active a,
			div#container div#header div#menu ul li a:hover {
				background: url(../images/menu2-hover-background.gif) no-repeat 0px 0px;
				color: #fff;
			}
			
				div#container div#header div#menu ul li.active a span,
				div#container div#header div#menu ul li a:hover span {
					background: url(../images/menu2-hover-right.gif) no-repeat top right;
				}
	
div#main {
	width: 1025px;
	background: #fff;
	padding: 0 45px;
}

div#main a {
	color: #8f037c;
	text-decoration: none;
	font-size: 12px;
}

div#main a:hover {
	text-decoration: underline;
}

	div#main div#left {
		width: 100px;
		float: left;
		padding:20px 10px 20px 10px;
		margin: 15px 0 50px 0;
		font-size:11px;

	}
	
		body.menu div#main div#left {
			width: 200px;
		}
		
		body.menu div#main div#content {
			margin-left: 30px;
		}
	
	div#main div#left ul, div#main div#left li {
		list-style-type: none;
		padding:0;
		margin:0;
	}
	
	div#main div#left .active a {
		background-color: #8f037c;
		color: #ffffff;
	}
	
	div#main div#content_wide {
		width: 100%;
		float: left;
	}
	
	div#main div#content {
		width: 680px;
		float: left;
		margin-left:130px;
		padding-bottom:20px;
	}
	
	
	div#main div#content h1 {
		padding: 0px 0px 10px 0px;
		margin: 30px 0 10px 0;
		font-size: 30px;
		font-weight: normal;
	}	

	div#main div#content h2 {
		padding: 0px 0px 10px 0px;
		margin: 30px 0 10px 0;
		font-size: 18px;
		font-weight: bold;
	}

div.homeBlocks {
	float:left;
}

div.homeBlock {
	
	width: 210px;
	height: 300px;
	overflow:hidden;
	margin-top: 25px;
	margin-right:22px;
	float: left;
	padding-left:8px;
	
}

div.homeBlock h2 {
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 10px 10px;
}

	div#main div.homeBlock h2 a {
		font-size: 18px;
		color: #000;
		font-weight: normal;
		padding: 0px;
	}

div.homeBlock p {
	padding: 10px 0 0 10px;
}


div.homeBlock li
{

	padding-bottom: 12px;
	list-style-image: url('../images/arrow.jpg');
	
}


div#footer
{
	width: 940px;
	margin: 0 auto;
}

	div#footer_left
	{
		width: 8px;
		height: 100px;
		float:left;
		background-image:url('../images/footer_left.gif');
		background-repeat: no-repeat;
	}
	
	div#footer_content {
		width: 924px;
		background: #f4f3ee;
		border-width: 1px 0 1px 0;
		border-color:#d8d8d8;
		border-style: solid;	
		height: 98px;
		color: #fff;
		text-align: center;
		float:left;
		position:relative;
	}
	
	div#footer_right
	{	
		width: 8px;
		height: 100px;
		float: right;
		background: url('../images/footer_right.gif') no-repeat top right;
	}
	
	div#footer div#sponsors
	{
		left:80px;
		position:absolute;
	}
	
	div#footer div#prevsponsor
	{
		position:absolute;
		color:#000; 
		left:0px;
		top:10px;
		width:76px; 
		height:60px;
		padding-top: 20px;
	}
	
	div#footer div#prevsponsor img, div#footer div#nextsponsor img
	{
		cursor:pointer;
	}
		
	div#footer div#nextsponsor
	{
		position:absolute;
		color:#000;
		right: 0px;
		top:10px;
		width:76px; 
		height:60px;		
		padding-top: 20px;			
	}	

div#footernote
{
	width: 1025px;
	float:left;
	height: 50px;
	text-align: center;
	padding-top: 40px;
	font-size:11px;
}	

	div#footernote a
	{
		color: #ee631a;
		text-decoration: none;
	}
	
/* Home Newsletter block */
div.homeBlock_4 form {
	padding: 10px;
	display: block;
}
div.homeBlock_4 label {
	width: 60px;
	float: left;
	margin: 3px 0px 0px 0px;
	color: #6b6b6b;
	font-size: 10px;
}

div.homeBlock_4 input.inputText {
	width: 120px;
	float: left;
	margin: 3px 0px 0px 0px;
}

div.homeBlock_4 input.inputSubmit {
	float: left;
	margin: 10px 0px 0px 60px;
}