html {
    height:100.01%;
}

* {
    margin:0;
    padding:0;
}

body {
    background:#f0f0f0;
}

.clear {
    clear:both;
}

img {
    border:0;
    display:block;
}

a {
    text-decoration:none;
    color:#0096C9;
}

a:hover {
    text-decoration:underline;
}

#header_top {
    height:134px;
    background:#000 url(/images/header_bg.jpg) repeat-x bottom;
}

#ht_inner, #hb_inner, #c_inner, #footer {
    width:880px;
    margin:0 auto;
    position:relative;
}

#ht_inner {
    height:109px;
}

#ht_inner h1 {
    position:absolute;
    top:56px;
    left:0;
    width:320px;
    height:49px;
    background:transparent url(/images/my-elephant-mail-logo.jpg) no-repeat;
}

#ht_inner h1 a {
    display:block;
    width:100%;
    height:100%;
}

#ht_inner h1 a span {
    display:none;
}

#ht_inner h2#strap {
    font:normal 23px "Trebuchet MS",Verdana,Arial,Sans-Serif;
    color:#fff;
    position:absolute;
    top:56px;
    right:0;
}

#ht_inner ul#primary_nav {
    position:absolute;
    top:106px;
    right:0;
}

#ht_inner ul#primary_nav li {
    float:left;
    padding:0 0 0 4px;
    font:normal 14px "Trebuchet MS",Verdana,Arial,Sans-Serif;
    list-style:none;
}

#ht_inner ul#primary_nav li a {
    display:block;
    width:93px;
    height:22px;
    background:#fff url(/images/tab_narra.gif) no-repeat;
    color:#333;
    padding:6px 0 0 7px;
    text-decoration:underline;
}

#ht_inner ul#primary_nav li a:hover, #ht_inner ul#primary_nav li a.active {
    text-decoration:none;
    color:#333;
}

#ht_inner #url {
    position:absolute;
    top:5px;
    left:0;
    font:normal 12px "Trebuchet MS",Arial,Verdana,Sans-Serif;
}

#ht_inner #url a {
    color:#fff;
}

#ht_inner ul#secondary_nav {
    position:absolute;
    top:5px;
    right:0;
    list-style:none;
}

#ht_inner ul#secondary_nav li {
    float:left;
    font:normal 12px "Trebuchet MS",Arial,Verdana,Sans-Serif;
    color:#fff;
    padding:0 7px 0 8px;
    border-right:1px solid #fff;
}

#ht_inner ul#secondary_nav li.last {
    padding:0 0 0 8px;
    border:0;
}

#ht_inner ul#secondary_nav li a {
    font:normal 12px "Trebuchet MS",Arial,Verdana,Sans-Serif;
    color:#fff;
}

#header_bottom {
    background:#fff url(/images/header_bottom_bg.jpg) repeat-x bottom;
}

#hb_inner #banner {
    height:242px;
    width:100%;
    background:#ededed url(/images/banner.jpg) no-repeat;
}

#hb_inner ul {
    list-style:none;
    position:absolute;
    top:65px;
    left:527px;
}

#hb_inner ul li {
    background:transparent url(/images/green-tick.gif) no-repeat left 50%;
    padding:4px 0 4px 20px;
    font:normal 13px "Trebuchet MS",Arial,Verdana,Sans-Serif;
    color:#333;
}


#content {
    background:#f0f0f0;
    border-top:10px solid #ccc;
    padding:30px 0;
    z-index:1;
}

#c_inner {
    width:876px;
    margin:0 auto;
}

#c_inner h2.pas {
    padding:0;
    margin:0;
    font-family:"Trebuchet MS", Arial, Sans-Serif;
    font-size:18px;
    text-align:center;
}

#c_inner h2.pas span {
  color:#0096C9;
}

#content .col {
    float:left;
    position:relative;
}

#content .left {
    padding:0 20px 0 0;
    width:290px;
}

#content .center {
    padding:0 20px;
    width:290px;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
}

#content .right {
    padding:0 0 0 20px;
    width:214px;
    border:0;
}

#content h3 {
    font:normal 20px "Trebuchet MS",Arial,Sans-Serif;
    color:#0096c9;
    letter-spacing:-1px;
}

#content h3.middleh3 {
  padding-top:10px;
}

#content h4 {
    font:bold 12px Arial,Verdana,Sans-Serif;
    color:#0096c9;
}

#content p {
    font:normal 12px Arial,Verdana,Sans-Serif;
    color:#666;
    line-height:22px;
    margin:15px 0 0 0;
}

#content ul {
    margin:15px 0 0 25px;
}

#content ol {
    margin:15px 0 0 25px;
}

#content .no-list {
  margin:0;
  padding:1px 0;
}

#content .no-list li {
  margin:0;
  padding:0;
  list-style:none;
}

#content ol li {
    font:normal 12px Arial,Verdana,Sans-Serif;
    padding:1px 0 1px 5px;
    line-height:22px; 
}

#content ul li {
    font:normal 12px Arial,Verdana,Sans-Serif;
    color:#2e719e;
    padding:1px 0 1px 3px;
    line-height:22px; 
}

#content ul li.pdf {
    background:transparent url(/images/pdf.gif) no-repeat left 0;
    padding-left:23px;
}

#content a {
    color:#2e719e;
}

#content ul li.pdf a {
    text-decoration:underline;
}

#content ul#screenshots li {
    list-style:none;
    background:none;
    padding:0;
    margin:0 0 10px 0;
}

#content ul#screenshots li a {
	border:4px solid #fff;
	display:block;
	width:189px;
}

#content ul#screenshots li a:hover {
	border:4px solid #ddd;
}

#content #click {
    margin:0 5px;
    font-size:11px;
}

#content #home_footer {
    width:876px;
    height:164px;
    margin:50px auto 0 auto;
    background:transparent url(/images/home_footer_bg.gif) no-repeat;
}

#content #home_footer div {
    width:418px;
    float:left;
    padding:20px;
}

#content #home_footer div.left {
    padding:20px;
    width:378px;
}

#content #home_footer ul li {
    background:#ece9e2;
    font:normal 11px Arial,Verdana,Sans-Serif;
    padding:5px 0 5px 8px;
    margin:5px 0 7px 0;
    width:350px;
}

#content #home_footer ul li a {
    color:#2e719e;
    text-decoration:underline;
}

#content #home_footer div p {
    font:normal 11px Arial,Verdana,Sans-Serif;
    color:#333;
}

#content #home_footer div p .lq {
    background:transparent url(/images/lquo.gif) no-repeat;
}

#content #home_footer div p .rq {
    background:transparent url(/images/rquo.gif) no-repeat;
}

#content #home_footer div p.name {
    float:right;
    margin:0;
}

#footer {
    width:100%;
    background:#f0f0f0;
}

#f_inner {
    width:840px;
    background:#ccc;
    margin:0 auto;
    font:normal 12px Arial,Verdana,Sans-Serif;
    color:#666;
    padding:20px;
}

#f_inner a {
    color:#666;
}

/* not home pages */

#header_bottom.contact {
    height:47px;
    background:#fff url(/images/header_bottom_bg.jpg) repeat-x top;
    padding:10px 0 0 0;
}

#header_bottom.contact h2 {
    font:normal 27px "Trebuchet MS",Arial,Sans-Serif;
    color:#0096c9;
}

#content.contact {
    padding:0;
}

#content.contact h3 {
    margin-top:20px;
}

#content.contact .left {
    width:600px;
    background:transparent url(/images/content_bg.jpg) repeat-y right;
    border:0;
    height:auto;
}

#content.contact .right {
    height:auto;
}

#content form {
	margin:20px 0;
	padding:0;
}

#content form fieldset {
	margin:0;
	padding:0;
	border:0;
}

#content form legend {
	display:none;
}

#content form .form_field {
	margin:0 0 10px 0;
	padding:0;
}

#content form .form_field label {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
}

#content form .textbox {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	padding:4px;
	width:310px;
}

#content form .textarea {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	padding:4px;
	width:310px;
	height:150px;
}

#content form .selectbox {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	width:310px;
}

#content .page_controls {
	margin:0 0 20px 0;
	padding:0;
}

#content .page_controls input {
	border:1px solid #999;
	background:#fff;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	width:auto;
	padding:5px;
	cursor:pointer;
}

#content .page_controls a {
	font:normal 12px Arial,Verdana,Sans-Serif;
}

#content .message {
	margin:20px 0;
	padding:15px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#content .message ul, #content .message li {
    margin:0;
    background:none;
}

#content .success {
	border:1px dashed #6DB457;
	background:#EEF8ED;
	color:#6DB457;
	padding:15px;
	margin:10px 0;
	font:normal 12px Arial,Verdana,Sans-Serif;
}

#content .success a {
	color:#6DB457;
}

#content .success li {
	color:#6DB457;
}

#content .fail {
	border:1px dashed #DF373E;
	background:#FFDFE0;
	color:#DF373E;
	padding:15px;
	margin:10px 0;
	font:normal 12px Arial,Verdana,Sans-Serif;
}

#content .fail a {
	color:#DF373E;
}

#content .fail li {
	color:#DF373E;
}

#content .warning {
	border:1px dashed #DFBC1B;
	background:#FFF9DF;
	color:#DFBC1B;
	padding:15px;
	margin:10px 0;
	font:normal 12px Arial,Verdana,Sans-Serif;
}

#content .warning a {
	color:#DFBC1B;
}

#content .warning li {
	color:#DFBC1B;
}

#content .form_error {
    font:normal 12px Arial,Verdana,Sans-Serif;
    color:#DF373E;
}

#content .larger {
	font:normal 18px "Trebuchet MS",Verdana,Arial,Sans-Serif;
}

#content .larger strong {
  font-weight:normal;
}

#who_can_benefit li ul {
  padding-left:20px;
}

#who_can_benefit li {
  list-style-type:none;
}

strong.red {
  color:#900;
}

strong.amber {
  color:#9E9F31;
}

strong.green {
  color:#090;
}

#who {
  width:438px;
  float:left;
}

div.col_1_pas {
	float:left;
	width:400px;
	clear:left;
}

div.col_2_pas {
	float:right;
	width:400px;
	clear:right;
}

#header_bottom.pas {
    height:47px;
    background:#fff url(/images/header_bottom_bg.jpg) repeat-x top;
    padding:10px 0 0 0;
}

#header_bottom.pas h2 {
    font:normal 18px "Trebuchet MS",Arial,Sans-Serif;
    color:#000;
	line-height:47px;
}

#header_bottom.pas h2 span {
    font:normal 18px "Trebuchet MS",Arial,Sans-Serif;
    color:#0096c9;
}

#content.pas p {
color:#2E719E;
font-family:Arial,Verdana,Sans-Serif;
font-size:12px;
font-weight:normal;
line-height:22px;
margin:15px 0 0;
}

#content.pas h3 {
    margin-top:20px;
}

#content.pas h3 {
color:#0096C9;
font-family:"Trebuchet MS",Arial,Sans-Serif;
font-size:20px;
font-weight:normal;
line-height:normal;
}

.login-promo {
  position:absolute;
  top:15px;
  left:30px;
  width:525px;
  background:#FFF;
  padding:10px;
  border:1px solid #666;
}

.login-promo h2 {
  font:bold 20px Arial,Sans-Serif;
  border-bottom:10px solid #FFF;
}

.login-promo p {
  margin:0 !important;
  padding:0 !important;
}

.login-promo .promo-left {
  float:left;
  width:241px;
}

.login-promo .promo-right {
  float:right;
  width:270px;
}

.login-promo .promo-right h5 {
  margin:0;
  padding:0;
  font:bold 22px Arial,Sans-Serif;
  color:#BA0089;
}

.login-promo .promo-right p {
  padding-bottom:20px !important;
}

.login-promo .promo-right p.voucher-value {
  padding:0 !important;
  font-weight:bold !important;
  font-size:16px !important;
  color:#000 !important;
}

.login-promo strong {
  color:#BA0089 !important;
}

.login-promo .promo-right p.voucher-value span {
  color:#F00 !important;
}

.login-promo strong span {
  color:#F00 !important;
}

.login-promo .footer-text {
  font-weight:bold !important;
}