/*GENERIC STYLESHEET for web build*/
/*All buttons across all pages INCLUDING DMS PAGES*/
/*All buttons across all pages INCLUDING DMS PAGES*/
.button{
	margin: 2px;
}
.button a, input.button{
	padding: 4px;
	background: #CCCCCC;
	border: 2px solid #EAEAEA;
	font-size: 90%;
	color: #666666;
}
.left{
	float: left;
}
.right{
	float: right;
}
/*input based things*/
input, textarea, select{
}
input.button{
	float: right;
}
.button a:hover, input.button:hover{
	color: #000;
	background: #FFF;
}
input.button, input.button:hover{
	cursor: pointer;
	border: 1px solid #CCC;
}
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover {	
	border: 1px solid #CCC;
}
fieldset{
	border: 1px solid #CCC;
}
/*Generic styles across all pages- This also contains all of the default colours and layouts from the initial web build. Overrides can be found in <PUBLICATIONCODE>_dynamic.aspx*/
*{
	padding: 0px;
	margin: 0px;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#666666;
	background-color: #EAEAEA;
}

a, a:visited{
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000000;
}

ul{
	list-style: none;
}

img, img a{
	border:0;
}
p {
	margin: 2px;
}

/* used as main heading */
h1 {
	font-size: 200%;
}
h2 {
	font-size: 150%;
	color: #B3C725;
}
h3 {
	font-size: 120%;
}
h1, h2, h3{
	margin: 2px 0px 4px 0px;
}
/*seperate if visited is different*/
h2 a, h2 a:visited {
	text-decoration: none;
	color: #C1D82F;
}

h2 a:hover {
	color: #9FB121;
}

h3 {
}
/*table styles*/
table{
}

th {
}

td {
}

tr{
}
/*site build styles- here are some examples of some generic names that you should really be using to keep to standards.*/
#frame{
	width: 854px;
	margin: 0 auto;
}
#header{
	background:url(/img/letsgo/header_bg.jpg) no-repeat top;
	height: 73px;
}
#header ul{
	padding-top: 20px;
	margin-right: 90px;
	margin-left: 8px;
}
#header li{
	text-transform: uppercase;
	padding: 0 9px;
	border-left: 1px solid #fff;
	float: left;
}
#header li.home {
	border-left: none;
}
#header a{
	color: #fff;
}
#header a:hover{
	color: #CCCCCC;
}

#contentbottom{
	background: url(/img/letsgo/content_bottom_bg.jpg) no-repeat top left;
	height: 10px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
#content {
	background: url(/img/letsgo/content_top_bg.jpg) no-repeat top left #fff;
	padding-top: 12px;
	margin-top: 5px;
}
#contentleft {
	float: left;
	width: 622px;
	margin-left: 12px;
}
#contentright {
	float: left;
	width: 201px;
	margin-left: 10px;
}
#contentdms {
	margin: 0 12px;
}
#mainimage {
	position: relative;
}
.imageoverlay-bg {
	position: absolute;
	top: 328px;
	left: 8px;
	height: 133px;
	width: 606px;
	background-color: #913986;
	filter:alpha(opacity=90); 
	-moz-opacity: 0.90; 
	opacity: 0.90;
	z-index: 1;
}
.imageoverlay-text {
	position: absolute;
	top: 332px;
	left: 15px;
	height: 125px;
	width: 595px;
	z-index: 2;
	color: #fff;
}
.bottomfeature {
	width: 200px;
	float: left;
	margin: 10px 10px 0 0;
}
.bottomfeature img {
	border: 3px solid #C1D82F;
}
.bottomfeature a {
	background: url(/img/letsgo/readmore.jpg) no-repeat left;
	padding-left: 15px;
	display: block;
	line-height: 15px;
}
.last {
	margin-right: 0;
}
.bluebox, .greenbox, .pinkbox, .orangebox {
	padding-bottom: 8px;
	position: relative;
	width: 198px;
	margin-bottom: 10px;
}
.bluebox {
	background: url(/img/letsgo/bluebox_bottom.png) no-repeat bottom;
}
.greenbox {
	background: url(/img/letsgo/greenbox_bottom.png) no-repeat bottom;
}
.pinkbox {
	background: url(/img/letsgo/pinkbox_bottom.png) no-repeat bottom;
}
.orangebox {
	background: url(/img/letsgo/orangebox_bottom.png) no-repeat bottom;
}
.blueboxcontent {
	border-left: 4px solid #1C3F94;
	border-right: 4px solid #1C3F94;
	padding-bottom: 3px;
}
.blueboxcontent h3, .greenboxcontent h3, .pinkboxcontent h3, .orangeboxcontent h3 {
	margin: 2px;
}
.blueboxcontent h3 {
	color: #1C3F94;
}
.blueboxcontent a, .greenboxcontent a, .pinkboxcontent a, .orangeboxcontent a {
	padding-left: 15px;
	display: block;
	line-height: 15px;
}
.blueboxcontent a {
	background: url(/img/letsgo/bluebox_link.jpg) no-repeat left;
}
.greenboxcontent {
	border-left: 4px solid #00984A;
	border-right: 4px solid #00984A;
	padding-bottom: 3px;
}
.greenboxcontent h3 {
	color: #00984A;
}
.greenboxcontent a {
	background: url(/img/letsgo/greenbox_link.jpg) no-repeat left;
}
.pinkboxcontent {
	border-left: 4px solid #E64097;
	border-right: 4px solid #E64097;
	padding-bottom: 3px;
}
.pinkboxcontent h3 {
	color: #E64097;
}
.pinkboxcontent a {
	background: url(/img/letsgo/pinkbox_link.jpg) no-repeat left;
}
.orangeboxcontent {
	border-left: 4px solid #ECB958;
	border-right: 4px solid #ECB958;
	padding-bottom: 3px;
}
.orangeboxcontent h3 {
	color:#ECB958;
}
.orangeboxcontent a {
	background: url(/img/letsgo/orangebox_link.jpg) no-repeat left;
}
.blueboxtop, .greenboxtop, .pinkboxtop, .orangeboxtop {
	position: absolute;
	top: 0px;
	left: -1px;
	z-index: 2;
	width: 200px;
	height: 10px;
}
.blueboxtop {	
	background: url(/img/letsgo/bluebox_top.png) no-repeat top;
}
.greenboxtop {	
	background: url(/img/letsgo/greenbox_top.png) no-repeat top;
}
.pinkboxtop {	
	background: url(/img/letsgo/pinkbox_top.png) no-repeat top;
}
.orangeboxtop {	
	background: url(/img/letsgo/orangebox_top.png) no-repeat top;
}
ul.onpageindex {	
	border-left: 1px dotted #999;
	padding-left: 5px;
}
ul.onpageindex li {
	font-weight: bold;
	font-size: 150%;
}
ul.onpageindex li a {	
	color: #C1D82F;
}
.partnerItem {
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 7px;
}
.partnerItem img {
	float: left;
	margin-right: 5px;
}
.partnerItem a, .partnerItem a:visited {
	text-decoration: underline;
	color: #93A31F;
}
.partnerItem a:hover {
	color: #000;
}
#footer{
	margin: 10px;
}
#footer ul{
}
#footer li{
	padding: 0 10px;
	border-right: 1px dotted #999;
	float: right;
}
#footer li.end{
	padding-right: 0;
	border-right: none;
}
.footerleft {
	float: left;
	width: 50%;
}
.footerleft img {
	vertical-align: middle;
}
.footerright {
	float: left;
	width: 49%;
	text-align: right;
}
/*new 'powered by New Vision' P class link on all sites - entered by TC 12.02.09*/
.nvglink {
	color:#666666;
	font-size:85%;
}
/*--------------- voucher----------------*/
#frame-voucher {
	margin: 0 auto;
	background-color: #fff;
	width: 604px;
}
#holder{
margin:0px;
width:600px;
border:2px solid #24408f;
}
#middle{
background-color:#ffffff;
width:100%;
height:100%;
margin:0px;
}

#holder h2{
color:#315fac;
margin-bottom:5px;
margin-left:10px;
margin-right:10px;
font-size: 110%;
}