/* Copyright Bombia Design AB (Incorporated). */

/* 2002-2007. All Rights Reserved. */

/* @group universal */

body {
	margin: 0px;
	font: 12px/18px "Lucida Grande", Verdana, Sans-serif;
	color: #000000;
	height: 100%;
	/*background: #000000 url(images/body_fill.png) repeat-x; new year*/
	background: url(images/bg.gif);
}

a:link { 
	color: #006489;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	text-decoration: 	none;
	font-weight: bold;
	color: #006489;
}

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

h1 {
	font: bold 14px "Trebuchet MS", Verdana;
	margin-top: 0;
	margin-bottom: 4px;
	color: #999999;
}

h2 {
	font: bold 22px "Trebuchet MS", Verdana;
	margin-top: 0;
	margin-bottom: 10px;
	color: silver;
}


em {
	font-weight: normal;
	font-style: normal;
}

img {
	border-width: 0;
}

.imgleft {
	float: left;
	margin-right: 10px;
}

small {
	font-size: 11px;
}

#container {
	width: 760px;
	margin: auto;
}

.field {
	width: 220px;
	margin-bottom: 10px;
	margin-top: 4px;
	float: left;
	padding: 2px;
	border-top: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	font: 12px "Lucida Grande", Verdana, Sans-serif;
}


.textarea {
	margin-bottom: 20px;
	margin-top: 4px;
	float: left;
	padding: 4px;
	border-top: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	height: 100px;
	width: 432px;
	font-family: "Lucida Grande", Verdana, Sans-serif;
}

.select_forfree {
	font-family: "Lucida Grande", Verdana, Sans-serif;
	font-weight: normal;
	font-style: normal;
	margin-left: 4px;
	margin-right: 4px;
}

.field_support {
	width: 200px;
	padding: 2px;
	border-top: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	font: 12px "Lucida Grande", Verdana, Sans-serif;
	margin-left: 4px;
	margin-right: 4px;
}

.error {
	width: 420px;
	float: left;
	background-color: #fbd2d3;
	border-bottom: 1px solid #fabfc1;
	border-top: 1px solid #fabfc1;
	padding-top: 4px;
	margin-bottom: 6px;
	padding-bottom: 4px;
}

form {
	margin: 0;
}

div#qTip {
  padding: 4px;
  border: 1px solid #ffe48e;
  display: none;
  background: #fffbc0;
  text-align: left;
  position: absolute;
  z-index: 1000;
	font: 11px "Lucida Grande", Verdana, Sans-serif;
}


/* @group head */

#head {
	height: 120px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	/*background: url(images/head_back.png) no-repeat; new year*/
}

/* @group logo */

#head #logo {
	width: 280px;
	height: 120px;
	background-image: url(images/logo_back.png);
	float: left;
}

#head #logo a {
	height: 120px;
	width: 280px;
	text-indent: -9000px;
	font-size: 1px;
	display: block;
}

/* @end */

/* @group shortcut */

#head #shortcut {
	float: right;
	height: 20px;
	margin-top: 22px;
	text-align: right;
	color: #fff;
	width: 480px;
}

#head #shortcut a {
	color: #ffffff;
	margin-left: 6px;
	font-size:11px;
	padding: 1px;
}

#head #shortcut a:hover {
	margin-left: 6px;
	color: #D55351;
	font-size:11px;
	background-color: #ffffff;
	text-decoration: none;
}

#head #shortcut em {
	color: #ed1c24;
	margin-right: -2px;
	margin-left: -2px;
	background-image: none;
}

#head #shortcut em a {
	color: #ed1c24;
}

/* @end */

/* @group nav */

#head #nav {
	height: 36px;
	margin-top: 42px;
	float: right;
}

#head #nav a {
	height: 36px;
	padding-left: 11px;
	padding-right: 11px;
	float: left;
	color: #ffffff;
	font: 12px/34px "Trebuchet MS", Verdana;
}

#head #nav a:hover {
	/*background: url(images/nav_hover.png) repeat-x;   new year*/ 
	background:#ffffff;
	color:#D55351;
	font-weight: bold;
	text-decoration: none;
}

#head #nav #on {
	height: 36px;
	padding-left: 6px;
	padding-right: 6px;
	float: left;
	color:#D55351;
	font: bold 12px/36px "Trebuchet MS", Verdana;
	background-color: #ffffff;
}

#head #nav #on_left {
	height: 36px;
	width: 4px;
	background-color: #ffffff;
	float: left;
	background-image: url(images/nav_on_left.png);
}

#head #nav #on_right {
	height: 36px;
	width: 4px;
	float: left;
	background: #ffffff url(images/nav_on_right.png) no-repeat;
}

/* @end */

/* @end */

/* @group area */

#area {
	background: url(images/area_fill.png) repeat-y;
	width: 760px;
	padding-bottom: 20px;
	float: left;
}
#area_case {
	background:#ffffff;
	width: 720px;
	float: left;
	padding: 20px;
	color:#666666;
	line-height:20px;
}

#area_case img {
	border:#D5D5D5 1px solid;
}
/* @group bar */

#bar {
	width: 280px;
	float: left;
}

.space {
	width: 200px;
	height: 20px;
	float: left;
}

/* @group your_shopping_cart */

#your_shopping_cart {
	width: 240px;
	background: url(images/your_shopping_cart_fill.png) repeat-y;
	padding: 20px;
	float: left;
}

#your_shopping_cart h1 {
	margin-top: 0;
	margin-bottom: 8px;
	font: bold 14px "Trebuchet MS", Verdana;
}

#your_shopping_cart ul {
	display: inline;
	margin: 0;
	line-height:150%;
	list-style-image: url(images/bullet_green.gif);
}


/* @end */

/* @group misc */

#misc {
	width: 240px;
	float: left;
	padding: 20px;
}

#case_content {
	width: 240px;
	float: left;
	padding: 20px;
}
#misc em {
	font-weight: bold;
	color: #ed1c24;
}

#misc big {
	font: bold 18px "Trebuchet MS", Verdana;
}

#misc big b {
	color: #ed1c24;
}

#misc #left {
	width: 115px;
	margin-right: 10px;
	float: left;
	font-size: 11px;
}

#misc #right {
	width: 115px;
	float: left;
	font-size: 11px;
}

#misc h1 {
	margin-top: 0;
	margin-bottom: 8px;
	font: bold 14px "Trebuchet MS", Verdana;
}

#misc .product {
	width: 240px;
	float: left;
	margin-bottom: 10px;
}

#misc .product .preview {
	float: left;
	width: 48px;
	height: 48px;
	margin-right: 10px;
	border: 1px solid #c0eaf9;
}

#misc .product .details {
	float: left;
	width: 180px;
	margin-top: 4px;
}

#misc .product .detailsPhoto {
	float: left;
	width: 170px;
	margin-top: 4px;
}
/* @end */

/* @end */

/* @group page */

#page {
	width: 440px;
	padding: 20px;
	float: right;
}

#page #main {
	width: 440px;
	float: left;
	margin-bottom: 20px;
}

/* @group advantage */

#area #page .advantage {
	width: 440px;
	float: left;
	margin-bottom: 20px;
}

#area #page .advantage .left {
	float: left;
	width: 48px;
	height: 48px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#area #page .advantage .right {
	float: left;
	width: 382px;
}

/* @end */

/* @group main */

/* @end */

/* @group testimonial */

#page #testimonial {
	width: 400px;
	float: left;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #d6f3fd;
	border-top: 1px solid #c0eaf9;
	border-bottom: 1px solid #c0eaf9;
	font-size: 12px;
	margin-top: 20px;
}

#page #testimonial #text {
	width: 400px;
	float: left;
	margin-bottom: 10px;
}

#page #testimonial #author {
	width: 400px;
	float: left;
	text-align: right;
}
#page #testimonial ul {
	display: inline;
	margin: 0;
	line-height:150%;
	list-style-image: url(images/bullet_green.gif);
	font-size:12px;
}
.article_ul {
	display: inline;
	margin: 0;
	line-height:150%;
	list-style-image: url(images/bullet_green.gif);
	font-size:12px;
}
.list_ul {
	margin: 0;
	line-height:20px;
	list-style-image: url(images/right.png);
	font-size:12px;
}
/* @end */

/* @group product */

#area #page .product {
	width: 440px;
	float: left;
}


#area #page .product .item {
	width: 428px;
	float: left;
	background-color: #f6f7f7;
	color: #006489;
	border-bottom: 1px solid #e5e7e8;
	font: bold 12px "Trebuchet MS", Verdana;
	border-top: 1px solid #f6f7f7;
	padding: 6px;
}

#area #page .product .item .price {
	color: #ed1c24;
	margin-left: 8px;
	font-weight: bold;
	display: inline;
	margin-top: 5px;
	float: left;
}

#area #page .product .item .new {
	width: 24px;
	height: 13px;
	background: url(images/icon_new.png) no-repeat;
	float: left;
	margin-top: 5px;
}

#area #page .product .item .button_add_to_cart {
	float: right;
	margin-right: 4px;
	height: 26px;
	margin-bottom: -2px;
	margin-top: -2px;
}

#area #page .product .item_added {
	width: 428px;
	float: left;
	background-color: #d6f3fd;
	border-bottom: 1px solid #c0eaf9;
	padding: 6px;
	color: #006489;
	border-top: 1px solid #d6f3fd;
	font: bold 12px "Trebuchet MS", Verdana;
}

#area #page .product .item_added .price {
	color: #ed1c24;
	margin-left: 8px;
	font-weight: bold;
	margin-top: 5px;
	display: inline;
	float: left;
}

#area #page .product .item_added .button_remove_from_cart {
	float: right;
	margin-right: 4px;
	margin-bottom: -2px;
	height: 26px;
	margin-top: -2px;
}

#area #page .product .item_purchased {
	width: 428px;
	float: left;
	background-color: #e6f8fe;
	border-bottom: 1px solid #cfeffa;
	padding: 6px;
	color: #006489;
	border-top: 1px solid #e6f8fe;
	font: bold 12px "Trebuchet MS", Verdana;
}

#area #page .product .item_purchased .price {
	color: #ed1c24;
	margin-left: 8px;
	font-weight: bold;
	margin-top: 5px;
	display: inline;
	float: left;
}

#area #page .product .item_purchased .button_download {
	float: right;
	margin-right: 4px;
	height: 26px;
	margin-bottom: -2px;
	margin-top: -2px;
}

#area #page .product .medium_preview {
	width: 440px;
	float: left;
	height: 80px;
	border-bottom: 1px solid #e5e7e8;
}

#area #page .product .large_preview {
	width: 440px;
	float: left;
	margin-top: 20px;
}

#area #page .product .large_preview img {
	background: url(images/loading.gif) no-repeat center 10px;
}

#area #page .product .title {
	width: 440px;
	float: left;
	height: 34px;
}

#area #page .product .details {
	width: 440px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

#area #page .product .details .style {
	width: 210px;
	float: left;
	margin-right: 20px;
}

#area #page .product .details .kit {
	width: 210px;
	float: left;
}

.c9 {
	color:#999999;
}

#area #page .product .name {
	float: left;
	margin-top: 5px;
	margin-left: 4px;
}

/* @end */

/* @group faq */

#area #page .faq {
	width: 440px;
	float: left;
	margin-top: 20px;
}

/* @end */

/* @group search */

 #search {
	width: 428px;
	float: left;
	background-color: #f9f9f9;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
}

/* @end */




/* @group foot */

#foot {
	width: 760px;
	height: 40px;
	padding-top: 40px;
	color: #ffffff;
	text-align: center;
	font-size: 11px;
	background: url(images/foot_back.png) no-repeat;
	clear: both;
}
#foot_case {
	width: 760px;
	height: 40px;
	padding-top: 40px;
	color: #ffffff;
	text-align: center;
	font-size: 11px;
	background: url(images/foot_back2.png) no-repeat;
	clear: both;
}
#foot a {
	color: #d6f3fd;
	font-weight: normal;
	font-style: normal;
	margin-left: 6px;
}

/* @end */

/* @end */


.fleft {
	FLOAT: left
}
.fright {
	FLOAT: right
}
.phost {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(images/product_bg.jpg) no-repeat; PADDING-BOTTOM: 15px; MARGIN: 1px 1px 6px; WIDTH: 185px; PADDING-TOP: 15px; HEIGHT: 261px
}
.product_name {
	PADDING-RIGHT: 3em; FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 24px; HEIGHT: 30px; TEXT-ALIGN: right
}
.product_price {
	FONT-WEIGHT: bold; LINE-HEIGHT: 26px
}
.product_info {
	LINE-HEIGHT: 18px; HEIGHT: 176px
}
.fcenter {
	TEXT-ALIGN: center
}
.highlighttld {
	FONT-SIZE: 12px; COLOR: #cc0000; FONT-FAMILY: "Tahoma"
}
.inputbox {
	BORDER-RIGHT: #cfdef1 1px solid; BORDER-TOP: #cfdef1 1px solid; BORDER-LEFT: #cfdef1 1px solid; LINE-HEIGHT: 20px; BORDER-BOTTOM: #cfdef1 1px solid; HEIGHT: 20px
}
.commontld {
	FONT-SIZE: 12px; FONT-FAMILY: "Tahoma"
}
.vmserver {
	WIDTH: 440px
}

a.netbuscn{float:left;display:block;width:130px;height:50px;line-height:200px;background:transparent url(images/logo_netbus.gif) no-repeat center top;overflow:hidden;border:1px solid #eee;margin:0 10px 10px 0;}
a.icbc{float:left;display:block;width:130px;height:50px;line-height:200px;background:transparent url(images/icbc_logo.gif) no-repeat center top;overflow:hidden;border:1px solid #eee;margin:0 10px 10px 0;}
a.abc{float:left;display:block;width:130px;height:50px;line-height:200px;background:transparent url(images/abc_logo.gif) no-repeat center top;overflow:hidden;border:1px solid #eee;margin:0 10px 10px 0;}
a.cmb{float:left;display:block;width:130px;height:50px;line-height:200px;background:transparent url(images/bmc_logo.gif) no-repeat center top;overflow:hidden;border:1px solid #eee;margin:0 10px 10px 0;}
a.tenpay{float:left;display:block;width:130px;height:50px;line-height:200px;background:transparent url(images/tenpay_logo.gif) no-repeat center top;overflow:hidden;border:1px solid #eee;margin:0 10px 10px 0;}

.clear{font-size:1px;line-height:1px;clear:both;height:1px; }
.mlink{margin:0 5px;}

.texttype1{
	font-size:12px;
	background:url(images/texttype1.gif) no-repeat left center;
	padding-left:20px;
	color:#B8B8B9;
}

#cc  a{font-size:11px;color:#999999;text-decoration:none;}
#cc  a:hover{color:#FF0000;}
#pager a{font-size:11px;color:#999999;text-decoration:none;}
#pager a:hover{color:#FF0000;}
#cc img{
	border:#D3D5D2 1px solid;
}
#cc {
	color:#999999;
}

<!--user-->
.dataform{}
.dataform p{margin-top:20px; height:20px;_height:24px;*height:24px;clear:both;overflow:hidden;}
.dataform label{ float:left; display:block; width:90px;font-weight:bold; height:20px; line-height:20px;}
.dataform .txt,.body_box .radio,.body_box .checkbox,.body_box .select{ float:left;margin-right:5px;font-size:12px;}
.dataform span{ display:block; float:left;height:20px; line-height:20px; margin-right:10px;}
.dataform b{display:block; float:left; width:16px; height:18px; overflow:hidden; margin:4px 6px 0 0;_margin:-2px 2px 0 0;*margin:-2px 2px 0 0;}
.dataform em{ color:#F00;}
.dataform .mes{padding:8px 0 0 90px;margin:0px;}
.dataform  a{ color:#2D80B6;}
.dataform .btn{clear:both;}

.maxbody{ background: #FFF url(/images/bg_content_body.jpg) repeat-x 0 0; border:1px solid #B8BCC5;padding:30px; overflow:hidden;*height:1%;}

.maxbody .sidepic{ background:url(/images/bg_reglogin.jpg) no-repeat 0 0; width:300px; float:left; height:400px; float:left;}
#area_case .maxbody img{border:none}
.reglogin{width:350px; float:left;}
.reglogin .title{ line-height:40px; height:40px; border-bottom:2px solid #D7E2E8;}
.reglogin .title *{ vertical-align:middle;}
.reglogin .title span{ color:#FD6C00;padding-left:10px;}
.reglogin label{font-size:14px;font-weight:normal;}
.submit2{ background:url(/images/btn_submit2.jpg) no-repeat 0 0; width:70px; height:27px; line-height:27px; border:0px; text-align:center; cursor:pointer; color:#5DA100;font-weight:bold;font-size:12px;}
.fs_14{font-size:14px; color:#FD6C00 !important; text-decoration:underline;}
.box_line{ background-color:#D7E2E8; height:2px; font-size:0px;margin-top:20px; clear:both;}

.side{ width:150px; float:left;overflow:hidden;}
.side_title{}
.side_line{ background-color:#549400; width:120px; height:2px; font-size:0px; clear:both;margin:4px 0;}
.side_menu{ position:relative; right:-1px;}
.side_menu ul{}
.side_menu li{ height:40px; line-height:40px;padding-left:40px; color:#696D78;}
.side_menu li a{color:#696D78;}

.side_menu .current{ border:1px solid #B8BCC5; border-right:1px solid #FFF; background-color:#FFF;}
.side_menu .current a{ color:#F07100;font-weight:bold;}
.side_menu_m{ position:relative; right:-1px;}
.side_menu_m ul{font-size:14px;margin:0;padding:0;}
.side_menu_m li{background:url(/images/li_2.jpg) no-repeat 20px 50%; height:40px; line-height:40px;padding-left:40px; color:#696D78;}
.side_menu_m li a{color:#696D78;}

.side_menu_m .current{background:url(/images/li_1.jpg) no-repeat 20px 50%; border:1px solid #B8BCC5; border-right:1px solid #FFF; background-color:#FFF;}
.side_menu_m .current a{ color:#F07100;font-weight:bold;}

.content{border:1px solid #B8BCC5; background-color:#FFF; width:560px !important; _width:635px; float:left;overflow:hidden;}
.content .title{ background:url(/images/bg_content_title.jpg) repeat-x 0 0; height:46px; line-height:46px; border-bottom:1px solid #B8BCC5;padding:0 6px;}
.content .title h1{ color:#589F29;font-size:16px;}
.content .title h1 a{ color:#589F29;font-size:16px;font-weight:bold;}
.content .title em{ float:right;margin:8px 0 0 10px;}
.content .title span{float:right;font-size:14px; color:#F15500; font-weight:bold;}
.content .title a{font-size:12px; font-weight:normal}
.content .body{ background:url(/images/bg_content_body.jpg) repeat-x 0 0; min-height:500px; height:auto !important; height:800px;}
.content .body .body_con{padding:0 30px; overflow:hidden;}
.content .body .body_con .btn{padding:0 18px 10px; clear:both;}
.content .body .body_content{padding:10px; line-height:22px;}

.detailtable{border-collapse:collapse;border:1px solid #B8BCC5;}
.detailtable td {padding:5px;}
.TitleTD{color: #555555;line-height: 16px;border: 1px solid #D1D1D1;padding:4px;background-color: #F1F1F1;font-weight: bold;}
.ContentTD{color: #555555;line-height: 16px;border: 1px solid #D1D1D1;padding:4px;background-color: #FFFFFF;}
.redtext{color: #ff0000;}
.sectiontitle{color: #555555;line-height: 20px;font-weight: bold;}

.typetitle{ overflow:hidden;padding:6px 0;}
.typetitle a{ color:#5079C8; text-decoration:underline;padding-left:10px;}
.typetitle h2{font-size:14px; color:#474A53;padding:8px 0;}
.typetitle em{ float:right;}
.typetitle span{font-size:12px;font-weight:normal;padding-left:6px;}