/*
  IR35Calc
  Layout Stylesheet
*/
/*  layout ##############  */
#wrapper
{
	background:#fff;
	width:984px;
	margin:0 auto;
	padding:123px 10px 0;
	position: relative;
}

#col_half
{
	width:470px;
	float:left;
	margin-right:10px;
}

#col_half .fifth
{
	width:150px;
	float:left;
	margin-right:10px;
}

#col_half .fullWidth
{
	float: left;
	width: 470px;
	background: url(../images/bg_hp_guides_banner.gif) top center;
}

#col_half .fullWidth div
{
	height: 152px;
}

#col_half .end
{
	margin-right:0;
}

#col_third
{
	width:282px;
	float:left;
}

#col_quarter
{
	width:190px;
	float:right;
}

#col_mask
{
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
}

#col_mid
{
	width:100%;
	right:197px;
	position:relative;
}

#col_left
{
	width:100%;
	right:563px;
	position:relative;
}

#col_1
{
	width:652px;
	left:896px;
	overflow:hidden;
	float:left;
	position:relative;
}

#col_2
{
	width:126px;
	left:108px;
	overflow:hidden;
	float:left;
	position:relative;
}

#col_3
{
	width:166px;
	left:778px;
	overflow:hidden;
	float:left;
	position:relative;
}
.col_4
{
	/*width:154px;
	margin: 0 10px;*/
	width:154px;
	margin: 0 15px 0 0;
	overflow:hidden;
	float:right;
	position:relative;
	margin-top: 10px;
	display: inline;
}
.minusCol_3
{
	width: 627px !important;
}
/* ############## layout */

/* main ############## */
.main
{
	margin-top:10px;
	border-top:1px solid #e4edf1;
	border-bottom:1px solid #cac4b7;
	background:#e4edf1;
	width:100%;
}

.main .minside
{
	clear:both;
	border-right:1px solid #e4edf1;
	border-left:1px solid #e4edf1;
	padding:70px 10px 4px 10px;
}
.minside.home {
  padding-top: 55px;
  }
.main .mtl
{
	background:url(../images/corner_main.gif) 0 0;
	float:left;
	margin-top:-1px;
	margin-left:0;
}

.main .mtr
{
	background:url(../images/corner_main.gif) 5px 0;
	float:right;
	margin-top:-1px;
	margin-right:0;
}

.main .mbl
{
	background:url(../images/corner_main.gif) 0 5px;
	float:left;
	margin-bottom:-1px;
	margin-left:0;
}

.main .mbr
{
	background:url(../images/corner_main.gif) 5px 5px;
	float:right;
	margin-bottom:-1px;
	margin-right:0;
}
/* ############## main */

/* Shared Colour Styles ############## */
.white,
.blue,
.blueHead,
.orangeHeadWithBorders
{
	width:100%;
	margin-bottom:10px;
}

.white .tl,
.blue .tl,
.blueHead .tl,
.orangeHeadWithBorders .tl
{
	float:left;
	margin-top:0;
	margin-left:0;
}

.white .tr,
.blue .tr,
.blueHead .tr,
.orangeHeadWithBorders .tr
{
	float:right;
	margin-top:0;
	margin-right:0;
}

.white .bl,
.blue .bl,
.blueHead .bl,
.orangeHeadWithBorders .bl
{
	float:left;
	margin-bottom:0;
	margin-left:0;
}

.white .br,
.blue .br,
.blueHead .br,
.orangeHeadWithBorders .br
{
	float:right;
	margin-bottom:0;
	margin-right:0;
}
/* ############## Shared Colour Styles */

/* white ############## */
.white
{
	background: #FFF;
}

.white .tl
{
	background:url(../images/corner_white.png) 0 0;
}

.white .tr
{
	background:url(../images/corner_white.png) 9px 0;
}

.white .bl
{
	background:url(../images/corner_white.png) 0 9px;
}

.white .br
{
	background:url(../images/corner_white.png) 9px 9px;
}

.white .badge 
{
	background: #eff6fa url(../images/bg_badge.gif) 0 100% repeat-x;
}
	
.white .badge .tl, .white .badge .tr, .white .badge .bl, .white .badge .br
{
	background-image: url(../images/corner_white_lead.png);
}

.quote .white_all, .quote .white_all .inside
{
	border-color: #d7dadb;
	background: #e4edf1;
}

.quote .white_all
{
	margin-bottom: -1px;
}
	
.quote .white_all .tl, .quote .white_all .tr, .quote .white_all .bl, .quote .white_all .br
{
	background-image: url(../images/corner_quote.gif);
}

/* ############## white */

/* Blue ############## */
.blue
{
	background:#DBECF5;
}

.blue .tl
{
	background:url(../images/corner_white.png) 0 0;
}

.blue .tr
{
	background:url(../images/corner_white.png) 9px 0;
}

.blue .bl
{
	background:url(../images/corner_white.png) 0 9px;
}

.blue .br
{
	background:url(../images/corner_white.png) 9px 9px;
}
/* ############## Blue */

/* Blue homepage headers, white body ############## */
.blueHead
{
	background: #fff url(../images/bg_blue.gif) repeat-x 0 0;
}

.blueHead .tl
{
	background:url(../images/corner_white.png) 0 0;
}

.blueHead .tr
{
	background:url(../images/corner_white.png) 9px 0;
}

.blueHead .bl
{
	background:url(../images/corner_white.png) 0 9px;
}

.blueHead .br
{
	background:url(../images/corner_white.png) 9px 9px;
}

.blueHeadFooterContainer 
{
	background: #FFF;
	height: 9px;
}
/* ############## Blue homepage headers, white body  */

/* footer ############## */
#footer
{
	border-bottom:1px solid #b6beb9;
	background:#FFF;
	width:100%;
}

#footer .inside
{
	clear:both;
	position:relative;
	border-right:1px solid #b6beb9;
	border-left:1px solid #b6beb9;
	padding:6px 10px 10px;
}

#footer .bl
{
	background:url(../images/corner_footer.gif) 0 5px;
	float:left;
	margin-bottom:-1px;
	margin-left:0;
}

#footer .br
{
	background:url(../images/corner_footer.gif) 5px 5px;
	float:right;
	margin-bottom:-1px;
	margin-right:0;
}
/* ############## footer */

/* white_all ############## */
.white_all
{
	border-top:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	width:100%;
	margin-bottom:10px;
}

.white_all .tl
{
	background:url(../images/corner_white_all.gif) 0 0;
	float:left;
	margin-top:-1px;
	margin-left:0;
}

.white_all .tr
{
	background:url(../images/corner_white_all.gif) 5px 0;
	float:right;
	margin-top:-1px;
	margin-right:0;
}

.white_all .bl
{
	background:url(../images/corner_white_all.gif) 0 5px;
	float:left;
	margin-bottom:-1px;
	margin-left:0;
}

.white_all .br
{
	background:url(../images/corner_white_all.gif) 5px 5px;
	float:right;
	margin-bottom:-1px;
	margin-right:0;
}
.white_all i
{
	width:5px !important;
	height:5px !important;
}

.main:after,
#footer:after,
.white_all:after,
.white:after,
.blue:after,
.blueHead:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.main i,
#footer i
{
	width:5px;
	height:5px;
	display:block;
	position:relative;
	overflow:hidden;
}

.white i,
.blue i,
.blueHead i
{
	width:9px;
	height:9px;
	display:block;
	position:relative;
	overflow:hidden;
}

.white .title,
.blue .title,
.blueHead .title
{
	color:#0a5478;
	font-size:1.2em;
	height:22px;
	border-bottom:1px solid #d7dadb;
	padding:0 0 0 10px;
}

.blueHead .title {
	color: #FFF;
	font-size: 1.5em;
	padding-bottom: 2px;
	}

.white .content,
.blue .content,
.blueHead .content
{
	font-size:1em;
	padding:10px 20px 5px;
}

.white_all .title
{
	height:20px;
	padding:2px 0 0 4px;
}

#article .white_all .title 
{
	color: #0A5478;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin: 0;
	font-weight: bold;
}

.white_all .inside
{
	font-size:0.9em;
	border-right:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	padding: 0;
}

.white .inside,
.white_all .inside,
.blue .inside,
.blueHead .inside
{
	clear:both;
	position:relative;
}
/* ############## white_all */

/* Orange site headers, white body, grey borders ############## */
.orangeHeadWithBorders
{
	background: url(../images/bg_nav_current.gif) repeat-x top;
}

.orangeHeadWithBorders .title
{
	color: #FFF;
	min-height: 29px;
}

.orangeHeadWithBorders .title a
{
	color: #FFF;
	float: left;
}

.orangeHeadWithBorders .title img
{
	vertical-align: middle;
	border: 0;
	float: left;
	margin: 0 0 0 3px;
}

.orangeHeadWithBorders .tl
{
	background:url(../images/corner_white_transparent_all.png) 0 0;
}

.orangeHeadWithBorders .tr
{
	background:url(../images/corner_white_transparent_all.png) 5px 0;
}

.orangeHeadWithBorders .bl
{
	background:url(../images/corner_white_all.gif) 0 5px;
}

.orangeHeadWithBorders .br
{
	background:url(../images/corner_white_all.gif) 5px 5px;
}

.orangeHeadWithBorders .blueHeadFooterContainer
{
	height: 4px;
}
/* ############## Orange site headers, white body, grey borders.  */