/*body { 
background-color:#5ea5cb;}
#commuter-background { background: url(/assets/images/com-home/city.png) no-repeat; margin:auto; background-position:center 200px }
p, ul { margin:0 0 10px 0 }
.left-column { width:285px; float:left; margin:15px 0 0 }
.right-column { float:left; width:608px; margin:15px 0 0 7px }
#commuter-nav { }
#commuter-nav li { color:#005439; font-size:16px; font-family:"Arial Black", Gadget, sans-serif; text-transform:uppercase; background:url(/assets/images/nav-bullet.gif) repeat-x bottom left; padding:15px 0 18px; line-height:17px }
#commuter-nav li .small { text-transform:none; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif }
.header { background:#eef4f3!important; font-family:Arial, Helvetica, sans-serif!important; text-transform:none!important; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright:7px; border-top-left-radius: 7px; border-top-right-radius: 7px; font-weight:bold; padding:15px 20px!important }
.img-right { float:right; margin:0 0 0 20px }
#subnav { width:285px; margin:0 0 20px 0 }
#subnav li {; border-bottom:1px solid #eaeaea }
#subnav li a { width:auto }
.star-list li { background:url(/assets/images/star.gif) no-repeat; padding-left:20px; margin:0 0 10px 0 }
h2, h3, h5, h6 { margin:0 0 15px 0 }
h1 { color:#005439; margin:0px 25px 15px 0px; font-size:24px; line-height:28px; font-family:"Arial Black", Gadget, sans-serif; text-transform: uppercase; }
h2 { color:#005439; font-size:14px; margin:0; font-weight:bold }
input, textarea, select { width:170px }
.testimonial { padding:10px 10px 10px 65px; margin: 12px 0 0 0; background:url(/assets/images/testimonial-bg.png) no-repeat 5px 5px #f6f6f6; -moz-box-shadow: 0 0 5px #bbb; -webkit-box-shadow: 0 0 5px#bbb; box-shadow: 0 0 5px #bbb; }*/
/*********TABS***********/
/* root element for tabs  */
.tabs { list-style:none; margin:0 !important; padding:0; overflow:hidden }
/* single tab */
/* link inside the tab. uses a background image */
.right-column .tabs li { float:left; list-style-image:none !important; background:#e5e5e5; color:#666666; font-size:13px; display:block; text-align:center; padding:15px; margin:0 5px 0 0; position:relative; top:1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright:5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor:pointer }
.tabs li:active { background:#005137; color:#ffe230; }
/* when mouse enters the tab move the background image */
.tabs li:hover { text-decoration:underline }
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a { background:#005137!important; color:#ffe230!important; cursor:auto!important }
.tabs .current:hover { text-decoration:none }
/* initially all panes are hidden */ 
.panes>div { display:none; border:1px solid #f0f0f0; padding:10px }
#route-tabs { overflow:hidden; margin:0 }
#route-tabs li {float:left; cursor:pointer; color:#FFF; background:#5c5c5c; margin:0 2px 0 0; padding:0; border:none}
#route-tabs li a{ padding:5px 8px; display:block; color:#FFF}
#route-tabs .route-700 { background:#2B1E70 }
#route-tabs .route-715 { background:#B91521 }
#route-tabs .route-716 { background:#F3C61F }
#route-tabs .route-720 { background:#808693 }
#route-tabs .route-719 { background:#D9708B }
#route-tabs .route-717 { background:#0A5C2A }
#route-tabs .route-721 { background:#6A0B3D }
#route-tabs .route-722 { background:#94C036 }
#route-tabs .route-bluebell { background:#333 }
#route-tabs .route-wigmore { background:#333 }
#route-tabs .route-bean { background:#333 }
#route-panes div { padding:0 0 0 10px; font-size:12px; }
#route-panes div td { width:42px; text-align:right; }
#route-panes div td.first { width:315px }
#route-panes div h3, .pickup h3 { color:#005439; font-size:16px; margin:10px 0 10px 0 }
#route-panes div.route-700 { border-top:5px solid #2B1E70 }
#route-panes div.route-715 { border-top:5px solid #B91521 }
#route-panes div.route-716 { border-top:5px solid #F3C61F }
#route-panes div.route-720 { border-top:5px solid #808693 }
#route-panes div.route-719 { border-top:5px solid #D9708B }
#route-panes div.route-717 { border-top:5px solid #0A5C2A }
#route-panes div.route-721 { border-top:5px solid #6A0B3D }
#route-panes div.route-722 { border-top:5px solid #94C036 }
#route-panes div.route-bluebell { border-top:5px solid #333 }
#route-panes div.route-wigmore { border-top:5px solid #333 }
#route-panes div.route-bean { border-top:5px solid #333 }
#pmdeparture { padding:10px 0 0 10px; font-size:12px; }
#pmdeparture td, .route-bluebell .pmdeparture td, .route-bean .pmdeparture td { padding:3px; font-size:12px; text-align:center }
#pmdeparture td.first { text-align:right }
#pmdeparture td.first-small { text-align:right; font-size:11px }
.place { width:310px!important; text-align:left!important; }
.pmdeparture { width:160px!important; }
.pickup { padding:20px 0 0 30px!important; }
.pickup h3 { color:#005439; font-size:16px; margin:10px 0 5px 0 }
.pickup p { margin:0 0px 20px 20px }
.departureheading { padding-bottom:10px; font-size:10px; text-transform: uppercase; font-weight:bold; }
/*********END TABS***********/

/*********OVERLAYS***********/
area { cursor:pointer }
/* the overlayed element */
.simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#333; min-height:200px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
/* close button positioned on upper right corner */
.simple_overlay .close { background-image:url(/assets/images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
.simple_overlay h3 { padding:10px; color:#FFFFFF; font-size:12px }
#tooltip { display: none; height: auto; position: absolute; z-index: 3000; background:#FFF; border:3px solid #535253; }
/* tooltip styling */
.tooltip { position:relative; display:none }
h5 { position:absolute; left:-3px; top:-29px; padding:5px; color:#FFF }
h5.route-750 { background:#2B1E70 }
h5.route-715 { background:#B91521 }
h5.route-716 { background:#F3C61F }
h5.route-720 { background:#808693 }
h5.route-719 { background:#D9708B }
h5.route-717 { background:#0A5C2A }
h5.route-721 { background:#6A0B3D }
h5.route-722 { background:#94C036 }
.tuc-list { list-style: disc outside; margin-left: 20px; margin-bottom: 5px; color: #00634A; font-weight: bold; }
.medway-xmas, .sittingbourne-xmas, .sheppey-xmas { float: right; width: 300px; margin-bottom: 10px; }
.medway-xmas img, .sittingbourne-xmas img, .sheppey-xmas img { border:1px solid #666 }
.christmas-table td { margin: 0px; padding:0px; }
.facebook-bullet { list-style: disc outside; margin: 10px 0px; padding-left: 30px; color:#005338; font-size:14px }
.facebook-bullet li { margin: 10px 0px; }
.coachsalesheader-facebook { font-size:18px; font-family:"Arial Black"; text-transform:uppercase; margin-bottom:20px }
.facebook-commuter { background: #efefef url(/assets/images/inner-page-grey-top-100.gif) no-repeat center -5px; padding: 20px; margin-bottom:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
/*.find-out-more { width: 156px; display: block; height: 30px; background-image: url(/assets/images/find-out-more.png); background-repeat: no-repeat; background-position: top;  margin-top:20px; text-indent: -9999px; }
.find-out-more:hover { background-position: bottom; }*/
#accordion ul {margin-left:20px}
#accordion li { width: 500px; margin-left: 10px; padding: 0 0 8px 0px; list-style: disc outside; }
/*.banner-image {position:relative; margin-bottom:10px}

.biglink { font-size:18px; font-weight:bold; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding:10px 0 10px 0; text-align:center  }

.right-column ul { list-style:none; margin: 5px 5px 5px 0px; }
.right-column li { background-image: url(/assets/images/bullet-star.gif); background-repeat: no-repeat; background-position: 0px 1px; margin-top: 0px; margin-right: 0; margin-bottom: 8px; margin-left: 0; padding-top: 0px; padding-right: 0; padding-bottom: 5px; padding-left: 18px; font-size:93%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #efefef; }
.leftlist li { background:none!important; margin-top: 0px; margin-right: 0; margin-bottom: 8px; margin-left: 0; padding-top: 0px; padding-right: 0; padding-bottom: 5px; padding-left: 18px; font-size:93%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #efefef; }
.rightlist li { background:none!important; margin-top: 0px; margin-right: 0; margin-bottom: 8px; margin-left: 0; padding-top: 0px; padding-right: 0; padding-bottom: 5px; padding-left: 18px; font-size:93%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #efefef; }
right-column ol { background-image: none; list-style-type: decimal; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 18px; }
right-column ol li { background-image: none; list-style-type: decimal; margin: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }*/

