html { background: #348abe url(../img/bg_tile.jpg) repeat top center; margin: 0; padding: 0; height: 100%;}
body {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 76%;
    font-family: Arial, Helvetica, sans-serif;
    background: transparent url(../img/grey_bg.gif) repeat-y top center;
    }
body.contentPage, body.appPage { height: 100%; }

/* */
    
h1 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h2 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h3 { font-size: 1.0em; font-weight: bold;   margin-top: 0em; margin-bottom: 0em;  color: #636363; }
h4 { font-size: 1.2em; font-weight: bold;   margin-top: 0em; margin-bottom: 0em;  color: #636363; }

ul, ol { padding: 0 0 10px 20px; margin : 0 0 0 20px; }    /* font-size: 80%; */

p { margin: 0px; }
strong, b { font-weight: bold;  }
img { border: 0; margin: 0; padding: 0; vertical-align: bottom; }
form { margin: 0; padding: 0; }
hr { margin: 0.5em 0; border: 0px; height: 1px; color: #000; background-color: #fff; border-top: 1px solid #d6d6d6; }
a { color: #0068b3; text-decoration: underline; }
a:hover { color: #79bde9; text-decoration: underline; } /* 00aedb */
    
.hide { display: none; }
.clr { clear: both; }
.highlight { color: #d9ecff; }
.floatLeft { float: left; }
.floatRight { float: right !important; }

.quote  { font-style : italic; margin: 0 0 0 10px;}
  
.hr { margin: 5px 30px 15px 20px; border-top: 1px solid #79bde9; }
.hr hr { display: none; }

.dropCap:first-letter  { font-size : 300%; font-weight : bold; float : left; width : 1em; margin: 0 10px 0px 0; }
    
.hvr a:hover { background-position: bottom left; }

    
h2.title, h2.title a { margin: 0; padding: 0; display: block; text-indent: -700em; text-decoration: none; overflow: hidden; }
    
/* */

.topEdge { margin: 0; padding: 0; background: transparent url(../img/top_edge.jpg) repeat-x top center; }
.mainBg { margin: 0; padding: 0; background: transparent url(../img/bg.jpg) no-repeat top center; }
 
.pageWrap {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 750px;
    position: relative;
    background: transparent url(../img/header_bg.gif) no-repeat top left;
    }
html > .pageWrap {
    width: 750px;
    }

.headerArea {
    margin: 0;
    padding: 0;
    height: 150px;
    background: transparent url(../img/header_bg.gif) no-repeat top left;
    }
.headerArea h2 {
    margin: 0;
    padding: 42px 0 0 0;
    float: left;
    }    
.headerArea h2 a {
    margin: 0;
    padding: 0;
    width: 298px;
    height: 58px;
    float: left;
    display: block;
    background: transparent url(../img/logo.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
    
.contentPage .headerArea h2 {
    margin: 0;
    padding: 33px 0 0 0;
    float: left;
    }    
.contentPage .headerArea h2 a {
    margin: 0;
    padding: 0;
    width: 298px;
    height: 78px;
    float: left;
    display: block;
    background: transparent url(../img/logo_inner.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }

.appPage .headerArea {
    margin: 0;
    padding: 0;
    height: 119px;
    background: transparent url(../img/header_app_bg.gif) no-repeat top left;
    }
.appPage .headerArea h2 {
    margin: 0;
    padding: 12px 0 0 0;
    float: left;
    }    
.appPage .headerArea h2 a {
    margin: 0;
    padding: 0;
    width: 298px;
    height: 58px;
    float: left;
    display: block;
    background: transparent url(../img/logo.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
     
.contentWrap { float: left; margin: 0; padding: 0; width: 750px; }
    
.content { margin: 0; padding: 0; color: #656565; }
.content h1 { margin: 0; padding: 0 50px 0.6em 20px; font-size: 2.6em; line-height: 1.4em; font-weight: normal; color: #324c8e; }
.content h2 { margin: 0; padding: 0 50px 0.5em 20px; font-size: 1.6em; line-height: 1.4em; font-weight: normal; color: #2a2a2a; }
.content h3 { margin: 0; padding: 0 50px 0.5em 20px; font-size: 1.2em; line-height: 1.4em; }
.content h4 { margin: 0; padding: 0 30px 0.5em 20px; font-size: 1.1em; line-height: 1.4em; }
.content h5 { margin: 0; padding: 0 30px 1em 20px; font-size: 1em; line-height: 1.4em; }
.content p  { margin: 0; padding: 0 30px 1em 20px; font-size: 1em; line-height: 1.4em; /*color: #7f7f7f;*/ }  /*  #7f7f7f */
.content p strong { color: #636363; }
.content a  { }
.content a:hover { }
.content ul li { margin-top: 0; padding: 0 20px 0 10px; font-size: 1m; line-height: 1.4em; /*color: #7f7f7f;*/ }
.content ol li { margin-top: 0; padding: 0 20px 10px 10px; font-size: 1m; line-height: 1.4em; /* color: #7f7f7f;*/ }

.content p.date { padding: 0 0 0 10px; font-size: 0.8em; color: #989898; }
.content p.moreLink { padding: 0 20px 10px 0; color: #989898; text-align: right; }
.content img.featImg { margin: 0 0 20px 10px; }
.content li p { padding: 10px 0 0 0; }
.content li h3 { padding: 10px 0 0 0; }


p.listPad { padding: 0 30px 0 20px; }

/* */	
	
.defaultTable { margin: 10px; padding: 10px 10px 10px 10px; }
.defaultTable table { padding: 0; margin: 0; border-collapse: collapse; }
.defaultTable table tr th { padding: 4px 15px 10px 0; margin: 5px; vertical-align: text-top; text-align: left; }
.defaultTable table tr td { padding: 3px 15px 3px 0; margin: 5px; vertical-align: text-top; }

.borderTable { margin: 10px; padding: 10px 10px 10px 10px; }
.borderTable table { padding: 0; margin: 0; border-collapse: collapse; }
.borderTable table tr th { padding: 4px 15px 4px 4px; margin: 5px; vertical-align: text-top; text-align: left; border: 1px solid #ccc }
.borderTable table tr td { padding: 3px 15px 3px 4px; margin: 5px; vertical-align: text-top; border: 1px solid #ccc; }
    
/* Page Layout Bg's / Column widths */    
    
.homePage .columnLeft { margin: 0; padding: 20px 0 0 0; width: 390px; float: left; }
.homePage .columnCenter { margin: 0; padding: 20px 0 0 0; width: 317px; float: left; }
.homePage .columnRight { margin: 0; padding: 35px 0 0 10px; width: 350px; float: left; }
.homePage .content p  { margin: 0; padding: 0 30px 1em 20px; font-size: 0.9em; line-height: 1.4em; color: #7f7f7f; }

.homePage .contentWrap {
    margin: 16px 0 0 0;
    background: transparent url(../img/content_home_bg.gif) repeat-y top left;
    }
.homePage .contentWrap div.boxTop { background: transparent url(../img/content_home_bg_top.gif) no-repeat top left; }
.homePage .contentWrap div.boxBtm { background: transparent url(../img/content_home_bg_btm.gif) no-repeat bottom left; }

h1.introTitle {
    margin: 20px 0 0 0;
    padding: 0;
    width: 272px;
    height: 95px;
    display: block;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    background: transparent url(../img/title_main_easy_ticketing.gif) no-repeat top left;
    }  
a.btnReadMore {
    margin: 0 0 0 0;
    padding: 0;
    width: 80px;
    height: 20px;
    float: left;
    display: block;
    background: transparent url(../img/read_more.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }

a.btnSellTickets {
    margin: 0 8px 0 0;
    padding: 0;
    width: 143px;
    height: 35px;
    float: left;
    display: block;
    background: transparent url(../img/btn_sell_tickets.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
a.btnBuyTickets {
    margin: 0;
    padding: 0;
    width: 143px;
    height: 35px;
    float: left;
    display: block;
    background: transparent url(../img/btn_buy_tickets.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }

a.btnCreateAccount {
    margin: 0 8px 0 0;
    padding: 0;
    width: 200px;
    height: 35px;
    float: left;
    display: block;
    background: transparent url(../img/btn_create_account.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }

a:hover.btnSellTickets, a:hover.btnBuyTickets, a:hover.btnReadMore, a:hover.btnCreateAccount {
    background-position: bottom left;
    }
 
.columnWrap { background : url(../img/bg_rightColumn.gif)  repeat-y top right; overflow : auto; }   

.contentPage .contentWrap { margin: 16px 0 0 0;  background-color: #fff; }
.contentPage .contentWrap div.boxTop { padding: 1px 0 0 0; background: transparent url(../img/content_inner_bg_top.gif) no-repeat top left; }
.contentPage .contentWrap div.boxBtm { background: transparent url(../img/content_inner_bg_btm.gif) no-repeat bottom left; }


.contentPage .contentWrap .columnLeft { margin: 0; padding: 10px 0 0 0; width: 480px; float: left; }
.contentPage .contentWrap .columnRight { margin: 0; padding: 10px 0 0 1px; width: 268px; float: left; overflow: hidden;}
/*.contentPage .contentWrap .columnRight img { border-bottom: 1px solid #e5e5e5;  border-right: 1px solid #e5e5e5; }*/

.contentPage .contentWrap .sellTickets {
    margin: 0 20px 10px 20px;
    padding: 20px 0 0 0;
    height: 60px;
    border-bottom: 1px solid #ccc;
    }
    
.contentPage .contentWrap .sellTickets h4 { margin: 0; padding: 0; }
.contentPage .contentWrap .sellTickets a.btnSellTickets {
    margin: 0 0 0 0;
    padding: 0;
    width: 143px;
    height: 35px;
    float: right;
    display: block;
    background: transparent url(../img/btn_white_sell_tickets.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
.contentPage .contentWrap .sellTickets a:hover.btnSellTickets {
    background-position: bottom left;
    }
.leftColPage .columnLeft .hr { margin: 0 0 5px 0; height: 5px; border: 0; background: transparent url(../img/left_col_hr.gif) no-repeat top left; }
.leftColPage .columnLeft .hr hr { display: none; }




.appPage .contentWrap {
    margin: 16px 0 0 0;
    background-color: #fff;
    }
.appPage .contentWrap div.boxTop { padding: 1px 0 0 0; background: transparent url(../img/content_inner_bg_top.gif) no-repeat top left; }
.appPage .contentWrap div.boxBtm { background: transparent url(../img/content_inner_bg_btm.gif) no-repeat bottom left; }


/* */

.featureSection {
    margin: 0;
    padding: 0 0 0 0;
    height: 250px;
    position: relative;
    }
.featureSection .columnLeft { margin: 0; padding: 10px 0 0 0; width: 445px; float: left; }
.featureSection .columnRight { margin: 0; padding: 0 0 0 0; width: 300px; float: left; }
/*
.featureSection .columnLeft ul {
    margin: 0;
    padding: 0 0 0 5px;
    width: 205px;
    float: left;
    }    

.featureSection .columnLeft ul li { list-style-position: inherit; margin: 0 0 0 20px; padding: 0 20px 10px 0; font-size: 0.9em; line-height: 1.4em; color: #7f7f7f; }
*/
.featureSection .columnRight p  { margin: 0; padding: 10px 30px 1em 3px; font-size: 1em; line-height: 1.4em; color: #fff; }
.featureSection a { color: #fff; }
.featureSection a:hover { color: #fff; }


.featCarousel {
    width: 430px;
    height: 240px;
    position: relative;

    /* Internet Exploder 6 Fix */
    overflow:hidden;
    }
.sideNumbers {
    margin: 0;
    padding: 2px 0 0 2px;
    width: 100px;
    height: 17px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    }

.sideNumbersBkg {
    width:112px;
    height:19px;
    position:absolute;
    bottom:9px;
    right:10px;
    background-color:#000;
    opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    }
.sideNumbers a {
    padding: 0 3px;
    font-size: 0.9em;
    color: #fff;
    text-decoration: none;
    }
.featCarousel h3 { margin: 0; padding: 0 30px 1em 10px; font-size: 1.5em; line-height: 1.4em; color: #fff }
.featCarousel p  { margin: 0; padding: 0 30px 1em 10px; font-size: 1em; line-height: 1.4em;}

.slideContent { position: relative; }
.slideContent .txt {
    margin: 0;
    padding: 10px 0 0 0;
    width: 170px;
    height: 230px;
    position: absolute;
    top: 0;
    left: 0;
    color:#FFF;
    }
.slideContent .bkg {
    background-color: #000;
    opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    position:absolute;
    width: 150px;
    height: 240px;
    top:0;
    left:0;
    }
.slideContent .img {}

.cur { border-style:solid; border-width:1px; border-color:#616161;}

/* */


.featureQuote {
    margin: 10px 20px 0 20px;
    padding: 20px;
    background: transparent url(../img/quote_top.gif) no-repeat top left;
    }
.featureQuote p.quote { margin: 0; padding: 0 0 1em 0; font-size: 1.2em; line-height: 1.4em; color: #4c4c4c; }
.featureQuote p.user  { margin: 0; padding: 0 30px 20px 0; font-size: 1em; line-height: 1.4em; color: #7f7f7f; background: transparent url(../img/quote_btm.gif) no-repeat top right; }

.contentPage .featureQuote {
    margin: 20px 0px 0 10px;
    padding: 20px;
    background: transparent url(../img/quote_top.gif) no-repeat top left;
    }

.snippet {
    margin: 0;
    padding: 0 0 15px 0;
    width: 170px;
    float: left;
    background: transparent url(../img/dot_point.gif) no-repeat top left;
    }
.snippet h3 { padding: 0 10px 0.5em 20px !important; }
.snippet p  { padding: 0 10px 1em 20px !important; }
    
p.loggedInAs { padding: 58px 10px 0 0; float: right; font-size: 0.9em; color: #3d9fe9; }  
/* */

.innerFooter { clear: both; height: 30px; width: 750px; }
.footerArea {
    margin: 0;
    padding: 0;
    width: 750px;
    height: 240px;
    clear: both;
    background: #616161 url(../img/footer_bg.gif) no-repeat top right;
    }
.footerArea img {
    float: left;
    }	
.footerArea p {
    margin: 0;
    padding: 10px 10px 1em 10px;
    font-size: 0.8em;
    line-height: 1.3em;
    color: #ffffff;
    float: right;
    }
.footerArea p a { padding: 0 0 0 5px; color: #ffffff; text-decoration: none; }
.footerArea p a:hover { color: #ffffff; text-decoration: underline; }
    
/* Menu */
    
.mainMnu {
    margin: 11px 0 0 0;
    padding: 0;
    width: 750px;
    height: 39px;
    float: right;
    background: transparent url(../img/menu_bg.gif) no-repeat top left;
    }
.contentPage .mainMnu { margin: 0 0 0 0; }   
.mainMnu ul {
    margin:  0 2px 0 3px;
    padding: 0 0 0 0;
    height: 33px;
    list-style-type: none;
    /*font-weight : bolder;*/
    font-size : 15px;
    }
.mainMnu ul li {
    /*margin: 5px;*/
    padding: 10;
    float: left;
    }
.mainMnu ul li a span {
    margin: 0;
    padding: 7px 7px 0 7px;
    display: block;
    _float: left;
    text-indent: 5px;
    text-decoration: none;
    overflow: hidden;
    height: 26px;
    background-position: top left;
    background-repeat: no-repeat;
    color: #e7e7e7;
    }
.mainMnu ul li a span:hover {
    background-position: bottom left;
    /*overflow: hidden;*/
    background-color: #747474;
    cursor: pointer;
    }
/*Hide from Mac IE\*/
.mainMnu ul li a {
    text-decoration: none;
    overflow: hidden;
    }
/*End hide*/
    

/*Id for body tag to determine highlight */

#home .mainMnu #mnuItem01 span,
#pricing .mainMnu #mnuItem02 span,   
#keyfeatures .mainMnu #mnuItem03 span,  
#customers .mainMnu #mnuItem04 span, 
#selltickets .mainMnu #mnuItem05 span,   
#about .mainMnu #mnuItem06 span,         
#contact .mainMnu #mnuItem07 span     { background-color: #747474; }


.mainMnu a.current, .mainMnu a:hover.current { background-position: center right; }

.mainMnu p { padding: 9px 10px 0 0; float: right; color: #fff; }
.mainMnu p a { padding: 0 3px; text-decoration: none; color: #fff; }

/* Forms */

form.loginForm {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    position: relative;
    clear: right;
    float: right;
    width: 240px;
    }
form.loginForm fieldset { padding: 5px 0 0 0; border: 0; }
form.loginForm legend { display: none; }
form.loginForm label {
    margin: 0;
    padding: 0;
    width: 115px;
    height: 18px;
    float: left;
    display: block;
    background: transparent url(../img/title_account_login.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
form.loginForm input.field { margin: 0 6px 0 0; width: 99px; float: left; }
form.loginForm #user.field {width: 110px; }
form.loginForm dl {
    margin: 0px;
    padding: 0px;
    width: 225px;
    display: block;
    clear: both;
    }
form.loginForm dt, form dd {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    line-height: 20px;
    }
form.loginForm dt {
    width: 140px;
    }
form.loginForm dd {
    width: 225px;
    }
form.loginForm button.submitBtn {
    margin: 3px 8px 0 0;
    _margin: 3px 4px 0 0;
    padding: 0;
    width: 63px;
    height: 20px;
    display: block;
    float: right;
    background: transparent url(../img/btn_login.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    }
form.loginForm button.submitBtn:hover {
    background: transparent url(../img/btn_login.gif) no-repeat bottom left;
    }
a.forgottenPass { padding: 3px 0 0 0; float: left; color: #000; text-decoration: none; }
a:hover.forgottenPass { text-decoration: underline; }  
  
form.searchForm {
    margin: 0 0 0 20px;
    padding: 5px 0 0 5px;
    font-size: 0.9em;
    position: relative;
    width: 341px;
    height: 55px;
    background: transparent url(../img/search_bg.gif) no-repeat top left;
    }
form.searchForm fieldset { padding: 0; border: 0; }
form.searchForm legend { display: none; }
form.searchForm label {
    margin: 0;
    padding: 0;
    width: 168px;
    height: 18px;
    float: left;
    display: block;
    background: transparent url(../img/title_buy_tickets_and_browse.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
form.searchForm input.field { margin: 2px 5px 0 0; width: 260px; float: left; font-size: 1.2em; }
form.searchForm dl {
    margin: 0px;
    padding: 0px;
    width: 140px;
    display: block;
    clear: both;
    }
form.searchForm dt, form dd {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    line-height: 20px;
    }
form.searchForm dt {
    width: 140px;
    }
form.searchForm dd {
    width: 330px;
    }
form.searchForm button.submitBtn {
    margin: 1px 0 0 0;
    padding: 0;
    width: 53px;
    height: 22px;
    display: block;
    background: transparent url(../img/btn_search.gif) no-repeat top left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    }
form.searchForm button.submitBtn:hover {
    background: transparent url(../img/btn_search.gif) no-repeat bottom left;
    }
    

input {
border:1px solid #e59618;
font-size:1em;
color: #999999;
}


.trainingCentre .marker { width: 30px; float: left }
.trainingCentre .player { width: 330px; float: left}
.trainingCentre .time { width: 50px; float: right} 
.trainingCentre > div { overflow: hidden; margin:0 0 0 20px }
.trainingCentre	h3 { margin: 20px 0 0px 0px }