/*Borders Style Sheet*/


/* Normal styling */
.cb {margin:0em 0;}
	/* Top corners and border */
.bt {
	height:12px;
	margin:0 0 0 18px;
	background:url('../images/box2.png') no-repeat 100% 0;
}


.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:12px;
	background:url('../images/box2.png') no-repeat 0 0;
	font-size:0;
	line-height:0;
}


	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url('../images/box2.png') no-repeat 100% 100%;
}


.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url('../images/box2.png') no-repeat 0 100%;
	font-size:0;
	line-height:0;
}


	/* Left border */
.i1 {
	padding:0 0 0 6px;
	background:url('../images/borders2.png') repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 6px 0 0;
	background:url('../images/borders2.png') repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:0px 5px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}

.one {
	float:left;
	width:68%;
}


.two {
	float:right;
	width:31.5%;

}



.three {
	width:95%;

}

.fourSlide {
	width:101%;
	
}

.fiveRt {
	width:105%;
	margin-left:-12px;
}

.sixCap {
	width:32.7%;
	float:left;
	margin-top:5px;
}

.sixCap2 {
	width:32.7%;
	float:left;
	margin-left:4px;
	margin-top:5px;
}

.sixCap3 {
	width:32.7%;
	float:right;
	margin-top:5px;
}

.sixCap4 {
	width:32.7%;
	clear:both;
	padding-top:5px;
	margin-left: auto;
	margin-right: auto;	
}



/*=====================================  2nd box Start ========================================*/



/* Normal styling */
.cb2 {margin:0em 0;}
	/* Top corners and border */
.btb {
	height:12px;
	margin:0 0 0 18px;
	background:url('../images/box3.png') no-repeat 100% 0;
}

.btb div {
	position:relative;
	left:-18px;
	width:18px;
	height:12px;
	background:url('../images/box3.png') no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bbb {
	height:14px;
	margin:0 0 0 12px;
	background:url('../images/box3.png') no-repeat 100% 100%;
}

.bbb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url('../images/box3.png') no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1b {
	padding:0 0 0 6px;
	background:url('../images/borders3.png') repeat-y 0 0;
}

	/* Right border */
.i2b {
	padding:0 6px 0 0;
	background:url('../images/borders3.png') repeat-y 100% 0;
}

	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */	
.i3b {
	display:block;
	margin:0;
	padding:0px 5px;
	background:#fff7f7;
}
	
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3b:after {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden;
}

.i3b {display:inline-block;}
.i3b {display:block;}

span.two2 {
	float:right;
	width:31.5%;
}

#IEroot span.two2 {
	float:right;
	width:30%;
}

/*=====================================  2nd box end ========================================*/


/*=====================================  Third box Start ========================================*/

/* Normal styling */
.cb3 {margin:0em 0;}
	/* Top corners and border */
.btc {
	height:12px;
	margin:0 0 0 18px;
	background:url('../images/box4.png') no-repeat 100% 0;
}

.btc div {
	position:relative;
	left:-18px;
	width:18px;
	height:12px;
	background:url('../images/box4.png') no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bbc {
	height:14px;
	margin:0 0 0 12px;
	background:url('../images/box4.png') no-repeat 100% 100%;
}

.bbc div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url('../images/box4.png') no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1c {
	padding:0 0 0 6px;
	background:url('../images/borders4.png') repeat-y 0 0;
}

	/* Right border */
.i2c {
	padding:0 6px 0 0;
	background:url('../images/borders4.png') repeat-y 100% 0;
}

	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */	
.i3c {
	display:block;
	margin:0;
	padding:0px 5px;
	background:#f7f7f7;
}
	
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3c:after {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden;
}

.i3c {display:inline-block;}
.i3c {display:block;}

span.two2 {
	float:right;
	width:31.5%;
}

/*=====================================  Third box end ========================================*/