/* All styles have the name of the div, #tgoverbrand, to protect against any other styles that are up there. */

/* -- General styles -- */
body #tgoverbrand * {margin:0; padding:0}
#tgoverbrand {background-color:#fff; float:left; margin:15px 0px 0 20px; padding:0; text-align:left; width:810px; font-family:Arial, helvetica, sans-serif; font-size:8pt;}
#tgoverbrand * {margin:0; padding:0; float:none; text-align:left;}

#tgoverbrand ul    {margin:0 0 0 15px;}
#tgoverbrand ul li {color:#000; list-style-image:url(../_Images/bullet.gif); margin:0 0 5px 0;}

/* TG Styles, for the panels and boxes */
#tgoverbrand .paneltop {background:url(../_Images/rhs_top.gif) no-repeat; height:38px; margin:0; padding:0 10px;}
#tgoverbrand .paneltop h2 {margin:0 0 -10px 0; width:170px;}
#tgoverbrand .panelmiddle {background:url(../_Images/rhs_middle.gif) repeat-y; margin:0; padding:0 10px;}
#tgoverbrand .panelmiddle p {width:170px;}
#tgoverbrand .panelbottom {background:url(../_Images/rhs_bottom.gif) no-repeat; height:21px; margin:0; padding:0 10px;}

/* TG styles to show the icons */
#tgoverbrand .icon {padding:15px 0 10px 35px;}
#tgoverbrand .book {background:url(../_Images/book.gif) 0em 0.8em no-repeat;}
#tgoverbrand .book_remote {background:url(https://www.teegenius.co.uk/_Images/book.gif) 0em 0.8em no-repeat;}
#tgoverbrand .club {background:url(../_Images/club.gif) 0em 0.8em no-repeat;}
#tgoverbrand .help {background:url(../_Images/help.gif) 0em 0.8em no-repeat;}
#tgoverbrand .info {background:url(../_Images/info.gif) 0em 0.8em no-repeat;}
#tgoverbrand .join {background:url(../_Images/join.gif) 0em 0.8em no-repeat;}
#tgoverbrand .news {background:url(../_Images/news.gif) 0em 0.8em no-repeat;}
#tgoverbrand .offers {background:url(../_Images/special.gif) 0em 0.8em no-repeat;}
#tgoverbrand .reviews {background:url(../_Images/reviews.gif) 0em 0.8em no-repeat;}
#tgoverbrand .sponsors {background:url(../_Images/sponsors.gif) 0em 0.8em no-repeat;}
#tgoverbrand .teegenius {background:url(../_Images/myteegenius.gif) 0em 0.8em no-repeat;}
#tgoverbrand .topten {background:url(../_Images/10.gif) 0em 0.8em no-repeat;}
#tgoverbrand .travel {background:url(../_Images/travel.gif) 0em 0.8em no-repeat;}
#tgoverbrand .weather {background:url(../_Images/weather.gif) 0em 0.8em no-repeat;}
    
#tgoverbrand .associate {display:block; font-size:0.8em; margin:0; padding:0; }
#tgoverbrand .location  {    display:block; font-size:0.7em; margin:0; padding:0; color:#333333; font-weight:normal; }
#tgoverbrand .overviewlink {  float:right;                   margin:0 0 0 1em; padding:0; color:#333333; font-weight:normal; text-decoration:none;}   
#tgoverbrand a:hover.overviewlink {color:#CC0000; text-decoration:underline;}
    
    
/* TG styles to show images */
#tgoverbrand h1 a, #tgoverbrand h2 a, #tgoverbrand h3 a {color:#4e8636; text-decoration:none;}
#tgoverbrand h1 a:hover, #tgoverbrand h2 a:hover, #tgoverbrand h3 a:hover {color:#CC0000; text-decoration:underline;}

#tgoverbrand h1, #tgoverbrand h2, #tgoverbrand h3 {margin:0; padding:0;}
#tgoverbrand h1 {color:#104155; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.4em; margin:0 0 10px 0; padding:0;}
#tgoverbrand h2 {color:#104155; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; margin:0 0 10px 0; padding:0;}
#tgoverbrand h3 {color:#104155; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.1em; margin:0 0 5px 0; padding:0;}
#tgoverbrand p {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.6em; margin:0 0 20px 0;}

#tgoverbrand .error {color:#dd0000; margin:0;}

#tgoverbrand .headingbar {background-color:#E8F0F7; color:#333; padding:5px}

#tgoverbrand .image1 {border:2px solid #CC0000; float:left; margin:0 10px 15px 0;}
#tgoverbrand .image2 {border:2px solid #CC0000; float:left; margin:0 10px 5px 0;}
#tgoverbrand .image3 {border:0;                 float:left; margin:0 10px 15px 0;}

#tgoverbrand .lateststuff {background-color:#E8F0F7; border:1px solid #12455E; color:#333; padding:5px;}
    
#tgoverbrand .bookingsummary {background-color:#E8F0F7; border:1px solid #12455E; color:#333; padding:15px; text-align:left; margin: 10px 0 10px 0;}
#tgoverbrand table.bookingsummary td {vertical-align:top; font-size:1em;}

#tgoverbrand .marnone {margin:0px;}
#tgoverbrand .padnone {padding:0px;}
#tgoverbrand .padrt10 {padding-right:10px;}

#tgoverbrand .marrt0 {margin-right:0px;}
#tgoverbrand .marrt20 {margin-right:20px;}
#tgoverbrand .marrt40 {margin-right:40px;}

#tgoverbrand .marlt15 {margin-left:15px;}
#tgoverbrand .marlt20 {margin-left:20px;}
#tgoverbrand .marlt25 {margin-left:25px;}
#tgoverbrand .marlt30 {margin-left:30px;}

#tgoverbrand .marbot5 {margin-bottom:5px}
#tgoverbrand .marbot10 {margin-bottom:10px}
#tgoverbrand .marbot20 {margin-bottom:20px}
#tgoverbrand .marbot30 {margin-bottom:30px}
#tgoverbrand .marbot40 {margin-bottom:40px}
#tgoverbrand .marbot50 {margin-bottom:50px}

#tgoverbrand .martop10 {margin-top:10px}
#tgoverbrand .martop20 {margin-top:20px}
#tgoverbrand .martop30 {margin-top:30px}
#tgoverbrand .martop40 {margin-top:40px}
#tgoverbrand .martop50 {margin-top:50px}

#tgoverbrand .padbot1 {padding-bottom:1px;}
#tgoverbrand .padbot10 {padding-bottom:10px}
#tgoverbrand .padbot15 {padding-bottom:15px}
#tgoverbrand .padbot20 {padding-bottom:20px}
#tgoverbrand .padbot30 {padding-bottom:30px}
#tgoverbrand .padbot40 {padding-bottom:40px}
#tgoverbrand .padbot50 {padding-bottom:50px}
#tgoverbrand .padbot100 {padding-bottom:100px}
#tgoverbrand .padbot150 {padding-bottom:150px}
#tgoverbrand .padbot185 {padding-bottom:185px}
#tgoverbrand .padbot200 {padding-bottom:200px}

#tgoverbrand .padtop10 {padding-top:10px}
#tgoverbrand .padtop20 {padding-top:20px}
#tgoverbrand .padtop30 {padding-top:30px}
#tgoverbrand .padtop40 {padding-top:40px}
#tgoverbrand .padtop50 {padding-top:50px}

#tgoverbrand .martop_10 {margin-top:-10px}
#tgoverbrand .martop_20 {margin-top:-20px}
#tgoverbrand .martop_30 {margin-top:-30px}
#tgoverbrand .martop_40 {margin-top:-40px}
#tgoverbrand .martop_50 {margin-top:-50px}

#tgoverbrand .displayblock {display:block;}
#tgoverbrand .positionrelative {position:relative;}
#tgoverbrand .floatright {float:right;}
#tgoverbrand .floatleft {float:left;}
#tgoverbrand .textright {text-align:right;}

#tgoverbrand table {margin:5px;}
#tgoverbrand table td {padding:2px;}

#tgoverbrand table.summary {background-color:#2168AD; color:#fff; font-size:1em; margin:5px 0 20px 0; width:558px;}
#tgoverbrand table.summary th {font-weight:bold; padding:2px; text-align:left;}
#tgoverbrand table.summary td {font-weight:bold; padding:2px; text-align:left;}
#tgoverbrand table.summary a {color:#fff; text-decoration:underline;}

#tgoverbrand table.times {color:#000; font-size:100%; margin:0 0 20px 0; width:558px; font-weight:bold;}
#tgoverbrand table.times caption {color:#08243A; caption-side:top; font-weight:bold; margin:0 0 5px 25px; text-align:left;}
#tgoverbrand table.times th {color:#08243A; font-weight:bold; text-align:center;}
#tgoverbrand table.times td {padding:8px 0; text-align:center;}
#tgoverbrand table.times td p {font-size:0.9em;}
#tgoverbrand table.times td.coursename {padding:8px 0; text-align:left;}
#tgoverbrand table.times td.unavailable {background-color:#F4F4F4; color:#aaa;}
#tgoverbrand table.times td.available {background-color:#E0EAF4;}
#tgoverbrand table.times a {}

#tgoverbrand .searchresults {padding:5px 0 10px 0; font-family:Arial, Helvetica, sans-serif; }
#tgoverbrand .searchresults div {float:left; font-size:100%; height:31px; margin:0 3px 3px 0; padding:4px 3px 0 3px; text-align:center; width:53px;}
#tgoverbrand .searchresults div span {display:block;text-align:center;}
#tgoverbrand .searchresults div.available {background-color:#E0EAF4; color:#333; font-weight:bold;}
#tgoverbrand .searchresults div.available a {}
#tgoverbrand .searchresults div.unavailable {background-color:#F4F4F4; color:#aaa;}
#tgoverbrand .searchresults div.filler {background-color:#FFFFFF;}
#tgoverbrand .searchresults div.message {background-color:#ffffff; width:531px;}

#tgoverbrand .dupsearchresults {border-bottom:1px solid #ccc; padding: 20px 0 5px 0; font-family:Arial, Helvetica, sans-serif;}
#tgoverbrand .dupsearchresults div {float:left; font-size:100%; height:31px; margin:0 3px 3px 0; padding:4px 3px 0 3px; text-align:center; width:53px;}
#tgoverbrand .dupsearchresults div span {display:block;}
#tgoverbrand .dupsearchresults div.available {background-color:#E0EAF4; color:#333; font-weight:bold;}
#tgoverbrand .dupsearchresults div.available a {}
#tgoverbrand .dupsearchresults div.unavailable {background-color:#F4F4F4; color:#aaa;}
#tgoverbrand .dupsearchresults div.filler {background-color:#ffffff;}
#tgoverbrand .dupsearchresults div.message {background-color:#ffffff; width:531px;}

#tgoverbrand .daysearchresults {border-bottom:1px solid #ccc; padding: 20px 0 5px 0; font-family:Arial, Helvetica, sans-serif;}
#tgoverbrand .daysearchresults div {float:left; font-size:100%; height:25px; margin:0 3px 3px 0; padding:8px 3px 0 3px; vertical-align:middle; text-align:center; width:82px;}
#tgoverbrand .daysearchresults div span {display:block; }
#tgoverbrand .daysearchresults div.available {background-color:#E0EAF4; color:#333; font-weight:bold;}
#tgoverbrand .daysearchresults div.available a {}
#tgoverbrand .daysearchresults div.unavailable {background-color:#F4F4F4; color:#aaa;}
#tgoverbrand .daysearchresults div.filler {background-color:#ffffff;}
#tgoverbrand .daysearchresults div.message {background-color:#ffffff; width:531px;}

/*  Trying to get 9 pixels per minute.  The one minute filling is a bit special  But the others are  */
/*  found by nine pixels multiplied by the number of minutes, minus 3 padding, another 3 padding and */
/*  3 for the margin.  This gives 9*Minutes - 9.  Note that the margin is only on the right, not the left */
/*  The one minute one wouldn't fit, so the padding is reduced to two on each side. */
#tgoverbrand div.min1 {width:2px; padding:4px 2px 0 2px;}
#tgoverbrand div.min4 {width:27px;}
#tgoverbrand div.min6 {width:45px;}
#tgoverbrand div.min7 {width:54px;}
#tgoverbrand div.min8 {width:63px;}
#tgoverbrand div.min9 {width:72px;}
#tgoverbrand div.min10 {width:81px;}
#tgoverbrand div.min12 {width:99px;}
#tgoverbrand div.min15 {width:126px;}
#tgoverbrand div.min20 {width:171px;}
#tgoverbrand div.min30 {width:261px;}
#tgoverbrand div.min60 {width:531px;}

#tgoverbrand .lookagain {padding-top:30px;}

#tgoverbrand .timeline {background-color:#E0EAF4; font-weight:bold; font-size:1.35em; padding:5px 10px;}
#tgoverbrand .timeline span {float:left; margin:0 0 0 215px}
#tgoverbrand .timeline a {}

#tgoverbrand span.linetwo {display:block; font-size:0.8em;}
#tgoverbrand .linetwo {display:block; font-size:0.8em;}

#tgoverbrand .linetwo {display:block; font-size:0.8em;}

#tgoverbrand .row {display:block; padding:0 0 10px 0;}
#tgoverbrand label {color:#000; float:left;width:150px;font-size:1.1em;}
#tgoverbrand input {border:1px solid #666; font-size:1em; }
#tgoverbrand textarea {border:1px solid #666; font-size:1.4em; }
#tgoverbrand select {border:1px solid #666; font-size:1em; }
#tgoverbrand input.button {background-image:url(../_Images/bkd_btn.gif); font-size:0.9em; margin:1em 0 0 3.5em; padding:0.15em; width:150px;text-align:center;}
#tgoverbrand input.button_remote {background-image:url(https://www.teegenius.co.uk/_Images/bkd_btn.gif); font-size:0.9em; margin:1em 0 0 3.5em; padding:0.15em; width:150px;}
#tgoverbrand input.button_nomargin {background-image:url(../_Images/bkd_btn.gif); font-size:0.9em; margin:1em 0 0 1em; padding:0.15em; width:150px;}
#tgoverbrand input.button_narrow {background-image:url(../_Images/bkd_btn.gif); font-size:0.9em; margin:0 0 0 0; padding:0.15em; width:80px;}

#tgoverbrand span.checkbox {border-style:none; font-size:1em; }  /* This required because asp.net renders checkboxes within their own span */
#tgoverbrand span.checkbox input {border-style:none; width:auto; padding:0;margin:0;}
#tgoverbrand span.checkbox label {width:auto;}

#tgoverbrand textarea {height:200px; width:400px;}
#tgoverbrand fieldset {border:0; margin:0; padding:0;}
#tgoverbrand td       {font-size:1.1em;}

    /* CSS clearing */
#tgoverbrand .clearboth {clear:both;}
#tgoverbrand .clearleft {clear:left;}
#tgoverbrand .clearright {clear:right;}

    /* Note - there is an alternative class for .clearing within ie7.css for IE7 */
#tgoverbrand .clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#tgoverbrand .clearing {display:inline-table;}
    /* Hides from IE-mac €*/
* html #tgoverbrand .clearing {height: 1%;}
#tgoverbrand .clearing {display: block;}
    /* End hide from IE-mac */

   
/* Note - there is an alternative style for #tgoverbrand .largeboxtop within ie6.css for IE6 */
#tgoverbrand .largeboxtop {background:url(../_Images/largebx_top.gif) no-repeat; margin:0; padding:0 10px; width:542px;}
#tgoverbrand .largeboxtop h2 {margin:0; padding:10px 0 5px 0;}
#tgoverbrand .largeboxtop h2.icon {margin:0; padding:15px 0 10px 35px;}
#tgoverbrand .largeboxtop .introduction {width:235px;}

/* Note - there is an alternative style for #content .largebx_bot within ie6.css for IE6 */
#tgoverbrand .largeboxbot {background:url(../_Images/largebx_bot.gif) no-repeat; height:18px; margin:0 0 15px 0; padding:0; width:562px;}

/* Note - there is an alternative style for #tgoverbrand .qkformtop within ie5.css for IE5 */
#tgoverbrand .qkformtop {background:url(../_Images/book_top.gif) no-repeat; height:40px; margin:0; padding:0 10px; width:217px;}
#tgoverbrand .qkformtop h3 {color:#fff; padding:3px 0 0 0;}
#tgoverbrand .qkformmiddle {background:url(../_Images/book_middle.gif) repeat-y; margin:0; padding:0 10px;}
/* Note - there is an alternative style for #tgoverbrand .qkformbottom within ie5.css for IE5 */
#tgoverbrand .qkformbottom {background:url(../_Images/book_bottom.gif) no-repeat; height:15px; margin:0; padding:0 10px; width:217px;}


/* Note - there is an alternative style for .colleft within ie5.css for IE5 */
#tgoverbrand .colleft {float:left;}
/* Note - there is an alternative style for .colright within ie6.css for IE6 and ie5.css for IE5 */
#tgoverbrand .colright {float:right; margin:10px 20px 0 0;}

#tgoverbrand .quickform {font-size:1em; background-color:#fff; font-size:1.1em; width:217px;}
#tgoverbrand .quickform p {font-size:1em; line-height:14px; margin:0 0 10px 0; padding:0;}
#tgoverbrand .quickform .row {display:block; padding:0 0 10px 0; width:217px;}
#tgoverbrand .quickform label {color:#000; float:left;width:97px;}
#tgoverbrand .quickform input {border:1px solid #666; font-size:1em; width:100px;}
#tgoverbrand .quickform input:focus {border:1px solid #265AA5;}
#tgoverbrand .quickform input.button {background-image:url(../_Images/bkd_btn.gif); font-size:0.9em; margin:1em 0 0 3.5em; padding:0.15em; width:150px;}
#tgoverbrand .quickform fieldset {border:0; margin:0; padding:0;}
#tgoverbrand .quickform .time {font-size:0.8em; width:60px;}

#tgoverbrand table.summary {background-color:#2168AD; color:#fff; font-size:0.8em; margin:5px 0 20px 0; width:558px;}
#tgoverbrand table.summary th {font-weight:bold; padding:2px; text-align:left;}
#tgoverbrand table.summary td {font-weight:bold; padding:2px; text-align:left;}
#tgoverbrand table.summary a {color:#fff; text-decoration:underline;}

#tgoverbrand .lgeformtop {background:url(../_Images/book_top_lge.gif) no-repeat; height:26px; margin:0; padding:0 10px; width:534px;}
#tgoverbrand .lgeformtop h3 {color:#fff; padding:5px 0 0 0;}
#tgoverbrand .lgeformmiddle {background:url(../_Images/book_middle_lge.gif) repeat-y; margin:0; padding:0 10px;}
#tgoverbrand .lgeformmiddle .lgeforminfo {float:right; margin:10px 10px 0 0; width:190px; padding:0;}
#tgoverbrand .lgeformbottom {background:url(../_Images/book_bottom_lge.gif) no-repeat; height:15px; margin:0; padding:0 10px; width:534px;}

#tgoverbrand .aspForm table {margin:0px; padding:0px; border-style:none;}
#tgoverbrand .aspForm tbody {margin:0px; padding:0px;}
#tgoverbrand .aspForm tr    {margin:0px; padding:0px;}
#tgoverbrand .aspForm td    {margin:0px; padding:0px; font-size:1em;}
#tgoverbrand .aspForm .button {margin:1em 3.5em 0 0;}
#tgoverbrand .aspForm .button_register {margin: 1em 4.9em 0 0; width:145px;}

#tgoverbrand .lgeform {background-color:#fff; float:left; font-size:1.1em; padding:10px 0 0 0; width:150px;}
#tgoverbrand .lgeform .row {display:block; min-height:10px; padding:0 5px 10px 0; width:325px;}
#tgoverbrand .lgeform label {color:#000; float:left; width:127px;}
#tgoverbrand .lgeform input {border:1px solid #666; font-size:1em; width:180px;}
#tgoverbrand .lgeform input:focus {border:1px solid #265AA5;}
#tgoverbrand .lgeform input.button         {background-image:url(../_Images/bkd_btn.gif); font-size:0.9em; margin:10px 0 0 127px; padding:0.15em; width:145px;}
#tgoverbrand .lgeform fieldset {border:0; margin:0; padding:0;}

#tgoverbrand .tgcentrecontent {margin:0 0 0 100px; }

#tgoverbrand .linktoteegenius {color:#cc0000;}
#tgoverbrand .linktoteegenius a {color:#cc0000; text-decoration:none;}
#tgoverbrand .linktoteegenius a:hover {text-decoration:underline;}

    /* Note - there is an alternative style for #footer within ie5.css for IE5 */
#tgoverbrand #footer {background-color:#2168AD; margin:0 5px; padding:8px 0 8px 15px; text-align:left; width:785px;}
#tgoverbrand #footer a {color:#fff; font-size:0.9em; text-decoration:none; padding:0 15px 0 0;}
    /* Note - there is an alternative style for #bottom within ie6.css for IE6 */
    /* Note - there is an alternative style for #bottom and #hmbottom within ie5.css for IE5 */
#tgoverbrand #bottom {background:url(../_Images/bkd_bot.gif) no-repeat; margin-bottom:20px; margin:auto; padding:0;     }
#tgoverbrand #hmbottom {background:url(../_Images/bkd_bot.gif) no-repeat; margin-bottom:20px; margin:auto; padding:0; width:810px;}

#tgoverbrand .cancellationPolicy {background-color:#2168AD; color:#fff; font-size:1.1em; padding:5px; margin: 5px 20px 5px 20px;}

    /* Note - there is an alternative style for #content within ie6.css for IE6 */
#tgoverbrand #content {background-color:#fff; float:left; margin:15px 0 0 20px; padding:0; text-align:left; width:560px;}

    /* Note - there is an alternative style for #secondarycontent within ie6.css for IE6 */
#tgoverbrand #secondarycontent {background-color:#fff; float:right; margin:15px 15px 0 15px; padding:0; text-align:left; width:190px;}

/* The box that shows the special offers on the course search results pages */
#tgoverbrand .specialofferbox {margin:0px 1px 10px 1px; float:left; background:#E0EAF4; padding:5px; width:266px; font-size:1.1em;}

#tgoverbrand .pagenumbers       {font-weight:bold; font-size:1.2em;}
#tgoverbrand .pagenumbersbottom {font-weight:bold; font-size:1.2em; text-align:center;}