@charset "utf-8";
/* CSS Document */
*			{ list-style:none;padding:0; margin:0; }
body,td,th	{ color: #333333;font:12px/150% Arial,Helvetica,sans-serif; }
body 		{ margin: 0px; padding:0 20px; background:url(/Themes/images/bg.jpg) top repeat-x}
a:link 		{ text-decoration: none;color: #333333; }
a:visited 	{ text-decoration: none;color: #333333; }
a:hover 	{ text-decoration: underline;color: #333333; }
a:active	{ text-decoration: none;color: #333333; }
ul			{ margin:0px;}
li			{ margin:0px;}


.video_overdiv a:link 		{ text-decoration: none;color: #333333; }
.video_overdiv a:visited 	{ text-decoration: none;color: #333333; }
.video_overdiv a:hover 	{ text-decoration: underline;color: #333333; }
.video_overdiv a:active	{ text-decoration: none;color: #333333; }

.image a:link 		{ text-decoration: none;color: #333333; }
.image a:visited 	{ text-decoration: none;color: #333333; }
.image a:hover 	{ text-decoration: underline;color: #333333; }
.image a:active	{ text-decoration: none;color: #333333; }

.pink, a.pink:link, a.pink:visited, a.pink:hover, a.pink:active								{ color: #FF3A7B;}
.green, a.green:link, a.green:visited, a.green:hover, a.green:active								{ color: #81C326;}
.gray, a.gray:link, a.gray:visited, a.gray:hover, a.gray:active								{ color: #999999;}
.black, a.black:link, a.black:visited, a.black:hover, a.black:active								{ color: #333333;}
.gray40, a.gray40:link, a.gray40:visited, a.gray40:hover, a.gray40:active					{ color: #666666; font-size:40px; font-weight:bold}
.white, a.white:link, a.white:visited, a.white:hover, a.white:active								{ color:white; text-decoration:none}
.user_img1			{ border:2px solid #0795CC; background-color:white}
.user_img0			{ border:2px solid #FF3A7B; background-color:white}

.textareapink{width:650px; border:#FF0073 1px solid}
.inputpink{border:#FF0073 1px solid; color:#999999; padding:4px}
.submitpink{font-weight:bold; padding:5px 10px;}

/*header*/
#header{ height:136px; margin-bottom:10px;width:900px; margin:0 auto; margin-bottom:10px}
#header img{ border:none}
.header_top{ height:64px; overflow:hidden}
.header_logo{ float:left; margin-top:2px;}
#toplinks{ float:right; padding-right:5px; position:relative}
.topfree {left:148px;position:absolute;top:7px;}
.toprightlinks {height:5px;padding-bottom:13px;padding-top:5px;text-align:right;width:270px;}
*html .toprightlinks {height:5px;text-align:right;width:270px; padding:3px 0px;}
.topsearchbox {height:1%;margin:0 130px 0 70px;width:auto;}
*html .topsearchbox {height:1%;margin:0 130px 0 80px;width:auto;}
*html .topsearchboxinfo {margin:0 auto;width:405px; padding-top:20px;}
.topsearchboxinfo {margin:0 auto;width:410px; padding-top:20px;}
.topsearchboxinfo a:link, .topsearchboxinfo a:visited, .topsearchboxinfo a:hover, .topsearchboxinfo a:active { color:#7EC221; font-weight:bold; padding-right:20px; float:left}
#srcBox {float:right; margin-left:5px;}
*html #srcBox {float:right; margin-left:0px;}
.topsearchinput {float:left;height:32px;margin-left:5px;padding-top:5px;width:293px;}
.topq {
background-attachment:scroll;background-color:#FFFFFF;background-image:url(http://www.google.com/coop/intl/en/images/google_custom_search_watermark.gif);background-repeat:no-repeat;background-position:left center;border:#FF0073 2px solid;height:15px;width:270px;
}
.topqhover {
background-color:#FFFFFF;border:#FF0073 2px solid;height:15px;width:270px;
}
#topmenu{font-size:15px;height:30px;line-height:normal;margin:0;width:180px; float:right}
#topmenu a{ text-decoration:none}
#topmenu div{ font-size:15px; font-weight:bold; float:right; padding:0px 12px; border-right: #CCCCCC 2px solid}
#topmenu .header_brands_container{ border-right: none;}
.header_brands{ cursor:pointer; font-size:15px; font-weight:bold; float:right; padding:0px 12px; border-right: #CCCCCC 2px solid;border-right: none; background-image:url(/Themes/images/dropdown_w.gif); background-position:right center; background-repeat:no-repeat; padding-right:20px;}
.header_brands .header_brand_box{ display:none}
.header_brands_on{ cursor:pointer; font-size:15px; font-weight:bold; float:right; padding:0px 12px; border-right: #CCCCCC 2px solid;border-right: none; background-image:url(/Themes/images/dropdown_w.gif); background-position:right center; background-repeat:no-repeat; padding-right:20px;}
.header_brands_on .header_brand_box{ display:block; text-align:left}
.header_middle{ height:41px; width:900px; margin:0 auto; color:#FFFFFF}
.header_middle .pinknavi{ float:left; background-color:#FF0073; padding:2px 10px; margin-top:9px; font-weight:bold; margin-left:10px;}
.header_middle .blacknavi{ float:right; background-color:#000000; padding:2px 10px; margin-top:9px; font-weight:bold; color:#7EC221; margin-right:10px;}
.header_middle .dropnavi{ float:left; padding:2px 18px 2px 25px; margin-top:9px;background:url(/Themes/images/dropdown_b.gif) no-repeat; background-position:right center; margin-right:8px}
.header_middle .dropnavi .header_color_box{ display:none}
.header_middle .dropnavi .header_dropdown_box{ display:none}
.header_middle .dropnavi_d{ float:left; padding:2px 18px 2px 25px; margin-top:9px;background:url(/Themes/images/dropdown_d.gif) no-repeat; background-position:right center; margin-right:8px}
.header_middle .dropnavi_d .header_color_box{ display:block}
.header_middle .dropnavi_d .header_dropdown_box{ display:block}
.header_buttom{ height:33px; width:900px; margin:0 auto; background-image:url(/Themes/images/header_bottom_2.jpg); background-repeat:repeat-x; background-position:top;}
.header_buttom .text{ padding-top:5px; font-size:11px;}
.leftdiv{float:left}
.rightdiv{float:right}


/*Main content*/
.main { width:900px; margin:0 auto;height:1%;}
.content p{ margin-bottom:15px;}
.main img{ border:none} 


/*rating box*/
.vote_right_box{float:right; width:219px; border-left:1px solid #c6c6c6 }
.rating{ background:url(../images/vote_middle_bg.jpg) repeat-y }
.rating_top{ background:url(../images/vote_top_bg.jpg) no-repeat; padding:10px 6px 0 10px; height:80px}
.rating_middle{ padding:0 20px}
.rating_cell{ height:1%; margin-bottom:15px}
.rating_button{ text-align:center; padding-top:10px; padding-bottom:5px}
.count { float:right; width:50px;text-align:center; font-size:20px; margin-top:9px; line-height:20px}

.rating2{ float:right; width:200px; background-color:#EFEFEF; }
.rating2_top{ height:1%}
.record { padding:10px; padding-top:0px }
.record_persent{ font-size:30px; font-weight:bold;}
.record_persent .green{ font-size:45px; line-height:45px}
.record_txt{ font-size:22px; font-weight:bold; line-height:22px}
.rating_title{ padding:3px 0; font-size:14px; font-weight:bold; line-height:15px; }
.rating_title_mark{ padding:2px;}
.rating_title_mark .s_intro_box{ position:absolute; width:175px; margin-top:-30px; display:none; z-index:9000; }

.rating_title_mark_hover{ padding:2px;}
.rating_title_mark_hover .s_intro_box{ position:absolute; width:175px;  margin-top:-30px; display:block; z-index:9000;margin-left: 10px; }
*html .rating_title_mark_hover .s_intro_box{ position:absolute; margin-left:-7px;margin-top:-15px;}
*+html .rating_title_mark_hover .s_intro_box{ position:absolute; margin-left:-7px;margin-top:-15px;}
.rating_bar_box{ height:1%; }
.rating_bar{ float:left; width:129px; height:8px; background:url(../images/rating_on.jpg) repeat-x; font-size:0; border-left:1px solid #ff2587; }
.rating_bar_on{ background:url(../images/rating_gray.jpg) no-repeat;height:8px; float:right; background-position:right}
.rating_percent{ font-size:24px; font-weight:bold; float:right; margin-top:5px; line-height:30px}
.rating_point{ position:absolute; margin-top:-5px}
.rating_bt{ padding:15px 5px 15px 5px; text-align:center}
.rating_close{ text-align:right; padding:8px 8px 0 0}
.rating_info{ height:1%; padding:5px}
.rating_img{ float:left; border:1px solid #cbcbcb; background-color:white; padding:2px; width:70px; height:70px}
.rating_img img{ width:70px; height:70px}
.rating_txt{ float:right; width:105px}

.popup_rating_box{ width:300px}
.popup_rating_content{ background:url(../images/popup_rate_bg.gif) repeat-y; padding:5px 15px}
.popup_rating_title{ font-size:16px; font-weight:bold; line-height:18px; margin-bottom:25px}
.popup_rating_main{ height:1%}
.popup_rating_list{ float:right; width:175px}
.popup_rating_top{ height:26px; background:url(../images/popup_rate_top.gif) no-repeat}
.popup_rating_box .rating_bar{ margin-top:8px}
.popup_rating_box .rating_percent{ margin-top:13px}



#Canvas{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:5000; background-color:#666666; filter:alpha(opacity=40); -moz-opacity:0.5; }
body{}
#Canvas{ _position:absolute; }/*------ IE6 --------*/
*html #Canvas{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background-color:#666666; filter:alpha(opacity=40); -moz-opacity:0.5; }
#float_login {
margin-bottom:20px;
padding:10px;
width:680px;
left:50%;
margin:-230px 0 0 -200px;
padding:8px;
position:fixed;
text-align:left;
top:50%;
width:265px;
z-index:9000;
}

*html #float_login {
margin-bottom:20px;
padding:10px;
width:680px;
left:50%;
margin:-230px 0 0 -200px;
padding:8px;
position:absolute;
text-align:left;
top:50%;
width:265px;
z-index:9000;
}

/*-------------------------------------------------------------------
--- control styles
--------------------------------------------------------------------*/
/*-- VoteBarControl.ascx --*/
.features_bar_container				{ height:1%; padding-bottom:20px; }
.features_bar_container_details		{ float:left; width:241px; margin-right:10px}
.features_bar_container_info		{ float:left; line-height:120%}
.features_bar_features_type			{ padding-bottom:2px; font-weight:bold; font-size:13px }
.features_bar_features_name			{ padding-bottom:2px; font-weight:bold; font-size:13px }
.features_bar_features_rating		{ }
.features_bar_features_more			{ margin-bottom:3px; font-weight:bold; font-size:11px}
.features_bar						{ border:1px solid #aaaaaa; height:8px; background: url(../Graphics/feature_blue2.gif) repeat-x top ; }
.features_bar_over					{ height:8px; background-image:url(../Graphics/feature_transparts.gif); position:absolute;filter:alpha(opacity=50); -moz-opacity:0.5; font-size:0;border-right:1px solid #aaaaaa;}
.features_bar_slider_box			{ float:right;background: url(../Graphics/feature_orange2.gif) repeat-x top ; height:8px; font-size:0px}
.features_bar_slider				{ position:absolute}
.features_bar_rate_place			{ width:680px; text-align:right; float: left}
.features_bar_clear_rating,.features_bar_remove_rating{ width:100px; margin-left:15px; float:left; padding-top:16px}
.features_bar_gray					{ background:url(../Graphics/feature_gray.gif) repeat-x top #e0e0e0;}
.features_bar_separate				{ height:8px; margin-bottom:10px; border-bottom:1px solid #aaaaaa}
.features_bar_input_feature			{ padding:20px 10px 10px 130px}
.features_bar_features_votes		{padding-top:2px; font-size:11px}
.features_bar_feature_more			{ margin-bottom:3px; font-weight:bold; font-size:11px}
.features_bar_rate_place			{ width:680px; text-align:right; float: left}
.features_bar_user_box				{ float:left; margin-right:10px; width:160px; height:1% }
.features_bar_user_thumbnail		{ float:left}
.features_bar_user_thumbnail img	{ width:50px; height:50px}
.features_bar_pro_con				{ width:100px;  float:left; font-size:11px; float:right}
.features_bar_read_review			{ width:100px; float:left; font-size:11px ; float:right}
.features_bar_username				{ font-weight:bold; font-size:13px; margin-bottom:6px;width:100px;  float:right}
.features_bar_user_box_top			{ height:1%}
.features_bar_bg					{ font-size:0}
.features_bar_bg_top				{ height:3px; background:url(../Graphics/feature_b1.gif) repeat-x}
.features_bar_bg_bottom				{ height:3px; background:url(../Graphics/feature_b3.gif) repeat-x}
.features_bar_bg_middle				{ background:url(../Graphics/feature_b4.gif) repeat-y left; padding-left:3px}
.features_bar_bg_right				{ background:url(../Graphics/feature_b2.gif) repeat-y right; padding-right:3px}
.features_bar_bg_aleft				{ float:left }
.features_bar_bg_aright				{ float:right }



/*comment box*/
.comment_line { border-bottom:#CBCBCB 1px solid; height:26px; padding-top:6px; padding-left:10px}
.comment_line .left { float:left; }
.relate_photo .comment_line .left a { float:none;border:none; padding:0px; margin:0px;}
.comment_line .right { float:right}
.relate_photo .comment_line .right a { float:none; border:none; padding:0px; margin:0px;}
.comment_line .right img { width:40px; padding:2px; padding-right:5px;}
.drop_right { text-align:right; padding:5px;}
.comment_row { background:#E5E5E5; border-bottom:#CBCBCB 1px solid; border-top:#CBCBCB 1px solid; padding:5px 0px; height:21px;}
.comment_num{ width:40px; float:left;padding-top:3px}
.comment_title{ width:640px; float:left; padding-right:20px;}
.comment_user{ width:150px; float:left}
.comment_date{ width:150px; float:left}
.comment_detail{ border-bottom:#CBCBCB 1px solid; height:1%; padding:6px 0px; text-align:left}
.comment_detail .comment_user{ width:130px; float:left; text-align:left; color:#999999; padding-left:10px;}
.comment_detail .comment_date{ width:50px; float:left; text-align:left; padding-top:3px}
.comment_detail_gray{ border-bottom:#CBCBCB 1px solid;border-top:#ffffff 1px solid; height:1%; padding:6px 0px; text-align:left; background-color:#F3F3F3; color:#999999}
.comment_detail_gray .comment_user{ width:130px; float:left; text-align:left; padding-left:10px;}
.comment_detail_gray .comment_date{ width:50px; float:left; text-align:left; padding-top:3px}

.comment_add{ padding:10px;}
.relate_photo .img .comment_add a{ padding:0px; margin:0px; border:none; color:#FF3A7B; font-weight:bold; margin-right:2px; margin-left:2px; float:none}
.textarea_box{ float:left; width:650px; padding:10px 0px;}
.input_box{ float:right; width:215px; padding:10px 0px;}
.input_box input { margin-bottom:10px; padding-top:3px;}


/*footer box*/
.footer{width:900px; margin:0 auto; padding:5px 0px 20px 0px;font-size:11px}
.footer_bar{background-image:url(/Themes/images/footer_bg.gif); background-repeat:repeat-x; height:30px; padding:10px;}
.footer_text{padding:0px 10px; color:#666666 }
.footer_text .left{float:left; width:680px; }
.footer_text .right{float:right; width:200px;}
.footer_text a{color:#666666; text-decoration:none}


/*float intro box*/
.s_intro_box{ position:absolute; width:175px;}
.s_intro_content{ background:url(../images/f_box_middle.gif) top no-repeat; padding:0 10px 0 20px; font-size:10px; line-height:15px;font-weight:normal}


/*navi box*/
.navi{ margin-top:20px;padding-bottom:2px;height:30px; background-image:url(../images/navi_bar.gif); background-repeat:repeat-x; background-position:bottom}
*+html .navi{ margin-top:20px;  padding-bottom:2px;height:30px;}
*html .navi{ margin-top:20px;  padding-bottom:0px;height:30px;}
.navi .stuon{ float:left; height:31px; background-image:url(/Themes/images/navi_on.gif); background-repeat:no-repeat; background-position:left top;margin-top:1px; }
.navi .stuon div{ font-size:16px; font-weight:bold; text-align:center; padding:10px 20px 3px 20px; background-image:url(/Themes/images/navi_on_2.gif); background-repeat:no-repeat; background-position:right top}
*html .navi .stuon div{ padding-top:8px; padding-bottom:4px;}
*+html .navi .stuon div{ padding-top:8px; padding-bottom:4px;}
.navi .stuoffright{ float:left; height:21px; border-right:#D4D4D4 1px solid; border-top:#D4D4D4 1px solid; padding:1px 1px 0px 1px; margin-top:6px; margin-bottom:3px;}
.navi .stuoffleft{ float:left; height:21px; border-left:#D4D4D4 1px solid; border-top:#D4D4D4 1px solid; padding:1px 1px 0px 1px;margin-top:6px;margin-bottom:3px;}
.navi .stuoffright div{ background-color:#F3F3F3; padding:1px 30px;}
.navi .stuoffleft div{ background-color:#F3F3F3; padding:1px 30px;}


/*paging*/
.paging_box{ text-align:center; font-size:13px; font-weight:bold; padding:20px 0}
.paging_box a{ border:1px solid #999999; padding:5px 7px; margin:0 3px; font-weight:bold}
.paging_box a:hover{ text-decoration:none}
.paging_box .white{ border:1px solid #FF0073; background-color:#FF75B4;padding:5px 7px; margin:0 3px; font-weight:bold}




/*header dropdown*/
.header_dropdown_box{ position:absolute; width:180px;  margin-top:20px; margin-left:-20px; border-top:#000000 1px solid}
*html .header_dropdown_box{ position:absolute; width:180px;  margin-top:16px; margin-left:-20px; border-top:#000000 1px solid}
*+html .header_dropdown_box{ position:absolute; width:180px;  margin-top:16px; margin-left:-20px; border-top:#000000 1px solid}
.header_dropdown{background:url(../images/drop_bg.gif) repeat-y; padding:0 5px}
.header_dropdown a.white{ text-decoration:none; display:block; width:160px}
.header_dropdown_cell_on{ background: url(../images/dropdown_on.gif) no-repeat center; padding-left:15px; font-weight:bold; line-height:20px}
.header_dropdown_cell_off{ background: url(../images/dropdown_off.gif) no-repeat center; padding-left:15px; font-weight:bold; line-height:20px}

.header_color_box{ position:absolute; width:360px;  margin-top:20px; margin-left:-20px}
*html .header_color_box{ position:absolute; width:360px;  margin-top:16px; margin-left:-20px}
*+html .header_color_box{ position:absolute; width:360px;  margin-top:16px; margin-left:-20px}
.header_color{ background:url(../images/drop1_bg.gif) repeat-y; height:1%; padding-left:4px}
.header_color_cell{ float:left; margin:5px 0; padding:3px; border:1px solid #333333; width:80px}
.header_color_cell_on{ float:left; margin:5px 0; padding:3px; border:1px solid #434343; width:80px}
.header_color a.white{ text-decoration:none;}
.header_color img{ margin-right:5px}

.header_brand_box{ position:absolute; width:196px; margin-top:0px; font-size:12px; margin-left:-116px; background: none; padding:0; margin-top:18px; z-index:1000}
#topmenu .header_brand_box{ padding:0px;}
#topmenu .header_brand_box div{ padding:0px;}
.header_brand_content{ background:url(../images/ssidebar_bg.gif) repeat-y; padding:0 12px}
.header_brand_cell_box{}
.header_brand_cell_box a{ display:block; width:168px}
.header_brand_cell_box a:hover{ text-decoration:none}
.header_brand_cell{ font-weight:bold; background:url(../images/sidebar_cell_off.gif) no-repeat center; line-height:20px; padding-left:6px; margin-right:4px }
.header_brand_cell_on{ font-weight:bold; background:url(../images/sidebar_cell_on.gif) no-repeat center; line-height:20px; padding-left:6px; margin-right:4px}


/*google ads*/
.google_ad_728x90{width:728px; margin:0 auto; text-align:center}
.google_ad_728x15{float:left; width:728px; padding-top:2px;}


.shadetabs { border:#0099CC 1px solid; padding:1px; width:100px; cursor:pointer; background-color:#FFFFFF; float:left; position:absolute; background-image:url(/Themes/images/drop.gif); background-repeat:no-repeat; background-position:top right}
.shadetabs li{ display:none}
.shadetabs .selected { display: block; }
.shadetabs_on { border:#0099CC 1px solid; padding:1px; width:100px; cursor:pointer; background-color:#FFFFFF; float:left; position:absolute; background-image:url(/Themes/images/drop.gif); background-repeat:no-repeat; background-position:top right}
.shadetabs_on li{ display: block; border-top: #ffffff 1px solid;}
.shadetabs_on .selected { display: block;  background:none; border:none; }


.search_box{ width:400px; margin:0 auto; height:1%; padding-top:20px}
.search_input{ width:319px; height:21px; background: url(../images/search_bg.gif) no-repeat; float:left; padding:6px 10px}
.search_input input{width:319px; height:19px; border:1px solid white}
.search_bt{ float:right}



/*---------search page-----------*/
.bg{ background-position:0 -65px}
.search_page_box{ margin:100px 0 150px 0}
.search2		{ width:700px; margin:0 auto 0 auto; height:1%; padding-left:150px}
.search2_info	{ font-size:16px; line-height:20px; margin-bottom:5px; padding-left:315px; font-weight:bold}
.search2 li		{ float:left; margin-right:10px}
.search2_txt	{ font-size:20px; font-weight:bold; line-height:33px}
.search2_input	{ width:323px; height:17px; background: url(../images/search_bg.gif) no-repeat; padding:8px}
.search2_input input{ width:320px; height:15px; border:1px solid white}