body{
	padding:0;
	background:#f7f7f7;
}
.wraper{
}
h2{
	background:#b5bdc4 url(../images/heading-bg.png) repeat-x;
	color:#fff;
	border-bottom:2px solid #98a1a7;
	padding:0 25px;
	margin:0;
	font-size:18px;
	line-height:28px;
}
/* header
--------------------------------------------------------------- */
.header{
	background:#396e8a url(../images/header-bg.png) repeat-x;
	text-align:center;
	padding:7px 65px;
	position:relative;
}
	.collapse-icon,
	.back{
		position:absolute;
		right:18px;
		top:7px;
	}
	.back{
		right:auto;
		left:18px;
	}
/* 
--------------------------------------------------------------- */
.border-radius,
.outer-section,
.login-section{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.bot-radius,
.bot-section{
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.top-radius,
.login-section h2{
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.main{
}
.search-section{
	padding:10px 0 10px 0;
	margin:0 40px 0 10px;
}
	.search-query{
		width:100%;
	}
.outer-section{
	margin:10px 10px 50px;
	border:1px solid #d6d6d6;
	position:relative;
	background:#fff;
}
.order-section{
	border-bottom:1px solid #d6d6d6;
	padding:10px 0;
	font-size:12px;
	position:relative;
}
.order-section:hover div{
	color:#000;
}
	.order-detail{
		float:left;
		width:22%;
		margin-right:2%;
		text-align:right;
	}
		.order-section span{
			font-size:14px;
			font-weight:bold;
			display:block;
			margin:0 0 2px;
		}
	.order-number{
		float:right;
		width:75%;
		position:relative;
	}
		.order-number,
		.order-number span{
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
		}
	.order-inner{
		position:relative;
		padding-right:40px;
	}
		.next-arrow{
			position:absolute;
			right:12px;
			top:10px;
		}
		.next-arrow img{
			width:13px;
		}
	.overall{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		display:block;
	}
.login-section{
	margin:10px;
	border:1px solid #d6d6d6;
	background:#fff;
}
	.login-section h2{
		background:#f7f7f7;
		color:#333;
		border-bottom:1px solid #d6d6d6;
		font-size:16px;
		padding:5px 82px 5px 22px;
	}
	.login-inner-section{
		padding:15px 40px 25px;
		position:relative;
	}
		.contact{
			position:absolute;
			right:14px;
			top:-29px;
			color:#333;
			font-size:12px;
		}
		.contact:hover{
			color:#333;
			text-decoration:none;
		}
		.text-field,
		.password-field{
			width:90%;
			padding:8px !important;
		}
	.bot-section{
		background:#f7f7f7;
		padding:10px 20px;
		text-align:right;
		border-top:1px solid #d6d6d6;
	}
.desc-section{
}
	.desc-section p{
		border-bottom:1px solid #d6d6d6;
		margin:0;
	}
	.desc-section p.last-item{
		border-bottom:0;
	}
	.desc-section span{
		display:inline-block;
		border-right:1px solid #d6d6d6;
		width:23%;
		text-align:right;
		padding-right:8px;
		margin-right:8px;
		line-height:30px;
		font-size:12px;
	}
	.desc-section .clr{
		background:#f7f7f7;
	}
.parts-section-wrap{
	padding:8px 112px 8px 8px;
	font-size:14px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	border-bottom:1px solid #d6d6d6;
}
	.parts-section-wrap span{
		margin-top:3px;
		display:inline-block;
		font-size:10px;
	}
.parts-section-wrap.clr{
	background:#f1f2f4;
}
.parts{
	position:absolute;
	right:3px;
	top:-32px;
	font-size:16px;
	color:#333;
}


.fl{ float:left}
.fr{ float:right}
.cl{ clear:both; font-size:0; height:0; }
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.png { /* for png images to fix for IE6*/ }


/* Alignments */
.center { text-align:center }
.right { text-align:right }
.top {vertical-align:top }
.middle { vertical-align:middle }

/* custom radio style */
.radio-section{
	position:absolute;
	right:10px;
	top:20px;
}
.radio,
.radio-doa,
.radio-wip,
.radio-bad{
	height: 23px;
	width: 50px;
	float:left;
	margin:0;
	padding:0;
	background: url(../images/radio.png) left top no-repeat !important;
	cursor: default;
}
.radio.selected {
	background: url(../images/radio.png) left -50px no-repeat !important;
}
.radio input,
.radio-doa input,
.radio-wip input,
.radio-bad input{
	display: none;
}
.radio input.show,
.radio-doa input.show,
.radio-wip input.show,
.radio-bad input.show{
	display: inline;
}
.radio-doa{
	background: url(../images/radio.png) -50px -50px no-repeat !important;
}
.radio-doa.selected{
	background: url(../images/radio.png) -50px 0 no-repeat !important;
}
.radio-wip{
	background: url(../images/radio.png) -50px -50px no-repeat !important;
}
.radio-wip.selected{
	background: url(../images/radio.png) -50px 0 no-repeat !important;
}
.radio-bad{
	background: url(../images/radio.png) -50px -50px no-repeat !important;
}
.radio-bad.selected{
	background: url(../images/radio.png) -50px 0 no-repeat !important;
}