body {
  font-family: Arial, Helvetica, sans-serif;
  margin:0px;
  padding:0px;
  text-align:center;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: x-small;
  line-height: 1.5em;
  background: #fbfbfb url(i/top-bg.jpg) repeat-x;
}

body.home {
  font-family: Arial, Helvetica, sans-serif;
  margin:0px;
  padding:0px;
  text-align:center;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: x-small;
  line-height: 1.5em;
  background: #fbfbfb url(i/top-bg.jpg) repeat-x;
}

body.cards {
  font-family: Arial, Helvetica, sans-serif;
  margin:0px;
  padding:0px;
  text-align:center;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: x-small;
  line-height: 1.5em;
  background: #fbfbfb url(i/top-section.gif) repeat-x;
}

img {
  border:0
}

/*=============== Links ===============*/

A:link, A:active, A:visited {
  color: #1b6dd3;
  text-decoration: none;
  outline: none;
}

A:hover {
  color: #a50101;
  text-decoration: none;
}


/*=============== Font Elements ===============*/
p {
  margin: 0 0 14px 0;
  line-height: 180%;
  color:#333;
  padding: 0;
  font-size: 120%;
}

p.copy {
  margin: 0 0 15px 0;
  line-height: 160%;
}


.toptitle {
  margin:22px 0 0 16px;
  padding:0;
  height:49px;
  width:309px;
  float:left;
}


h1, h2, h3, h4, h5 {
  font-family: “Lucida Sans Unicode”, sans-serif;
  font-size: 33px;
  font-style: normal;
  font-weight: normal;
  line-height:120%;
  letter-spacing: -1px;
  margin:0 0 8px 0;
  padding:0;
  color:#293b3b;
}



/*=============== Positional Elements ===============*/
	


#top {
  background-image:url(i/top-bg.jpg);
  height:380px;
  margin: 3px 0;
}

.cards #top {
  height:110px;
  margin-bottom:10px;
}

#top {
  height:380px;
  margin:0px auto;
  width:990px;
  text-align:left;
}

#header {
  width:990px;
  text-align:left;
  margin:0px auto;
  background:url(i/wingwalking-header.jpg) no-repeat;
  height:390px;
}


.imagetop {
  margin:23px 48px 0 0;
  float:left;
}

.white {
  color: #fff;
}

.headerbox {
  float:left;
  margin:176px 0 0 18px;
  padding:0;
  width:430px;
}

.headerbox h1 {
  font-family: “Lucida Sans Unicode”, sans-serif;
  font-size: 33px;
  font-style: normal;
  font-weight: normal;
  line-height:120%;
  letter-spacing: -1px;
  margin:0 0 4px 0;
  padding:0;
  color:#fff;
  text-shadow: #29699f 2px 2px 2px;
}

.headerbox p {
  margin: 0 0 5px 0;
  line-height: 170%;
  color:#000;
  padding: 0;
  font-size: 120%;
}

.headerbox a {
  color:#ea2f22;
  text-decoration: none;
  border-bottom: 2px solid #ea2f22;
}

.headerbox a:hover {
  border-bottom: 2px solid #fff;
}


p.toplink {
  padding:0 0 5px 0;
  margin:0;
}

p.toplink A:link, p.toplink A:active, p.toplink A:visited {
  color:#1b6dd3;
  text-decoration: none;
  border-bottom: 1px solid #d5d5d5;
}

p.toplink A:hover {
  border-bottom: 1px solid #b6b6b6;
}

.home .toptext {
  width:670px;
  margin:35px 0 0 17px;
}

.introtext {
  float: left;
  width:310px;
  margin:0 30px 0 17px;
}

.toptext {
  width:950px;
  margin:57px 0 0 17px;
}

body.article {
 background: #fbfbfb url(http://www.martinjcreegan.co.uk/i/blog-bg.gif) repeat-x;
}

.article #top {
  height:169px;
  margin:0px auto;
  width:990px;
  text-align:left;
}

#content {
  margin:0px auto;
  width:990px;
  text-align:left;
}

#copy {
  float:left;
  width:605px;
  margin-top:20px;
}

#copypad{
  padding-right:10px;
  padding-left:15px;
  float:left;
}

#sidebar {
  margin-top:20px;
  float:left;
  width:270px;
}

#sidepad{
  padding-right:15px;
  padding-left:60px;
  float:left;
}

.voucher, .discount {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding:0 0 14px 0;
  margin:5px 27px 10px 0;
  color:#2675d1;
}

.voucher {
  font-size:270%;
}
  
.discount {
  font-size:230%;
}
.smalltitle {
  color:#35930a;
}

.footercontainer {
  background:url(i/foot-bg.gif) repeat-x;
  height:77px
}


.footer {
  width:990px;
  margin:0px auto;
  text-align:left;
  padding:26px 0 0 0;
  color:#792c14;
}



.row {
  padding-bottom:20px;
  margin:25px 15px 30px 15px;
}



.rowtext {
  float: left;
  width:310px;
  margin:0 50px 0 0;
}

.rowright {
  float: left;
  width:240px;
}

.rowdouble {
  float: left;

  margin:0 90px 0 0;
}

.rowlist {
  float:left;
  margin:0 0 0 0;
}

ul.folio {
  font-family:Georgia,'Times New Roman',Times,serif;
  font-size:16px;
  font-weight:400;
  margin:0;
  margin-left: 20px;
  padding-left: 0;
  list-style: none;
}

ul.folio li {
  margin:16px 25px 16px 0;  
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position:left;
}

ul.ticklist, ul.bullet {
  margin:0;
  margin-left: 0;
  padding-left: 0;
  padding-top:0;
  margin-top:0;
  list-style: none;
  font-size:120%;
}

ul.ticklist li, ul.bullet li {
  margin:16px 25px 16px 0;  
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position:left;
}

ul.ticklist li {
  background-image: url(i/in.gif);
  line-height: 140%;
}

p.cardtitle {
  margin: 0 0 7px 2px;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  font-family: Helvetica, sans-serif;
}

p.center {
    text-align: center;
	padding:0 0 0 0;
	margin:0;
	line-height:120%;
	color:#333;
	font-size:110%;
}


.money {
  margin: 0 0 0 0;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  font-family: Helvetica, sans-serif;
  color:#666;
  text-align:center;
  line-height:26px;
  padding:0 0 0 0;
}

p.cardtitle a {
  color:#333;
  text-decoration: none;
  border-bottom: 3px solid #ccc;
}

p.cardtitle a:hover {
  border-bottom: 3px solid #66c7df;
}


ul.tablelist {
  margin:0 0 0 0;
  padding:0 0 0 0;
  list-style: none;
  font-size:120%;
}

ul.tablelist li {
  margin:5px 25px 10px 0;  
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position:left;
}

ul.tablelist li {
  background-image: url(i/in.gif);

}

ul.bullet li, ul.folio li {
  background-image: url(i/bullet.gif);
  line-height: 150%;
}



ul.starlist, ul.plainlist {
  margin:0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-size:110%;
}

ul.starlist li {
  margin:8px 0;
  line-height: 130%;
  padding-left: 22px;
  background-image: url(i/in.gif);
  background-repeat: no-repeat;
  background-position:left;
}

ul.plainlist li {
  line-height: 200%;
}


ul.starlist li {
  background-image: url(i/star.gif);
}

.listname {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: normal;
letter-spacing: -1px;
margin:0 0 22px 0;
padding:0;
}


.field {
 margin:5px 0 15px 0;
}
 
.formbox {
 font-size:120%;
}

.green {
  color:#6d9324;
}

.brown {
  color: #95513b;
}

.red {
  color: #a50101;
}

.shimmy {
  margin-left:46px;
}

.black {
  color:#000;
}

.accessible {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.clear {
	content: "."; 
    display: block; 
    height: 10px; 
    clear: both; 
    visibility: hidden;
    }

.imagebox {
  margin:15px 0 0 21px;
  float: left;
  width: 358px;
}

.imagetitle {
  margin: 0;
  padding: 4px 0;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
  background:#f8f8f8;
}

.hoverpic {
  margin:5px 8px 0 0;
  padding:2px;
  border:1px solid #e2e2e2;
  float: left;
}

.bigpic {
  margin:5px 0;
  border:1px solid #e2e2e2;
}

.horizontitle {
  font-size:110%;
  margin: 0;
  padding: 4px;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
  background:#f5f9fb;
}

.intro{
  width:450px;
  margin:0 11px 0 0;
  padding: 0 0 20px 0;
  float: left;
}

.price {
  font-family:Arial, Helvetica, sans-serif;
  font-size:450%;
  font-weight:bold;
  padding:0 0 0 0;
  margin:32px 27px 27px 0px;
  clear:both;
}

.pricebox {
  padding:0 0 35px 0;
  margin:0 0 0 0;
  clear:both;
}

#sections {
  background-color: #fff;
  padding: 3px;
  font-size: 170%;
  margin: 30px 0 20px 0;
  color:#824892;
  line-height:130%;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  }

#sections ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
} 

#sections ul li {
  margin-left: 0;
  padding-right: 20px;
  border: none;
  list-style: none;
  display: inline;
}

.midalign img, span.midalign {
  vertical-align: middle;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}

.floatleft {
  float: left;
  padding: 0;
  margin: 7px 19px 7px 0;
  border:1px solid #e6e6e6;
}

.floatright {
  float: right;
  padding: 0 0 0 5px;
  margin: 0;
}

p.righttext {
  float: right;
}

p.lefttext {
  float: left;
}

p.righttext, p.lefttext {
  padding: 10px 15px 0 15px;
  margin:0;
}

ul.offerlist {
  margin:10px 0 16px 0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-size: 120%;
}

ul.offerlist li {
  line-height: 175%;
  padding-left: 25px;
  background-image: url(i/tick.gif);
  background-repeat: no-repeat;
  background-position:left;
  margin:0 0 10px 10px;
}

.break {
  height: 1px;
  background-color:#d5d6d6;
  line-height:0;
}

.infobox {
  font-size:110%;
  margin: 30px 0;
  padding: 10px;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
}

dl.sitemap {
  font-size:110%;
  margin: 8px 0 23px 0;
  padding:0;
}

dl.sitemap dt {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 210%;
  line-height: 110%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color:#4e4e4e;
}

dl.sitemap dd {
  margin: 2px 10px 0 0;
  line-height: 1.15em;
  padding:0 0 10px 14px;
}

dl.sitemap dd {
  background: url(http://www.savingsbonds.org.uk/i/weearo.gif) no-repeat;
}


#portfoliowrapper {
  margin: 0 0 30px 0;

}

#portfolio {
  width:990px;
  text-align:left;
  margin:0px auto;
}

.fbox {
  float:left;
  width:49%;
  border-top:1px solid #fff;
  border-bottom:1px solid #eee;
  padding: 0 0 15px 0;
}

.foliotitle {
  margin:15px 20px 0 40px;
  color:#6d9324;
  font-family: “Lucida Sans Unicode”, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: normal;
  line-height:120%;
  letter-spacing: -1px;
}

.fbox a {
  color: #6d9324;
  background: url(i/linkaro.gif) no-repeat right;
  padding:0 28px 1px 0;
  border-bottom:1px dotted #7caddd;
  margin:0 2px 0 0;
}

.fbox a:hover {
  color: #c64142;
  border-bottom:1px dotted #ef9d26;
}  

.fbox p {
  font-size:120%;
  line-height: 170%;
  padding:5px 40px 25px 40px;
  margin:0;
}

.fleft {
  border-right:1px solid #eee;
}

.fright {
  border-left:1px solid #fff;
} 


.picborder {
  border:1px solid #e6e6e6;
  margin:0;
  padding:0;
}

/*=============== Review Pages ===============*/

.rowcontainer {
  width: 100%;
  background: url(i/rightbg.gif) repeat-y;
  margin-left:25px;
}

.rowleft {
  width: 582px;
  float:left;
  margin-right:60px;
}

.rowright {
  float:left;
  width:286px;
}

.rowright h4 {
  font-size: 240%;
  margin: 45px 0 0 0;
  padding:0 0 0 0!important;
  color:#f90;
  line-height:110%;
  font-family:Arial, Helvetica, sans-serif;
}

p.teaser {
  margin:3px 0 15px 0;
  padding:0;
  font-size:180%;
  line-height:150%;
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#000;
}

p.tableintro {
  margin:0 0 4px 0;
  padding:0 0 0 0;
  font-size:110%;
}

.rowright table.zebra th, .rowright table.zebra td {
	font-size:110%;
	padding: 6px 6px 6px 12px;
}

.rowright table.zebra th {
	padding: 6px 6px 6px 112px;
}

p.breadcrumbs {
  margin:0 0 0 0;
  padding:0 0 15px 0;
  font-size:110%;
  color:#8f8f8f;
}

p.breadcrumbs A:link,p.breadcrumbs A:active,p.breadcrumbs A:visited{
  color: #8f8f8f;
  text-decoration:underline;
}

p.breadcrumbs A:hover {
  color: #ff9900;
  text-decoration:none;
}

ul.copylist {
  margin:0 15px 0 15px;
  padding-left: 0;
  padding-top:0;
  margin-top:0;
  list-style: none;
  font-size:120%;
}

ul.copylist li {
  margin:16px 10px 16px 0;  
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position:left;
}

ul.copylist li {
  background-image: url(i/bullet.gif);
  line-height: 150%;
}

h2.review, h3.review, h4.review, h5.review, h6.review {
  font-family: “Lucida Sans Unicode”, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  line-height:120%;
  letter-spacing: -1px;
  margin:30px 0 8px 0;
  padding:0;
  color:#293b3b;
}

/*=============== Price Table ===============*/

.tablecontent {
  margin: 30px 17px 20px 17px;
}

table.zebra {
	border-spacing: 0;
	border: 1px solid #dbdbdb;
	border-collapse: collapse;
	width:100%;
	font-size:120%;
	line-height:160%;
	color: #000;
}
table.zebra th, table.zebra td {
	text-align: left;
	padding: 12px 10px 10px 10px;
	border-style: solid;
	border-color: #dbdbdb;
}
table.zebra th {
	border-width: 0px 1px 1px 1px;
	background: #CAE8EA url(i/bg_header.jpg) no-repeat;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 8px;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

table.zebra td {
	border-width: 0px 1px 0px 1px;
	color: #333!important;
	border-bottom: 1px solid #dbdbdb;
}
table.zebra tr.odd td {
	background-color: #fff;
	border-bottom: 1px solid #dbdbdb;
}
table.zebra tr.even td {
	background-color: #f5f5f5;
	color: #000;
	border-bottom: 1px solid #dbdbdb;
}
table.zebra tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}

table.zebra tr:nth-child(even) {background-color: #f5f5f5;!important}

.midalign img, span.midalign {
  vertical-align: middle;!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}

.tableholder {
  margin:0 0 40px 15px;
}

caption {
	padding: 0 0 15px 3px;	 
	font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;
	font-size:110%;
}



/* Navigation */

#nav {
  float:right;
  margin:18px 80px 0 0;
  width: 282px;
  height: 34px;
  border: 0;
  padding: 0;
}
	
#nav ul	{
	width: 282px;
	height: 34px;
	background: url(i/nav.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#nav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#nav ul li, #nav a	{
	height: 34px;
	display: block;
	}

#nav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

#nav1 {left: 2px; width: 73px;}
#nav2 {left: 90px; width: 80px;}
#nav3 {left: 187px; width: 95px;}



#nav1 a:hover {background: transparent url(i/nav.gif) 0 -68px no-repeat;}
#nav2 a:hover {background: transparent url(i/nav.gif) -90px -68px no-repeat;}
#nav3 a:hover {background: transparent url(i/nav.gif) -187px -68px no-repeat;}


#nav1 a.selected {background: transparent url(i/nav.gif) 0 -34px no-repeat;}
#nav2 a.selected {background: transparent url(i/nav.gif) -90px -34px no-repeat;}
#nav3 a.selected {background: transparent url(i/nav.gif) -187px -34px no-repeat;}