/*
	Westpac - Spring home loans - screen styles
*/

/*----------------------- reset default styles -----------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border-style:                           none;
    border-color:                           inherit;
    border-width:                           0;
    margin:                                 0;
    padding:                                0;
	font-style:                             inherit;
	font-size:                              100%;
	font-family:                            inherit;
	vertical-align:                         baseline;
}
table {
	border-collapse:                        separate;
	border-spacing:                         0;
}

/*----------------------- global / basic typography -----------------------*/

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
    font:                                   normal 70% arial,helvetica,san-serif;
    color:                                  #333333;
    background:                             #e9e3db; 
    text-align:                             center;
}
a {
    color:                                  #ffffff;
    text-decoration:                        none;
}
a:hover {
    text-decoration:                        none;
}
h1, h2, h3, h4, h5, h6 {
    margin:                                 0px;
    padding:                                0px;
	line-height:							1.5;
}
p {
    margin:                                 0px;
    padding:                                10px 0px;
	line-height:							1.5;
}
.highlight {
	color:									#dd1903;
	font-weight:							bold;
}
.tracking {
	height:									2px;
	font-size:								2px;
	overflow:								hidden;
}
.cDivBoth {
	clear:									both;
	font-size:								2px;
	height:									2px;
	overflow:								hidden;
}
.hide {
	display:								none!important;
}

/*----------------------- structure -----------------------*/

#header {
	background:								#3f3934;
	height:									30px;
	overflow:								hidden;
	min-width:								980px;
}
#header .logo {
	float:									left;
	width:									82px;
}
#header .url {
	float:									right;
	display:								block;
	width:									165px;
	height:									30px;
	heigh\t:								23px;
	padding-top:							7px;
	background:								url(../images/bg_url.gif) no-repeat top left;
	font-size:								107%;
}
#header .url img {
	margin-right:							5px;
	vertical-align:							middle;
}
.content {
	width:									980px;
	margin:									0 auto;
	overflow:								hidden;
	padding-top:							35px;
	text-align:								left;
}
.content .left {
	width:									474px;
	float:									left;
}
h1 {
	font-family:							times,serif;
	color:									#621a4b;
	font-weight:							bold;
	font-size:								400%;
	line-height:							1;
	padding-bottom:							5px;
}
.left p {
	padding:                                10px 50px 10px 2px;
	font-size:								120%;
}
.button {
	padding:								15px 50px 20px 2px;
	text-align:								center;
}
.button a {
	color: 									#9f0029;
}
.actions {
	width:									454px;
	overflow: 								hidden;
	padding-bottom: 						30px;
}
.actions a {
	height: 								300%;
	display: 								block;
	overflow: 								hidden;
	color: 									#9f0029;
	font-size: 								120%;	
	font-weight:							bold;
	float: 									left;
	margin-right: 							2px;
	margin-bottom: 							5px;
	padding: 								8px 0px;
}
.actions a.shortbtn {
	width: 									215px;
}
.actions a.longbtn {
	width: 									235px;
}
.actions a img {
	float: 									left;
	margin-right: 							10px;
	margin-top: 							-8px;
}
h2 {
	font-size:								150%;
	font-weight:							bold;
}
ul {
	margin:									5px 0px 0px;
	padding:								0px;
	list-style:								none;
}
ul li {
	margin:									0px;
	padding:								5px 0px 5px 25px;
	list-style:								none;
	background:								url(../images/icon_arrowlnk.gif) no-repeat 0px 6px;
	font-weight: 							bold;
	font-size: 								120%;
}
ul li a {
	color: 									#9f0029;
	text-decoration: 						underline;
}
ul li span {
	display:								block;
	font-weight:							normal;
	padding:								10px 50px 10px 0px;
}
ol {
	margin:									10px 0px 0px 25px;
	padding:								0px;
}
ol li {
	margin:									0px;
	padding:								2px 0px;
	font-size: 								120%;
}

.content .right {
	width:									496px;
	float:									right;
}

#footer {
	width:									980px;
	padding:								45px 0px;
	text-align:								left;
	margin:									0 auto;
	color:									#575757;
}
#footer p {
	padding:								5px 0px;
}
#footer a {
	color:									#575757;
	text-decoration:						underline;
}
#footer a:hover {
	text-decoration:						underline;
}

/* calculator page */
.flashwrapper {
	background:								url(../images/bg_calc.gif) no-repeat top center;
	text-align:								center;
	padding-top:							2px;
	padding-bottom:							7px;
}
.flashwrapper * {
	margin:									0 auto;
}
.flashwrapper p {
	color:									#fff;
	font-size:								120%;
	padding:								30px;
	height:									769px;
	heigh\t:								709px;
}
.flashwrapper p a {
	text-decoration:						underline;
}
.lnkBack {
	background:								url(../images/icon_backarrow.gif) no-repeat left center;
	padding-left:							15px;
	margin-top: 							5px;
}
.lnkBack a {
	color:									#333;
	font-size:								120%;
}
.content .right p {
	font-size:								120%;
}
body.calc .actions {
	padding-top:							10px; 
	width:									470px;
}