/*  Header  */

.all_padding {
	margin:5px;
}

#header h2 {
	width:598px;
	height:40px;
	padding:0;
	margin:0;
	background:#fff url(../images/referencing/referencing_main_header.gif) no-repeat top left;
}

#header #productLinks ul li {
	background:#fff url(../images/referencing/referencing_productLinks_border.gif) no-repeat 0 2px;
}

#header #productLinks ul li.first {
	background:none;
}

#header #productLinks ul li a { 
	color:#D85900;
	text-decoration:none;
}

#header #productLinks ul li a:hover {
	color:#00333D;
}

#header #pageNum ul {
	position:absolute;
	top:39px;
	left:59%;
	padding:0;
	margin:0;
	background:#fff;
}

#header #pageNum ul li {
	list-style:none;
	float:left;
	width:22px;
	height:22px;
	font:bold 0.45em arial, verdana, Sans-Serif;
	text-align:center;
	margin:0;
	padding:0 4px;
	background:url(../images/referencing/referencing_pagenum_off.gif) no-repeat 4px 1px;
}

#header #pageNum ul li.current {
	background:url(../images/referencing/referencing_pagenum_on.gif) no-repeat 4px 1px;
}


/*  Page one agent box  */

#body #page1 {
	width:450px;
	margin:0;
}


/*  Page one image and postcode boxes  */

#body #main {
	background:#D85900;
	width:450px;
	height:310px;
	margin:0;
}

#body #main #image {
	background:url(../images/referencing/postcode_referencing_main.jpg) no-repeat 4px 4px;
	width:214px;
	height:233px;
}

#body #main #postcode {
	width:227px;
	height:228px;
	border:none;
	border-top:4px solid #d85900;
	border-left:4px solid #d85900;
	padding:0;
	background:#00333D;
}

#body #main #postcode h3 {
	color:#fff;
	font:normal 1.5em Trebuchet MS, arial, Sans-Serif;
	padding:5px;
	margin:0;
	text-align:left;
}

#body #main #postcode h3.top {
	height:52px;
	border-bottom:4px solid #d85900;
	padding:20px 0 0 5px;
}

#body #main #postcode p {
	font:bold 0.7em arial;
	color:#fff;
	padding:0 5px 20px 10px;
	margin:0;
	text-align:left;
}

#body #main #postcode form label {
	color:#fff;
	font:bold 0.7em arial;
	padding:0 10px 0 5px;
}

#body #main #postcode form td {
	text-align:left;
}

#body #main #postcode form input {
	width:105px;
	border:1px solid #d85900;
	margin-right:5px;
}

#body #main #postcode input#choose_notreg {
	width:30px;
	height:31px;
	border:0;
	padding:0;
	background:url(../images/referencing/referencing_postcode_submit.gif);
	color:#d85900;
	font:normal 1.2em Trebuchet MS, arial, Sans-Serif;
	position:absolute;
	top:22px;
	right:10px;
}
	

#body #main #postcode input#choose {
	width:30px;
	height:31px;
	border:0;
	padding:0;
	background:url(../images/referencing/referencing_postcode_submit.gif);
	color:#d85900;
	font:normal 1.2em Trebuchet MS, arial, Sans-Serif;
}



/*  Page one footer  */

#body #main #footer {
	border-bottom:4px solid #D85900;
	border-right:4px solid #D85900;
	background:url(../images/referencing/referencing_postcode_footer.gif) no-repeat top right;
	width:446px;
}


/*  Calculator left margin */

#body #leftMargin h2 span.go {
	color:#D85900;
}

#body #leftMargin ul li {
	border:1px solid #00333D;
}

#body #leftMargin ul li a {
	color:#00333D;
	font:normal 1.1em Trebuchet MS,Arial,Sans-Serif;
}

#body #leftMargin ul li a span {
	font-size:0.9em;
}

#body #leftMargin ul li.cpp { /*  See ie.css for Internet Explorer fix  */
	background:url(../images/referencing/leftMarg_referencing_dice.jpg) no-repeat left top;
}

#body #leftMargin ul li.cpp a span {
	background:url(../images/referencing/leftMarg_referencing_dice_go.gif) no-repeat 0 1px;
}

#body #leftMargin ul li.cp { /*  See ie.css for Internet Explorer fix  */
	background:url(../images/referencing/leftMarg_referencing_dice.jpg) no-repeat left top;
	border-top:0;
}

#body #leftMargin ul li.cp a span {
	background:url(../images/referencing/leftMarg_referencing_dice_go.gif) no-repeat 0 1px;
}

#body #leftMargin ul li.xrg { /*  See ie.css for Internet Explorer fix  */
	background:url(../images/referencing/leftMarg_referencing_pocket.jpg) no-repeat left top;
	border-top:0;
}

#body #leftMargin ul li.xrg a span {
	background:url(../images/referencing/leftMarg_referencing_pocket_go.gif) no-repeat 0 1px;
}

#body #leftMargin ul li.erg { /*  See ie.css for Internet Explorer fix  */
	background:url(../images/referencing/leftMarg_referencing_pocket.jpg) no-repeat left top;
	border-top:0;
}

#body #leftMargin ul li.erg a span {
	background:url(../images/referencing/leftMarg_referencing_pocket_go.gif) no-repeat 0 1px;
}

#body #leftMargin ul li.arg { /*  See ie.css for Internet Explorer fix  */
	background:url(../images/referencing/leftMarg_referencing_pocket.jpg) no-repeat left top;
	border-top:0;
}

#body #leftMargin ul li.arg a span {
	background:url(../images/referencing/leftMarg_referencing_pocket_go.gif) no-repeat 0 1px;
}

#body #leftMargin ul li.international_pop { /*  See ie.css for Internet Explorer fix  */
	background:url(../images/referencing/leftMarg_referencing_international.jpg) no-repeat left top;
	border-top:0;
}

#body #leftMargin ul li.international_pop a span {
	background:url(../images/referencing/leftMarg_referencing_pocket_go.gif) no-repeat 0 1px;
}



/*  Help box  */

#body #leftMargin #helpBox {
	border:2px solid #03A600;
}

#body #leftMargin #helpBox h3 {
	background:#03A600 url(../images/referencing/helpBox_landlords_arrow.gif) no-repeat 116px 40px;
}

#body #leftMargin #helpBox .sub { /*  See ie.css for Internet Explorer fix  */
	border:1px solid #00333D;
}

#body #leftMargin #helpBox .sub h4 {
	background:#CDEEBB;
}

/*  Calculator left margin PART 2 */

#leftMargin h2 span.go {
	color:#D85900;
}

#leftMargin ul li {
	border:1px solid #00333D;
}

#leftMargin ul li a {
	color:#00333D;
}

#leftMargin ul li.cpp { /*  See ie.css for Internet Explorer fix  */
	background:url(../images/referencing/leftMarg_referencing_dice.jpg) no-repeat left top;
}

#leftMargin ul li.cpp a span {
	background:url(../images/referencing/leftMarg_referencing_dice_go.gif) no-repeat 0 1px;
}

#leftMargin ul li.cp { /*  See ie.css for Internet Explorer fix  */
	background:url(../images/referencing/leftMarg_referencing_dice.jpg) no-repeat left top;
	border-top:0;
}

#leftMargin ul li.cp a span {
	background:url(../images/referencing/leftMarg_referencing_dice_go.gif) no-repeat 0 1px;
}

#leftMargin ul li.xrg { /*  See ie.css for Internet Explorer fix  */
	background:url(../images/referencing/leftMarg_referencing_pocket.jpg) no-repeat left top;
	border-top:0;
}

#leftMargin ul li.xrg a span {
	background:url(../images/referencing/leftMarg_referencing_pocket_go.gif) no-repeat 0 1px;
}

#leftMargin ul li.erg { /*  See ie.css for Internet Explorer fix  */
	background:url(../images/referencing/leftMarg_referencing_pocket.jpg) no-repeat left top;
	border-top:0;
}

#leftMargin ul li.erg a span {
	background:url(../images/referencing/leftMarg_referencing_pocket_go.gif) no-repeat 0 1px;
}

#leftMargin ul li.arg { /*  See ie.css for Internet Explorer fix  */
	background:url(../images/referencing/leftMarg_referencing_pocket.jpg) no-repeat left top;
	border-top:0;
}

#leftMargin ul li.arg a span {
	background:url(../images/referencing/leftMarg_referencing_pocket_go.gif) no-repeat 0 1px;
}


/*  Help box  */

#leftMargin #helpBox {
	border:2px solid #03A600;
}

#leftMargin #helpBox h3 {
	background:#03A600 url(../images/landlords/helpBox_landlords_arrow.gif) no-repeat 116px 40px;
}

#leftMargin #helpBox .sub { /*  See ie.css for Internet Explorer fix  */
	border:1px solid #00333D;
}

#leftMargin #helpBox .sub h4 {
	background:#CDEEBB;
}
