@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	background:url(../images/general/back.gif) repeat-x #FFF;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#8d8d8d;
}
img {border:none;}
a {color:#999999; text-decoration:none;}
a:hover {color:#a0823f; text-decoration:underline;}
h1 {width:300px; overflow:hidden; text-indent:-500px; position:relative;}
h1 img {position:absolute; top:0px; left:0px;}
h2 {width:500px; overflow:hidden; text-indent:-500px; height:16px; position:relative;}
h2 img {position:absolute; top:0px; left:0px;}

th {background-color:#E2D7B8; border-top:1px #CCCCCC solid; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid;}
td {border-top:1px #CCCCCC solid; border-right:1px #CCCCCC solid;}
td.first {background-color:#EFEFEF; border-left:1px #CCCCCC solid;}
td.last {border-bottom:1px #CCCCCC solid;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.gold {color:#a0823f; font-weight:bold;}
.line {border-bottom:1px #E2D7B8 solid; height:1px; margin:20px 0 20px 0;}

a.image-link {display:block; height:125px; width:171px; overflow:hidden;}
a.image-link:hover {background-position:0px -125px;}
a.find-out-more {background:url(../images/buttons/find-out-more.jpg) no-repeat;}
a.activate-your-card {background:url(../images/buttons/activate-your-card.jpg) no-repeat;}
a.my-account {background:url(../images/buttons/my-account.jpg) no-repeat;}

#container {width:725px; margin:auto; text-align:left;}
#header {height:80px;}
#header img {margin-top:20px; vertical-align:middle;}

#menu {width:170px; float:left; font-size:0.9em;}
#menu ul {margin:0px; padding:0px; list-style:none;}
#menu ul li {margin-bottom:8px;}
#menu ul li a.menu-link {display:block; height:16px; overflow:hidden; text-indent:-500px;}
#menu ul li a.menu-link:hover {background-position:0px -16px;}
#menu ul li a.active {background-position:0px -16px !important;}
#menu ul li a.home {background:url(../images/menu/home.gif) no-repeat; width:50px;}
#menu ul li a.what-is {background:url(../images/menu/what-is-acorncard.gif) no-repeat; width:150px;}
#menu ul li a.my-account {background:url(../images/menu/my-account.gif) no-repeat; width:100px;}
#menu ul li a.how-to {background:url(../images/menu/how-to-top-up.gif) no-repeat; width:120px;}
#menu ul li a.activate {background:url(../images/menu/activate-your-card.gif) no-repeat; width:140px;}
#menu ul li a.apply {background:url(../images/menu/apply.gif) no-repeat; width:80px;}
#menu ul li a.fees {background:url(../images/menu/fees.gif) no-repeat; width:50px;}
#menu ul li a.faqs {background:url(../images/menu/faqs.gif) no-repeat; width:40px;}
#menu a.active {color:#a0823f;}

#content {width:550px; float:right;}
#content #card {float:left; margin-right:30px;}
#content #copy {margin-left:20px;}
#content #copy ul li {margin:5px 0 5px 0;}

#footer {border-top:1px #d3d4d5 solid; margin-top:30px; margin-bottom:30px; padding-top:20px; text-align:center; font-size:0.75em;}
#footer a {color:#a0823f; text-decoration:underline;}
#footer a:hover {text-decoration:none;}