@charset "utf-8";
/* CSS Document */
* {
	box-sizing: inherit !important;
	-webkit-box-sizing: inherit !important;
	-moz-box-sizing: inherit !important;
}

#section .breadcrumbs {
	width:100%;
	line-height: 35px !important;
	border-bottom:2px solid #e2e2e2;
	font-size:10px;
	text-align:center;
}

#section .breadcrumbs a {
	color:#444;
	text-decoration:none;
	padding:0px 10px;
}

#section .breadcrumbs a:hover {
	text-decoration:underline;
}

#section .breadcrumbs span {
	color:#444;
	padding:0px 10px;
}

#section .info_panel{
	width:100%;
	height:auto;
	border-bottom:1px solid #e2e2e2;
	background-color:#fafafa;
	background:-moz-linear-gradient(top,#fff,#f6f7f7);
	background:-webkit-gradient(linear,left top, left bottom, from(#fff), to(#f6f7f7));
	background:linear-gradient(top,#fff,#f6f7f7);
}

#section .info_panel table{
	width:340px;
	height:160px;
	margin:0px auto;
}

#section .info_panel table tr td{
	width:170px;
	text-align:center;
	background:url('/img/bg/bgroung.png') center 24px no-repeat;
	vertical-align:text-top;
	padding:40px 0px 0px 0px;
}

#section .info_panel table tr td div{
	margin:25px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	color:#444;
	line-height:22px;
}

#section .content{
	width:900px;
	margin:50px auto;
	line-height: normal !important;	
}

#section .content .list{
	width:535px;
	padding:0px;
	margin:0px 8px 0px 0px;
	list-style:none;
	display:inline-block;
}

#section .content .list li{
	background:url('/img/bg/bgFooter.png');
	line-height:40px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 3px 0px;
	border:1px solid #e9e9e9;
	border-radius:5px;
	overflow:hidden;
}

#section .content .list .act{
	background:url('/img/bg/butbig_bg.png');
}

#section .content .list li .title{
	width:100%;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding:0px 0px 0px 15px;
	text-transform:uppercase;
	cursor:pointer;
}

#section .content .list li .title .plus{
	float:right;
	color:#FFF;
	margin:0px 25px 0px 0px;
	cursor:pointer;
}

#section .content .list ul{
	display:none;
	padding:5px 0px;
	margin:0px;
	list-style:none;
	line-height:40px;
	background:#FFF;
}

#section .content .list ul ol{
	padding:0px 0px 0px 10px;
	margin:0px;
	color:#444 !important;
	font-size:14px !important;
	border-bottom:1px dotted #e9e9e9;
}

#section .content .list ul ol input{
	margin:0px 8px 0px 0px;
}

#section .content .list ul ol .label{
	color: inherit !important;
	font-size: 14px !important;
}

#section .content .list ul ol .pr{
	float:right;
	margin:0px 15px 0px 0px;
}

#section .content .config{
	width:350px;
	border:1px solid #e5f0f7;
	border-radius:5px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
}

#section .content .config .lb{
	line-height:41px;
	text-align:center;
	background:url('/img/bg/bgFooter.png');
	font-family:'PFBeauSansPro', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	margin:0px 0px 8px 0px;
	text-transform:uppercase;
}

#section .content .config table{
	width:100%;
	border-collapse:collapse;
	color:#444;
}

#section .content .config table tr:nth-child(even){
	background:#fbfbfb;
}

#section .content .config table tr:hover{
	background:#ffe8cb;
	cursor:pointer;
}

#section .content .config table th{
	width:120px;
	text-align:left;
	padding:12px 0px 12px 30px;
	background:url('/img/icons/arrow.png') 15px center no-repeat;
	text-transform:uppercase;
	font-size:12px;
}

#section .content .config table tr td{
	font-size:12px;
	text-align:left;
	padding:10px;
}

#section .content .config .order{
	padding:20px 15px;
}

#section .content .config .order .total{
	display:inline-block;
	width:150px;
	line-height:32px;
	border:2px solid #444;
	border-radius:3px;
	font-weight:bold;
	font-size:12px;
	color:#444;
	text-align:center;
}

#section .content .config .order .bt{
	display:inline-block;
	width:150px;
	line-height:36px;
	background:url('/img/bg/bgFooter.png') repeat-x center bottom;
	font-family:'PFBeauSansPro', Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	text-align:center;
	margin:2px 0px 0px 5px;
	padding:0px;
	border-radius:3px;
	border:none;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}

#section .content .config .order .bt:hover{
	background:url('/img/bg/bgFooter_hover.png') repeat-x center bottom;
}

@media (max-width: 640px){
	#section .content {
		width: auto;
	}
	
	#section .content .config {
		width: auto;
		display: block;
		margin: 20px 0px 0px 0px;
	}
	
	#section .content .config .order .total{
		width: 125px;
	}
	
	#section .content .list {
		width: 100%;
		margin: 0px auto;
	}
	
	#section .content .list ul ol{
		position: relative;
	}
	
	#section .content .list ul ol .label{
		font-size: 11px !important;
	}
	
	#section .content .list ul ol .pr{
		position: absolute;
    	font-size: 11px !important;
    	left: 40px;
    	top: 15px;
		color: #ff0000;
	}
}
