.clear { clear: both; }

#tts {
    width: 100%;
    font-size: 1.4em;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    margin: 20px 0 10px 0;
    position: relative;
    line-height: 1.2em;
    color: #fff;
}

#tts a { color: #0099FF; }

#tts div.wrapper { position: relative }

#tts hr { height: 1px; border-top: 1px solid #999; border-bottom: none; clear: both; margin-bottom: 10px }

#basket-link { font-family: inherit; float: right }
#basket-link a { color:#fff; margin-top: 5px }

#powered-by { float:right; margin-top: -46px }

#tts h1,
#tts h2,
#tts h3,
#tts h4,
#tts h5,
#tts h6 {
    font-family: arial,helvetica,sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff; /*#19304C;#463C3C*/
    letter-spacing: normal;  
    padding: 0;
    margin: 0.5em 0;
}

#tts h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
}

#tts h3,
#tts h4,
#tts h5,
#tts h6 {
    font-size:14px;
    line-height:30px;
}

#tts h1 a, 
#tts h2 a,
#tts h3 a,
#tts h4 a,
#tts h5 a,
#tts h6 a {
    font-family: arial,helvetica,sans-serif;
    text-transform: none;
    font-weight:normal;
    color: #fff;
    font-size: inherit;
    text-decoration: none !important;	
}

#tts p { padding: 0; margin: 1em 0 }

#tts p a { color: #fff; text-decoration: underline }
tts p a:hover { opacity: 0.85 }

#tts li { list-style-position: inside }

/* login forms & generic forms elements */
#checkout_login_box { width: 318px }
#checkout_login_box table { width: 100% }
input.checkout-login-email,
input.checkout-login-password { width: 209px; margin-left: 8px }
input.button { cursor: pointer }
input.button:hover { opacity: 0.75 }

/* tts table */
#tts table { width: 98% }
#tts table th,
#tts table td {
    vertical-align: middle;
}
#tts table td { padding: 2px }
#tts table p { margin: 0.4em 0 }

/* event page - ticket table */
#tts table.event_list { font-size: inherit; line-height: 1.2em; }
#tts table.event_list th { font-weight: bold; font-size: inherit; line-height: 1.2em; }
#tts table.key { border: none }
#tts table.key .key_header { background: #0098FF; color: #fff; font-weight: bold; }
#tts table.key td { vertical-align: middle; }
#tts table.key p { margin: 0; padding: 0px 2px }

/* shoping basket */
#tts table.shopping_basket { border-collapse: collapse; font-size: 12px; }
#tts table.shopping_basket p,
#tts table.shopping_basket h5 { margin: 0.3em 0; line-height: 1.2em; }
#tts table.shopping_basket input { vertical-align: baseline; }
#tts table.shopping_basket tr.basket_legend td { font-weight: bold; }
#tts table.shopping_basket tr.basket_event td { border-bottom: 1px dashed #999; }

/* checkout + some other */
#tts table.form p { margin: 0.3em; padding: 0; }
#tts .back_to_trolley_link { display: none; }
#facebox * { color: #000; }
#tts .no-display { display: none !important; }
#tts table.event_list.single_ticket_type th.ticket_type,
#tts table.event_list.single_ticket_type td.ticket_type { display: none; }
#tts p.ticket_type_explanation {
    float: left;
    margin-top: 0;
    padding: 2px 5px 2px 0;
    text-align: justify;
    width: 260px;
    font-size: 0.9em;
    line-height: 1.3em;
}

.btnscontainer { width: 126px; }

#tts #sidebar1,
#tts .right_sub,
#tts .dow_middle div {
    display: none;
}

#tts .organiser-description,
#tts .venue-description {
    display: none;
}

/* bubble */
#tts div.bubble { background-color: #aaa }
div.bubble {
    visibility: hidden;
    position: absolute;
    top: 20px;
    left: 30px;
    width: 150px;
    padding: 0.5em;
}
div.bubble div.bubble_top,
div.bubble div.bubble_bottom { 
    display: none;
}

/* event_day */
.event_day_middle { font-family: arial,helvetica,sans-serif }
#tts .event_day_middle .event_day_middle_wrapper { float: left; margin: 3px; width: 48px }
#tts .event_day_middle .dow_middle { padding: 3px 0px }
#tts .event_day_middle p,
#tts .event_day_middle strong,
#tts .event_day_middle small {
    margin: 0.3em 0;
    line-height: 1.2em;
}
#tts .event_day_middle .dow_top,
#tts .event_day_middle .dow_bottom {
    display: none;
}

/* Error & confirmation boxes */
#tts div.form_errors { position: relative; padding: 10px; background-color: #9d0000; margin: 10px 0px 10px 0px; color: #fff }
#tts div.form_errors h5, #tts div.form_information h5 { padding: 0 0 0.6em 0; margin: 0;  color: #fff }
#tts div.form_information { position: relative; padding: 10px; background-color: #498FC8; margin: 10px 0px 10px 0px; color: #fff }
#tts div.form_errors ul, #tts div.form_information ul { clear: none }
#tts div.form_errors p, #tts div.form_information p { margin: 0.3em 0em }
#tts div.form_errors a, #tts div.form_information a { color: #fff; text-decoration: underline; border: none }
#tts div.form_errors, #tts div.form_information { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
#tts .form_errors_small { clear: both; line-height: 20px; margin: 10px 0 }
#tts .form_errors_small p { margin: 0; padding: 0 }
#tts .form_errors_small_bottom { clear: both }

/* custom rules */
#tts .group-title { color: #fff; margin: 10px 0; width: 178.3%; display: block;
/*
background: -moz-linear-gradient(left,  #0099ff 0%, #d6d6d6 67%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0099ff), color-stop(67%,#d6d6d6));
background: -webkit-linear-gradient(left,  #0099ff 0%,#d6d6d6 67%);
background: -o-linear-gradient(left,  #0099ff 0%,#d6d6d6 67%);
background: -ms-linear-gradient(left,  #0099ff 0%,#d6d6d6 67%);
background: linear-gradient(to right,  #0099ff 0%,#d6d6d6 67%);
*/
}
#tts .group-title p { font-size: 26px; font-weight: normal; line-height: 12px; padding-left: 0 }
#sagepay { background-color: #eeeeff; color: #111; }

#tts .btnscontainer a.ticketinfo-btn,
#tts .button,
#tts .button_small {
    margin: 10px 0;
    border: 2px solid #0098FF;
    background-color: #0099FF;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 9px; 
    font-size: 12px;
    font-weight: bold;
}

#tts .btnscontainer a.ticketinfo-btn { background-image: none; text-decoration: none;
font-family: helvetica, arial, sans-serif; font-size: 12px; font-weight: normal }
#tts .btnscontainer a.ticketinfo-btn:hover { text-decoration: none; opacity: 0.85 }

h1.front { font-size: 28px; }

#tts h2, #tts h4 { font-family: arial,helvetica,sans-serif; }
#tts h2 { font-size: 24px; }
#tts h4 { font-size: 20px; }

div.front-voucherbox-button { text-align: left; }

div.event_description { display: none }

h2.ui-tts-wl.front { padding-top: 10px; text-transform: uppercase; color: #fff; font-size: 21px; font-weight: normal;
 font-family: Arial, Helvetica, sans-serif }

#tts h2.front.event { margin: 0; padding: 0; line-height: none }
#tts h4.front.date { color: #fff; font-size: 17px; font-weight: normal; margin: 0; padding: 0 }

#tts #basket_link a { color: #fff; text-decoration: underline }

/* 
div#dialog-confirm { color: #463C3C; }
.ui-widget-content { border: 1px solid #ccc; }
.ui-widget-header { 
    border: 1px solid #268B83; 
    background: #268B83; 
    color: #ffffff; 
    font-weight: bold; 
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #eeeeff;
    font-weight: bold;
    color: #463C3C;
}
.ui-state-default.ui-state-hover, .ui-widget-content .ui-state-default.ui-state-hover, .ui-widget-header .ui-state-default.ui-state-hover {
    border: 1px solid #268B83;
    background: #268B83;
    color: #ffffff;
    font-weight: bold;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; border: 1px solid #268B83; }
.ui-state-hover .ui-icon { background-image: url(/javascript/jquery/redmond/images/ui-icons_d8e7f3_256x240.png); }
*/

/* overwrite style rules */
#tts h1, 
#tts h2, 
#tts h3, 
#tts h4, 
#tts h5, 
#tts h6,
#tts h4.front.date,
h2.ui-tts-wl.front,
#tts p,
#tts p a,
#tts strong,
#tts { color: #fff }

table { border: none }
td { border-top: none }

.qtip.qtip-thisWl { margin-left: 120px !important; }

input[name="voucher_code"] { padding: 7px }

/* booking protect rules */
#tts table.shopping_basket { border-collapse: initial; table-layout: fixed }
div.booking-protect-sales-benefits { line-height: 16px }
div.notification.info ul li,
div.booking-protect-sales-benefits ul li { margin-bottom: 0 }
tr.ticket-insurance.protected div.row { margin-bottom: 6px }
div.booking-protect-sales-benefits ul li { list-style-type: disc }