﻿
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;/*vertical-align:baseline;background:transparent*/}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* text */
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:0px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:none}ul{list-style:disc}li{margin-left:0px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:0px}
a{color:#363636;outline:none;text-decoration:none}
a:hover{color:#079ac2;}
.blue{color:#079ac2}
.blue:hover{color:#363636}
img{border:none;outline:none}
body{background:url(../images/sub_hdr_bgnd.gif) repeat-x top;}
/* content_main  */
#content_main{width:960px;margin:0 auto;position:relative}
ul{list-style-type:none}

/* header */
.logo{float:left;height:68px;}
#header{padding:8px 0 0 0;}
.right_block{width:688px;float:right;}
.header_menu2{text-align:right;font-size:12px;}
.header_menu2 div{text-align:right;overflow:hidden;float:right}
.header_menu2 a{display:block;float:left;padding:0 10px 0 0}
.login span.open{width:16px;height:16px;background:url(../images/button.gif) no-repeat 0 0;display:block;float:left;margin:0 5px 0 0}
#search{clear:both;float:right;padding:30px 0 0 0;z-index:0}
#search input,#footer input{border:1px solid #bebebe;width:166px;height:13px;padding:4px;color:#838383}
.h_top{overflow:hidden;}
#search select,#footer select{border:1px solid #bebebe;width:166px;padding:2px 4px;color:#838383;z-index:0}
#footer select option{z-index:0}
#search form{z-index:0}
#search .searchbtn,#footer .searchbtn{background:url(../images/button.gif) no-repeat -16px 0;width:91px;height:23px;border:none;cursor:pointer}


#main_menu{width:960px;clear:both;margin:25px 0 0 0;position:relative;z-index:1;min-height:40px;}
#main_menu .left{width:4px;height:40px;background:url(../images/menu-left.gif) no-repeat 0 0;float:left}
#main_menu .mid{background:url('../images/menu-mid.gif') repeat-x 0 0;width:952px;float:left;z-index:0}
#main_menu span.main_menu_left{display:block;background:url('../images/menu-right.gif') no-repeat 0 0;width:4px;height:40px;float:left}

#main_menu ul{list-style-type:none}
#main_menu ul .subnav a{font-size:12px;text-transform:uppercase}<!--font-weight:bold;-->
#main_menu ul li.home{background:none}
#main_menu ul li{float:left;background:url(../images/menu_bar.gif) no-repeat right -1px;padding:0 2px 0 0;position:relative}
#main_menu ul li.home a{background:url(../images/home.gif) no-repeat 0 0;width:49px;height:40px;display:block;text-indent:-9999px;padding:0}
#main_menu ul li.home a:hover{background:url(../images/home.gif) no-repeat 0 0 !important}
#main_menu ul li a{display:block;float:left;padding:10px 12px;color:#fff;text-transform:uppercase;font-size:12px;}
#main_menu ul li a:hover {background:#303030}
#main_menu ul li.active a{background:#1a1a19}
#main_menu ul li.last{background:none;}
#main_menu ul li.last ul{left:-60px !important;}




#slidedown_login{position:relative;}
#header_login{top:0;right:0;position:absolute;display:block;z-index:1000}
#header_login_form{position:absolute;top:18px;right:155px;width:244px;height:130px;z-index:1000}
#signin_menu span.top{display:block;background:url(../images/button.gif) no-repeat 0 -193px;overflow:hidden;height:11px;width:244px;}
#signin_menu span.bottom{display:block;background:url(../images/button.gif) no-repeat 0 -208px;overflow:hidden;width:244px;height:8px}
#signin_menu .mid{overflow:hidden;width:224px;background:url(../images/login-mid.png) -1px 0 repeat-y;padding:10px; 10px 0 10px;z-index:1000}
#signin_menu form label{display:block;float:left;width:80px;padding:0 0 0 6px;font-size:12px}
#signin_menu form label.error{width:auto;clear:both;text-align:right;width:204px;}
#signin_menu form p{overflow:hidden;margin:0 0 5px 0}
#signin_menu form input{width:120px;}
#signin_menu .login_submit{cursor:pointer;
height:23px;
width:91px;background:url(../images/button.gif) 0 -216px no-repeat;float:right;border:none;margin:0 13px 0 0}
/* content */
#content{width:960px;margin:15px 0 0 0;clear:both;overflow:hidden}
#content .banner{overflow:hidden;width:960px;background:url('../images/home-banner.png') no-repeat center top;margin:0;padding:0 0 29px;}
.main_content{width:960px;background:url('../images/content-top.gif') no-repeat top center 
#f3f3f3;margin:10px 0 15px 0}
.main_content .mid{overflow:hidden;padding:25px 0 20px 0}
.main_content .bottom{display:block;width:960px;height:9px;background:url('../images/content-bottom.gif') no-repeat top center;overflow:hidden}

/* main content */
.hide{position:absolute;left:-999999px}
/*.title{padding:20px 20px 10px 20px;}*/
.title{padding:10px 0 10px 0;}

/* banner */
#welcome{width:500px; padding:0 0 0 20px;float:left}
#welcome .title{padding:15px 0 0 0}
#welcome ul{padding:15px 0 0 0;width:495px}
#welcome .more{font-weight:bold;font-size:11px;}
#welcome ul li,#discover ul li{	color:#fff;padding:0 0 11px 0;;overflow:hidden;clear:both;font-weight:bold}
#welcome ul li img{	display:block;float:left; padding:0 10px 0 0}
.more{text-align:right;font-size:14px;text-decoration:underline;color:#fff;display:block; cursor:pointer}
.more:hover{color:#fff;}
/* discover */
#discover{width:340px;float:right;padding:0 20px 0 0}
#discover .title{padding:38px 0 0 0}
#discover ul{padding:20px 0 0 0;}
.startnow{width:156px;height:72px;background:url('../images/button.gif') no-repeat 0 -120px;display:block;text-align:right;float:right}
.white_bg{background:#fff;padding:10px;-moz-border-radius:6px;-webkit-border-radius:6px;overflow:hidden;width:900px;margin:0 auto}
/* cleft_block */
.cleft_block{width:560px;float:left;overflow:hidden}
.whatsnew h2{background:url('../images/line.gif') repeat-x bottom;}
.whatsnew ul{padding:0 20px 10px 20px;text-align:justify}
.whatsnew ul li{background:url('../images/round.gif') no-repeat left 15px;padding:5px 0 5px 20px;color:#666}

/* cright_block */
.cright_block{width:310px;float:right;background:url('../images/login-bg.gif') repeat-x top #fff;overflow:hidden;margin:3px 1px 0 0}
* html .cright_block{width:304px;}
.joinnow{background:url('../images/login-icon.gif') no-repeat center left;padding:10px 0 10px 50px;font-size:18px;}
/* login_form */
#login_form label{color:#999999;font-size:16px;display:block;float:left;width:86px}
#login_form input{color:#999999;background:url('../images/button.gif') no-repeat 0 -23px;width:203px;height:11px;float:left;border:none;padding:10px;}
#login_form p{margin:0 0 10px 0;overflow:hidden}
#login_form{padding:20px 0 0 0}
#login_form input:focus{background:url('../images/button.gif') no-repeat 0 -54px;}
#login_form span{display:block;clear:both;text-align:right;padding:10px 0}
#login_form .continue{width:128px;height:35px;cursor:pointer;background:url('../images/button.gif') no-repeat 0 -85px;float:right}
/* footer */
#footer{overflow:hidden;color:#999}
#footer .footer-content{padding:0 20px 10px 20px;overflow:hidden} 
#footer .copyright{border-top:1px solid #cdcdcd;padding:10px 0;text-align:center;clear:both}
.footer-content ul{width:235px;float:left;list-style-type:none}
.footer-content ul li a{text-transform:uppercase;font-size:11px;color:#999999}
.footer-content ul li a:hover{color:#079ac2}
#footer .fooright-blog{width:442px;float:right;}
.social_networks{padding:10px 0;}
.social_networks span{display:block;font-size:14px;font-weight:bold;padding:0 0 5px 0}
.social_networks img{padding:0 5px 0 0 }



#topnav {padding:0;line-height:23px;text-align:right;position:relative}


/*#topnav {
	padding:10px 0px 12px;
	
	line-height:23px;
	text-align:right;
}
*/
#topnav a.signin {
	
	padding:4px 6px 6px;
	text-decoration:none;
	*padding:4px 12px 6px;
	background:none !important;
}

.dropdown_menu{position:absolute;background:#fff;-moz-box-shadow:1px 2px 2px #000;padding:10px;right:0;top:25px;border:1px solid #ccc}
.h_top .more_drop{background:url('../images/hover-arrow.gif') no-repeat right 4px;padding:0 15px 0 0 !important;cursor:pointer}
.dropdown_menu a{display:block;text-align:left}
.menu-open{background:url('../images/hover-arrow-down.gif') no-repeat right 4px !important}


a.signin {position:relative;margin-left:3px;}
a.signin span {
	background-repeat:no-repeat;
	background-position:100% 50%;
}
#topnav a.menu-open {
	color:#666!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}


#signin_menu {display:none;position:absolute;width:210px;z-index:1000;text-align:left;top: 22px; right: 80px; 	margin-right: 0px;color:#789;
	font-size:11px;}


/* Login Page login */
#login label{color:#999999;font-size:16px;display:block;float:left;width:175px}
#login input{color:#999999;background:url('../images/button.gif') no-repeat 0 -23px;width:203px;height:11px;float:left;border:none;padding:10px;}
#login p{margin:0 0 10px 0;overflow:hidden}
#login{padding:20px 0 0 0}
#login input:focus{background:url('../images/button.gif') no-repeat 0 -54px;}
#login span{display:block;clear:both;text-align:right;padding:10px 0}
#login .continue,#login .continue:focus{width:128px;height:35px;cursor:pointer;background:url('../images/button.gif') no-repeat 0 -85px;float:right}
#login .remember{padding-left:175px}
#login .checkbox{width:20px}
#login label.error { color:#990000; display:block; font-size:11px; height:12px; }

/* single row */	
#about_body_table{margin:0 auto}
#single_row .font18,#contents .font18{font-size:18px;font-weight:normal;}

#single_row h1{text-shadow:#FFF 0 1px 1px;color:#353535;padding:10px 0}
/* what is buyers cloud */
#single_row{width:920px;margin:0 auto;padding:0;overflow:hidden}
#whatsbanner li{background:url('../images/display_bg.gif') no-repeat;width:248px;height:227px;float:left;margin:0 28px 0 0;text-align:center;padding:30px 20px;}
#whatsbanner li.getanswers{margin:0}
#whatsbanner h4{padding:0 0 10px 0}

/* two column right */
#two_column_right{margin:0 auto;overflow:hidden;padding:10px 10px;width:900px;background:#fff;}
#register-form input{width:244px}

/*.two_column_right{margin:25px 15px 15px 15px; float:left;overflow:hidden;padding:15px 10px;width:700px;background:#fff;-moz-border-radius:4px;}
*/
.two_column_right{margin:0 auto;overflow:hidden;padding:15px 10px;width:900px;background:#fff;-moz-border-radius:4px;}
.keyworld_search{border:1px solid #eaeaea;padding:5px;;text-align:center;margin:10px 0;}
#keyword{padding:1px}

/* two_column_left */
#two_column_left{margin:0 auto;overflow:hidden;padding:0;width:920px;}
#two_column_left .column_left{width:194px;float:left;}
#two_column_left .right_column{width:706px;float:right;padding:10px}
.verticle_tab {background:url('../images/left_column_bg.gif') no-repeat 154px 0;min-height:555px;height:auto !important;height:555px;padding:10px 0 0 0}
.verticle_tab a{display:block;padding:10px 10px;background:url('../images/hr_line.gif') no-repeat bottom left;font-weight:bold}
.verticle_tab a:hover,.verticle_tab a.active{background:url('../images/button.gif') no-repeat 0 -239px;color:#fff}
.category_block{overflow:hidden}
.category_block .box{overflow:hidden;float:left;width:210px;padding:0 20px 0 0;margin:0 0 10px 0;font-size:12px;}
.category_block .box a{display:block}

#two_column_left .right_block{background:#fff;}
.left_min_block{padding:15px;}
.left_min_block .title{padding:0;color:#0ea0c8;font-size:18px;font-weight:normal;}
.addthis_button{float:right}

.l_block{width:450px;float:left}

/* video blog */
.horiz-tab{border-bottom:2px solid #e1e1e1;overflow:hidden;margin:0 0 10px 0;}
.horiz-tab a{background:url(../images/button.gif) no-repeat 7px -307px;width:151px;height:16px;display:block;float:left;margin:0 5px 0 0;text-align:center;padding:6px 0;font-size:12px;color:#fff !important}
<!--.horiz-tab a span.upload_icon{background:url('../images/cloud_upload.png') no-repeat scroll left center transparent;
-->display:block;margin:0 auto;padding:0 0 0 30px;width:80px;}
.horiz-tab a:hover{background-position:7px -307px;color:#fff;}
.videos-thumb{text-align:center}
.videos-thumb li{float:left;height:220px;width:150px;}
.videos-thumb .thumb{width:137px;background:#fff;border:4px solid #e2e2e2;padding:8px 0 0 0;}
.videos-thumb .thumb:hover{border:4px solid #b8b8b8}
.videos-thumb .thumb a.thumb-img{display:block;padding:0 0 8px 0}
.videos-thumb .thumb span{display:block;background:url(../images/rating-bg.gif) repeat-x;padding:10px 0 8px 0;height:14px;}
.autor{text-align:left;padding:10px 0}
.comment{background:url(../images/comment.gif) no-repeat left center;padding:0 0 0 20px;font-size:12px;}
.views{background:url(../images/eye-icon.gif) no-repeat left center;padding:0 0 0 20px;font-size:12px;}
#videos{margin:10px 0 0 0;overflow:hidden}

/* dropdown */
ul.topnav li span {width: 17px;text-transform:uppercase;height: 35px;float: left;background:url(../images/subnav_btn.gif) no-repeat center 4px;cursor:pointer}
ul.topnav li ul.subnav {background:#4d4d4d; list-style: none;position: absolute;left: 0; top: 38px;margin: 0; padding: 0;display: none;float: left;width: 170px;	overflow:hidden;border-top:none;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-radius-bottomleft:6px;-webkit-border-radius-bottomright:6px; -khtml-border-radius-bottomright:6px; -khtml-border-radius-bottomleft:6px; border-radius:6px;-moz-box-shadow:0px 4px 4px #555555}
ul.topnav li ul.subnav li{margin: 0; padding: 0;border-top: 1px solid #444;clear: both;width: 170px;}
html ul.topnav li ul.subnav li a {float: left;width: 145px;padding:10px 4px 10px 20px !important }
html ul.topnav li ul.subnav li a:hover {background: #303030 !important;}

/* rss-category-list */
.rss-category-list h1{font-size:14px;}
.rss-category-list{float:left;padding:10px ;border:1px solid #f1f1f1;margin:10px 10px 10px 0;width:290px}
.rss_l_block{width:690px;float:left;margin:10px 0 0 0}
.more{background:url('../images/more-btn.png') no-repeat left center;padding:0 0 0 15px;float:right;color:#000;font-size:12px;text-decoration:none;}
.more:hover{text-decoration:none;color:#000}
.w-bg{background:#fff;width:900px;margin:0 auto;padding:10px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}


/* photo-showcase */
#photo-showcase{margin:0 0 0 30px}
#photo-showcase .image-holder{background:#f1f1f1;border:1px solid #ccc;padding:4px;text-align:center;width:120px;margin:0;}

/* light box */
.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.50;filter: alpha(opacity=50);}
		.white_content {display: none;position: absolute;top:25%;left: 50%;width: 600px;height:400px;padding: 16px;border: 2px solid #ccc;background-color: white;z-index:1002;overflow: auto;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;margin:-250px 0 0 -300px;}
		#image_details{margin:10px;}
		#img_edit{width:400px;float:right}
		#image_details img{float:left;width:140px;}
		#image_details .img_edit{float:right;width:400px;}
		#image_details .img-edit-form p{margin:0 0 10px 0 ;}
		#image_details .img-edit-form{text-align:left}
		#image_details .img-edit-form p label{ display:block;width:120px;float:left}
		#image_details .img-edit-form p label.rgt-side{display:block;width:200px;}
		.rgt-side{float:left}
/* blog */
#blog_news{clear:both;margin:15px 0 0 0;overflow:hidden;font-size:12px;}
.latest-blog-article{width:440px;padding:10px;float:left}
.latest-blog-article h1{font-size:16px;background:url('../images/latest-blog.gif') no-repeat left center;padding:10px 0 10px 55px}
.latest-news{width:440px;padding:10px;float:right}
.latest-news h1{font-size:16px;background:url('../images/blog-news.gif') no-repeat left center;padding:10px 0 10px 55px}
.link{color:#c35c00}
.latest-blog-article .content,.latest-news .content{padding:0 10px;background:url('../images/blog-bg.gif') repeat-x top;margin:10px 0 0 0}
.latest-blog-article .content li,.latest-news .content li{border-bottom:1px dotted #ccc;padding:10px 0}
label { width: 15em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }



