/* RESET */

body { margin: 0; padding: 0;	text-align: center;}
h1 { margin: 0; padding: 0;}
a img, iframe{ border: 0; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
form, fieldset{ border: 0; }	
input, textarea, select, button { font-size: 100%; }
select{ margin: inherit; }
table{ border-collapse: collapse; border: 0; }

/* LAYOUT */
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #090909; line-height: 1.4em; background-color: White; }
#RootContainer{ width: 771px; margin: 0 auto; }

#Head{ float: left; width: 100%; height: 59px; overflow: hidden; background:url(bg_logoline.gif) no-repeat bottom;}
	#Head h1{ float: left; width: 246px; height: 55px; text-indent: -5000px;}
	#Head h2{ float: left; width: 114px; height: 55px; background: url(logo_by.gif); text-indent: -5000px; }
	#Head div{ float: right; width: 270px; padding: 18px 0 0 0; height:37px; overflow:hidden; font-size: 11px; color: #ec6f00; text-align: right; }
	#Head p{ margin: 0; }
	#Head .member{ padding: 0 0 0 14px; color: #00a7e6; text-decoration: none; background: url(ico_member.gif) no-repeat; }
	#Head .member:hover{ text-decoration: underline; }
#Nav{ float: left; width: 100%; height: 51px; border-top:2px solid white; background: url(bg_topnav.png) no-repeat; }
	#Nav a{ color: #000; text-decoration: none; }
	#Nav ul{ float: left; list-style: none; padding: 1px 0 0 4px ; margin: 0;  }
		#Nav li{ float: left; padding: 0; margin: 0; height: 36px; line-height: 34px; font-size: 15px; }
		#Nav li a{ display: block; margin-left: -2px; padding: 0 25px 6px 25px; background: url(nav_div.gif) no-repeat right 10px; }
		#Nav li.last a{ background: none; }
		#Nav li a:hover,
		#Nav li.active a{ background: white; border: solid #d6d6d6; border-width: 0 1px; padding: 0 24px 6px 24px; }
	#Nav .right{ float:right; height: 37px; line-height: 37px; background: url(nav_divider_tall.gif) no-repeat; padding: 0 34px 0 22px; text-align: right; }
		* html #Nav .right{ width: 1px; white-space: nowrap; } /* ie6 only */
		#Nav .right a{ float:right; height: 37px; background: url(nav_more.gif) no-repeat; padding: 0 0 0 22px; font-weight: bold; font-size: 11px; color: #585858; }
		#Nav .right a:hover{ background-position: 0 -37px; }
#Content{ float:left; width:100%; }
#Footer{ float: left; width: 736px; padding: 0 15px 0 20px; margin: 0 0 30px 0; height: 31px; line-height: 28px; background: url(bg_footer.png); font-size: 10px; color: #666; }
    * html #Footer{  width: 770px; } /* ie6 only */
#Featured H2 a {text-decoration: none; color: #000}
h3 a {text-decoration: none; color: #000}

/* Helpers */
.clear{ font-size: 1px; height: 1px; clear: both; line-height: 1px; }
.left{ float: left; }
.right{ float: right; }
.center{ display: block; margin: 0 auto; }
.tl{ text-align: left; }
.tr{ text-align: right; }
.tc{ text-align: center; }
.tj{ text-align: justify; }
.small{ font-size: 0.9em; }
.dull{ color: #666; }
.vivid{ color: #00a7e6; }


/* CONTENT */
p{ margin: 0 0 20px 0; }
ul{ margin: 0 0 20px 0; }
h2{ font-size: 30px; margin: 0 0 10px 0; }
h3{ font-size: 18px; margin: 0 0 10px 0; }
a{ color: #dd0a0a; }

#Side{ float: left; width: 227px; height: 254px; padding: 46px 0 0 0; margin: 0 0 15px 0; background: #2d9dc6 url(bg_sidebar.png); color: white; }
	#Side h2{ display: block; width: 227px; height: 36px; text-indent: -5000px; margin:0 0 8px 0;background: url(select_your_gift.gif); }
	#Side ul{ list-style: none; border-left: 1px solid white; margin: 0 0 0 37px; padding: 0 0 0 18px; font-size: 16px; }
	#Side li{ margin: 0; padding: 5px 0; }
	#Side a{ color: white; text-decoration: none; }
	#Side a:hover{text-decoration: underline; }
#Featured{ float: right; width: 544px; height: 300px; margin:0 0 15px 0; background: url(bg_featured.jpg); position:relative;}
	#Featured img{ position: absolute; left:0; top:0;}
	#Featured div{ position: absolute; left: 0; top: 25px; padding: 4px 0 0 25px; height:120px; text-align: right;  }
	#Featured h2{ font-size: 30px; margin: 0 0 9px 0; }
	#Featured p{ margin: 0 0 2px 0; }
	
.grid{ float:left; width:770px; padding:0; list-style: none; background:url(bg_grid.gif); }
	.grid .top{ float: left; width: 100%; height: 19px; background: url(bg_grid_top.png) no-repeat; }
	.grid .bottom{ float: left; width: 100%; height: 19px; background: url(bg_grid_bottom.gif) no-repeat; }
	.grid .div{ float: left; width: 100%; height: 28px; background: url(grid_divider.gif) no-repeat; }
	.grid p{ margin: 0 0 10px 0; }
	.grid ul{ list-style: none; padding: 0 0 0 10px; }
		.grid ul li{ float: left; width: 250px; text-align: center; }
		.grid ul div{ display: table;  white-space:nowrap; text-align: left; margin: 0 auto; }	
		.getnow{ padding: 0 18px 0 0; background: url(ico_getnow.gif) no-repeat right; }
		    .grid ul div table{ text-align: left;margin: 0 auto; padding: 0; }	
		
/* footer's contents */
#Footer p{ margin: 0; }		
#Footer ul{ margin: 0; list-style: none; overflow: hidden; }
	#Footer li{ float: left; background:url(footer_div.gif) no-repeat right; padding:0 10px; margin:0 -3px 0 0;}
	#Footer a{ color: #666; }
	#Footer a:hover{ color: #333;}
	
#disclaimer {clear:both;}