/*..............................
global.css
................................
colors:
blue    #336699
orange  #ff9900
grey    #f0f0f0
................................
main selectors
................................*/
body                { font-family:  arial,verdana,sans-serif; font-size: 80%;
                      color:  #000000; line-height: 1.4; margin: 0px; background-color: #02539c; }
td                  { font-family:  arial,verdana,sans-serif; font-size: 80%;
                      color:  #000000; line-height: 1.4; }
td .nav,
td .sub-nav         { line-height: 1; }
p                   { margin: 12px 0px; }
form                { margin: 20px 0px; }
a                   { color: #0000bb; background-color: transparent; }
a:hover             { color: #999999; background-color: transparent; }

/*..............................
navigation styles
................................*/
.nav                { padding: 6px 15px; }
.nav-main           { text-decoration: none; color: #cfffff; background-color: #02539c;font-weight: bold; }
a.nav-main:hover    { color: #ffffff; }
.nav-sub            { text-decoration: none; color: #02539c; background-color: transparent; }
.nav-over           { color: #ffffff; background-color: #9966cc; }

/*..............................
generic styles
................................*/
.praise             { font-weight: bold; color: #336699; }
#home-links         { background-color: transparent; }
#home-links .text   { background-color: #c1331f; color: #ffffff; }
.bg-blue            { background-color: #02539c; }
.bg-black           { background-color: #000000; }
#bg-home            { background-image: url(../images/bg_home.jpg); background-repeat: no-repeat;
                      background-color: #000000; }
#bg-home2           { background: #000 url(../images/bg_home3.jpg) no-repeat left top }
.error-heading      { color: #990000; font-weight: bold; }
.error              { color: #990000; }
#playlist-links td  { white-space: nowrap; }
.step-title         { font-weight: bold; color:  #02539c; }
#steps              { margin: 0px 0px 15px 0px; }
#steps td           { padding: 0px 6px 2px 0px; vertical-align: top; }
#steps-intro td     { padding: 0px 6px 15px 0px; vertical-align: top; }
#selector td        { font-weight: bold; color: #ffffff; background-color: #02539c; }
#selector a         { text-decoration: none; color: #ffffff; }
#artist, #title     { margin: 15px 0px; }
#selector .links td { padding: 0px 1px; border: 1px solid #02539c; cursor: pointer; }
#selector .select-title
                    { color: #9acfcf; }
.tab, .tab2         { width: 98px; height: 23px; }
.tab                { background-image: url(../images/tab.gif); background-repeat: no-repeat; }
.tab2               { background-image: url(../images/tab2.gif); color: #ffffff; font-weight: bold;
                      background-repeat: no-repeat; }
.main               { background-color: #ffffff; }
.home-bg            { background-color: #000000; }
.box-bg             { background-color: #02539c; }
.box-heading        { color: #ffffff; background-color: #02539c; font-weight: bold; padding-right: 15px; }
.box-link           { color: #319c9c; font-weight: bold; font-style: italic; }
.home-copy          { font-size: 70%; color: #cfffff; background-color: transparent; padding: 10px; }
.date               { color: #ffffff; background-color: transparent; font-weight: bold; }
.bold               { font-weight: bold; }
.img-left           { margin: 0px 15px 10px 0px; float: left;}
.img-right          { float: right;}
.img-top            { margin: 0px 0px 20px 0px;}
.heading            { font-size: 120%; color: #02539c; font-weight: bold; }
.copy               { font-size: 70%; color: #999999; padding: 5px 0px;}
#booking-table.title
                    { font-weight:bold; color: #000000;}
#booking-table td   { padding: 4px 20px 4px 0px; color: #000000; }
#booking-table.radio
                    { border-width: 0px; border-color: #000000; }

.side-box-heading   { background-image: url(../images/corner_box_tl.gif); background-repeat: repeat-y;
                      color: #ffffff; background-color: #02539c; font-weight: bold; padding: 0px 10px; }
.input-text         { width: 220px; }
.input-name         { width: 150px; }
.input-tel          { width: 120px; }
.conf-table         { margin: 20px 0px; }
.conf-table td      { padding: 4px 20px 4px 0px; }

.form-block         { background-color: #eeeeee; padding: 10px 20px; border: 1px solid #ffffff; margin: 0px 0px;
                      color: #000000; }
.form-block div.indent  { margin-left: 30px; }
div.label           { font-weight: bold; margin-bottom: 10px; }
.break              { margin: 10px; }
input.text          { font-size: 70% }
.button             { font-size: 70%; }
.booking-form       { margin: 0px 0px 20px 0px; }
.booking-bullets li { margin-bottom: 15px; }

/*..............................
position, height and width
................................*/
.fh                 { height: 100%; }
.fw                 { width: 100%; }
.t                  { vertical-align: top; }
.b                  { vertical-align: bottom; }
.m                  { vertical-align: middle; }
.r                  { text-align: right; }
.l                  { text-align: left; }
.c                  { text-align: center; }
.h-15               { height: 15px; }
.h-20               { height: 20px; }
.h-30               { height: 30px; }
.h-50               { height: 45px; }
.h-9                { height: 9px; }
.h-8                { height: 8px; }
.h-1                { height: 1px; }
.w-1                { width: 1px; }
.w-7                { width: 8px; }
.w-8                { width: 8px; }
.w-307              { width: 307px; }
.w-180              { width: 180px; }
.w-200              { width: 200px; }
.w-426              { width: 426px; }
.w-615              { width: 615px; }
.w-10               { width: 10px; }
.w-15               { width: 15px; }
.w-30               { width: 30px; }
.top-cont           { height: 145px; }

/*..............................
padding and margins
................................*/
.p-0-15             { padding: 0px 15px; }
.p-5                { padding: 5px; }
.p-15               { padding: 15px; }
.p-20               { padding: 20px; }
.p-30               { padding: 30px; }
.p-10-15            { padding: 10px 15px; }
.p-15-20            { padding: 15px 20px; }
.p-30-20            { padding: 30px 20px; }
.p-0-15             { padding: 0px 15px; }
.m-15-0             { margin: 15px 0px; }


/*..............................
table styles for a table with a coloured border around each cell
................................*/
#results-table .num         { padding: 1px 10px;}
#results-table .space       { padding: 1px 10px;}
#results-table td           { color: #000000; }
#results-table thead td,
#results-table tfoot td,
#results-table a,           { color: #ffffff; font-weight: bold; background-color: #02539c; padding: 0px;
                              text-decoration: none; }
#results-table .shade       { background-color: #ebf5f6; }
#results-table .cell        { white-space: nowrap; padding-left: 10px; }
#results-table .title       { color: #bf2e1a; }
.print-table .cell          { padding-left: 15px; }
.print-table td             { border-bottom: 1px solid #000000; }

#nav {
    height: 23px;
    background: #000000;

}

#nav a {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    width: 116px;
    margin: 0 2px;
    background: #000000 url("../images/tab3.gif") no-repeat;
    text-decoration: none;
    color: #CFFFFF;
    font-weight: bold;
    text-align: center;
}

#nav span {
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    width: 116px;
    margin: 0 2px;
    background: #000000 url("../images/tab4.gif") no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

#home-tag {
    color: #B4C9DC;
    position: absolute;
    top: 400px;
    left: 0;
    font-size: 11px;
    width: 747px;
    padding: 0 2em;
    font-weight: normal;
}

#home-text {
    color: #B4C9DC;
    font-size: 11px;
    position: absolute;
    top: 420px;
    left: 0;
    width: 747px;
    padding: 0 2em;
}

#home-text a {
    color: #B4C9DC;
    text-decoration: none;
}

h1.title {
    position: absolute;
    left: -999em;
}

#home-links {
    margin: 20px 20px 20px 400px;
}

#footer-links {
    margin-top: 40px;
}
#footer-links a {
    font-size: 1em;
}

#flashcontent {
    height: 250px;
    z-index: -1 !important;
}

.phone {
    color: #FFF;
    font-weight: bold;
    font-size: 1.4em;
    text-align: right;
    width: 800px;
    margin-bottom: 10px;
    padding-right: 2300px;
}

#maintext {
    margin-left: 20px;
}

#homeContent {
    color: #FFF;
    width: 760px;
    padding: 20px;
}

#homeContent h1 {
    font-size: 1.1em;
}

#homeContent h2 {
    font-size: 1em;
}

#homeContent a {
    color: #FFF;
}
.flat-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.flat-list li {
    margin-right: 12px;
    float: left;
}

#home-video {
    display: block;
    background:#000;
    width:320px;
    height:180px;
    position: absolute;
    left: 705px;
    top: 137px;
    z-index: 10000 !important;
}

#home-video-splash {
    background: transparent url(../images/home-video.png) no-repeat;
    width:320px;
    height:180px;
    position: absolute;
    left: 705px;
    top: 137px;
    z-index: 10001 !important;
}