html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	text-align: center;
	margin: 0 auto;
	background-color: #E5E5E5;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #666666;
}


/* Link styles */

a {color: #124094;}
a:link {color: #124094;}
a:visited {color: #000033;}
a:hover {color: #124094;text-decoration: none;}
a:active {color: #E10026;}


/* Skip */

#skipnav {
	width: 950px;
	height: 1px;
}
#skipnav p {
	font-size: 1px;
	text-indent: -9000px;
}


/* Page style */

#top_shadow {
	width: 970px;
	height: 1px;
	font-size: 1px;
	background: url(../images/generic/top_shadow.jpg) no-repeat bottom;
	margin: 0 auto;
	text-align: center;
}	
#wrapper {
	width: 970px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/generic/page.jpg) repeat-y;
	background-color: #FFFFFF;
}
#page {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
}
#header {
	margin: 0 auto;
	text-align: left;
	position: relative;
	width: 950px;
	height: 50px;
	font-size: 1%;
}
#logo a {
	width: 310px;
	height: 50px;
	font-size: 1%;
	background-image: url(../images/generic/avonline_logo.gif);
	background-position: center left;
	display: block;
	position: absolute;
	left: 0;
	text-decoration: none;
}
#logo p {
	text-indent: -9000px;
}
#feature {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	background: #020915 url(../images/generic/refreshing_feature.jpg) no-repeat;
}

#callto {
	margin: 0 auto;
	text-align: center;
	width: 970px;
	height: 70px;
	clear: both;
	position: relative;
	z-index: 1;
	font-size: 1%;
	background: #FFFFFF url(../images/generic/callto.jpg) no-repeat;
}
body.home #callto {
	background: #FFFFFF url(../images/generic/callto_home.jpg) no-repeat;
}

#when_will {
	text-indent: -9000px;
	top: 0;
}
#when_will a, a.how_it_works {
	width: 294px;
	height: 36px;
	font-size: 1%;
	background: url(../images/generic/whenwill.jpg);
	display: block;
	position: absolute;
	left: 642px;
	top: 15px;
	color: #FFFFFF;
	z-index: 900;
	text-decoration: none;
}
a.how_it_works {
	width: 285px;
	background: url(../images/generic/how_it_works.gif);
	position: relative;
	left: 0;
	top: 0;
	margin-top: 15px;
}
#when_will a:hover {
	background: url(../images/generic/whenwill.jpg) bottom;
}
a.how_it_works:hover {
	background: url(../images/generic/how_it_works.gif) bottom;
}

#contact a {
	width: 590px;
	height: 42px;
	font-size: 1%;
	background-image: url(../images/generic/contact.jpg);
	display: block;
	color: #FFFFFF;
	position: absolute;
	left: 34px;
	top: 13px;
	z-index: 900;
	text-decoration: none;
}
#contact p {
	text-indent: -9000px;
	top: 0;
}

/* Sign off */

#signoff {
	width: 950px;
	height: 50px;
	margin: 0 auto;
	padding-bottom: 0px;
	clear: both;
	text-align: left;	
}
#signoff p {
	font-size: 60%;
	color: #999999;
	text-align: center;
	line-height: 40px;
	margin: 0 25px 0 630px;
}
#signoff p a:link, #signoff a:visited, #signoff a:hover {
	text-decoration: none;
	color: #999999;
}

/* Home Page Styles */

#pullout_area {
	width: 586px;
	height: 78px;
	position: relative;
}
#we_see_box {
	top: 10px;
	width: 586px;
	height: 88px;
	position: absolute;
	background: url(../images/home/we_see_box.jpg) no-repeat;
	line-height: 0;
}
#we_see_box h3 {
	text-indent: -9000px;
}

#int_1 a,
#int_2 a,
#int_3 a,
#int_4 a {
	display: block;
	width: 285px;
	height: 26px;
	font-weight: bold;
	color: #124094;
	line-height: 24px;
	text-transform: uppercase;
	padding-left: 8px;
	background: url(../images/home/interest_button.jpg) no-repeat;
	position: absolute;
	text-decoration: none;
}
#int_1 a {top: 28px; left: 7px;}
#int_2 a {top: 28px; left: 294px;}
#int_3 a {top: 56px; left: 7px;}
#int_4 a {top: 56px; left: 294px;}

#int_1 a:hover,
#int_2 a:hover,
#int_3 a:hover,
#int_4 a:hover {
	background: url(../images/home/interest_button.jpg) no-repeat 0 -26px;
	text-decoration: underline;
}

/* Barclay Finance */

#finance_box a {
	left: 612px;
	top: 10px;
	width: 290px;
	height: 88px;
	position: absolute;
	background: url(../images/home/finance_box.jpg) no-repeat;
	text-indent: -4000px;
	z-index: 3;
	font-size: 1%;
	display: block;
	text-decoration: none;
}

/* News area */

#pulse {
	left: 0;
	top: 0;
	width: 42px;
	text-align: right;
	position: absolute;
	z-index: 10;
}
#news {
	margin-left: 42px;
	text-align: left;
	font-size: 70%;
	padding-top: 8px;
	padding-bottom: 6px;
	font-weight: bold;
	color: #FFF;
}
#news_area {
	width: 950px;
	position: relative;
	background: url(../images/home/news.jpg) repeat-x;
}



/* Section Page Heading */

body.home #header,
body.switchover #header,
body.solutions #header,
body.successes #header,
body.avonline #header,
body.contact #header,
body.finance #header,
body.interest #header {
	margin: 0 auto;
	text-align: left;
	position: relative;
	width: 950px;
	height: 50px;
	font-size: 1%;
	background-position: center right;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
body.home #header {background-image: url(../images/home/heading.gif);}
body.switchover #header {background-image: url(../images/switchover/heading.gif);}
body.solutions #header {background-image: url(../images/solutions/heading.gif);}
body.successes #header {background-image: url(../images/successes/heading.gif);}
body.avonline #header {background-image: url(../images/avonline/heading.gif);}
body.contact #header {background-image: url(../images/contact/heading.gif);}
body.finance #header {background-image: url(../images/finance/heading.gif);}
body.interest #header {background-image: url(../images/interest/heading.gif);}

body.interest #side_content {background: #FFFFFF url(../images/interest/side_image.jpg) no-repeat; height: 410px;}
body.solutions #side_content {background: #FFFFFF url(../images/solutions/dsc_0092.jpg) no-repeat top; height: 650px;}
body.switchover#excellence #side_content {background: #FFFFFF url(../images/switchover/side_image.jpg) no-repeat top; height: 420px;}


/* Layout */

.layout_clear {
	clear: both;
	height: 1px;
	font-size: 1%;
	overflow: hidden;
	margin-bottom: -1px;
}
body.home .layout_img_fl {
	float: left;
}
.layout_img_fl {
	float: left;
	margin: 0 24px 14px 0;
}
.layout_img_fr {
	float: right;
	margin: 0 0 14px 24px;
}
.layout_img_fr_border {
	border: 1px solid #CCCCCC;
	padding: 1px;
	float: right;
	margin: 6px 0 8px 24px;
}
.layout_img_fl_border {
	border: 1px solid #CCCCCC;
	padding: 1px;
	float: left;
	margin: 6px 24px 8px 0;
}
.layout_img_1col,
.layout_img_1col_top {
	border: 1px solid #CCCCCC;
	padding: 1px;
	margin: 6px 0 8px 0;
}
.layout_img_1col_top {
	margin: 0;
}
.layout_img_2col,
.layout_img_2col_end {
	border: 1px solid #CCCCCC;
	padding: 1px;
	margin: 6px 24px 8px 0;
}
.layout_img_2col_end {
	margin: 6px 0 8px 0;
}

.layout_2col,
.layout_2col_end {
	width: 284px;
	float: left;
	margin-right: 24px;
}
.layout_2col_end {
	margin-right: 0;
}

.layout_line {
	padding-bottom: 12px;
	border-bottom: 1px solid #CCCCCC;
}

#heading {
	left: -9000px;
	position: absolute;
}
#heading h1 {
	color: #FFFFFF;
	font-size: 1%;
}
.clear {
	clear: both;
}

#main_content,
#side_content {
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}
#main_content {width: 638px;}
#side_content {width: 308px; float: right;}

body.home #main_content {width: 632px;}
body.home #side_content {width: 314px;}

#height_content {
	width: 1px;
	height: 300px;
	font-size: 1%;
	float: left;
}

#mainarea {
	margin: 0 22px 12px 24px;
	padding-top: 10px;
}
#sidearea {
	margin: 0 24px 20px 0;
	padding-top: 20px;
}

#mainarea h1,
#sidearea h1 {
	font-family: "Lucida Grande", Verdana, sans-serif;
	margin: 0px 0px 2px 0px;
	font-size: 1.7em;
	letter-spacing: -1px;
	font-weight: 900;
	color: #124094;
}
#mainarea h2,
#sidearea h2 {
	margin: 10px 0px 2px 0px;
	font-size: 90%;
	color: #124094;
}

#mainarea h3,
#sidearea h3 {
	margin: 10px 0px 2px 0px;
	font-size: 78%;
	color: #124094;
}
#mainarea h4,
#sidearea h4 {
	margin: 10px 0px 2px 0px;
	font-size: 70%;
	color: #124094;
}
#mainarea p,
#sidearea p {
	margin: 6px 0px 8px 0px;
	font-size: 70%;
	line-height: 150%;
}

body.home #mainarea p {
	margin: 6px 0px 6px 0px;
}
#mainarea strong ,
#sidearea strong {
	color: #333333;
}

#mainarea ul,
#sidearea ul {
	list-style-type: none;
	padding: 2px;
	margin-left: 1px;
	margin-bottom: 14px;
}
#mainarea ul ul,
#sidearea ul ul {
	margin-bottom: 0;
}
#mainarea li,
#sidearea li {
	font-size: 70% !important;
	line-height: 150%;
	background-image: url(../images/generic/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding: 2px 0 2px 15px;
}
#mainarea ul li ul li,
#sidearea ul li ul li {
	font-size: 100% !important;
	margin-bottom: 0;
}

#mainarea ol {
	list-style-position: inside;
	list-style-type: decimal;
}

#mainarea ol li,
#sidearea ol li {
	background-image: none;
	margin-left: 18px;
	padding-left: 0px;
	text-indent: 0px;
}

#mainarea p.mainarea_intro {
	font-size: 78%;
	line-height: 150%;
	margin-bottom: 10px;
	color: #000000;
}

#mainarea p.caption,
#sidearea p.caption {
	font-size: 60%;
	margin: 0px 0px 16px 0px;
	color: #000000;
}

#mainarea .small,
#sidearea .small {
	font-size: 65% !important;
}
#mainarea p.quote em,
#sidearea p.quote em {
	font-size: 120%;
	line-height: 135%;
	color: #124094;
	word-spacing: 1px;
}

#mainarea p a.links,
#sidearea p a.links,
#mainarea p a.links_line,
#sidearea p a.links_line {
	text-decoration: none;
	padding: 0 0 0 20px;
	display: block;
	font-weight: bold;
	background-image: url(../images/generic/button.gif);
	background-repeat: no-repeat;
}

#mainarea p a:hover.links,
#sidearea p a:hover.links {
	text-decoration: underline;
}

#mainarea p a.links_line,
#sidearea p a.links_line {
	padding-bottom: 8px !important;
	border-bottom: 1px solid #CCCCCC;
}

/* Tables */

th {
	padding: 6px 6px 5px 6px;
	font-size: 65%;
	color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #8C1826;
	background-image: url(../images/generic/subnav.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
td {
	padding: 4px 1px;
	font-size: 65%;
	color: #666666;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	background-color: #F4F4F4;
}

/* Pullout Box */

#mainarea .box_top,
#sidearea .box_top {
	padding: 8px 10px 8px 10px;
	background: #124094 url(../images/generic/box_top.jpg) repeat-x bottom left !important;
	margin: 0;
}
#mainarea .box_top h2,
#sidearea .box_top h2,
#mainarea .box_top h3,
#sidearea .box_top h3  {
	font-size: 98% !important;
	color: #FFFFFF !important;
}
#mainarea .box,
#sidearea .box {
	border: 1px solid #CCCCCC;
	background: #F4F4F4 url(../images/generic/box.jpg) no-repeat center top;
	padding: 4px 10px 4px 10px !important;
	margin: 0;
}

#mainarea .box p,
#sidearea .box p {
	color: #000000;
}
#mainarea .box h4,
#sidearea .box h4 {
	font-size: 78% !important;
}
#mainarea .box h4 .norm,
#sidearea .box h4 .norm {
	font-weight: normal !important; 
}
#mainarea .box li
#sidearea .box li {
	color: #000000;
}