/* css dev: chris gerikh */
body, form { margin:0px; }
body { background:#336699 url(../images/bg.gif) top repeat-x; }
body, div, table, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; }
a, a:hover { text-decoration: underline; }
a { color: #990000; }
a:hover { color:#333333; }
a img, a:hover img { border: none; }

.shell {margin:4px auto 0 auto; position: relative; }
.push { height: 116px; }
.shell, .shell_body, .shell_base, .header, .footer { width:973px; } 
.shell_body { background:url(../images/shell_bg.gif) repeat-y; min-height: 500px; padding:0 0 0 9px; }
.shell_base, .n_top, .n_base, .s_top, .s_base, .m_top, .m_base, .u_top, .u_base { font-size:1px; }
.shell_base { height: 12px; background:url(../images/shell_base.gif) no-repeat; }
.header { position: absolute; top:0px; left:0px; height:116px; background:url(../images/header.gif) no-repeat; z-index:1; }
.toy-uk, .char1, .char2, .char3, .char4, .f_label, .f_field, .f_search { position: absolute; z-index:2; }
h1.toy-uk, h1.toy-uk a, h1.toy-uk a:hover { margin:0; display: block; text-decoration: none; width: 186px; height: 116px; top:0px; left: 10px; background:url(../images/toy-uk.gif) no-repeat; color:#00b9f2; text-indent:-9000px; font-size:1px; }
.f_label { top: 42px; left: 308px; }
.f_field { top:36px; left: 370px; background:url(../images/search_bg.gif) no-repeat; width: 315px; height: 26px; }
.f_field input { border:none; background-color: #FFFFFF; width: 310px; font-size: 15px; margin:3px 0 0 1px; color: #4664a6; }
.f_search { top:36px; right: 192px; }
.footer { margin:4px auto 0 auto; padding:0 0 8px 0; text-align: center; font-size:12px; color:#bfe0f2; }
.footer span { color:#FFFFFF; font-size: 11px; }
.footer a, .footer a:hover { text-decoration: none; }
.footer a { color:#bfe0f2; }
.footer a:hover { color:#ffffff; }

.char1 { top: 2px; left: 250px; }
.char2 { top: 2px; left: 785px; }
.char3 { bottom: 18px; right: 32px; z-index:3; }
.char4 { bottom: 18px; right: 14px; z-index:3; }

.nav, .midsection, .rhs { float: left; margin:0 7px 0 0; }

.nav { background:url(../images/nav_bg.gif) repeat-y; }
.nav, .n_top, .n_base, .rhs, .sponsored, .s_top, .s_base { width: 180px; }
.n_top { background:url(../images/nav_top.gif) no-repeat; height: 11px; }
.n_base { background:url(../images/nav_base.gif) no-repeat; height: 11px; }
.midsection, .m_top, .m_base { width: 580px; }
.midsection { background-color:#d04d4f; }
.m_top { background:url(../images/mid_top.gif) no-repeat; height: 11px; }
.m_base { background:url(../images/mid_base.gif) no-repeat; height: 11px; }
.sponsored { background-color:#FFFFFF; text-align:center; color: #4664a6; margin:0 0 3px 0; position: relative; }
.s_top { background:url(../images/spon_top.gif) no-repeat; height: 17px; }
.s_base { background:url(../images/spon_base.gif) no-repeat; height: 17px; }

.sponsored h2, .sponsored p { margin:0 auto; font-size: 12px; width:172px; }
.sponsored span { display: block; color:#b591c2; font-size:10px; }
.sponsored h2 a, .sponsored h2 a:hover, .sponsored p a, .sponsored p a:hover { color:#4664a6; text-decoration:none; }
.sponsored a.url, .sponsored a:hover.url { overflow: hidden; display: block; width: 172px; height: 14px; margin:0 auto; }
.sponsored a { color:#e4575a; }
.sponsored a:hover { color:#333333; }

.unit, .u_top, .u_base, .u_c { width: 564px; }
.unit { background-color:#FFFFFF; margin:0 auto 3px auto; text-align:left; }
.u_top { background:url(../images/unit_top.gif) no-repeat; height: 16px; }
.u_base { background:url(../images/unit_base.gif) no-repeat; height: 16px; }
.u_c { background:url(../images/unit_bg.gif) bottom repeat-x; min-height: 150px; position: relative; }
.u_thumb, .u_mask { position: absolute; top: 11px; left: 11px; width: 96px; height: 96px; display: block; }
.u_thumb { z-index:1; }
.u_mask { z-index:2; }
.b_info, .b_stock, .b_buy { position: absolute; bottom:-4px; }
.b_info { left: 270px; }
.b_stock { left: 352px; }
.b_buy { left: 470px; }

.nav ul { margin:0 0 0 5px; padding:0 0 0 6px; }
.nav ul a, .nav ul a:hover { text-decoration: none; font-weight: bold; display: block; padding:4px 2px 4px 4px; }
.nav ul a { color:#FFFFFF; }
.nav ul a:hover { color:#CCCCCC; }
.nav ul li { list-style-type: none; width: 158px; margin:0 0 3px 0; }
li.r { background:#d14d50 url(../images/r_t.gif) top no-repeat; }
li.r a, li.r a:hover { background:url(../images/r_b.gif) bottom no-repeat; }
li.o { background:#e88e38 url(../images/o_t.gif) top no-repeat; }
li.o a, li.o a:hover { background:url(../images/o_b.gif) bottom no-repeat; }
li.g { background:#51a343 url(../images/g_t.gif) top no-repeat; }
li.g a, li.g a:hover { background:url(../images/g_b.gif) bottom no-repeat; }
li.b { background:#0173bd url(../images/b_t.gif) top no-repeat; }
li.b a, li.b a:hover { background:url(../images/b_b.gif) bottom no-repeat; }
li.db { background:#4e5fa0 url(../images/db_t.gif) top no-repeat; }
li.db a, li.db a:hover { background:url(../images/db_b.gif) bottom no-repeat; }
li.p { background:#e0238c url(../images/p_t.gif) top no-repeat; }
li.p a, li.p a:hover { background:url(../images/p_b.gif) bottom no-repeat; }


.u_result a, .u_result a:hover { text-decoration:none; color:#9561a8; }
.u_result { margin:0 0 0 120px; height: 110px; overflow: hidden; }
.u_result, .u_result h1, .u_result p { width: 298px; }
.u_result h1 { font-size: 18px; margin:0; }
.u_result p { margin:0; }
.u_c h3 { position: absolute; right: 12px; top:0px; margin:0; font-size: 18px; }
.u_c h3 a, .u_c h3 a:hover { text-decoration:none; color:#4664a6; }
.merchant, .m_mask { position: absolute; }
.unit .merchant { width: 120px; height: 30px; top: 25px; right: 13px; z-index:1; }
.unit .m_mask { width: 124px; height: 34px; top: 23px; right: 11px; z-index:2;}

.u_c p, .u_c h2, .u_c dl {
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 0px;
}

.sponsored .merchant { width: 120px; height: 30px; bottom: 14px; left: 32px; z-index:1; }
.sponsored .m_mask { width: 124px; height: 34px; bottom: 12px; left: 30px; z-index:2;}
.mlogo { height: 32px; }

/* misc */
.clear { clear: both; }
.center { text-align:center; margin:0 auto; }