@charset "UTF-8";

/*************************************************************************
**************************************************************************

Produced by DHX Advertising
August 2012
http://dhxadv.com

TABLE OF CONTENTS
00A. DRUPAL OVERRIDES
00B. GOOGLE MAP OVERRIDES
01. BODY PROPERTIES
02. GLOBAL PROPERTIES + CLASSES
03. MAIN SITE STRUCTURE
04A. INPUT BUTTONS
04B. INPUT TEXT FIELDS
04C. FORM VALIDATION
05. HEADER ELEMENTS
06. MENU + SUBMENU
07. FOOTER ELEMENTS
08. PAGE ELEMENTS
09. ROUTES
10. PLAN TRIP

/*************************************************************************
00A. DRUPAL OVERRIDES
*************************************************************************/

* {
	box-sizing: content-box !important;
}

/*DRUPAL LOGIN*/
#user-login {
	padding-top:55px;
}
#user-login .form-item {
	margin-top:0;
}
#user-login .form-wrapper {
	padding:15px;
}


#toolbar {
	z-index:10003;
}
#overlay-container {
	z-index:10002;
}
.overlay-element {
	z-index:10001;
}
table,tbody,tr,th,td {
	border:none;
}
.profile {
	margin-top:0;
	padding-top:20px;
}
.translation-link {
	display:none;
}

.schedule-table tr.even,
.schedule-table tr.odd {
	background-color: none;
	border-bottom:none;
	padding:0;
}

.search-form#search-form {
	display:none;
}
.search-results .search-snippet-info {
	padding-left:0;
}
.search-results p {
	margin-bottom:20px;
}

/*************************************************************************
00B. GOOGLE MAP OVERRIDES
*************************************************************************/

.adp-warnbox,
.adp-agencies,
.adp-legal,
.adp-placemark img,
.adp-summary {
	display:none;
}
.adp-placemark {
	margin:0;
	padding:0;
	background:none;
	border:none;
	position:relative;
}
.adp-placemark,
.adp-directions {
	width:292px;
}
#turnbyturn-list-print {
	display:none;
}
#turnbyturn-list {
	border:1px #eae8e3 solid;
	height:396px;
	margin:8px 0;
	overflow:auto;
}
#turnbyturn-list ul {
	padding:0;
	margin:0;
	list-style:none;
	width:292px;
}
.adp-placemark .adp-text,
.adp-summary,
.adp-directions .adp-substep {
	position:relative;
	padding:8px 8px 8px 30px;
	margin:0;
	background:#f7f6f4;
	border-bottom:1px #e6dfd7 solid;
	border-top:1px #FFF solid;
	border-right:none;
	border-left:none;
	font-size:12px;
	color:#444;
	font-weight:bold;
	text-shadow:0 1px 0 #FFF;
	line-height:18px;
}
.adp-summary {
	background:white;
}
.adp-placemark tr td {
	background:url(../images/sprite-turnbyturn-icons-red.png);
	display:block;
	width:25px;
	position:absolute;
	top:8px;
	z-index:5;
	left:3px;
	border-spacing:0;
}
.adp-placemark tr td.adp-text {
	background:none;
	display:table-cell;
	width:100%;
	position:static;
	background:#f7f6f4;
}
.adp-directions .adp-substep img {
	position:absolute;
	top:8px;
	z-index:5;
	left:7px;
	background:none;
	display:none;
}
.adp-directions tr td.adp-substep.walkstep {
	background:#f7f6f4 url(../images/icon-turnbyturn-walk.png) no-repeat 10px 10px;
}
.adp-directions tr td.adp-substep.busstep {
	background:#f7f6f4 url(../images/icon-turnbyturn-bus.png) no-repeat 10px 10px;
}
.adp-directions .adp-substep span {
	background:none;
}
.adp-placemark tr td {
	background-position: center 0;
	height:15px;
}
/*#turnbyturn-list ul li span.bus {
	background-position: center -15px;
	height:15px;
}
#turnbyturn-list ul li span.walk {
	background-position: center -32px;
	height:18px;
}
#turnbyturn-list ul li span.bike {
	background-position: center -49px;
	height:16px;
}
#turnbyturn-list ul li span.car {
	background-position: center -66px;
	height:13px;
}*/
#turnbyturn-list ul li:first-child {
	border-top:none;
}
#turnbyturn-list ul li:last-child {
	border-bottom:none;
}


/*************************************************************************
01. BODY PROPERTIES
*************************************************************************/

html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	background: url(../images/bg-body-repeat.png) repeat;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:14px;
	line-height:21px !important;
	color:#555 !important;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section, summary, video {
    display: block;
}

/*************************************************************************
02. GLOBAL PROPERTIES + CLASSES
*************************************************************************/

/*LOAD FONTS*/
@font-face {
    font-family: 'ErgReg';
    src: url('fonts/ergoemedium-webfont.eot');
    src: url('fonts/ergoemedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ergoemedium-webfont.woff') format('woff'),
         url('fonts/ergoemedium-webfont.ttf') format('truetype'),
         url('fonts/ergoemedium-webfont.svg#ergoemediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ErgBold';
    src: url('fonts/ergoe_bold-webfont.eot');
    src: url('fonts/ergoe_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ergoe_bold-webfont.woff') format('woff'),
         url('fonts/ergoe_bold-webfont.ttf') format('truetype'),
         url('fonts/ergoe_bold-webfont.svg#ergoebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SwissBold';
    src: url('fonts/swisscb-webfont.eot');
    src: url('fonts/swisscb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/swisscb-webfont.woff') format('woff'),
         url('fonts/swisscb-webfont.ttf') format('truetype'),
         url('fonts/swisscb-webfont.svg#Swis721CnBTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*FONTS*/
h1, h2, h3, h4, h5, h6,
.sitemap-btn,
#menu,
#submenu,
#mobile-menu,
#top,
#breadcrumbs {
	font-family:'ErgReg', Arial, Helvetica, sans-serif !important;
}
.route-name, a.grey, a.tan-lrg, .modifytrip-btns a.red, .modifytrip-btns a.blue,
input.grey, input.tan-lrg, input.red, input.blue {
	font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased;
	font-family:'ErgBold', Arial, Helvetica, sans-serif;
}

.clear {
	clear:both;
}

.logo-cherriots,
.logo-cherriots img {
	width:169px;
	height:63px;
}
.logo-cherriots a {
	display:block;
	width:100%;
	height:100%;
}

.line {
	width:100%;
	height:2px;
	background:url(../images/bg-line-repeat.png) top center repeat-x;
	clear:both;
	margin:18px 0;
}

input, .selector, .button {
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
input,
textarea {
	-webkit-appearance: none;
}

a,
a:link,
a:visited {
	text-decoration:none;
	color:#be2c1c;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
}

a, img, input, div, ul, table {
	border:none;
	outline:none;
}


strong/*, em*/ {
	font-weight:bold;
	color:#333;
}

h1, h2, h3, h4, h5, h6 {
	line-height:26px !important;
	font-weight:normal !important;
	padding:0 !important;
	margin:0 0 15px !important;
	/*letter-spacing:-1px;*/
}

h1,
#slideshow-text h1 {
	font-size:24px !important;
	color:#434343 !important;
	margin: 0 0 5px !important;
}
h2, h3 {
	font-size:20px;
	color:#444;
}
h4 {
	font-size:18px;
}
h5 {
	font-size:17px;
}

hr {
	border:none;
	border-top:1px #f1f1f1 solid;
	width:100%;
	margin:20px 0;
}
.news-subtitle {
	text-transform: uppercase;
	letter-spacing:normal;
	font-size:11px;
	color:#be2d1d;
}
h1 .news-subtitle {
	margin-top:5px;
	display:block;
}
#content-right .news-subtitle {
	line-height:12px;
}
input,
text-area,
a.button,
footer {
	text-shadow:0px -1px 0px #000000;
}

/*************************************************************************
03. MAIN SITE STRUCTURE
*************************************************************************/
#trip-planner iframe#trip-planner-new {
	border: none;
	width:260px;
	height:320px;
}

#mobile-menu,
a.red.download,
#mobile-route-header,
.mobile-swipe-text,
table.schedule-table .mobile-scroll,
.mobile-misc {
	display:none;
}

/*HEADERS*/
#wrap-top {
	box-shadow:inset 0px -2px 3px #000000;
	-webkit-box-shadow:inset 0px -2px 3px #000000;
	-moz-box-shadow:inset 0px -2px 3px #000000;
	position:relative;
	position:1000;
	height:54px;
	min-width:960px;
}
#top {
	width:960px;
	margin:0 auto;
	position:relative;
	top:10px;
	z-index:2000;
}

#wrap-nav {
	width:100%;
	min-width:960px;
	background:#FFF;
	padding:15px 0;
	position:relative;
	box-shadow:0 1px 2px #d9d3ca;
	-webkit-box-shadow:0 1px 2px #d9d3ca;
	-moz-box-shadow: 0 1px 2px #d9d3ca;
	z-index:500;
}
#nav {
	width:960px;
	margin:0 auto;
	position:relative;
}

/*BODY CONTAINERS*/
#main {
	width:100%;
	min-width:960px;
	min-height:200px;
	padding-bottom:55px;
	background:url(../images/bg-main-repeat.png) repeat;
	position:relative;
}
#background-inner {
	background:url(../images/bg-background-inner.png) no-repeat top center;
	width:100%;
	min-width:960px;
	margin:0 auto;
}
#content-container {
	width:960px;
	margin:0 auto;
}
#content {
	border:1px #e8e3df solid;
	border-top:none;
	box-shadow:0 1px 1px #FFF;
	-webkit-box-shadow:0 1px 1px #FFF;
	-moz-box-shadow:0 1px 1px #FFF;
	width:958px;
	background:url(../images/bg-content-repeat.png) top repeat-x #FFF;
}

/*SINGLE COLUMN LAYOUT*/
#single-column {
	background:url(../images/bg-content-onecolumn.png) center top no-repeat;
	width:775px;
	padding:30px 40px 10px;
	margin:0 auto;
	position:relative;
	top:-50px;
	z-index:1000;
}

/*TWO COLUMN LAYOUT*/
#content-left {
	width:196px;
	padding:18px;
	padding-left:24px;
	float:left;
}
#content-right {
	background:url(../images/bg-content-rightcolumn.png) no-repeat top center;
	width:602px;
	float:right;
	padding:30px 34px 0;
	margin-right:50px;
	margin-bottom:-20px;
	position:relative;
	top:-50px;
	z-index:1000;
}

/*ROUTES LAYOUT*/
#routes-top {
	background:url(../images/sprite-routes-top.png) no-repeat;
	background-position:0 -65px;
	width:960px;
	height:94px;
	position:relative;
}
.page-routes-detail header#routes-top {
	background-position:0 -224px;
}
#routes-left,
#routes-right,
#plan-trip-map{
	border:1px #e8e3df solid;
	box-shadow:0 1px 1px #FFF;
	-webkit-box-shadow:0 1px 1px #FFF;
	-moz-box-shadow:0 1px 1px #FFF;
	background:#FFF;
	margin-top:20px;
	padding:6px;
	min-height:400px;
}
#routes-left {
	width:298px;
	float:left;
}
#routes-right {
	width:618px;
	padding:6px;
	float:right;
}
#plan-trip-map {
	width:948px;
	margin:8px auto;
}
.page-routes-detail #routes-left {
	border:none;
	background:none;
	padding:0;
	width:305px;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none
}

/*FOOTER*/
footer {
	width:100%;
	min-width:960px;
	min-height:200px;
	background:url(../images/bg-footer-repeat.png) repeat;
	border-top:1px #262626 solid;
	box-shadow:0 1px 2px #000;
	-webkit-box-shadow:0 1px 2px #000;
	-moz-box-shadow:0 1px 2px #000;
}
footer #footer-top {
	width:100%;
	height:9px;
	border-bottom:1px #524d4d solid;
	box-shadow:inset 0 -5px 20px #222;
	-webkit-box-shadow:inset 0 -5px 20px #222;
	-moz-box-shadow:inset 0 -5px 20px #222;
}
footer #footer-buckets {
	width:960px;
	margin:0 auto;
	padding-bottom:20px;
}
#sitemap {
	width:960px;
	margin:0 auto;
	padding-bottom:20px;
	border-top:3px #ff9765 solid;
}
#mobile-footer {
	display:none;
}


/*************************************************************************
04A. INPUT BUTTONS
*************************************************************************/

/*GREY*/
div.form-actions input[type="submit"],
input[type=button].grey,
input[type=submit].grey,
a.grey {
	background:url(../images/sprite-btn-grey.png);
	background-position:left top;
	height:27px;
	display:block;
	border:1px #242424 solid;
	box-shadow:0px 1px 1px #222;
	-webkit-box-shadow:0px 1px 1px #222;
	-moz-box-shadow:0px 1px 1px #222;
	text-align:center;
	text-decoration:none;
	color:#FFF5EE;
	cursor:pointer;
}
a.grey {
	line-height:27px;
}
div.form-actions input[type="submit"]:hover,
input[type=button].grey:hover,
input[type=submit].grey:hover,
a.grey:hover {
	background-position:left -27px;
}
div.form-actions input[type="submit"]:active,
input[type=button].grey:active,
input[type=submit].grey:active,
a.grey:active {
	border-bottom:1px #4f4f4f solid;
	background-position:left -54px;
	box-shadow:inset 0px 2px 7px #000;
	-webkit-box-shadow:inset 0px 2px 7px #000;
	-moz-box-shadow:inset 0px 2px 7px #000;
}

/*TAN SMALL*/
input[type=button].tan-small,
input[type=submit].tan-small,
a.tan-small {
	background:url(../images/sprite-btn-tan.png);
	background-position:left top;
	height:27px;
	line-height:28px;
	display:block;
	width:90%;
	border:1px #ddd9d5 solid;
	box-shadow:0px 1px 0px #b0adaa;
	-webkit-box-shadow:0px 1px 0px #b0adaa;
	-moz-box-shadow:0px 1px 0px #b0adaa;
	text-shadow:0 1px 0 #FFF;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	padding:0 5%;
	color:#333;
	letter-spacing:-1px;
}
a.tan-small {
	line-height:28px;
}
input[type=button].tan-small:hover,
input[type=submit].tan-small:hover,
a.tan-small:hover {
	background-position:left -39px;
}
input[type=button].tan-small:active,
input[type=submit].tan-small:active,
a.tan-small:active {
	background-position:left -78px;
	box-shadow: inset 0px 1px 4px #a19e9b;
	-webkit-box-shadow: inset 0px 1px 4px #a19e9b;
	-moz-box-shadow:inset 0px 1px 4px #a19e9b;
	border:1px #c8c5c2 solid;
	border-bottom:1px #ffffff solid;
}

/*TAN LARGE*/
input[type=button].tan-lrg,
input[type=submit].tan-lrg,
a.tan-lrg {
	background:url(../images/sprite-btn-tan.png);
	background-position:left top;
	height:39px;
	line-height:39px;
	display:block;
	width:90%;
	border:1px #ddd9d5 solid;
	box-shadow:0px 1px 0px #b0adaa;
	-webkit-box-shadow:0px 1px 0px #b0adaa;
	-moz-box-shadow:0px 1px 0px #b0adaa;
	text-shadow:0 1px 0 #FFF;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	padding:0 5%;
	color:#48423e;
	letter-spacing:-1px;
}
a.tan-lrg {
	line-height:39px;
}
input[type=button].tan-lrg:hover,
input[type=submit].tan-lrg:hover,
a.tan-lrg:hover {
	background-position:left -39px;
}
input[type=button].tan-lrg:active,
input[type=submit].tan-lrg:active,
a.tan-lrg:active {
	background-position:left -78px;
	box-shadow: inset 0px 1px 4px #a19e9b;
	-webkit-box-shadow: inset 0px 1px 4px #a19e9b;
	-moz-box-shadow:inset 0px 1px 4px #a19e9b;
	border:1px #c8c5c2 solid;
	border-bottom:1px #ffffff solid;
}

/*MASONRY TAN-RED*/
.masonry-content a.tan-small {
	background:url(../images/sprite-btn-tan-red.png);
	background-position:top left;
	font-weight:bold;
}
.masonry-content a.tan-small:hover {
	background-position:left -39px;
	color:#FFF;
	border:1px #bb3e32 solid;
	text-shadow:0 -1px 0 #961f13;
	box-shadow:0 1px 0 #901b0f;
	-webkit-box-shadow:0 1px 0 #901b0f;
	-moz-box-shadow:0 1px 0 #901b0f;
}
.masonry-content a.tan-small:active {
	background-position:left -78px;
	box-shadow:inset 0 2px 7px #432320;
	-webkit-box-shadow:inset 0 2px 7px #432320;
	-moz-box-shadow:inset 0 2px 7px #432320;
}

/*RED BUTTONS*/
a.red {
	background:url(../images/sprite-btn-red.png);
	background-position:left top;
	height:30px;
	display:block;
	position:relative;
	border:1px #bb3e32 solid;
	border-bottom:2px #901b0f solid;
	text-shadow:0 -1px 0 #a83a30;
	font-size:12px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	letter-spacing:-1px;
}
a.red:hover {
	background-position:left -32px;
}
a.red:active,
a.red.selected {
	background-position:left -64px;
	box-shadow:inset 0px 2px 7px #432320;
	-webkit-box-shadow:inset 0px 2px 7px #432320;
	-moz-box-shadow:inset 0px 2px 7px #432320;
	border-bottom:0;
	height:32px;
	line-height:32px;
}

/*BLUE BUTTONS*/
a.blue {
	background:url(../images/sprite-btn-blue.png);
	background-position:left top;
	height:30px;
	display:block;
	position:relative;
	border:1px #34779a solid;
	border-bottom:2px #1a5878 solid;
	text-shadow:0 -1px 0 #275e7f;
	font-size:12px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	letter-spacing:-1px;
}
a.blue:hover {
	background-position:left -32px;
}
a.blue:active,
a.blue.selected {
	background-position:left -64px;
	box-shadow:inset 0px 2px 7px #0e3447;
	-webkit-box-shadow:inset 0px 2px 7px #0e3447;
	-moz-box-shadow:inset 0px 2px 7px #0e3447;
	border-bottom:0;
	height:32px;
	line-height:32px;
}

/*************************************************************************
04B. INPUT TEXT FIELDS
*************************************************************************/

/*HEADER/FOOTER TEXT FIELDS*/
input.dark,
div.form-item.form-type-textfield input[type="text"],
div.form-item.form-type-password input[type="password"] {
	background:url(../images/input-bg.png) repeat-x top #595454;
	height:12px;
	padding:6px;
	font-size:12px;
	color:#fff5ee;
	border:1px #242424 solid;
	box-shadow:0px 1px 1px #4f4f4f;
	-webkit-box-shadow:0px 1px 1px #4f4f4f;
	-moz-box-shadow:0px 1px 1px #4f4f4f;
	display:block;
}
footer form {
	width:100%;
}
footer input.dark {
	width:285px;
	margin-bottom:7px;
}
footer #footer-submit {
	width: 107px;
}
footer .grey {
	width:212px;
	position:absolute;
	top:160px;
	left:12px;
}

/*************************************************************************
04C. FORMS
*************************************************************************/

/*VALIDATION*/
label.error {
	font-size:12px;
	color:#F00;
	background:url(../images/icon-alert.png) no-repeat right;
	position:absolute;
	top:10px;
	right:10px;
	width:auto;
	min-width:13px;
	height:13px;
	padding:0 20px 0 0;
	line-height:14px;
}
.cmxform,
.cmxform table tr,
.cmxform table tr td,
.cmxform table tr th,
.cmxform div.error-wrap,
.inputwrap {
	position:relative;
}
div.placeholder {
	position:absolute;
	top:6px;
	left:6px;
}
#trip-planner-form label.error {
	right:-24px;
	top:12px;
}
#trip-planner-form .selector {
	border-color:#DDD9D5;
}
.error-wrapper {
	position:relative;
}
.error-option label.error {
	left:-38px;
	right:auto;
	top:4px;
}


.form-wrapper {
	padding:0 25px 25px 25px;
	margin-top:25px;
	background:#faf9f8;
	border:1px #e3e0dd solid;
	box-shadow:inset 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 0 #FFF;
}
.form-table {
	width:100%;
	border-spacing:0;
}
.form-table label {
	display:inline-block;
	margin-left:5px;
}
.form-table th,
.form-table td {
	padding:8px 0;
}
.form-table td {
	width:55%;
}
.form-table input#datepicker-incident,
.form-table input#datepicker-lostfound,
.form-table input#datepicker-employee {
	background-position:96px 9px;
	width:100px;
}
.form-table th {
	text-align:left;
	font-weight:normal;
	font-size:13px;
	color:#555;
	width:25%;
	vertical-align:top;
	padding-top:15px;
	padding-right:15px;
	line-height:16px;
}
.form-table th.form-header {
	font-size:20px;
	color:#444;
}
.form-table th.form-header h2 {
	margin:15px 0;
	padding:0 0 8px 0;
	border-bottom:1px #e3e0dd solid;
	box-shadow: 0 1px 0 #FFF;
	-webkit-box-shadow: 0 1px 0 #FFF;
	-moz-box-shadow: 0 1px 0 #FFF;
}
.form-table hr {
	border-top:1px #e3e0dd solid;
	border-bottom:1px #FFF solid;
	margin:20px 0;
}

/*CONTACT US FORM*/
#purpose1,
#purpose2,
#purpose3,
#purpose4,
#purpose5,
#purpose6,
#submit-form {
	display:none;
}

/*TRIP PLANNER FORM ICONS*/
.locate-btn {
	background:url(../images/sprite-form-icons.png) top left no-repeat;
	width:15px;
	height:15px;
	cursor:pointer;
	position:absolute;
	right:8px;
	top:10px;
}
.locate-btn:hover {
	background-position:0 -15px;
}
.locate-spinner {
	background:url(../images/ajax-loader-location.gif) no-repeat top left;
	height:16px;
	width:16px;
	position:absolute;
	top:10px;
	right:7px;
	display:none;
}
input#datepicker,
input#datepicker-incident,
input#datepicker-lostfound,
input#datepicker-employee {
	background:url(../images/icon-calendar.png) #FFF no-repeat;
	background-position:92px 9px;
	cursor:pointer;
}

/*TRIP PLANNER FORM INNER*/
.page-routes-detail header#routes-top {
}
#routes-intro-form {
	padding:15px 25px 15px 25px;
	position:absolute;
	top:-65px;
}
#routes-intro-form #trip-planner-form input[type=text] {
	width:195px;
	height:20px;
	padding:6px 30px 6px 10px;
	display:block;
	line-height:normal;
}
#routes-intro-form #trip-planner-form input#datepicker {
	background-position:96px 9px;
	width:80px;
}
#routes-intro-form #trip-planner-form .datepicker-icon {
	right:8px;
}
#routes-intro-form #trip-planner-form div.selector {
	width:110px;
}
#routes-intro-form #trip-planner-form div.button {
	height:31px;
	line-height:32px;
}
#routes-intro-form #trip-planner-form .divider {
	position:relative;
	float:left;
	margin-right:6px;
}
#routes-intro-form #trip-planner-form .divider-field {
	width:235px;
}
#routes-intro-form #trip-planner-form .divider-select {
	width:121px;
}
#routes-intro-form #trip-planner-form .divider-submit {
	width:45px;
	margin-right:0;
}

/*************************************************************************
05. HEADER ELEMENTS
*************************************************************************/

#social-top {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#social-top li {
	position:relative;
	float:left;
	margin-right:6px;
}
#social-top li a {
	background:url(../images/sprite-social-top-new.png) no-repeat;
	display:block;
	width:31px;
	height:31px;
}
#social-top li.fb a {
	background-position:0 0;
}
#social-top li.tw a {
	background-position:-31px 0;
}
#social-top li.gp a {
	background-position:-62px 0;
}
#social-top li.li a {
	background-position:-93px 0;
}
#social-top li.yt a {
	background-position:-124px 0;
}
#social-top li.fb a:hover {
	background-position:0 -31px;
}
#social-top li.tw a:hover {
	background-position:-31px -31px;
}
#social-top li.gp a:hover {
	background-position:-62px -31px;
}
#social-top li.li a:hover {
	background-position:-93px -31px;
}
#social-top li.yt a:hover {
	background-position:-124px -31px;
}
#social-top li.fb a:active {
	background-position:0 -62px;
}
#social-top li.tw a:active {
	background-position:-31px -62px;
}
#social-top li.gp a:active {
	background-position:-62px -62px;
}
#social-top li.li a:active {
	background-position:-93px -62px;
}
#social-top li.yt a:active {
	background-position:-124px -62px;
}

.options-top {
	float:right;
}
.options-top.links {
	padding-right:25px
}
.options-top a {
	font-size:12px;
	color:#fff5ee;
	text-shadow:0px -1px 1px #000000;
	position:relative;
	top:7px;
}

/*SEARCH*/
#search {
	position:relative;
	top:2px;
	padding: 0 0 0 8px;
}
#search input[type=text] {
	width:207px;
	height:15px;
	padding:5px 25px 7px 6px;
	cursor:pointer;
	font-family: Arial;
}
#search input[type=submit] {
	background:url(../images/sprite-search.png) no-repeat;
	display:block;
	position:absolute;
	width:15px;
	height:17px;
	right:8px;
	top:6px;
}
#search input[type=submit]:hover {
	background-position:0 -17px;
	cursor:pointer;
}

/*LANGUAGE*/
#lang {
	position:relative;
	padding-left:10px;
}
#lang a.lang-btn {
	background:url(../images/sprite-lang.png) top right no-repeat;
	display:block;
	width:50px;
	height:27px;
	line-height:27px;
	border:1px #242424 solid;
	box-shadow:0px 1px 1px #222;
	-webkit-box-shadow:0px 1px 1px #222;
	-moz-box-shadow:0px 1px 1px #222;
	position:relative;
	top:2px;
	padding:0 0 0 8px;
}
#lang a.lang-btn.active {
	background-position:right -27px;
	box-shadow:0px 1px 1px #4f4f4f;
}
/*#lang a.lang-btn:hover {
	background-position:right -27px;
	box-shadow:0px 1px 1px #4f4f4f;
	-webkit-box-shadow:0px 1px 1px #4f4f4f;
	-moz-box-shadow:0px 1px 1px #4f4f4f;
}*/
#lang a.lang-btn img {
	width:22px;
	float:left;
	position:relative;
	top:6px;
}
#lang-dropdown-wrapper {
	display:none;
	position:absolute;
	top:26px;
	padding-top:14px;
	z-index:1000;
}
#lang-dropdown {
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	min-width:140px;
	border:1px #242424 solid;
	box-shadow:0px 1px 3px #c4c4c4;
	-webkit-box-shadow:0px 1px 3px #c4c4c4;
	-moz-box-shadow:0px 1px 3px #c4c4c4;
	background:url(../images/bg-dropdown-repeat.png) repeat-x top #4b4545;
}
#lang-dropdown li {
	padding:0;
	margin:0;
}
#lang-dropdown li.dropdown-top {
	background:url(../images/bg-dropdown-arrow.png) no-repeat top left;
	width:15px;
	height:9px;
	top:7px;
	left:8px;
	position:absolute;
}
#lang-dropdown li a {
	display:block;
	border-bottom:1px #242424 solid;
	border-top:1px #5c5c5c solid;
	background:none;
	padding:8px 15px;
	top:0;
}
#lang-dropdown li a img {
	position:relative;
	top:2px;
	padding-right:10px;
}
#lang-dropdown li a:hover {
	background-color:#433F3F;
	text-decoration:none;
}

/*************************************************************************
06. MENU + SUBMENU
*************************************************************************/

#nav .logo-cherriots {
	float:left;
	margin-left:25px;
}

.nav-line {
	width:100%;
	height:3px;
	position:absolute;
	left:0;
	top:-15px;
}
.nav-line div {
	width:33.33%;
	background-color:#ffbd9d;
	height:100%;
	float:left;
	position:relative;
	box-shadow:inset 1px 0 0 #FFF;
	-webkit-box-shadow:inset 1px 0 0 #FFF;
	-moz-box-shadow:inset 1px 0 0 #FFF;
}
.nav-line div.mid {
	background-color:#ff9765;
}
#breadcrumbs {
	display:none;
}

#menu {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	margin-top:45px;
	background:url(../images/bg-menu-repeat.png) repeat-x bottom;
}
#menu li.current,
#menu li.active-trail {
	background-position:center -13px;
}
#menu li.current a,
#menu li.active-trail a {
	/*color:#fe7534;*/
}
#menu li.last.current,
#menu li.last.active-trail {
	background-position:center -65px;
}
#menu li.first.current,
#menu li.first.active-trail {
	background-position:center -39px;
}
#menu li {
	padding:0;
	margin:0;
	position:relative;
	float:left;
	background:url(../images/sprite-menu.png) no-repeat;
	background-position:top center;
	height:13px;
}
#menu li a:hover {
	text-decoration:none;
	color:#fe7534;
}
#menu li.first {
	background-position:center -26px;
}
#menu li.last {
	background-position:center -52px;
}
/*#menu li:hover {
	background-position:center -13px;
}
#menu li.first:hover {
	background-position:center -39px;
}
#menu li.last:hover {
	background-position:center -65px;
}*/
#menu li a {
	font-size:16px;
	text-transform:uppercase;
	color:#333;
	padding:10px 15px;
	position:relative;
	top:-23px;
	letter-spacing:-1px;
}
#menu li.last a {
	padding-right:0;
}

#submenu {
	height:18px;
	padding:18px 0 0 10px;
	margin:0;
	list-style:none;
	text-shadow:1px 1px 1px #FFF;
}
#submenu .current,
#submenu .active-trail {
	color:#ff7635;
}
#submenu li {
	position:relative;
	float:left;
	padding:0 20px 0 0;
	line-height:18px;
}
#submenu li:last-child {
	padding: 0;
}
#submenu li a {
	font-size:15px;
	color:#333;
	letter-spacing:-1px;
}
#submenu li a:hover {
	color:#ff7635;
	text-decoration:none;
}


/*************************************************************************
06. FOOTER ELEMENTS
*************************************************************************/

footer .bucket {
	float:left;
	width:285px;
	padding:10px 25px 0 12px;
	min-height:200px !important;
	font-size:12px !important;
	line-height:20px !important;
	background:url(../images/bg-footer-bucket.png) no-repeat top right;
	color:#FFF5EE;
	position:relative;
}
footer #info {
	padding-left:0;
}
footer #sign-up {
	padding-right:0;
}
footer .bucket h4 {
	font-size:16px !important;
	margin:8px 0 !important;
}
footer .bucket a {
	color:#FFF5EE;
	text-decoration: underline;
}
footer .bucket p a:hover {
	color:#ff9765;
}
footer .bucket.last {
	background:none;
	width: 300px;
}

#info p {
	padding:0 0 0 25px;
}
#info .info1 {
	background:url(../images/icon-phone.png) top left no-repeat;
}
#info .info2 {
	background:url(../images/icon-marker.png) top left no-repeat;
}
#info .info3 {
	background:url(../images/icon-bubble.png) top left no-repeat;
}
#info .info3 a {
	text-decoration:underline;
}

#mobile-apps .smartphones {
	background:url(../images/img-smartphones.png) center no-repeat;
	width:100%;
	height:112px;
}

/*
#twitter #tw-feed {
	background:#FFF;
	position:relative;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-bottom:2px #ff9765 solid;
	box-shadow:0 1px 1px #121110;
	-webkit-box-shadow:0 1px 1px #121110;
	-moz-box-shadow:0 1px 1px #121110;
	padding:5%;
	width:90%;
	color:#555;
	line-height:15px;
	font-size:11px;
	text-shadow:none;
}
#twitter #tw-feed ul {
	margin:0;
	padding:0;
	list-style:none;
}
#twitter #tw-feed ul li a {
	display:block;
	font-weight:bold;
	margin-top:5px;
}
#twitter #tw-feed ul li span a {
	display:inline;
	font-weight:normal;
}
#twitter #tw-feed a {
	color:#555;
}
#twitter .tw-feed-arrow {
	background:url(../images/bg-twitterfeed-arrow.png) no-repeat;
	width:19px;
	height:13px;
	position:absolute;
	left:20px;
	bottom:-13px;
}
#twitter a.tw-btn {
	background:url(../images/sprite-twitter.png) no-repeat;
	background-position:left top;
	text-align:center;
	padding-left:20px;
	margin-left:20px;
	position:relative;
	top:10px;
}
#twitter a.tw-btn:hover {
	background-position:left -13px;
	text-decoration:none;
	color:#ff9765;
}
*/

/*SITEMAP*/

#sitemap a.sitemap-btn {
	background:url(../images/sprite-plus.png) no-repeat;
	width:120px;
	height:19px;
	line-height:19px;
	text-align:left;
	margin:15px auto;
	padding-left:23px;
	font-size:12px;
	font-weight:normal;
	color:#FFF5EE;
	display:block;
	position:relative;
	left:15px;
}
#sitemap a.sitemap-btn:hover {
	color:#ff9765;
	text-decoration:none;
	background-position:0 -19px;
}
#wrap-sitemap {
	display:none;
	background:url(../images/bg-sitemap-top.png) top center no-repeat;
}
#sitemap-links {
	width:880;
	position:relative;
	top:8px;
	padding:10px 40px 20px;
	margin-bottom:20px;
	background:white;
	box-shadow:0 1px 2px #121110;
	-webkit-box-shadow:0 1px 2px #121110;
	-moz-box-shadow:0 1px 2px #121110;
}
#sitemap-links .col {
	width:200px;
	padding-right:20px;
	float:left;
}
#sitemap-links .col.last {
	padding-right:0;
	font-weight:bold;
	line-height:38px;
}
#sitemap-links a {
	color:#555;
	text-transform:uppercase;
	padding:10px 0;
	display:block;
}
#sitemap-links a.root-link {
	padding-bottom:0;
}
#sitemap-links ul {
	margin:5px 0 20px;
	padding:0 0 0 10px;
	list-style:none;
	border-left:1px #DDD solid;
}
#sitemap-links ul li {
	margin:0;
	padding:0;
	line-height:24px;
}
#sitemap-links ul li a {
	font-size:12px;
	padding:0;
	text-transform:capitalize;
}

#dhx {
	background: url(../images/logo-dhx.png) no-repeat top left;
	display: block;
	height: 29px;
	line-height:32px;
	font-size: 12px;
	text-align:left;
	text-shadow: 0 -1px 0 #000;
	color: #898481;
	width: 180px;
	text-decoration: none;
	padding:0 0 0 33px;
	margin: 0 auto;
}


/*************************************************************************
07. PAGE ELEMENTS
*************************************************************************/

.page-topimg,
.masonry-topimg {
	border:1px #FFF solid;
	margin:0 auto;
	overflow:hidden;
	background:white;
}
.page-topimg {
	width:956px;
	height:290px;
}
.page-topimg img {
	width:958px;
	max-height:auto;
}

.masonry-topimg {
	width:456px;
	height:220px;
}
.masonry-topimg img {
	width:456px;
	height:215px;
}

#single-column h1 {
	margin:0 0 20px 0;
	font-size:32px;
	color:#333;
}

#single-column hr {
	margin:25px 0;
}

#single-column .blurb {
	color:#565656;
	column-count:2;
	column-gap:30px;
	-webkit-column-count:2;
	-webkit-column-gap:30px;
	-moz-column-count:2;
	-moz-column-gap:30px;
}

#about-buckets {
	width:100%;
}
#about-buckets .bucket {
	width:30%;
	padding:0 1.5%;
	float:left;
}
#about-buckets .bucket.first {
	padding-left:0;
}
#about-buckets .bucket.last {
	padding-right:0;
}
#about-buckets h2 {
	margin:0 0 18px 0;
}
#about-buckets p {
	height:135px;
	overflow:hidden;
}

/*CONTENT LEFT*/
#content-left {
	text-shadow:1px 1px 1px #FFF;
}
#content-left hr {
	border-top:1px #dddddd solid;
	border-bottom:1px #fffdf8 solid;
	margin:14px 0;
}

/*LINKS*/
#content-left ul.links {
	padding:0;
	margin:0;
	list-style:none;
}
#content-left ul.links li {
	padding:0;
	margin:8px 0;
	font-size:13px;
}
#content-left ul.links li a span {
	background:url(../images/sprite-links-left.png) no-repeat;
	background-position:0 0;
	margin:0 8px 0 0;
	display:block;
	float:left;
	width:11px;
	height:15px;
	position:relative;
	top:3px;
}
#content-left ul.links li.link span {
	background-position: -11px 0;
	top:5px;
}
#content-left ul.links li.link:hover span {
	background-position: -11px -15px;
}
#content-left ul.links li.download:hover span {
	background-position: 0 -15px;
}
#content-left ul.links li a {
	color:#555;
}
#content-left ul li:hover a {
	text-decoration:none;
	color:#be2c1c;
}
#content-left ul li.social-link a {
	color:#a1a1a1;
}
a.search-url {
	font-weight:bold;
	font-size:11px;
}

/*SOCIAL LINKS*/
#content-left ul.links.social li a {
	color:#a1a1a1;
}
#content-left ul.links.social li:hover a {
	color:#be2c1c;
}
#content-left ul.links li.tw span,
#content-left ul.links li.fb span,
#content-left ul.links li.gp span {
	background:url(../images/sprite-social-left.png) no-repeat;
	background-position: top left;
	width:15px;
	height:13px;
}
#content-left ul.links li.fb span {
	background-position: -15px 0;
}
#content-left ul.links li.gp span {
	background-position: -30px 0;
}
#content-left ul.links li.tw:hover span {
	background-position: 0 -13px;
}
#content-left ul.links li.fb:hover span {
	background-position: -15px -13px;
}
#content-left ul.links li.gp:hover span {
	background-position: -30px -13px;
}


/*CONTENT RIGHT*/
#content-right h1 {
	margin:0 0 20px;
}
#content-right.advisories h1 {
	margin:5px 0 20px;
	font-size:32px;
}
#content-right h6.advisory-title {
	font-family: 'ErasDem', Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	padding-left:35px !important;
	line-height:30px;
}
#content-right h6.advisory-title span {
}

/*MASONRY CONTENT*/
#masonry-wrapper {
	background:none;
	border:none;
	box-shadow:none;
	/*padding-bottom:50px;*/
	margin-top:-10px;
}
.masonry-container {
	background:white;
	border:1px #e8e3df solid;
	border-top:none;
	box-shadow:0 1px 1px #FFF;
	-webkit-box-shadow:0 1px 1px #FFF;
	-moz-box-shadow:0 1px 1px #FFF;
	transition: box-shadow .5s;
	-webkit-transition: box-shadow .5s;
	-moz-transition: box-shadow .5s;
	float:left;
	width:458px;
	margin:10px;
}
.masonry-container:hover {
	box-shadow:0 0 30px #ababab;
	-webkit-box-shadow:0 0 30px #ababab;
	-moz-box-shadow:0 0 30px #ababab;
}
.masonry-content {
	padding:0 25px 25px 25px;
	margin-top:15px;
	line-height:18px;
}
.masonry-content h1 {
	margin:15px 0 5px 0;
}
.masonry-content h6 {
	margin:0;
	font-style:italic;
	font-weight:lighter;
	font-size:15px;
	line-height:normal;
	color:#655e5a;
}

.old-articles {
	position:relative;
	top:20px;
	width:180px;
	margin:0 auto;
	text-align:center;
	line-height:0;
	border-top:1px #cbc7c0 solid;
	border-bottom:1px #FFF solid;
	padding:4px 6px 4px 3px;
	background:#f1efed;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	display:none;
}
.old-articles span {
	position:relative;
	top:-7px;
	margin-left:5px;
	font-weight:bold;
	font-size:12px;
	color:#48423e;
	text-shadow:0 1px 0 #FF;
}
h2.search-title {
	font-size:20px;
	margin:0;
	padding:0;
}

/*************************************************************************
08. ROUTES
*************************************************************************/

/*ROUTES HEADER*/
#routes-intro {
	position:relative;
}
#routes-top h2 {
	font-family:'SwissBold', Arial, Helvetica, sans-serif !important;
	text-transform:uppercase;
	font-size:21px;
	color:#333;
	position:absolute;
	top:18px;
	left:25px;
	text-shadow:0 1px 0 #FFF;
}
#routes-top h2 .start-end {
	display:none;
}
#routes-top h2 img {
	vertical-align:middle;
	margin:0 5px;
}
#routes-top h2 span.conc {
	display:inline-block;
	width:323px;
	white-space:nowrap;
	overflow:hidden;
}
#routes-top h6 {
	font-family:'SwissBold', Arial, Helvetica, sans-serif !important;
	text-transform:uppercase;
	font-size:12px;
	color:#333;
	position:relative;
	top:60px;
	margin-left:25px !important;
	letter-spacing:normal;
}
#routes-top h6 em {
	font-style:normal;
	text-decoration:underline;
	font-weight:normal;
}
#routes-top h6 span {
	margin:0 8px;
}
#routes-top h6 span.times {
	margin:0;
}
#routes-top a.tan-lrg {
	position:absolute;
	padding:0 8px;
}
#routes-top a.download {
	width:180px;
	top:23px;
	right:25px;
}
#routes-top a.print {
	width:172px;
	top:23px;
	right:25px;
}
#routes-top a.plan {
	width:140px;
	top:23px;
	right:233px;
}

/*ROUTE DETAIL CHOOSE ROUTE DROPDOWN*/
#choose-route {
	position:relative;
	width:328px;
	height:40px;
	left:25px;
	top:23px;
}
#choose-route a.tan-lrg {
	background-position:right 0;
	text-transform:uppercase;
	text-align:left;
}
#choose-route a.tan-lrg:hover {
	background-position:right -39px;
}
#choose-route a.tan-lrg.active {
	background-position:right -78px;
	box-shadow: inset 0px 1px 4px #a19e9b;
	-webkit-box-shadow: inset 0px 1px 4px #a19e9b;
	-moz-box-shadow:inset 0px 1px 4px #a19e9b;
	border:1px #c8c5c2 solid;
	border-bottom:1px #ffffff solid;
}
#choose-route ul {
	width:310px;
	padding:0;
	margin:0;
	list-style:none;
	display:none;
	position:absolute;
	top:41px;
	border:1px #eae8e3 solid;
	box-shadow:2px 2px 6px #777;
	-webkit-box-shadow:2px 2px 6px #777;
	-moz-box-shadow:2px 2px 6px #777;
	z-index:1000;
}
#choose-route ul li {
	padding:3px 8px 2px;
	margin:0;
	background:#f7f6f4;
	border-bottom:1px #e6dfd7 solid;
	border-top:1px #FFF solid;
}
#choose-route ul li a {
	height:30px;
	line-height:30px;
	display:block;
	padding-left:35px;
	color:#555;
}
#choose-route ul li:hover {
	background:white;
}
#choose-route ul li a:hover {
	text-decoration:none;
}


/*ROUTES LEFT COLUMN*/
#routes-left {
	text-shadow:0 1px 0 #FFF;
	overflow:hidden;
}
#routes-left h5:first-child {
	margin-top:0;
}
#routes-left h5 {
	margin:0 0 10px;
	float:left;
}
#routes-left hr {
	border-top:1px #d6ccc2 solid;
	border-bottom:1px #f7f6f3 solid;
	margin:0;
	clear:both;
	display:block;
}
#routes-left a {
	font-size:13px;
	line-height:25px;
	color:#444;
	text-decoration:underline;
	letter-spacing:normal;
}
#routes-left a.view-details {
	display:block;
	float:right;
}
#routes-left ul {
	padding:0;
	margin:10px 0 20px 0;
	list-style:none;
}
#routes-left ul li {
	font-size:13px;
	line-height:21px;
}
#routes-left ul.advisories-list li {
	text-transform:uppercase;
}
#routes-left ul.advisories-list li.current {
	color:#be2c1c;
}
#routes-left .routes-key {
	background:url(../images/routes-key.png) no-repeat;
	width:256px;
	height:14px;
	margin:8px auto 0 auto;
}

/*SPRITE POSITIONS*/
.route {
	background-repeat: no-repeat;
	background-size: 30px 30px;
	height:30px;
}
span.route {
	display:block;
	position:absolute;
	top:5px;
	padding-left:35px;
	width:auto;
	height:30px;
	line-height:32px;
	margin:0 auto;
}
.route-advisories {

}
.route-1X {
	background-image: url('../images/route-icons/1X.png');
}
.route-2 {
	background-image: url('../images/route-icons/2.png');
}
.route-2X {
	background-image: url('../images/route-icons/2X.png');
}
.route-3 {
	background-image: url('../images/route-icons/3.png');
}
.route-4 {
	background-image: url('../images/route-icons/4.png');
}
.route-5 {
	background-image: url('../images/route-icons/5.png');
}
.route-6 {
	background-image: url('../images/route-icons/6.png');
}
.route-7 {
	background-image: url('../images/route-icons/7.png');
}
.route-8 {
	background-image: url('../images/route-icons/8.png');
}
.route-9 {
	background-image: url('../images/route-icons/9.png');
}
.route-10 {
	background-image: url('../images/route-icons/10.png');
}
.route-11 {
	background-image: url('../images/route-icons/11.png');
}
.route-12 {
	background-image: url('../images/route-icons/12.png');
}
.route-13 {
	background-image: url('../images/route-icons/13.png');
}
.route-14 {
	background-image: url('../images/route-icons/14.png');
}
.route-15X {
	background-image: url('../images/route-icons/15X.png');
}
.route-16 {
	background-image: url('../images/route-icons/16.png');
}
.route-17 {
	background-image: url('../images/route-icons/17.png');
}
.route-18 {
	background-image: url('../images/route-icons/18.png');
}
.route-19 {
	background-image: url('../images/route-icons/19.png');
}
.route-21 {
	background-image: url('../images/route-icons/21.png');
}
.route-22 {
	background-image: url('../images/route-icons/22.png');
}
.route-23 {
	background-image: url('../images/route-icons/23.png');
}
.route-24 {
	background-image: url('../images/route-icons/24.png');
}
.route-10X {
	background-image: url('../images/route-icons/10X.png');
}
.route-20X {
	background-image: url('../images/route-icons/20X.png');
}
.route-30X {
	background-image: url('../images/route-icons/30X.png');
}
.route-40X {
	background-image: url('../images/route-icons/40X.png');
}
.route-50X {
	background-image: url('../images/route-icons/50X.png');
}
.route-WSC {
	background-image: url('../images/route-icons/WSC.png');
}
.route-PCF {
	background-image: url('../images/route-icons/PCF.png');
}

/*ROUTE LIST ANIMATION STYLE*/
	#route-list {
		width:inherit;
		max-height:862px;
	}
	#route-list ul { /*UNORDERED LIST MUST HAVE FIXED WIDTH AND NO OVERFLOW*/
		margin:0;
		overflow:hidden !important;
		width:296px !important;
		padding:0;
		list-style:none;
		border:1px #eae8e3 solid;
		background:#444;
	}
	#route-list ul li {
		width:100%;
		height:38px;
		line-height:0;
		margin:0;
		padding:0;
		display:block;
		float:left;
		position: relative;
		cursor:pointer;
		perspective:1000;
		-webkit-perspective: 1000;
		border-bottom:1px #e6dfd7 solid;
		border-top:1px #FFF solid;
	}
	/*#route-list ul li:hover .card .back {
		z-index:3;
	}*/
	#route-list ul li:first-child {
		border-top:none;
	}
	#route-list ul li:last-child {
		border-bottom:none;
	}
	#route-list ul li .card {
		width: 100%;
		height: 100%;
		transform-style: preserve-3d;
		transition: 0.5s;
		-webkit-transform-style: preserve-3d;
		-webkit-transition: 0.5s;
		-moz-transform-style: preserve-3d;
		-moz-transition: 0.5s;
	}
	#route-list ul li .card .face {
		width: 100%;
		height: 30px;
		padding:4px 0;
		position: absolute;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
	}
	#route-list ul li .card .face a {
		font-size:12px;
		font-weight:bold;
		text-shadow:0 1px 0px #FFF;
		text-transform:uppercase;
		text-decoration:none;
		color:#333;
		padding-left:38px;
		line-height:30px;
		height:30px;
		position:relative;
		left:8px;
		display:block;
	}
	#route-list ul li .card .face a:hover {
		text-decoration:none;
	}
	#route-list ul li .card .front {
		/*z-index:2;*/
		background:#F2F0ED;

		/*background: -webkit-linear-gradient(top, #F2F0ED, #F2F0ED);
		background: -moz-linear-gradient(top, #F2F0ED, #F2F0ED);
		background: -ms-linear-gradient(top, #F2F0ED, #F2F0ED);
		background: -o-linear-gradient(top, #F2F0ED, #F2F0ED);*/
	}
	#route-list ul li .card .back {
		/*z-index:1;*/
		background:#f7f6f4;
		transform: rotateX(-180deg);
		-webkit-transform: rotateX(-180deg);
		-moz-transform: rotateX(-180deg);
		-ms-transform: rotateX(-180deg);
	}
	#route-list ul li .card .back:hover {
		background:#FFF;
	}

/*ROUTES RIGHT COLUMN*/
#routes-sprite-bg {
	background:url(../images/bg-routes-map.png) no-repeat -40px 0;
	width:616px;
	height:798px;
	border:1px #eae8e3 solid;
}
#routes-sprite {
	background-image: url(../images/sprite-routes.png);
	background-position: -40px 0;
	background-repeat: no-repeat;
	width:608px;
	height:798px;
}

@media only screen
and (-webkit-min-device-pixel-ratio: 1)
and (-webkit-min-device-pixel-ratio: 2) {
	#routes-sprite {
		background-image: url(../images/routes-ipad.png);
		background-repeat: no-repeat;
		width:608px;
		height:798px;
		background-position:0px 0px;
		background-size:100%;
	}

	.route-1X {
		background-image: url('../images/route-icons/1X@2x.png');
	}
	.route-2 {
		background-image: url('../images/route-icons/2@2x.png');
	}
	.route-2X {
		background-image: url('../images/route-icons/2X@2x.png');
	}
	.route-3 {
		background-image: url('../images/route-icons/3@2x.png');
	}
	.route-4 {
		background-image: url('../images/route-icons/4@2x.png');
	}
	.route-5 {
		background-image: url('../images/route-icons/5@2x.png');
	}
	.route-6 {
		background-image: url('../images/route-icons/6@2x.png');
	}
	.route-7 {
		background-image: url('../images/route-icons/7@2x.png');
	}
	.route-8 {
		background-image: url('../images/route-icons/8@2x.png');
	}
	.route-9 {
		background-image: url('../images/route-icons/9@2x.png');
	}
	.route-10 {
		background-image: url('../images/route-icons/10@2x.png');
	}
	.route-11 {
		background-image: url('../images/route-icons/11@2x.png');
	}
	.route-12 {
		background-image: url('../images/route-icons/12@2x.png');
	}
	.route-13 {
		background-image: url('../images/route-icons/13@2x.png');
	}
	.route-14 {
		background-image: url('../images/route-icons/14@2x.png');
	}
	.route-15X {
		background-image: url('../images/route-icons/15X@2x.png');
	}
	.route-16 {
		background-image: url('../images/route-icons/16@2x.png');
	}
	.route-17 {
		background-image: url('../images/route-icons/17@2x.png');
	}
	.route-18 {
		background-image: url('../images/route-icons/18@2x.png');
	}
	.route-19 {
		background-image: url('../images/route-icons/19@2x.png');
	}
	.route-21 {
		background-image: url('../images/route-icons/21@2x.png');
	}
	.route-22 {
		background-image: url('../images/route-icons/22@2x.png');
	}
	.route-23 {
		background-image: url('../images/route-icons/23@2x.png');
	}
	.route-24 {
		background-image: url('../images/route-icons/24@2x.png');
	}
	.route-10X {
		background-image: url('../images/route-icons/10X@2x.png');
	}
	.route-20X {
		background-image: url('../images/route-icons/20X@2x.png');
	}
	.route-30X {
		background-image: url('../images/route-icons/30X@2x.png');
	}
	.route-40X {
		background-image: url('../images/route-icons/40X@2x.png');
	}
	.route-50X {
		background-image: url('../images/route-icons/50X@2x.png');
	}
	.route-WSC {
		background-image: url('../images/route-icons/WSC@2x.png');
	}
	.route-PCF {
		background-image: url('../images/route-icons/PCF@2x.png');
	}
}

#routes-right iframe,
#routes-right img {
	width:616px;
	margin-bottom:-6px;
	border:1px #eae8e3 solid;
}

/*ROUTES BOTTOM*/
.route-name-header {
	display:block;
	float:right;
	font-weight:bold;
	font-size:40px;
	margin-right:12px;
}
.routes-bottom {
	text-shadow: 0 1px 0 #FFF;
	border-top:1px #d6ccc2 solid;
	box-shadow: inset 0 1px 0 #FFF;
	margin-top:10px;
	padding-top:20px;
}
.routes-bottom .schedule-btns {
	background:#e6e3e0;
	height:auto;
	padding:4px 5px;
	margin-left:5px;
	float:left;
	position:relative;
	z-index:0;
	border-top:1px #cbc7c0 solid;
	border-bottom:1px #FFF solid;
}
.routes-bottom .schedule-btns a.red:nth-child(2) {
	border-left:none;
}
.routes-bottom a.red {
	float:left;
	width:144px;
	position:relative;
	z-index:0;
}
.routes-bottom a.red:nth-child(1) {
	border-right:none;
}
.routes-bottom .schedule {
	background:url(../images/bg-routes-schedule.png) no-repeat top center;
	width:936px;
	padding:9px 12px;
	margin-top:18px;
	clear:both;
}
.routes-bottom .schedule .southbound {
	display:none;
}
.routes-bottom .schedule-blurb {
	float:left;
	position:relative;
	top:10px;
	left:22px;
	color:#b5b1ad;
	font-size:12px;
}
.schedule-left,
.schedule-right {
	border:1px #dfdcd6 solid;
	box-shadow:0 1px 1px #FFF;
	-webkit-box-shadow:0 1px 1px #FFF;
	-moz-box-shadow:0 1px 1px #FFF;
	background:#FFF;
	padding:0;
}
.schedule-left {
	width:292px;
	float:left;
	overflow:hidden;
}
.schedule-right {
	width:619px;
	float:right;
}

/*SCHEDULE*/
table.schedule-table {
	width:100%;
	border-spacing:0;
}
table.schedule-table tr.even {
	background-color:#f1efed;
}
table.schedule-table th {
	text-align:left;
	font-weight:bold;
	font-size:12px;
	color:#444;
	padding:5px 8px;
	line-height:14px;
	background:#FFF;
/*	width:100%;*/
	height:56px;
}
/*
table.schedule-table1 th {
	text-align:left;
	font-weight:bold;
	font-size:12px;
	color:#444;
	padding:5px 8px;
	line-height:14px;
	background:#fff;
	height:56px;
}
*/
table.schedule-table th em {
	font-style:italic;
	font-weight:normal;
	display:block;
}
table.schedule-table td {
	padding:5px 8px;
	font-size:12px;
	line-height:12px;
/*	width:16.666%;*/
}
/*
table.schedule-table1 td {
	padding:5px 8px;
	font-size:12px;
	line-height:12px;
}
*/
.schedule-table a:hover {
	text-decoration:none;
	color:#555;
}

.schedule-right table.schedule-table th,
.schedule-right table.schedule-table td {
	padding:5px 10px;
	position:relative;
	overflow:hidden;
	/*
	display:block;
	float:left;
	width:70px;
	*/
}
/*
.schedule-right table.schedule-table1 th,
.schedule-right table.schedule-table1 td {
	padding:5px 10px;
	position:relative;
	overflow:hidden;
}
*/
.schedule-right table.schedule-table th span,
.schedule-right table.schedule-table td span {
	display:block;
	width:70px;
}
.schedule-right table.schedule-table th.multiroute,
.schedule-right table.schedule-table td.multiroute {
	background:white;
}
.schedule-right table.schedule-table th.multiroute span,
.schedule-right table.schedule-table td.multiroute span {
	width:35px;
}
.schedule-right .northbound,
.schedule-right .southbound {
/*	width:1090px;*/
}

table.schedule-table thead {
	padding:4px;
	/*display:block;*/
	border-bottom:1px #e2e0dc solid;
}
/*
table.schedule-table1 thead {
	padding:4px;
	border-bottom:1px #e2e0dc solid;
}
*/
.schedule-list {
	margin:8px 4px;
	overflow:hidden;
}
.schedule-list .jspVerticalBar {
	right:0;
}
.schedule-list .jspHorizontalBar {
	bottom:0;
}
.schedule-list table {
	padding:0 4px;
}


/*************************************************************************
09. PLAN TRIP
*************************************************************************/

#plan-trip-btns {
	margin:10px 0 0 0;
	padding:0 10px 0 27px;
	width:auto;
}
.modifytrip-btns {
	float:left;
	position:relative;
	top:15px;
	background:#e6e3e0;
	border-top:1px #cbc7c0 solid;
	border-bottom:1px #FFF solid;
	height:auto;
	padding:4px 5px;
	margin-bottom:36px;
}
.modifytrip-btns a {
	float:left;
	width:148px;
}
#plan-trip-btns .modifytrip-btns a.mobile {
	display:none;
}
.modifytrip-btns a:nth-child(3) {
	border-left:none;
}
#timeslots {
	float:right;
	position:relative;
}
#timeslots .blurb {
	text-align:right;
	text-shadow:0 1px 0 #FFF;
	color:#A19E9A;
	line-height:15px;
	font-size:12px;
	float:left;
	position:relative;
	top:22px;
	right:15px;
}
#timeslots .blurb a{
	color:#A19E9A;
	text-decoration:underline;
}

/*HELP*/
#timeslots .trip-help-btn {
	/* background:url(../images/icon-help.png) no-repeat;
	width:30px;
	height:30px;
	float:right;
	margin: 15px 0 0 0; */
	cursor:pointer;
	text-decoration:underline;
}
#timeslots .trip-help-info {
	width:275px;
	background:#FFFFFF;
	border:2px solid #E8E3DF;
	position:absolute;
	display:none;
	right:10px;
	top:80px;
	padding:15px 15px 10px 15px;
	box-shadow: 0 3px 5px #999;
	-moz-box-shadow: 0 3px 5px #999;
	-webkit-box-shadow: 0 3px 5px #999;
	z-index:5;
}
#timeslots .trip-help-info .arrow-icon {
	background:url(../images/icon-arrow-up.png) top left no-repeat;
	display:block;
	width:16px;
	height:11px;
	position:absolute;
	right:275px;
	top:-11px;
}
#timeslots .trip-help-info h4 {
	text-align:left;
	font-size:16px;
}
#timeslots .trip-help-info p {
	font-size:12px;
	line-height:16px;
}

#timeslots .timeslot {
	background:url(../images/sprite-timeslot.png) no-repeat top left;
	width:78px;
	height:77px;
	float:left;
	margin-right:8px;
}
#timeslots .timeslot:hover {
	background:url(../images/sprite-timeslot.png) no-repeat -78px 0;
	cursor:pointer;
}
#timeslots .timeslot.current {
	background:url(../images/sprite-timeslot.png) no-repeat -156px 0;
}

/*TIMESLOT ANIMATION STYLE*/
	.timeslot ul {
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		float:left;
		top:7px;
		left:8px
	}
	.timeslot ul li {
		position:relative;
		float:left;
		display:block;
		width:29px;
		height:20px;
		margin-right:3px;
		perspective:150;
		-webkit-perspective:150;
	}
	.timeslot ul li:first-child {
		left:1px;
	}
	.timeslot ul li .card {
		width: 100%;
		height: 100%;
		transform-style: preserve-3d;
		transition: 2s;
		transform-origin:bottom;
		-webkit-transform-style: preserve-3d;
		-webkit-transition: 2s;
		-webkit-transform-origin:bottom;
		-moz-transform-style: preserve-3d;
		-moz-transition: 2s;
		-moz-transform-origin:bottom;
	}

	/*GLOBAL*/
	.timeslot ul li .back span,
	.timeslot ul li .top span {
		position:absolute;
		display:block;
		width:100%;
		line-height:0;
		font-size:28px;
		color:#48423e;
		text-shadow:0 1px 0 #FFF;
		text-align:center;
	}
	.timeslot ul li .face {
		width: 100%;
		height: 100%;
		z-index: 2;
		position: absolute;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		/*overflow:hidden;*/ /*CUTS OFF OUTSIDE TEXT / CREATES MIDDLE GUTTER*/
	}

	/*FRONT / BACK*/
	.timeslot ul li .front {
		position: absolute;
		z-index: 2;
		border-bottom:1px #d2d2d2 solid;
	}
	.timeslot ul li .back {
		position:absolute;
		bottom:0;
		height:21px;
		border-top:1px #d2d2d2 solid;
		z-index:1;
		transform: rotateX(-180deg);
		-webkit-transform: rotateX(-180deg);
		-moz-transform: rotateX(-180deg);
		-ms-transform: rotateX(-180deg);
	}
	.timeslot ul li .back span {
		/*top:1px;*/
	}

	/*TOP / BOTTOM */
	.timeslot ul li .top {
		position:absolute;
		width: 100%;
		height: 100%;
		line-height:0;
		text-align:center;
		overflow:hidden;
		z-index:0;
	}
	.timeslot ul li .top span {
		bottom:-1px;
	}
	.timeslot ul li .bottom {
		z-index: 0;
		width: 100%;
		height: 100%;
	}

	/*BACKGROUND*/
	.timeslot ul li .front {
		background:url(../images/sprite-timeslot-dial.png) no-repeat top left;
	}
	.timeslot ul li .back  {
		background:url(../images/sprite-timeslot-dial.png) no-repeat bottom left;
	}

	/*TIMESLOT FALLBACK*/
	.timeslot-fallback {
		background:url(../images/sprite-timeslot.png) no-repeat top left;
		width:78px;
		height:77px;
		float:left;
		margin-right:8px;
		display:none;
	}
	.timeslot-fallback:hover {
		background:url(../images/sprite-timeslot.png) no-repeat -78px 0;
		cursor:pointer;
	}
	.timeslot-fallback.current {
		background:url(../images/sprite-timeslot.png) no-repeat -156px 0;
	}
	.timeslot-fallback .slot {
		width:29px;
		height:44px;
		float:left;
		position:relative;
		margin-right:3px;
		top:7px;
	}
	.timeslot-fallback .slot1 {
		left:9px;
	}
	.timeslot-fallback .slot2 {
		left:8px;
	}
	.timeslot-fallback .slot span {
		position:absolute;
		display:block;
		width:100%;
		top:25%;
		font-size:28px;
		color:#48423e;
		text-shadow:0 1px 0 #FFF;
		text-align:center;
	}

/*PLAN TRIP MAP*/
#plan-trip-map {
	position:relative;
}
#turnbyturn {
	background:url(../images/bg-turnbyturn.png) no-repeat top center;
	width:294px;
	padding:6px;
	height:443px;
	position:absolute;
	left:25px;
	top:25px;
	z-index:10;
}
#turnbyturn a.red {
	width:72px;
	float:left;
	padding:0;
	text-align:center;
}
#turnbyturn a.red {
	border-right:none;
}
#turnbyturn a.red span {
	background:url(../images/sprite-turnbyturn-icons-white.png) no-repeat 0 0;
	display:block;
	width:25px;
	margin:0 auto;
}
#turnbyturn a.red span.bus {
	background-position: center 0;
	height:15px;
	margin-top:8px;
}
#turnbyturn a.red span.walk {
	background-position: center -15px;
	height:18px;
	margin-top:5px;
}
#turnbyturn a.red span.bike {
	background-position: center -33px;
	height:16px;
	margin-top:7px;
}
#turnbyturn a.red span.car {
	background-position: center -49px;
	height:13px;
	margin-top:8px;
}

		/*SEE 00B. GOOGLE MAP OVERRIDES FOR TURN BY TURN STYLES*/


#plan-trip-map #map-canvas {
	width:946px;
	height:485px;
	border:1px #eae8e3 solid;
	margin-bottom:6px;
}
#plan-trip-map .more-trips {
	font-size:13px;
	color:#444;
	float:left;
	height:14px;
	line-height:16px;
	margin:1px 0 0 18px;
}
#plan-trip-map .more-trips span {
	background:url(../images/icon-link.png) left top no-repeat;
	width:14px;
	height:14px;
	float:left;
	margin-right:8px;
}
#plan-trip-map .blurb {
	float:right;
	text-align:right;
	color:#9c9893;
	font-size:11px;
	line-height:14px;
	margin:1px 18px 0 0;
}

/*************************************************************************
10. STOPS PAGE
*************************************************************************/

#content-right h1.system-alert {
	font-size:24px;
	line-height:24px;
	margin-bottom:12px;
}
#content-right h2.stop-details {
	margin:0;
	padding:0;
	margin-bottom:10px;
}
#content-right h3.stop-alert {
	padding-left:20px;
	font-size:22px;
	line-height:22px;
	margin-bottom:10px;
}
#content-right h4.stop-route {
	font-size:18px;
	margin:0;
	padding:0;
	margin-bottom:8px;
	padding-left:20px;
}
#content-right h5.route-alert {
	padding-left:30px;
	font-size:18px;
	line-height:18px;
	margin-bottom:6px;
}
#content-right div.trip-alerts {
	margin-bottom:18px;
}
#content-right h6.trip-alert {
	padding-left:40px;
	font-size:12px;
	line-height:12px;
	margin-bottom:0px;
}
sup.trip-alert-sup {
	margin-right:4px;
	font-size:0.7em;
}
#content-right ul.stop-arrivals {
	list-style:none;
	margin:0;
	padding:0;
	height:15px;
	margin-bottom:26px;
	padding-left:30px;
}
#content-right ul.stop-arrivals li.stop-arrival {
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:150px;
}
#timerContainer {
	display:block;
	width:130px;
	float:right;
	height:45px;
	border:1px solid #ff0000;
	box-shadow:1px 1px 3px #340000;
}
#timerContainer #timer {
	display:block;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	width:90px;
	height:16px;
	margin:0 auto;
}
#timerContainer #title {
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}
#timerContainer #timer span {
	font-size:16px;
	display:block;
	float:left;
	width:25px;
	text-align:center;
}
#timerContainer #timer span.divider {
	font-size:16px;
	width:6px;
}
