/*
* HereItself.com CSS Document
*/
body, html {
margin: 0; padding: 0; font: 11px Tahoma, Verdana, Geneva;
color: #686868; background-color: #F6F6F6 }
form, div, td, p, h1, h2, h3, h4 { margin: 0; padding: 0 }
img, table { border: 0 }
ul { margin: 0; padding: 0; list-style: none; }
label { padding: 4px 0; font-weight: bold; font-size: 11px; display: block }
a { color: #1E1E1E; text-decoration: none }
a:hover { color: #3EAAB8 }
h1 { margin-bottom: 16px; padding: 8px; padding-bottom: 35px; font: bold 18px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #B3ACA0; background-color: #EFF0EB }
h2 { margin: 10px 0 5px 0; font: bold 18px Arial, Helvetica, sans-serif; letter-spacing: -1px }
h3 { margin-bottom: 5px; font: bold 11px Georgia, 'Times New Roman', Times, serif; color: #202020 }
h3 span { background-color: #F3F4F0; padding: 3px }
hr { height: 1px; border: 0; color: #DADCD0; background-color: #DADCD0; margin: 15px 0 }
.empty { height: 1px; clear: both; }
.shadow { margin: 0 -20px; margin-bottom: 10px; background-color: #F6F6F6; height: 3px; clear: both }
.top2line { margin: 0 -30px 20px -30px; height: 2px; background-color: #F6F6F6 }
.hidmemty { display: none }
.memty { display: block }
.rgtspn { float: right }
.rgtalgn { text-align: right }
/* entop */
.wrap { margin: 0 auto; width: 740px; background-color: white }
.wrap_in { padding: 10px 30px; padding-bottom: 20px }
#ux_small_control { height: 26px; font-size: 10px; background-color: #F6F6F6 }
#ux_small_control ul li { float: right; margin-left: 2px; padding-left: 3px; background: white }
#ux_small_control ul li a { display: block; padding: 3px 6px; padding-left: 18px; background: url(http://www.hereitself.com/_img/buttons/msg.gif) no-repeat center left }
#ux_small_control ul li a.ux_coin { padding-left: 13px; background: url(http://www.hereitself.com/_img/icons/coin_s.gif) no-repeat center left}
#home_menu { background: #F6F6F6 url(/_img/bg/bg_top_menu.gif) repeat-x bottom left }
#myself_top { padding-left: 10px; border-left: 1px dotted #CCC }
#lft_top a { margin-right: 10px; font-size: 10px; color: #999 }
#myself_top a { color: #1E1E1E }
#myself_top a:hover, #lft_top a:hover, #footer a:hover, #pro-menu li a:hover, #pro-menu li.active a:hover
{ color: #3DBDCE }
#lft_sbag { width: 32px; float: left }
#lft_sbag a { display: block; width: 32px; height: 36px; background: url(/_img/icons/bag_empty.gif) no-repeat top left }
#lft_sbag a.sbag_full { background: url(/_img/icons/bag_full.gif) no-repeat top left }
#rgt_sbag { width: 180px; float: right; font-size: 10px }
#rgt_sbag span { margin-right: 5px; font: bold 18px "MS Sans Serif", Geneva, Tahoma }
/* _lay */
#lft_top, .lft_div { width: 430px; float: left }
#lft_top { margin-top: 2px }
#rgt_top { width: 280px; float: right }
.rgt_s { width: 220px; float: right }
.rgt_s ul { margin-left: 15px }
.half_lft { float: left; width: 330px }
.half_rgt { float: right; width: 330px }
.half_rgt_b { float: right; width: 330px; background-color: #D4F1F5 }
.half_rgt_b p { padding: 10px 15px; border-bottom: 1px dashed #BEE6EB }
/* rgt top menu */
#rgt_top li { float: left; margin: 0; padding: 0 }
a.shop, a.vote, a.design, a.comm { height: 26px; display: block }
a.shop { width: 55px; background: url(/_img/buttons/but_shop.gif) 0 0 no-repeat }
a.vote { width: 57px; background: url(/_img/buttons/but_vote.gif) 0 0 no-repeat }
a.design{ width: 72px; background: url(/_img/buttons/but_design.gif) 0 0 no-repeat }
a.comm { width: 96px; background: url(/_img/buttons/but_comm.gif) 0 0 no-repeat }
a:hover.shop, a:hover.vote, a:hover.design, a:hover.comm { background-position: 0 -26px }
/* us */
#us p { padding-bottom: 8px; text-align: justify }
#us h2 { margin-top: 8px; padding-bottom: 4px; font: bold 18px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #3B6F9E }
#us ul { padding: 20px }
#us ul li { padding-bottom: 10px }
/* pro-menu */
#pro-menu { margin: -16px 0 15px 0; padding-left: 10px; height: 34px; font-weight: bold; background: #EFF0EB url(/_img/bg/line_gray.gif) repeat-x bottom left }
#pro-menu li { float: left; margin: 0; padding: 10px 15px; }
#pro-menu li a { color: #B9B9B9 }
#pro-menu li.active { background-color: white; border: 1px solid #DADADA; border-bottom: 0 }
#pro-menu li.active a { color: #1E1E1E }
#avatar_area { padding: 5px 0; text-align: center; background: url(/_img/bg/gray_diag.gif) repeat top left; border-bottom: 1px solid #EBECE5 }
/* 4 columns - product */
.four_column { position: relative; width: 150px; float: left; margin: 0 26px 15px 0; padding-bottom: 5px; font-size: 10px; border-bottom: 1px solid #EAEAEA; color: #B7B7B7; }
.four_column .restock, .four_column .new_s { position: absolute; top: 0; right: 0; width: 41px; height: 41px; background: url(/_img/icons/restock.gif) no-repeat top left }
.four_column .new_s { background: url(/_img/icons/new_small.gif) no-repeat top left }
.four_stop { margin: 20px 0; height: 1px; background: url(/_img/bg/dotted_line_light.gif) repeat top left }
.four_price { color: #38af5b }
.four_clmn { position: relative; width: 140px; float: left; margin: 0 39px 0 0; font-size: 10px; color: #B7B7B7 }
.four_clmn .restock, .four_clmn .new_s { position: absolute; top: 0; right: 0; width: 41px; height: 41px; background: url(/_img/icons/restock.gif) no-repeat top left }
.four_clmn .new_s { background: url(/_img/icons/new_small.gif) no-repeat top left }
/* 4 columns - 120 */
.four_column25 { width: 120px; float: left; margin-right: 20px; padding: 4px; border: 1px solid #E8E5E0; background-color: white }
.four_column25:hover { border: 1px solid #CDCCCA }
/* 4 columns - 80 */
.four_column80 { width: 80px; float: left; margin-right: 3px }
.four_column83 { width: 80px; float: left; margin-right: 15px }
/* rgt_side */
#side_menu { padding-top: 5px 1px 0 1px }
#side_menu ul { margin: 0 20px; padding: 5px; padding-left: 20px }
#side_menu ul li a { display: block; padding: 3px 5px; color: #3DBDCE; font-size: 10px }
#side_menu h4 { margin: 0; padding: 0; font-size: 11px; background: url(/_img/icons/arrow_down.gif) no-repeat center left }
#side_menu h4 a, #us_menu ul li a
{ margin: 0 20px; padding: 6px 5px; color: #3DBDCE; display: block; border-bottom: 1px dotted #DADCD0 }
#side_menu h4 a:hover, #side_menu ul li a:hover, #us_menu ul li a:hover
{ color: #686868 }
#us_menu ul { margin: 0; margin-left: 10px; padding: 0 }
#us_menu ul li { font-size: 11px; font-weight: bold; background: url(/_img/icons/arrow_right.gif) no-repeat center left }
#us_menu ul li.rss { background: url(/_img/icons/rss_feed.gif) no-repeat center left }
#us_menu ul li.rss a { border-bottom: 0 }
/* votez */
#head_vote, #head_basic, #head_ltdd { margin-bottom: 5px; padding: 0 8px; height: 62px; font-size: 10px; background-color: #D4F1F5 }
#head_vote h1, #head_basic h1, #head_ltdd h1 { margin: 0; padding: 0; padding-top: 8px; color: white; background-color: #D4F1F5 }
#head_vote { height: 60px; color: #87A5A9 }
#head_vote h1 { color: #000 }
#head_basic, #head_basic h1 { background-color: #242424 }
#head_prc_basic { margin-right: -8px; float: right; width: 78px; height: 62px; background: #242424 url(/_img/title/price_basic.gif) no-repeat center right}
#head_basic a { color: #EFF0EB }
#head_ltdd, #head_ltdd h1 { background-color: #EFF0EB; color: #1E1E1E }
#head_ltdd h1 { color: #EE151E }
#head_prc_ltdd { margin-right: -8px; float: right; width: 78px; height: 62px; background: #EFF0EB url(/_img/title/price_limited-designer.gif) no-repeat center right}
#vote_list { margin: 5px 0; margin-bottom: 25px; padding: 20px 0 20px 60px; background-color: #EFF0EB }
#vote_stat { margin: 15px 0 }
#vote_stat p { margin-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #DADCD0; font-size: 12px; font-weight: bold; color: #444 }
#vote_list ul { margin-top: 5px }
#vote_list li { float: left; margin-right: 4px }
#vote_list li a { width: 43px; height: 43px; display: block; color: white; font: bold 24px Arial, Helvetica, sans-serif; letter-spacing: -1px; background: url(/_img/buttons/vote_but.gif) 0 0 no-repeat }
#vote_list li a:hover { color: #1E1E1E; background: url(/_img/buttons/vote_but.gif) 0 -43px no-repeat }
#vote_list li span { padding: 7px 15px; display: block }
/* shopping bag */
.shop_h1 { margin: -5px 0 2px 0; padding: 8px 12px; font: bold 24px Georgia, "Times New Roman", Times, serif; letter-spacing: -0.05em; color: white; background-color: #8ac69d }
#shop_head { margin-bottom: 15px; font-size: 9px; color: #1E1E1E; background-color: #F6F6F6 }
#shop_lite { margin: 0 -5px; padding: 5px 1px 0 1px; color: #F1F1F1; background-color: #3F3336 }
#shop_lite h4 { margin-left: 5px; color: white }
.shop_list { margin-bottom: 5px; padding: 5px 0; background-color: #fafafa }
.shop_lite_list { margin-bottom: 5px; padding: 5px; background-color: #4E4144 }
.shop_list p, shop_lite_list p { padding-bottom: 4px }
.shop_nolist { padding: 10px 15px; height: 100px; background-color: #f9f9f9; color: #B7B7B7; font: 11px Georgia, "Times New Roman", Times, serif }
.shop_total { padding: 15px 6px; color: #1E1E1E; text-align: right; border-bottom: 2px solid #F6F6F6 }
.shop_list input { margin-right: 8px; width: 30px; text-align: right; font-weight: bold; font-size: 11px; color: #1E1E1E; background-color: #f9f9f9; border: 0 }
/* slideshow_ */
#out_slide { position: relative }
#out_slide .cnt_slide { position: absolute; bottom: 5px; left: 5px; padding: 0 5px }
.cnt_slide ul li { float: left; margin-right: 5px }
#but_nums { margin-top: 1px }
#but_nums li { width: 15px; height: 15px; background: url(/_img/buttons/slide_but.gif) 0 0 no-repeat; font-weight: bold }
#but_nums li:hover { background-position: 0 -15px; cursor: pointer }
#but_nums li.active { background-position: 0 -15px }
#but_pause, #but_play { margin-right: 15px; padding: 0; display: block; width: 15px; height: 16px; cursor: pointer }
#but_pause { background: url(/_img/buttons/pause.gif) 0 0 no-repeat }
#but_play { background: url(/_img/buttons/forward.gif) 0 0 no-repeat }
/* blog */
.blog_table { margin-bottom: 25px }
.blog_table img { vertical-align: middle }
.blog_det { margin-top: 15px; padding: 5px; background-color: #F8F9F3; font-size: 10px }
/* comment block */
#slideout { margin-right: 40px; font-size: 10px }
.comment_list { padding: 8px 0; border-top: 1px solid #F1F1F1; min-height: 60px; height: auto !important; height: 60px }
.comment_lft { width: 90px; float: left }
.comment_rgt { width: 340px; float: right }
.nolist { padding: 10px; height: 40px; background-color: #EFFCFE; color: #BDBFBF }
.nolist_small { padding: 10px; color: #BDBFBF }
/* element */
a.logo { width: 114px; height: 52px; display: block; text-decoration: none; background: url(/_img/misc/itself_logo_new.gif) no-repeat top left }
a:hover.logo{ background: url(/_img/misc/itself_logo_new_on.gif) no-repeat top left }
#error_box, #suc_box { margin-bottom: 15px; padding: 8px; padding-left: 35px; background: #FFFFDB url(/_img/icons/icon_info.gif) 8px 8px no-repeat }
#suc_box { background: #F1FFED url(/_img/icons/icon_ok.gif) 8px 8px no-repeat }
#error_box span { border-bottom: 1px solid #F1EFEB; line-height: 16px }
.red, a.red { color: #ff000b }
a.red:hover { color: #d5000a }
.title_pro { margin-top: 4px; font: bold 11px Georgia, "Times New Roman", Times, serif; letter-spacing: -0.05em }
.list_12 li { margin-left: 8px; padding: 3px 0 }
#list_normal { margin-left: 20px }
#list_normal li { padding: 3px 0; border-bottom: 1px dotted #EAEAEA }
/* pagin */
#pagin1, #pagin2 { margin-bottom: 15px; text-align: right }
#pagin1 a, #pagin2 a { margin-right: 6px; padding: 4px 5px }
#pagin1 a.active, #pagin2 a.active { background-color: #D4F1F5 }
/* linkz */
a.lighty { color: #999999 }
a.big_blue { color: #3DBDCE; font-size: 12px; font-weight: bold }
a.big_blue:hover { color: #000000 }
.green, a.green { color: #809486 }
a.blue, a.bluegray, a.blue_link, a.username, #rgt_sbag a, a.lighty:hover { color: #3DBDCE }
a.blue:hover, a.blue_link:hover, a.username:hover, #rgt_sbag a:hover, a.green:hover { color: #000000 }
a.bluegray { padding: 3px 5px }
a.bluegray_on, a.bluegray:hover { padding: 3px 5px; color: #3DBDCE; background-color: #F6F6F6 }
/* fonts */
.font_small { font-size: 10px }
.font_small_l { font-size: 10px; font-weight: normal; color: #B7B7B7 }
.font_small_title { margin-bottom: 10px; font-size: 10px; color: #999 }
.font_small_title span { background-color: white; padding: 3px }
.font12_light { font-size: 12px; color: #B7B7B7 }
.font12_ge { font: normal 12px Georgia, "Times New Roman", Times, serif }
.font18 { font: bold 18px Arial, Helvetica, sans-serif; letter-spacing: -1px }
.font18_ge_lgt { font: bold 18px Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; color: #ccc }
.font24_ge { font: bold 24px Georgia, "Times New Roman", Times, serif; letter-spacing: -1px }
.font24_price { font: bold 24px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: white; padding: 16px 0 0 11px }
.font28_black { font: bold 28px Arial, Helvetica, sans-serif; color: #1E1E1E; letter-spacing: -1px }
.font_bg { padding: 2px 3px; background-color: #F2FCFD }
#it_blog_head { color: white; background: url(/_img/bg/blue_diag.gif) repeat top left }
/* uploader */
#purp_uploader { padding: 10px; background-color: #242424 }
#avatar_area { margin-bottom: 10px; padding: 10px; border-bottom: 1px solid #E2E2E2; text-align: center }
#avatar_pic { padding: 10px; background-color: #F8F9F3; min-height: 120px; height: auto !important; height: 120px; }
#photoupload-queue li { margin-bottom: 2px; background-color: #F4F4F4 }
.photoupload-queue .queue-file { font-weight: bold }
.photoupload-queue .queue-size { color: #aaa; margin-left: 1em; font-size: 10px }
.photoupload-queue .input-delete { width: 50px; font-size: 10px; float: right }
.photoupload-queue li { padding: 5px 0 5px 22px }
.photoupload-queue .queue-loader { position: relative; margin: 3px 15px; font-size: 0.9em; background-color: #ddd;
color: #fff; border: 1px inset #ddd }
.photoupload-queue .queue-subloader { text-align: center; position: absolute; background-color: #DF2823; height: 100%;
width: 0%; left: 0; top: 0 }
/* login */
#beige { border: 1px solid #E9EAE4; background-color: #F3F4F0; margin-bottom: 8px; padding: 20px; padding-bottom: 60px; font-size: 12px }
#beige ul { margin: 10px 20px }
/* buttons */
.browse_avatar, .browse_photos, .start_upload, .del_avatar, .del_select
{
width: 113px; height: 24px; border: 0
}
.browse_avatar { background: url(/_img/buttons/add_avatar.gif) no-repeat 0 0 }
.browse_photos { background: url(/_img/buttons/add_photos.gif) no-repeat 0 0 }
.start_upload { background: url(/_img/buttons/start_upload.gif) no-repeat 0 0 }
.del_avatar { background: url(/_img/buttons/del_avatar.gif) no-repeat 0 0 }
.del_select { width: 120px; background: url(/_img/buttons/del_sel.gif) no-repeat 0 0 }
/* form */
input { vertical-align: middle }
.sinput { font: normal 11px Tahoma, Verdana, Geneva; padding: 4px; width: 220px; margin-top: 2px; padding: 4px; border: 1px solid #CACACA;
border-top: 2px solid #CACACA; border-bottom: 1px solid #D2D2D2; background-color: #FAFAFA; color: #1E1E1E; }
.sinput:focus { background: #F4F4F4; }
.search_box { width: 160px; padding: 4px 2px; font-size: 10px; color: #757575; background-color: #F1F1F1; border: 1px solid #D7D7D7 }
#frm_lay { padding-left: 10px }
#frm_lay p { display: block }
.frm_infor { font-size: 10px; color: #B7B7B7; margin: 3px 0 }
#frm_sub, #frm_sub_l { margin-top: 20px; padding: 15px 0; border-top: 1px solid #EBECE5; text-align: right }
#frm_sub_l { margin: 0; text-align: left }
/* footer */
#footer { margin: 10px auto; padding-bottom: 30px; width: 740px; font-size: 10px; color: #999; line-height: 12px }
#footer a { color: #606060 }