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

.cb1 {
	margin:0em 0em 0em 0px;
	margin-right:5px;
	width:expression(document.body.clientWidth < 840? '165px': '100%' );
}


/* Rules for the top corners and border */

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


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


/* Rules for the bottom corners and border */

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


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


/* Insert the left border */

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


/* Insert the right border */

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

.i13 {
	background:#e9e9e9;
	border:1px solid #e9e9e9; 
	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 */
.i11 {height:1px;}

<![endif]-->