* { margin: 0; padding: 0; }

html, body {font-size:small; font-family : Arial, Helvetica, sans-serif;} /* overal font and sizing */

* html body {
	font-size:x-small; /* IE5 win */
	font-size/**/:/**/small;
	text-align:left;
	height:100%;
	} /* other IEs */
	
html, body{
height:100%;
}
body{
	overflow:hidden;
	margin:0;
	padding:0;
	text-align:center;
}

div{text-align:left;}

#content{
	height:100%;			
	background:#fafafa;
	overflow:hidden;
	position:relative;			
}
.red{
	border:1px solid black;
	background:#fff;
	position:absolute;
	width:10px;
	height:10px;
	display:block;
}

#formCont{
	position:absolute;
	width:100%;
	height:100%;
	z-index:20;
	display:block;				
}
	
div#formDiv{
	width:275px;			
	z-index:10;
	margin:15% auto 0;
	border:1px solid #fff;
}
	
#new{
	width:275px;
	background:#a32d57 url('images/flower_1.gif') no-repeat 180px 10px;
	padding:0 0 10px 0;
	position:relative;
}

#new h1{
	font-weight:normal;
	font-size:30px;
	color:#fff;
	padding: 10px 0 0;
	position:relative;
	width:180px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;
	text-align:right;
}

#new h1 span.s{
	width:220px;
	text-align:right;
	position:absolute;
	font-size:11px;
	right:0px;
	bottom:-5px;
}

#new h2{
	font-weight:normal;
	font-size:18px;
	color:#fff;
	padding: 10px 15px 0;
}

#new table{
	margin:0 15px;
	width:245px;
	border-collapse:collapse;
	color:white;
}

#new table th{
	font-weight:normal;
	font-size:10px;
	padding-bottom:5px;
	text-align:center;	
}

table.blo th{
	display:none;
}

table td{
	padding:2px 0;
}

table .name{
	width:100px;
	font-size:12px;
	text-align:right;
}
table .pick{
	width:40px;
	text-align:center;
}
table td.val{
	width:65px;
	text-align:left;
}
table .rand{
	width:40px;
	text-align:center;
}

table td.pic{
	padding: 0 2px 0 12px;
}

table td.but{
	padding: 20px 0 0 60px;
}

a.pic, a.pic:visited, a.pic:hover, a.pic:active, .sub{
	display:block;
	width:100%;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:10px;
	line-height:14px;
	border:1px solid #603;
	background:#603 url('images/bg_butt.gif') repeat-x bottom left;
}
input.sub{
	margin:0 auto;
	padding:0 25px;
	width:auto;
}

div.b_normal{
	height:30px;
	background: url('images/bg_button.gif') no-repeat top right;
	padding:0 10px 0 0;
	float:left;
}

div.b_normal input.sub{
	height:30px;
	background: url('images/bg_button.gif') no-repeat 0 0px;
	padding:0 0 4px 10px;
	border:0;
	line-height:31px;
}

div.b_over{
	height:30px;
	background: url('images/bg_button.gif') no-repeat 100% -30px;
	padding:0 10px 0 0;
	float:left;
}

div.b_over input.sub{
	height:30px;
	background: url('images/bg_button.gif') no-repeat 0 -30px;
	padding:0 0 3px 10px;
	border:0;
	line-height:31px;
}



.pick img{cursor:pointer;}
.val input, .pic input{
	width:100%; 
	padding:1px 0 0 4px;
	height:15px; 
	border:0;
	border-right:1px #82203e solid;
	font-size:9px;
	color:#fff;
	background:url('images/textf1.gif') no-repeat 0 0;
}

span.s{
	width:30px;
	display:block;
	float:left;
}

input.sm{
	width:30px;
}

.apres{
		display:block;
		background:url('images/bullets.gif') no-repeat 3px -102px;
		height:18px;
		text-decoration:none;
		padding:0 0 0 22px;
		border:1px solid #fff;
		color:#fff;
		margin:15px 0 1px 15px;
		float:left;
	}
	.apres div{
		float:left;
		line-height:18px;
		margin-right:5px;
	}
	.apres a{	
		float:left;	
		display:block;
		width:7px;
		height:18px;
		background:url('images/arrows.gif') no-repeat 0px -37px;
	}
	.apres a:hover{	
		background:url('images/arrows.gif') no-repeat 0px -7px;
	}
	
.clear{clear:both;}

.precious1{
	position:absolute;
	width:240px;
	height:240px;
	top:-147px;
	right:-175px;
	background:url('images/flowers.gif') no-repeat	-347px -90px;
}

/*--------best presents------------*/

#best_pre{
	position:absolute;
	left:13%;
	bottom:40%;
	background:#ffab2d;
	width:200px;
	border:1px solid #fff;	
}

#best_pre div{
	background:#ffab2d url('images/flower_2.gif') no-repeat 5px 5px;
	position:relative;
}

#best_pre h1{
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans;
	font-weight:normal;
	font-size:24px;
	color:#fff;
	position:relative;
	text-align:right;
	padding:10px 8px 0 0;
}

#best_pre h1 span.s{
	text-align:right;
	position:absolute;
	font-size:11px;
	right:6px;
	bottom:-10px;
}


	ul.pres{
		list-style:none;
		margin:30px 10px 20px ;
	}
	.pres a, .pres a:visited{
		display:block;
		background:#ffab2d url('images/bullets.gif') no-repeat 6px -56px;
		line-height:20px;
		text-decoration:none;
		padding:3px 11px 3px 31px;
		color:#fff;
		margin:1px 0;
	}
	.pres a:hover, .pres a:active{
		padding:2px 10px 2px 30px;
		border:1px solid #fff;
		
		background:#ffab2d url('images/bullets.gif') no-repeat 5px -10px;
		text-decoration:none;
	}
	
	.precious2{
	position:absolute;
	width:226px;
	height:252px;
	top:-205px;
	left:-170px;
	background:url('images/flowers.gif') no-repeat	-91px -328px;
}
	
/*----------img window------------*/
body.imgW{
	background:orange;
}