/**
   * This is the default (main) style sheet for Visique for 4+ browsers.
   *
   * @package Visique
   * @author Francis Saul <francis@clicksuite.co.nz>
   * @project manager Alan Doak <alan@clicksuite.co.nz>
   * @version 2007-01-25
   
   * @change log
   
*/
@import "sections.css";

/*------------------------------------------------------------------------------------------
Structural rules -------------------------------------------------------------------------*/
html {
	width: 100%;
	height: 100%;
	_border: none;
}
img, object, embed {
	display: block;
	outline: none;
}
body{
	margin:0;
  background: #EA7134 url(/resources/img/indexPromo/level2-bg.jpg) no-repeat center 0;
  text-align: center;
  font-family:Verdana, Geneva, sans-serif;
  height:100%;
  width:100%;
}

div.shell{
  margin: 0 auto;
  text-align: left;
  width: 747px;
  margin-top:60px;
  height:485px;
  display:block;
  overflow:hidden;
  color:#FFF;
}
div.column{
	width:378px;
	margin:0 0 0 8px;
}	
div.column h2{
	margin:0 0 2px 0;
	color:#FFF;
	font-size:12px;
}
div.column .buttonDownload{
	margin: 213px 0 25px 0;
	width:213px;
	height:48px;
	display:block;
	float:left;
	background:	url(/resources/img/indexPromo/but-voucher.jpg) no-repeat 0 0;
}
div.column .buttonDownload:hover{
	background:	url(/resources/img/indexPromo/but-voucher.jpg) no-repeat 0 bottom;
}
div.column .buttonViewad{
	margin: 213px 0 25px 8px;
	width:142px;
	height:48px;
	display:block;
	float:left;
	background:	url(/resources/img/indexPromo/but-viewad.jpg) no-repeat 0 0;
}
div.column .buttonViewad:hover{
	background:	url(/resources/img/indexPromo/but-viewad.jpg) no-repeat 0 -50px;
}
div.column p{
	color:#FFF;
	margin: 0 0 0 0;	
	line-height:18px;
	letter-spacing: -0.01em;
	width:350px;	
}
.flybysBadge{
	margin:5px 30px 0 20px;
	float:right;	
	display:inline;	
}
div.column p.storeLink {
	margin-top:20px;
	display:block;	
}
div.column p.storeLink a{
	font-size:11px;
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
}
div.column p.offer{
	margin:0 0 15px 0;
	display:block;
}
div.column p.fine{
	margin-top:8px;
	color:#FFF;
	font-size:10px;
	font-weight:normal;
	line-height:normal;
	display:inline-block;
}

/*------------------------------------------------------------------------------------------
Base rules -------------------------------------------------------------------------------*/
body.normal{
  font-size: 0.625em;
}
body.normal li#last a{
  font-size: 1em;
}
body.large{
  font-size: 0.6875em;
}
body.large div#shell ul li#last{
  font-size: 0.9125em;
}
body.xLarge{
  font-size: 0.8125em;
}
body.xLarge div#shell ul li#last{
  font-size: 0.77em;
}
div.rT{
  background: url(/resources/img/indexPromo/cnrs-top.gif);
  height: 6px;
  width: 767px;
}
div.rB{
  background: url(/resources/img/indexPromo/cnrs-bottom.gif);
  height: 6px;
  width: 767px;
  margin-bottom: 7px;
}
.btn{
  background: url(/resources/img/bn-cnr.gif) left top no-repeat;
  color: #2c4679;
  display: block;
  font-size: 0.91em;
  font-weight: bold;
  letter-spacing: 0.075em;
  padding-left: 3px;
  text-transform: uppercase;
}
.btn span{
  background: #fff;
  display: block;
  padding: 2px 6px 0 4px;
}
.btn:hover{
  color: #009dbb;
  text-decoration :none;
}
.hidden{
  display: none;
}
.imgLink{
  text-indent: -9999px;
}
table{
  border-bottom: 4px solid #fff;
  margin-top: 4em;
}
table.tblFrm{
  border-bottom: none;
  width: 100%;
}
thead{
  border-bottom: 4px solid #009dbb;
}
.even{
  background: #dbeaef;
}
.txt{
  font-size: 1.1em;
  width: 200px;
}
select{
  font-size: 1.1em;
}
textarea{
  font-size: 1.1em;
  height: 100px;
  width: 250px;
}
.left{
  float: left;
  margin: 0 25px 25px 0;
}
.right{
  float: right;
  margin: 0 0 25px 25px;
}


.clearer{
                clear: both;
                line-height: 0px;
                margin: 0;
                padding: 0;
                overflow: hidden;
                text-indent:-9999px;
                font-size:0px;
}


/*------------------------------------------------------------------------------------------
Content rules ----------------------------------------------------------------------------*/
img.bannerImage{
  border: 4px solid #fff;
  margin-top: 11px;
}
div#menuPane form{
  background: #fafcfd;
  display: block;
  padding: 20px 10px 0;
  width: 161px;
}
div#menuPane form select{
  width: 151px;
}
div#menuPane ul{
  background: #fafcfd url(../img/submenu-bottom.gif) left bottom no-repeat;
  list-style: none;
  margin: 0;
  min-height: 220px;
  padding: 20px 0;
}
div#menuPane ul li{
  height: 1%;
  margin: 0;
  padding: 0;
}
div#menuPane ul li a{
  color: #009dbb;
  display: block;
  font-weight: bold;
  padding: 0.3em 16px 0.2em 20px;
  text-decoration: none;
}
div#menuPane ul li a:hover{
  background: #f3f8fa;
  color: #4c5573;
  text-decoration: none;
}
p.intro{
  color: #009dbb;
  font-weight: bold;
  margin-bottom: 3em;
}
div.boxCont p{
  font-weight: bold;
}
div.boxCont img{
  border-top: 1px solid #fff;
  border-bottom: 3px solid #fff;
  margin: 0 -8px 1em -11px;
}
div.boxCont div.bT{
  background: url(../img/box-bottom.gif) no-repeat;
  height: 6px;
  margin: 2em -11px 0;
  width: 181px;
}
div#rightPane img{
  border: 0px solid #fff;
}




/*------------------------------------------------------------------------------------------
Footer rules -----------------------------------------------------------------------------*/
div#footerPane{
	margin-top:25px;
  text-align: center;
  padding-bottom: 3em;
}
div#footerPane ul{
  color: #fff;
  font-size: 0.9em;
  list-style: none;
  margin: 0 auto;
  width: 500px;
}
div#footerPane ul li{
  display: block;
  float: left;
  padding-right: 9px;
}
div#footerPane ul li span{
  padding-left: 5px;
}
div#footerPane ul li a{
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
div#footerPane ul li a:hover{
  text-decoration: underline;
}

/* -------------------------------------------------------------------------------------- */
/* ------------------------------------- Introbox --------------------------------------- */
/* -------------------------------------------------------------------------------------- */
#introBox{
	width:100%;
	height:100%;
	z-index:2000;
  	background: #EA7134 url(/resources/img/indexPromo/splashpage.jpg) no-repeat center center ;
	display:block;
	position:fixed;
	top:0px;
	left:0px;
}
/*~~~~~~~~~~~~~~~~~home flash~~~~~~~~~~~~~~~~~*/
.flashShell{
	width:375px;
	height:185px;
	padding:0;
	margin: 0;	
	background-color:#EA7134;
	display:block;
}
#flashReplace{
	width:375px;
	height:185px;
	margin:0;
	padding:0;
	display:block;
}

/* -------------------------------------------------------------------------------------- */
/* ------------------------------------- Lightbox --------------------------------------- */
/* -------------------------------------------------------------------------------------- */

	
#lightboxOverlay {
	z-index:30;
	position:fixed;
	-positio\n:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background: rgba(255,255,255,0.75);
	color:#000;
	^background:#fff;
	^filter:alpha(opacity=75);
	max-height:100%;
	overflow:auto;
	}
	
.ie #lightboxOverlay {
	background:#fff;
	filter:alpha(opacity=75);
	}	
	
#lightboxContentWrap {
	position:fixed;
	-positio\n:absolute;
	z-index:31;
	width:100%;
	top:0px;
	left:0px;
	text-align:left;
	}
#lightboxContent {
	margin-left:auto;
	margin-right:auto;
	width:450px;
	padding:0px;
	position:relative;
	background:#fff;
	height:270px;
	border:1px solid #EA7134;
	}
.ie6 #lightboxContent {
	margin-left:auto;
	margin-right:auto;
	width:440px;
	padding:0px;
	position:relative;
	background:#000;
	height:260px;
	border:1px solid #EA7134;
	}
#lightboxContent a.close {
	position:absolute;
	cursor:pointer;
	top:-11px;
	right:-11px;
	display:block;
	background:url(/resources/img/indexPromo/lightboxClose.png) 0px 0px no-repeat;
	width:22px;
	height:22px;
	z-index:99;
	text-indent:-9999px;
	}
#lightboxContent a.close:hover {
}