/**************************************************

Designed by MyCommerce

Designer : yanglin

css/div use web xhtml for web2.0

update time: 2007/8/1

*************************************************/



/*goble*/

body{padding:0px; margin:0px}

div{font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.layout{width:780px; MARGIN-LEFT:auto; MARGIN-RIGHT:auto; clear:both; zoom:1}

.content_left{float:left; width:550px; background:#FFFFFF; zoom:1}

.content_right{float:right; width:226px; background:#FFFFFF}

.img{border:0px}

a{color:#2379A6; text-decoration:none}

a:hover{color:#E98202; text-decoration:underline}

a img {border:0px}

form{padding:0px; margin:0px;}

textarea{font-size:12px}

/*goble*/



.top_nav{background:url(images/system/nva_bk.gif); height:22px}

.head img{float:left}

.head form {padding:0px; margin:0px}

.head div{float:right; margin-right:5px; margin-left:25px}



.menu{background:#FFFFFF; margin-top:10px; margin-bottom:1px; border-bottom:5px solid #E98202}

.menu ul {margin:0px 0px 0px 5px; list-style:none; padding:0px;height:21px}

.menu li{float:left; width:105px; line-height:21px}

.menu a{display:block; height:21px; color:#FFFFFF; text-align:center; text-decoration:none; background: #3091B9 url(images/system/menu_botton.gif) center no-repeat}

.menu a:hover{background: #82B8DC url(images/system/menu_botton_over.gif) center no-repeat; color:#FFFFFF; text-decoration:none}

.menu a:active{background: #E77B00 url(images/system/menu_botton2.gif) center no-repeat; text-decoration:none}

.current A {background: #E98202 url(images/system/menu_botton2.gif) center no-repeat; text-decoration:none}



.flash_banner{ width:550px; height:166px}



fieldset{border:1px solid #51A6CE; height:155px; padding:5px; margin:0px}

fieldset form{padding:0px; margin:0px}

legend{font-weight:bold; color:#4D90BF;}

legend img{vertical-align:middle}

fieldset div{width:210px; height:20px; margin:5px 0px 5px 0px;}

fieldset label {float:left; width:60px; text-align:right; margin:3px;}

fieldset input{float:right; width:135px}



.login_link{padding:0px; margin:0px; list-style:none; text-align:left}

.login_link li {padding-left:10px; margin:0px; background:url(images/system/arrow1.gif) no-repeat top left; line-height:20px}

.user_link1 {padding:0px; margin:0px}

.user_link1 li{float:left; padding-left:10px; background:url(images/system/arrow1.gif) no-repeat top left; line-height:20px; margin-right:6px}

.user_link2 {margin-top:20px}

.user_link2 img {vertical-align:middle; margin-right:4px}

.user_link2 a {margin-right:20px}







.welcome img{float:left; margin:5px}

.welcome dl{float:right; margin-top:5px; margin-left:5px; padding-right:5px; width:400px}

.welcome dl dd{padding:0px; margin:0px; color:#3F89C3; font-weight:bold; font-size:14px; height:20px; line-height:20px}

.welcome dl dt{line-height:1.5; text-indent:20px; color:#333333}

.welcome dl dt a{color: #E98202}

.welcome dl dt a:hover{color: #82B8DC}

.welcome dl dt img{ float:right}



h4 img{margin:5px 5px 5px 10px; vertical-align:middle}



.hosting{clear:both; background:url(images/system/hosting_icon.gif) no-repeat right bottom;}

.hosting h4{color:#3F89C3; font-weight:bold; font-size:14px; padding:0px; margin:0px}

.hosting ul{padding:0px; margin:0px; list-style:none; margin-top:10px}

.hosting ul li{background:url(images/system/ok.gif) no-repeat; padding-left:20px; margin-left:30px; line-height:1.5}

.hosting_more{text-align:right; padding-right:10px; margin-top:5px; margin-bottom:10px}



/*for customization list page*/

.customization{width:550px;}

.customization h4{color:#3F89C3; padding:0px; margin:0px; font-size:14px}

.customization h5{font-weight:normal; padding:0px; margin:0px; font-size:12px; text-align:right; margin-right:10px}

.customization div{ border-bottom:1px dotted #51A6CE; margin:0px 10px 10px 10px; margin-bottom:5px; background:url(images/system/case_bg.gif) no-repeat left; height:165px}

.customization div .cut_img{background:none; width:220px; text-align:center; height:135px; overflow:hidden; border:none; float:left; padding:15px 0px 0px 4px; margin:0px}

.customization div img{width:210px;}

.customization div dl{float:left; margin-top:10px; margin-left:30px}

.customization div dl dd{padding:0px; margin:0px; color:#3F89C3; font-weight:bold; margin-bottom:10px}

.customization div dl dt{line-height:1.5}



.latest_news{clear:both}

.latest_news h4{color:#3F89C3; font-weight:bold; font-size:14px; padding:0px; margin:0px;}

.latest_news ul{padding:0px; margin:0px; list-style:none; margin:10px; padding-bottom:10px}

.latest_news ul li{line-height:20px; color:#666666; padding-left:10px;}

.latest_news ul li a{color:#333333}

.latest_news ul li a:hover{color:#82B8DC}



/*for template box*/

.template_box{width:226px; background:url(images/system/customization_box_bk.gif)  no-repeat bottom left; margin-top:5px; padding-bottom:20px}

.template_box h4{background:url(images/system/customization_till.gif) no-repeat top left; color:#3F89C3; padding:0px; margin:0px; font-size:14px}

.template_box div{text-align:center; background:url(images/system/yizi.gif) no-repeat top;}

.template_box h5{padding:0px; margin-top:0px; margin-bottom:5px; color:#666666}

.template_image {margin-top:10px; border-bottom:1px solid #CCCCCC; padding-bottom:1px}



.template_box h3{

display:block; 

border:1px solid #CCCCCC; 

text-align:center; 

font-size:12px; 

margin:2px 30px 2px 30px; 

padding:5px; 

color:#333333; 

font-weight:normal;

}



/*for right box*/

.news_box{width:226px; background:url(images/system/news_box_bk.gif)  no-repeat bottom; margin-top:5px; padding-bottom:20px; border:10x solid #FF0000}

.news_box h4{background:url(images/system/till_news.gif) no-repeat top left; color:#3F89C3; padding:0px; margin:0px; font-size:14px}

.news_box ul, .template_box ul{list-style:none; padding:0px; margin:5px 10px 20px 10px}

.news_box ul li, .template_box ul li {padding-left:10px; margin:0px; background:url(images/system/arrow1.gif) no-repeat top left; line-height:20px}

.news_box ul li a, .template_box ul li a{color:#666666; text-decoration:none}

.news_box ul li a:hover, .template_box  ul li a:hover{color:#51A6CE; text-decoration:underline}



ul.liucheng{broder:1px solid #ff0000}



/*for template page*/

.template_listing{clear:both}

.template_listing table{display:block; clear:both}

.template_listing_products{float:left; text-align:center; margin:20px}

.template_listing_products h5{font-weight:bold; font-size:12px}

.cut_template_img{border-bottom:1px solid #999999; padding-bottom:1px; width:128px; height:130px; overflow:hidden}

.template_listing div{}

.template_listing div h5{padding:0px; margin:0px}





.nav_tools{height:25px; line-height:25px; padding-left:30px; margin-top:2px; background:url(images/system/bar.jpg) no-repeat left}

.nav_tools a{color:#000000}





.des_till{font-weight:bold}

.des_details{margin-left:10px; height:54px; overflow:hidden; width:250px; text-indent:10px}

.des_url{margin-top:10px}

.des_url a{text-decoration:underline; color:#3F89C3}

.des_url a:hover{text-decoration:none; color:#E98202}







.custom_form{font-size:12px; background:#f1f1f1; font-family:Arial, Helvetica, sans-serif; color:#333333}

.custom_form td{padding:2px 2px 2px 5px; background:#ffffff}

.custom_form td b{margin-top:10px; margin-bottom:10px; color:#666666; display:block}

.custom_form td span{color:#FF0000; margin-left:5px}

.requer{color:red; margin-left:5px}

.form_name{color:#333333; width:80px; display:block; float:left}





.download_listing{clear:both}

.download_listing dl{display:block; border-bottom:1px dotted #51A6CE; padding:5px; margin:5px}

.download_listing dl dd{font-weight:bold; margin-left:0px; padding-left:0px}

.download_listing dl dd a{color:#237CA9; text-decoration:none}

.download_listing dl dd a:hover{text-decoration:underline; color:#FF3300}

.download_details{margin-left:10px; text-indent:10px; line-height:1.5;}

.download_files img{margin-left:20px}

.download_page {clear:both}

.download_page dd{padding:0px; margin:0px; font-size:14px; font-weight:bold; margin-bottom:10px}



.requirement_list{border:1px dotted #CCCCCC; padding:5px}

.requirement_list ul li{line-height:1.5}

.requirement_list ul li a{color:#0066FF}

.requirement_list ul{list-style:none; padding:0px; margin:0px}

.requirement_list ul span{margin-right:5px}

.requirement_list ul i{margin-left:10px}

.not_login{height:100px; line-height:100px; color:#FF3300; text-align:center}



.answer dd, .answer2 dd, {padding:0px; margin:0px; border-bottom:1px dotted #CCCCCC}

.answer dt{background:#EAF5FE}

.answer2 dt{background:#f1f1f1}

.answer2 dt, .answer dt{padding:5px} 



.hosting_list_till{background:url(images/system/till_template.gif) no-repeat; height:30px; margin-top:10px; line-height:30px; padding-left:10px; font-weight:bold}

.hosting_list_till span{margin-left:10px}

.hosting_list{padding-top:50px; background:url(images/system/template_box_bk.gif) bottom; padding:10px; height:150px}

.hosting_list_left{float:left; width:138px;}

.hosting_list_left a{display:block; text-align:center; margin-top:10px}

.hosting_list_left h2{padding:0px; margin:0px; color:#82B8DC; margin-left:20px}

.hosting_list ul{padding:0px; margin:0px;}





.access {border:1px solid #CCCCCC; margin:20px 0px 20px 0px; padding:20px}

.access dd{padding:0px; margin:0px; font-size:14px; font-weight:bold; margin-bottom:10px; color:#82B8DC}

.access dd img{margin-right:10px; vertical-align:middle}

.access dd dt{line-height:25px}





.forums h3{width:540px; height:30px; line-height:30px; background:url(images/system/till_template.gif) no-repeat; margin:5px 0px 0px 0px; padding:0px 0px 0px 10px; font-size:13px; color:#333333}

.forums ul{list-style:none; margin:0px 0px 10px 0px; padding:0px; background:url(images/system/template_box_bk.gif) bottom no-repeat; padding:10px; height:auto}

.forums ul li{clear:both; height:20px; overflow:hidden; line-height:20px}

.forums ul li span{display:block; float:left}

.a_till{width:330px; margin:0px 5px 0px 5px; overflow:hidden;}

.a_date{width:100px; overflow:hidden}

.a_view{width:80px; overflow:hidden}

/*goble in oscommerce old*/

.small {font-size:10px; color:#999999}

.smallText{font-size:12px; color:#999999}



.pageResults {color:#000000; font-weight:bold;}

.smallText a:hover{color:#FF6633}

.smallText u {width:20px; margin-left:3px; margin-right:3px}

.smallText u img{vertical-align:middle}



.pageHeading{font-size:14px; font-weight:bold; color:#257BA6; height:25px}

.inputRequirement{color:#FF0000}



.productListing{border:1px solid #f1f1f1}

.productListing-heading {

text-align:center;

color: #000000;

font-weight: bold;

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #f2f2f2;

height:20px

}



TD.productListing-data {

border:1px solid #f1f1f1;

text-align:center;

vertical-align:top; 

padding:10 10 10 10;

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

color: #E72600;

}

.messageStackError{ border:1px solid #FF0000}

.infoBox{border:1px solid #f1f1f1}

.infoBoxContents{ background:#ffffff}



.border_preview {

	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; Z-INDEX: 500; BACKGROUND: #fff; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid; POSITION: absolute

}

.title_h2 {margin:10px 0px 10px 20px; font-size:12px; color:#333333

}

#loader_container {

	WIDTH: 100%; POSITION: absolute; TOP: 40%; TEXT-ALIGN: center

}

#loader {

	BORDER-RIGHT: #6a6a6a 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #6a6a6a 1px solid; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 10px; Z-INDEX: 255; PADDING-BOTTOM: 16px; MARGIN: 0px auto; BORDER-LEFT: #6a6a6a 1px solid; WIDTH: 135px; COLOR: #000000; PADDING-TOP: 10px; BORDER-BOTTOM: #6a6a6a 1px solid; FONT-FAMILY: Tahoma, Helvetica, sans; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left

}

#progress {

	FONT-SIZE: 1px; LEFT: 10px; WIDTH: 1px; POSITION: relative; TOP: 1px; HEIGHT: 5px; BACKGROUND-COLOR: #9d9d94

}

#loader_bg {

	FONT-SIZE: 1px; LEFT: 8px; WIDTH: 113px; POSITION: relative; TOP: 8px; HEIGHT: 7px; BACKGROUND-COLOR: #ebebe4

}

.preview_temp_load {

	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: middle; PADDING-TOP: 10px; TEXT-ALIGN: center

}

.preview_temp_load IMG {

	VERTICAL-ALIGN: middle; TEXT-ALIGN: center

}

marquee {display:none}