body, div, form, h1, h2, h3, h4, h5, h6, html, input, li, p, select, td, textarea, th, ul {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0;}
/* ------------- STANDARD STYLES -------------- */
body{padding: 15px 15px 0 15px;}
h1{font-family:Arial, Helvetica, sans-serif;font-size:17px; color: #444466; margin: 20px 0 15px 0;}
h2, h3{clear:both;font-size: 10px; font-weight:bold; text-transform:uppercase; height: 27px; padding: 7px 0 0 27px; background: url("h2.gif") no-repeat; margin: 30px 0 6px 0; line-height:16px;}
h3{background: url("h2.gif") -30px 0 no-repeat; padding: 5px 0 0 0;}
h4{clear:both;font-size: 10px; font-weight: bold; color: #000000; text-transform:uppercase; margin: 0px; }
h5{font-size: 11px; font-weight: bold; color: #666666; }
h6{margin: 0 0 5px 0;; font-size: 14px; text-transform: uppercase; line-height: 12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} /* for action-panel headline */
input, textarea{font-weight: normal;}
label{margin:1px; clear:both;}
li{margin: 0 0 4px 18px;}
p{margin-bottom: 15px; line-height: 15px;}
th{text-align:left;font-weight:normal; padding: 0 5px 0 5px; vertical-align:top;}
ul{margin-bottom: 15px;}
/* ------------- LAYOUT STYLES -------------- */
#print_logo{display: none;}
#banner{clear:both; height: 65px; z-index:1;}
#positioning{}
#utilities{position: absolute; right: 25px; text-align:left; width: 200px;}
#utilities form{margin: 0;}
#menu{clear: both; background: #aa0000 url("menu.gif") repeat-x; padding: 3px 0 4px 7px;}
#menu-left{position: absolute; top:80px; left: 15px; background: #aa0000 url("menu-left.gif") no-repeat; height: 20px; width: 10px; margin: 0; padding: 0; float: left;}
#menu-right{position: absolute; top:80px; right: 14px; background: #aa0000 url("menu-right.gif") no-repeat; height: 20px; width: 10px; margin: 0; padding: 0; float: left;}
#content{padding: 0 15px 0 16px;}
#panel-home{margin:1px 196px 0 0; background:#666677 url("bg-home-proposition.jpg") repeat-y; height: 200px; padding: 0;}
#proposition{float: left; width: 49%; display: table; height: 200px; _position: relative; overflow: hidden; background: url("home-page-grey-corner.gif") bottom left no-repeat; }
#proposition div div.inner-bottom {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #ccccdd; font-weight: bold; padding: 0 10px 10px 16px;}
#lead-article{float: right; width: 50%; display: table;height: 200px; _position: relative;overflow: hidden;background: url("../pics/home-lead-article.jpg"); border-left: 1px solid #ffffff;}
.article-title{color:#ff0000;}
.white-border-left{border-left: 1px solid #ffffff;}
.grey-background{background: #ccccdd;}
#lead-article div div.inner-bottom{width: 94%;}
#lead-article div div.grey-background{padding: 5px 25px 10px 10px; }
#panel-marketing{position: absolute; top: 101px; right: 25px; width: 200px; height: 200px; background: #cc9999 url("panel-marketing.jpg") repeat-y; border-left: 1px solid #ffffff; z-index: 2;}
#panel-marketing div{margin: 15px 10px 5px 15px; }
.text_box_signup{width: 160px; margin:0;}
#panel-articles{position: absolute; top: 301px; right: 25px; width: 200px; background: #cc9999 url("panel-articles.jpg") repeat-y; border-left: 1px solid #ffffff; z-index: 2;}
.article-top{border-top: 1px solid #ffffff; padding: 5px 1px 5px 49px; text-transform: uppercase; font-size: 10px; font-weight: bold; background:#666677; color: #ccccdd;}
.article1, .article2, .article3, .article4, .article5, .article6, .article7, .article8, .article9, .article10{padding: 10px 10px 15px 50px; border-top: 1px solid #aaaabb;}
#panel-articles-bottom{width: 200px; height: 14px; background: #cc9999 url("panel-articles-bottom.jpg");}
#home-content-container{margin: 30px 196px 0px 0;}
#home-content1, #home-content2 {width:47%; float: left; padding-right: 2.9%;}
#page-content-container{margin: 30px 250px 0px 0;}
#footer{clear: both; margin: 20px 15px 15px 15px;}
#footer p a {font-size: 10px; font-weight: bold; color: #aaaaaa;}
#footer p a:hover {color:#000000;}
/* ------------- CONTENT STYLES -------------- */
.text-box-search{width: 130px; height: 14px;}
.photo-med{padding: 0 0 0 85px; height: 100px;}
.alert{font-style:italic; color:#0033ff;}
.alertOnRed{font-style:italic; color:#ddddff;}
#page-content-container table tr td , #home-content1 table tr td {vertical-align: top;}
#page-content-container table tr td img, #home-content1 table tr td img {margin: 0 10px 20px 0; }
div.outer-bottom{position: relative; height: 200px;}
div.inner-bottom{position: absolute; bottom: 0; vertical-align: bottom;}
.wrap_text{clear: both; float:left; margin: 0 20px 20px 0;}
.article1 {background: url(../pics/article1.jpg) no-repeat;}
.article2 {background: url(../pics/article2.jpg) no-repeat;}
.article3 {background: url(../pics/article3.jpg) no-repeat;}
.article4 {background: url(../pics/article4.jpg) no-repeat;}
.article5 {background: url(../pics/article5.jpg) no-repeat;}
.article6 {background: url(../pics/article6.jpg) no-repeat;}
.article7 {background: url(../pics/article7.jpg) no-repeat;}
.article8 {background: url(../pics/article8.jpg) no-repeat;}
.article9 {background: url(../pics/article9.jpg) no-repeat;}
.article10 {background: url(../pics/article10.jpg) no-repeat;}
.barclaysForm td {background: #eeeeee; border: 1px solid #ffffff;}
/* ------------- FORM STYLES -------------- */
.loginPanelTable{border: 1px solid #ccccdd; background:#eeeef5; padding: 5px; margin: 0px 0 10px 0; width: 300px;}
.loginPanelTop{background:#ccccdd; padding: 2px 5px 1px 5px; text-align:left; font-weight:bold; color:#ffffff; }
.box-titles{font-weight: bold;}
/* ------------- LINK STYLES -------------- */
a {color:#cc0000;}
a:hover {background: #ffcccc; color:#000000;}
a.logo, a.logo:link, a.logo:visited, a.logo:hover, a.logo:active{float: left; margin:0; height:48px; width: 225px; background: #ffffff url("logo.gif") no-repeat; z-index:1;}
a.logo:hover, a.logo:active {background: #ffffff url("logo-over.gif");}
a.menu, a.menu:link, a.menu:visited, a.menu:hover, a.menu:active{color: #ffffff; text-decoration:none; padding: 3px 10px 4px 10px;}
a.menu:hover, a.menu:active {background: url("menu-over.gif"); }
a.marketing, a.marketing:link, a.marketing:visited, a.marketing:hover, a.marketing:active{float: left; margin:0 0 5px 0; padding: 0 0 0 20px; height:15px; width: 137px; background: url("button-marketing.jpg") no-repeat; text-decoration: none; color: #ffffff;}
a.marketing:hover, a.marketing:active {background: #ffffff url("button-marketing-over.jpg");}
div#menu ul, div#menu ul li, div#footer ul li {display: inline; list-style-type:none; margin: 0; }
/* ------------- USEFUL STYLES -------------- */
.hide{display:none;}
.quote{font-style:italic;}