/* CSS Document */

li {
	list-style: none;
}

* {
	zoom:1;
	margin: 0px;
	padding: 0px;
}
.cen {
	text-align: center;
} 
.clear {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both;
}
.fix {
	clear: both;
}
.con {
	margin: 0px auto auto;
	min-height: 604px;
	background-color: #f2f2f2;
    padding: 10px;
    width: 871px;	
}
.c-part1 {
	width: 497px;
	min-height: 20px;
	float: left;
	padding: 0px 40px;
}
.c-part2 {
	padding-bottom: 25px;
	width: 278px;
	min-height: 20px;
	float: right;
    padding-right: 10px
}
.title01 {
	font: bold 30px  Arial;
	padding-bottom: 5px;
	display: block;
}
.title01 span {
	color: #4bafd9;
}
.ui-slider-horizontal .ui-slider-handle {
	top: 57px;
	width: 33px;
	height: 33px;
	display: block;
	margin-left: -16px;
	background: url("images/slid.png") no-repeat scroll 0px 0px transparent;
}
.slider-content {
	background: url("images/slider_prog.jpg") no-repeat scroll 0px 12px transparent;
	width: 483px;
	padding-right: 4px;
	padding-left: 3px;
	margin-top: 30px;
	margin-bottom: 31px;
}
#slider_pak {
	width: 480px;
	height: 92px;
}
.slider-in {
	position: absolute;
	width: 487px;
	height: 44px;
	margin-top: -46px;
	background: url("images/slider_prog.jpg") no-repeat scroll 0px 0px transparent;
}
.ui-widget-header {
	background: url("images/slid_progress.png") no-repeat scroll 2px 12px transparent;
}
.tool-tip {
	position: relative;
	width: 487px;
	height: 70px;
	top: -30px;	
}
.cloud {
	text-shadow: -1px -1px 1px #9a9a9a;
	position: absolute;
	float: left;
	font: bold 14px Arial;
	color: #ffffff;
	bottom: 10px;
}

.cloud .p1 , .cloud .p2{
	z-index: 10;
	background: url("images/toolbg.png") repeat-x 0 0  transparent;
	position: relative;
    min-width: 10px;
}
.cloud .p1{
	min-height: 19px;
	line-height: 19px;
	padding: 3px 7px 0 7px;
}
.cloud .p2 {
	height: 8px;
	background-position: center bottom;
}
.cloud .pright, .cloud .pleft {
	background: url("images/toolbgc.png") no-repeat 100% 0px transparent;
	right: -3px;
	top: 0px;
	position: absolute;
	height: 100%;
	width:3px;
	z-index: 10;
}
.cloud .pright{
	float: right;
	background-position: 100% 0px ;
	right: -3px;
}
.cloud .pleft {
	float: left;
	background-position:0 0px ;
	left: -3px;
}
.cloud .p2 .pright {
	background-position: right bottom;
}
.cloud .p2 .pleft{
	background-position: left bottom;
}
.cloud-p3 {
	z-index: 10;
	background: url("images/tool_s.png") no-repeat 100% 0px transparent;
	height: 8px;
	width:15px;
	position: absolute;
	bottom: 5px;
	width: 15px;	
}
.cloud ul{
    margin:0
}
.line-shadow {
	height: 13px;
	width: 515px;
	background: url("images/line_shadow.gif") no-repeat 0 0 transparent;
}
.title-plan {
	margin-bottom: 5px;
	font: bold 24px Arial;	
}
.plan-list li ul li {
	min-height: 33px;
	font: bold 18px Arial;
	display: block;
	clear: both;
	padding-left: 22px;	
	background: url("images/star.gif") no-repeat 0 5px transparent;
}
.plan-list li ul li span {
	color: #fd5427;
}
.sum-list li ol li.first{
    border-bottom: 1px solid #E2E2E2;
    color: #000000;
    font: bold 14px/20px Arial;
    padding: 2em 0 4px 20px;
	background:none
}
.sum-list li ol li{
    border-bottom: 1px solid #E2E2E2;
    color: #999999;
    font: 12px/14px Arial;
    padding: 4px 0 4px 35px;
	background: url('images/bulet.png') no-repeat  22px center
}
.sum-list li ol li span{
    color: #f80;
	font-weight: bold;
}
.prod-sum {
	width: 277px;	
}
.prod-sum-top {
	min-height: 52px;
	padding: 25px 60px 0 16px;
    width: 195px;
	background: url("images/sum_top.jpg") no-repeat 0 5px transparent;
	font: bold 15px Arial;
	color: #ffffff;
}
.prod-sum-top div {
	font: bold 12px Arial;
}
.prod-sum {
	min-height: 300px;
}
.prod-sum-middle {
	overflow: hidden;
	width: 269px;
	border: 1px #e5e3e3 solid;
	border-width: 0px 1px;
	min-height: 50px; 
}
.prod-sum-bottom {
	width: 271px;
	height: 13px;
	background: url("images/sum_bottom.jpg") repeat-y 0 0 transparent;
}
.sum-list {
	margin-bottom: 13px;
}
.sum-list li ul li{
	font: bold 18px Arial;
	display: block;
	clear: both;
	padding-left: 18px;	
	background: url("images/sum_repeat.jpg") repeat-x 0 5px transparent;
	border-bottom: 1px #e2e2e2 solid;
	font: bold 14px/34px Arial;
	min-height: 35px;
	word-wrap: break-word;
}
.sum-list li ul li span {
	color: #357c9a;
	
}
.prod-sum-z {
	padding-bottom: 10px;
	font: bold 15px Arial;
	text-align: center;
}
.prod-sum-z .z1{
	font: bold 30px Arial;
}
.prod-sum-z .z2{
	font: bold 12px Arial;
	color: #999999;
}
.prom-code-top {
	height: 8px;
	background: url("images/bell.jpg") no-repeat 0 0 transparent;
	padding-left: 10px;
}
.prom-code-top div{
	height: 8px;
	background: url("images/bell.jpg") no-repeat 100% 0 transparent;
	padding-right: 10px;
}
.prom-code-bottom {
	height: 7px;
	background: url("images/bell.jpg") no-repeat 0 -24px transparent;
	padding-left: 10px;
}
.prom-code-bottom div{
	height: 7px;
	background: url("images/bell.jpg") no-repeat 100% -24px transparent;
	padding-right: 10px;
}
.prom-code-middle {
	color: #404040;
	font: normal 14px Arial;
	background: url("images/bell2.jpg") repeat-y 0px 0px transparent;
	padding-left: 10px;
}
.prom-code-middle div {
	background: url("images/bell2.jpg") repeat-y 100% 0px transparent;
	padding-right: 10px;
}
.prom-code {
	margin: 0px 10px 20px 10px;
}
.prom-code-middle div span {
	color: #ff5527;
	font-weight: bold
}
.line-shadow2 {
	margin-bottom: 25px;
	height: 14px;
	min-width: 240px;
	background: url("images/sum_shadow.jpg") no-repeat 15px 0px transparent;
}
.button-sub,
.button-sub span {
	padding: 0px 0px 0px 10px;
	height: 41px;
	cursor: pointer;		
	background: url("images/button.jpg") no-repeat 0px 0px transparent;
	overflow: hidden;
	margin: auto;
	display: inline-block;
}
.button-sub span{
	float: left;
	padding: 0px 10px 0px 0px;
	background: url("images/button.jpg") no-repeat 100% 0px transparent;
}
.button-sub a {
	text-shadow:  1px -1px 1px #9a9a9a;
	text-decoration: none;
	display: block;
	padding: 0px 47px; 
	height: 41px;
	margin: 0px -10px;
	border: none;
	background: none;
	cursor: pointer;
	font: bold 24px Arial;
	color: #ffffff;
	overflow: visible;
	float: left;
	line-height: 36px;
}
.prod-sum {
	position: relative;
}
.tab-or {
	width: 145px;	
	height: 118px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: red;	
	background: url("images/zakl.png") no-repeat 29px -1px transparent;
	font: bold 24px Arial;
	color: #ffffff;
	text-shadow:  -1px -1px 1px #9a9a9a;
}
.tab-or div {
	padding-left: 60px;
	padding-top: 13px;
	/* for firefox, safari, chrome, etc. */
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg) !important;
	/* for ie */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	position: absolute;
	right: -20px;
	top: -5px;		
}
.tab-or div span {
	float: left;
}
.tab-or div .tab-or2{
	font:normal 12px Arial;
	overflow: hidden;
	display: block;
}
.tab-or div .tab-or1{
	 width: 50px;
}
span.clear {
	display: block;
}
.con-inner {
	padding-left: 6px;
}
.con-inner-top {
	height: 4px;
	padding-left: 5px;
}
.con-inner-top div {
	height: 4px;
	padding-right: 5px;
}
.con-inner-bottom {
	height: 9px;
	padding-left: 5px;
}
.con-inner-bottom div {
	height: 9px;
	padding-right: 5px;
}
.con-inner-middle {
	overflow: hidden;
        margin:0px !important;
        
        
        
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	border: 1px solid #d8d8d8;
}
.con-inner-middle1 {
	padding-top: 30px;
	overflow: hidden;
	background-color: #ffffff;
}
.menu-prod {
	padding-left: 8px;
	position: relative;
	margin-bottom: -5px;
	overflow: hidden;
	position: relative;
	z-index: 20;
}
.menu-prod li {
	display: block;
	float: left;
	padding-left: 13px;
	margin-right: -4px;
}
.menu-prod li a {
	text-decoration: none;
	font: bold 12px/35px Arial;
	padding-right: 13px;
	color: #097bfb;
}
.menu-prod li.active {
	border-radius: 4px 4px 0px 0;
	
	background: #fff;
	border: solid 1px #d8d8d8;
	border-bottom-color: white;
}
.menu-prod li.active a{
	color: #333333;
	font-weight: bold;
	float: left;
}
.menu-prod a {
	height: 35px;
}
.menu-order {
	display: block;
	padding-top: 7px;
	position: relative;
	overflow: hidden;
	padding-left: 10px;
	border-bottom: 2px #ffffff solid;
	height: 25px;
}
.menu-order li {
	display: block;
	float: left;
	padding-left: 10px;
	margin-right: -4px;
}
.menu-order li a {
	text-decoration: none;
	font:bold 12px/28px Arial;
	color: #252525;
	padding-right: 10px;
}
.menu-order li.active {
	background: url("images/tab_top.gif") no-repeat 0px 0px transparent;
	
}
.menu-order li.active a{
	background: url("images/tab_top.gif") no-repeat 100% 0px transparent;
	float: left;
}
.menu-order a {
	height: 24px;
}
.title-b {
	margin-top: 10px;
	margin-bottom: 10px;
	font: bold 24px Arial;
}
#currform select option{
	padding: 0 10px 0 3px
}
#currform{
    padding: 5px 10px 0
}