/* Start of CMSMS style sheet 'BC Bikes - Layout/Navigation' */
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	line-height: 1em;
	background: #fff url("images/theme/bcbackground.gif");
}

#bctheme {
	width: auto;
	background: #fff url("images/theme/bcbackground.gif");
}

/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #679EBC;
/* background image for the link to show wiki style arrow */
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(images/cms/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}

/* ------------ TYPOGRAPHY ------------ */
b, strong{font-weight: bold;}
i, em{font-style: italic;}

img.times {
}

p {
      padding: 0;
      margin-top: 0.5em;
      margin-bottom: 1em;
      text-align:left;
      color: #333333;
}

p.intro {
     color:#666666;
}

p.intro-booking {
    color:#333333;
}

div#landing p.smaller {
    font-size:12px;
margin-top:1.3em;
}

p.intro a {
     color:#000;
}

div#landing p.small {
       font-size:11px;
       color:#666666;
       line-height:14px;
       margin-bottom: 2px;
}

div#landing p.small a:hover {
       color:#FF0B66;
}

div#landing p {
       font-size:14px;
       line-height:18px;
       margin-top: 1.1em;
       margin-bottom: 0.5em;
}

table#contact p {
      font-size:12px;
      color:#333333;
      line-height:18px;
      margin-top: 0.3em;
      margin-bottom: 1.1em;
}

div#middle p {
       margin-top: 0;
       margin-bottom: 0.5em;
       font-size:0.83em;
       line-height:1.4em;
}

.speech-text p {
       font-size:12px;
       line-height:16px;
       margin-top: 1.1em;
       margin-bottom:0;
}

div#sub-footer p {
        font-size:12px;
        color: #FFF;
}

h1 {
	line-height: 1.6em;
	font-weight: normal;
	width: auto;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

h2, #main h2 {
	line-height: 1.6em;
        color: #2C2A26;
        font-size:23px;
	font-weight: bold;
        font-style: italic;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

h3, #main h3 {
	line-height: 1.6em;
        padding-left:22px;
        color: #FFF;
        font-size:16px;
	font-weight: bold;
        font-style: italic;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#landing h3 {
	line-height: 1.6em;
        padding:0px 0px 0px 15px;
        font-size:14px;
}

div#intro-search h3 {
color: #666;
}

h4, #main h4 {
	line-height: 1.6em;
        margin-bottom: 0.8em;
        color: #FFF;
        font-size:14px;
	font-weight: bold;
        font-style: italic;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

h5, #main h5 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size:13px;
        font-weight:bold;
        font-style:italic;
	margin: 2px 0px 6px 0px;
}

.speech-text h5 {
        font-size:13px;
        font-weight:bold;
        font-style:italic;
	margin: 0px 0px 6px 0px;
}

h6, #main h6 {
	color: #9A9B9D;
	font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size:16px;
        line-height:20px;
        font-weight:bold;
        font-style:italic;
	margin-bottom: 6px;
}

a, a:link a:active {
	text-decoration: none;
	color: #FF0B66;
}

a:visited {
	text-decoration: none;
	color: #FF0B66;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

/* ------------ WRAPPER ------------ */

div#pagewrapper {
        background:#FFF;
	font-size: 90%;
	position: relative;
	z-index: 1;
}

/* ------------ HEADER ------------ */

#header {
	height: 244px;
	width: 920px;
        background:#fff url("images/theme/header.gif") no-repeat left top;
}

#logo a {
	height: 155px;
	width: 158px;
	display: block;
	text-indent: -9999em;
	margin-top: 12px;
	margin-left: 40px;
        margin-bottom:;
        background: url("images/theme/logo.gif") no-repeat left top;
}

/* ------------ SEARCH ------------ */

div#search {
	width: 260px;
	height: 28px;
	margin-top: 11px;
	margin-right: 13px;
}

div#search input.search-input {
     border: 1px solid #B0B4B7;
     width:172px;
     height:15px;
     margin-right:5px;
     padding:2px 5px 1px 5px;
     font-family: Arial, Helvetica, Verdana, sans-serif;
     font-size:11px;
     color:#444444;
}

div#search input.search-button {
	float: left;
	margin: 0;
	font-size: 0.8em;
	line-height: 0px;
}

/* ------------ CONTENT ------------ */

#content {
	width: auto;
/* all text in #content will default align left, changed in other calls */
	text-align: left;
}
#bar {
	width: auto;
	height:38px;
	padding-right: 1em;
	padding-left: 1em;
}

h1.title {
	font-size: 1.8em;
	color: #666666;
	margin-bottom: 0.5em;
}

div.callus {
	padding-top:7px;
        letter-spacing:0.05em;
	color: #A3A2A0;
	font-weight: bold;
	font-size: 0.87em;
	margin: 0 1em;
}

div.callus span.number {
        color:#ECECEC;
}

/* ------------ LANDING PAGES ------------ */

div#landing {
        margin:0;
        padding:42px 22px 0px 48px;
height:300px;
}

div#landing_service {
        margin:0;
        padding:42px 22px 0px 48px;
height:175px;
}

div#intro {
       float:left;
       width:480px;
}

div#intro-contact {
       float:left;
       width:380px;
}

div#intro-booking {
       float:left;
       width:400px;
}

div#intro-panel {
      float:right;
      margin-right:20px;
      width:202px;
}

div#intro-panel-grey {
      float:right;
      margin-right:20px;
      width:252px;
}

div#intro-panel-darkgrey {
      float:left;
      margin-left:8px;
      margin-bottom:70px;
      width:404px;
}

div#intro-panel-pink {
      float:right;
      margin-right:20px;
      width:292px;
}

div.panel-back {
     padding: 15px 10px 0px 20px;
     border-right: 2px solid #E9E9E9;
     border-left: 2px solid #E9E9E9;
     background: url(images/theme/panels/greyborder.gif) repeat-x center bottom;
}

div.panel-darkback {
     padding: 15px 10px 0px 20px;
     border-right: 2px solid #E9E9E9;
     border-left: 2px solid #E9E9E9;
     background: url(images/theme/panels/gradient2.gif) repeat-x center bottom;
}

div.panel-back-contact {
     padding: 15px 10px 0px 20px;
height:65px;
     border-right: 2px solid #E9E9E9;
     border-left: 2px solid #E9E9E9;
     background: url(images/theme/panels/gradient.gif) repeat-x center bottom;
}

div.panel-end {
     height:18px;
     background: url(images/theme/panels/greybottom.gif) no-repeat center top;
}

div.panel-end-grey {
     height:16px;
     background: url(images/theme/panels/greybottom-long.gif) no-repeat center top;
}

div.panel-end-darkgrey {
     height:36px;
     background: url(images/theme/panels/darkgreybottom.gif) no-repeat center top;
}

div.panel-end-pink {
     height:21px;
     background: url(images/theme/panels/pink-bottom.gif) no-repeat center top;
}

div.tab-bar {
     padding: 27px 40px 0px 0px;
     height:35px;
     background: url(images/theme/panels/greydots.gif) repeat-x left top;
}

div#landing-content {
     margin: 0px 40px 60px 35px;
}

/* ------------ PROMO ------------ */

div#promo {
        height:209px;
        margin:0;
        padding:42px 22px 48px 40px;
        background:#FFF;
}

div#promo-tabs {
       float:left;
       width:548px;
       height:209px;
}

#slideshow {
float:left;
    height:209px;
}

#slideshow IMG {
    position:absolute;
    padding-top: 0px;
    padding-left: 0px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

div#tabs {
    float:right;
    width:182px;
}

div#tabs img {
    padding: 0px 0px 5px 0px;
}

div#promo-message {
        float:right;
        width:265px;
}

div#promo-message p.welcome {
        color:#9A9B9D;
        font-style:italic;
        padding-top:10px;
        font-size:16px;
        line-height:22px;
        font-weight:bold;
}

a.link, a:visited.link {
        color:#403E3B;
        font-size:18px;
}

a:hover.link {
        color:#FF0B66;
        text-decoration:none;
}

/* ------------ MIDDLE ------------ */

div#middle {
       height:330px;
       padding-top:29px;
       background:#DFDFDE url("images/theme/greygradient.gif") repeat-x left top;
}

/* ------------ LEFT ------------ */

#left {
	width: 615px;
}

/* ------------ NEWS ------------ */

div#newsimage {
       width:317px;
}

div#newsarea {
       width:298px;
}

div.homelink {
margin-top:10px;
}

div.homelink a {
font-size:0.85em;
}

div#title-green {
       padding: 5px 0px 0px 0px;
       height:28px;
       background: #C1D82E url(images/theme/titles/green-back.gif) no-repeat right top;
}

div#title-pink {
       margin:2px 48px 0px 0px;
       padding: 5px 35px 0px 0px;
       text-align:right;
       width:303px;
       height:28px;
       background: #FF0B66 url(images/theme/titles/pink-back.gif) no-repeat right top;
}

div#title-pink2 {
       margin:2px 48px 0px 0px;
       padding: 5px 0px 0px 5px;
       text-align:left;
       width:287px;
       height:25px;
       background: #FF0B66 url(images/theme/titles/pink-back2.gif) no-repeat right top;
}

div#title-orange2 {
       margin:30px 48px 0px 0px;
       padding: 5px 0px 0px 5px;
       text-align:left;
       width:287px;
       height:25px;
       background: #FFB500 url(images/theme/titles/orange-back2.gif) no-repeat right top;
}

div#gmap {
       width:291px;
}

div#title-green2 {
       padding: 5px 0px 0px 0px;
       width:202px;
       height:25px;
       background: #C1D82E url(images/theme/titles/green-back2.gif) no-repeat right top;
}

div#title-grey {
       padding: 5px 0px 0px 0px;
       width:252px;
       height:25px;
       background: #BEBEBE url(images/theme/titles/grey-back.gif) no-repeat right top;
}

div#title-darkgrey {
       padding: 5px 0px 0px 0px;
       width:404px;
       height:25px;
       background: #62615E url(images/theme/titles/darkgrey-back.gif) no-repeat right top;
}

#news {
       height:270px;
       margin: 4px 0px 0px 0px;
       padding:0px 15px 0px 22px;
       background: #F6F6F6; 
}

#news .NewsSummary {
       padding: 14px 0px 0px 0px;
}

.NewsSummaryPostdate {
        color: #777777;
	font-style: italic;
	font-size: 0.8em;
	margin: 1px 0px 8px 0px;
}

.NewsSummaryCategory,
.NewsSummaryAuthor {
	font-style: italic;
	font-size: 0.8em;
}

.NewsSummaryLink {
        font-size:15px;
        font-weight:bold;
        font-style:italic;
	margin: 2px 0;
}

.NewsSummaryLink a {
        color: #222222;
}

.NewsSummaryLink a:hover {
        text-decoration:none;
        color: #FF0B66;
}

.NewsSummaryContent {
	margin: 10px 0;
}
.NewsSummaryMorelink {
	margin: 5px 0 15px;
}


/* ------------ RIGHT ------------ */

div#main {
	width: 300px;
}

div#title-orange {
       padding: 5px 0px 0px 0px;
       height:28px;
       background: #FFB500 url(images/theme/titles/orange-back.gif) no-repeat left top;
}

div#findus {
       height:267px;
       margin: 4px 0px 0px 0px;
       padding:3px 3px 0px 3px;
       background: #F6F6F6;
       width: auto;
}

div.address {
      padding: 15px 0px 0px 14px;
}

.main-main {
}

div#main ul,
div#main ol,
div#main dl,
#footer ul,
#footer ol {
	line-height: 1em;
	margin: 0 0 1.5em 0;
}

div.panel-back ul {
       font-style: italic;
       font-size:12px;
       line-height:1.4em;
}

div.panel-back ul.normal {
       font-style: normal;
}

div.panel-back ul li a, div.panel-back ul li a:active, div.panel-back ul li a:visited {
       color: #333333;
}

div.panel-back ul.normal li a, div.panel-back ul.normal li a:active, div.panel-back u.normall li a:visited {
       color: #FF0B66;
}

div.panel-back ul li a:hover {
      color:#FF0B66;
      text-decoration:none;
}

div.panel-back ul.normal li a:hover {
      text-decoration:underline;
}

#intro-search ul.results li {
       font-size:12px;
       line-height:1.6em;
}

div.speech-text ul {
       font-size:12px;
       line-height:16px;
       margin-top: 1.1em;
       margin-right:2em;
}

div.speech-text ul li {
       background: url("images/theme/bullets/pink-grey.gif") no-repeat left 3px;
       padding-left:15px;
}

#news .NewsSummary ul {
	line-height: 1em;
	margin: 0 0 0.5em 0;
        font-size:0.83em;
        line-height:1.4em;
}

#news .NewsSummary ul li.grey {
      color: #888888;
}

div#main ul,
#footer ul {
	list-style: circle;
}
div#main ul li,
div#main ol li,
#footer ul li,
#footer ol li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}
/* definition lists topics on bold */
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}

/* ------------ CYCLESCHEME ------------ */

div#sub-footer {
      height:200px;
      padding: 27px 55px 0px 55px;
      border-bottom: 5px solid #D7D7D7;
      background: url("images/theme/bluegradient.gif") repeat-x left top;
}

div#sub-footer a, div#sub-footer a:visited {
      color: #FFF;
      text-decoration:underline;
}

div#sub-footer a:hover {
      color: #9DDCF5;
}

div#cyclescheme {
      width:224px;
      padding-right:40px;
}

div#cyclescheme-right {
      width:442px;
      padding: 0px 80px 0px 23px;
      border-left: 1px dotted #FFF;
}


/* ------------ FOOTER ------------ */

#footer-wrapper {
	min-height: 150px;
	height: auto!important;
	height: 150px;
	width: auto;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}

#footer {
	font-size: 0.7em;
        line-height:1.4em;
	min-height: 150px;
	height: auto!important;
	height: 150px;
	background: #24231F;
}

div.fooleft p {
	color: #918F8C;
      float:left;
      margin: 20px 0px 0px 40px;
}

div.footrt p {
	color: #918F8C;
      float:right;
      text-align:right;
      margin: 20px 40px 0px 0px;
}

div#footer a {
	font-size: 1.09em;
	color: #FFFFFF;
}

div#footer a:hover, div#footer a:hover.credit {
	color: #DDFB7B;
        text-decoration:none;
}

div#footer a.credit {
	font-size: 0.95em;
	color: #E0E0DE;
}

/* ------------ END LAYOUT ---------------*/

/* ------------ MENU ------------ */
.page-menu {
	width: auto;
	height: 38px;
        margin-top:77px;
        padding: 0px 40px 0px 32px;
        background: #3C3A37 url("images/theme/navback.gif") repeat-x left top;
}

.menuwrapper {}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;
}

.page-menu ul#primary-nav {
	height: 1%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

.page-menu ul#primary-nav li {
        height:38px;
        letter-spacing:0.05em;
	float: left;
}

.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
	display: block;
	padding: 0 8px;
	background-repeat: no-repeat;
	background-image: url(images/theme/navtabs.gif);
}
.page-menu ul#primary-nav li a {
	padding-left: 0;
	color: #A3A2A0;
	font-size: 0.87em;
	font-weight: bold;
	line-height: 2.15em;
	text-decoration: none;
	margin-left: 10px;
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color: #FFF;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #FFF;
}
.page-menu ul#primary-nav li a span {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
	background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
	background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
	background-position: 0 -40px;
}
.page-menu ul#primary-nav li a span {
	background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}

/* ------------ END MENU ------------ */
/* End of 'BC Bikes - Layout/Navigation' */