/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */

.cb2 {
	margin:0em 0em 0em 0px;
	width:expression(document.body.clientWidth < 620? '80%': '90%' );
}


/* Rules for the top corners and border */

.bt2 {
	background:url('../images/layout/borders/box_2.gif') no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}


.bt2 div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url('../images/layout/borders/box_2.gif') no-repeat 0 0;
}


/* Rules for the bottom corners and border */

.bb2 {
	background:url('../images/layout/borders/box_2.gif') no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}


.bb2 div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url('../images/layout/borders/box_2.gif') no-repeat 0 100%;
}


/* Insert the left border */

.i21 {
	padding:0 0 0 12px;
	background:url('../images/layout/borders/border_l_2.gif') repeat-y 0 0;
}


/* Insert the right border */

.i22 {
	padding:0 12px 0 0;
	background:url('../images/layout/borders/border_r_2.gif') 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. */

.i23 {
	background:#fff;
	border:1px solid #fff; 
	border-width:1px 0px;
	padding:0px 10px 0px 20px;
}
/* CSS for the box ends here */



<!--[if lt IE 7]>
/* Serve gif images to IE/Win pre version 7 */
.i21 {height:1px;}

<![endif]-->