html
{
 
  
}

body
{
  background: #e5ebdf url(../images/wrapper_bg.gif) top left repeat-y;
  margin: 0;
  padding: 0;
  font-family: rockwell, arial, helvetica;
}
.wrapper
{
  background: url(../images/bg.gif) top left repeat-x;
 	min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
}
.container
{
  margin: 0px;
  padding: 0px;
}

.icon
{
float: left;
margin:  0 0 0 26px !important;
margin: 0 0 0 12px;
text-align: center;
vertical-align: middle;
border-width: 0 1px 1px 0;
border-color: #666;
border-style: solid;
padding: 0;
width: 210px;
height: 165px;
overflow: hidden;
}

.icon img
{

margin: -1px 0 0 0;
border-width: 0 2px 2px 2px;
border-color: white;
border-style: solid;
cursor: pointer;  
}

table.featuredbikes {
background-color: #000;

}
td.buddymain {
width: 480px;
height: 365px;
vertical-align: top;
}

td.littlebikes {
width: 120px;
height: 110px;
padding: 0;
cursor: pointer;
}

#title
{
  margin: 0;
  padding: 5px 0 0;
  clear: right;
  color: #fff; 
  font-weight: bold;
}
#title h1
{
  font-size: 1.7em;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: impact, arial;
}
#title h2
{
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: rockwell, arial, helvetica;
  font-style: italic;
  text-indent: 3em;
  width: 500px;
  position: absolute;
  display: block;
  left: 200px;
}

#title h2.blurb1
{
top: 80px;
margin-left: 15px;
}

#title h2.blurb2
{
top: 95px;
margin-left: 15px;
}

#navigation
{

font-family: impact;
  position: absolute;
	letter-spacing: 1px;
  top: 122px;
  left: 260px;
  width: 700px;
}

#navigation ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  border: none;
}

#navigation ul li
{
  float: left;
  margin: 0 12px 0 0;
  padding: 0;
  width: 99px;
  height: 26px;
  vertical-align:middle;
  text-align: center;
}

#navigation ul li a
{
  display: block;
  width: 99px;
  height: 26px;
  margin: 0;
  padding: 8px 0 0;
  text-align: center;
  background: url(../images/tab_normal.gif) top left no-repeat;  
  color: #ccc;
  text-decoration: none;
  font-size: 14px;
  text-transform: lowercase;
}

#navigation ul li a:hover
{
  color: #93a6b7;
  color: #444;
  background: url(../images/tab_over.gif) top left no-repeat; 
}

#navigation ul li a.selected, #navigation ul li a.selected:hover
{
  background: url(../images/tab_selected.gif) top left no-repeat;  
  color: #444;
}

#navigation ul li a.selected:hover
{

    color: #555;
}

.sidebar
{
  position: absolute;
  left: 50px;
  top: 180px;
  width: 170px;
  font-size: .9em;
  color: #465052;
}

.sidebar h3
{
font-family: rockwell, arial, helvetica;
color: #465052;
}

.sidebar .content
{
  margin: 3px 0 3px 10px !important;
  padding: 0;
  width: auto;
  float: none;
  color: #465052;
}

.sidebar .linkslist ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
  list-style-image: none;
}

.sidebar .linkslist ul li
{
  padding: 0;
  border-bottom: #7c8c9b solid 1px;
  height: 1.7em;
}

.sidebar .linkslist ul li a
{
  padding: 2px 6px;
  display: block;
  color: #465052;
  text-decoration: none;
}

.sidebar .linkslist ul li a:hover
{
  background: #fff;
}
 

.content
{
  margin: 30px 0 0 30px;
  padding: 0;
  color: #59452a;
}
.maincontent
{
position: absolute;
left: 230px;
top: 150px;
}

.content .byline
{
  font-variant:small-caps;
  font-size: .9em;
  font-weight: normal;
  font-style:italic;
}

.content p
{
  margin: 0;
  padding: 0 0 1em;
  width: 95%;
}

h3
{
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  padding: 0 0 4px 0;
  color: #59452a;
  clear: both;
}

h4, h5, h6
{
  margin: 0;
  padding: 0;
  clear: both;
}

h4 a, h5 a, h6 a
{
  text-decoration: none;
}

h4
{
  font-style: italic;
}

a
{
  color: #59452a;
}

h3 a
{
  text-decoration: none;
}

.clear
{
  clear: both;
}

/*  Calendar  */

.calendarcontainer
{
margin: 0 0 25px -15px;
}
.calendar {
border-collapse: collapse;
width: 100%;
padding: 0;
margin: 0;
border-left: 1px solid #A2ADBC;
color: #616B76;
text-align: center;
background-color: #fff;
}

.calendar a {
	color: #DF9496;
}

.calendar .nav, .calendar .nav a {
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	

.calendar caption {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #A2ADBC;
	color: #fff;	 
	text-align: center;
	border-right: 1px solid #A2ADBC;
}

.calendar th {
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

.calendar .today, .calendar td.today a, .calendar td.today a:link, .calendar td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}

.calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
}

.calendar td.eventDay {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	cursor: pointer;
	}

.calendar td a:link, .calendar td a:visited {	
	color: #608194;
}

.calendar td a:hover, .calendar td a:active {
	color: #6aa3ae;
}

.calendar td.selected {
background-color: #ffa;
color: #000;
}

.calEvent {
padding: 4px;
position: absolute;
top: 200px;
left: 200px;
background-color: #ffb;
border-left: 3px solid #555;
font-size: 14px;
font-family: rockwell, arial;
max-width: 750px;
}

.calEvent center {
margin-top: 4px;
font-style:italic;
color: #444;
}

.calEvent b.detail {
color: #555;
}

.comingEvent {

cursor: pointer;
text-indent: -3px;
padding: 2px 0 2px 3px;
}


.topText {
text-align: right; 
background-color: #666;
color: #ccc; 
font-family: tahoma,arial; 
font-size: .9em; 
margin: 5px 10px 0 0; 
float: right;
}

.title  {
position:absolute;
top: 28px;
left: 240px;
}
.logo {
margin-top: 10px;
float:right;
margin-right: 5px;
}

.titlehidden {
margin-top: 10px;
display: none;
}

.showroom {
}
.showroomTab {

cursor: pointer;
background-color: #bcc1a3;
border-style: solid;
border-color: black;
border-width: 1px 1px 0;
margin: 0 5px;
padding: 1px 4px;
float: left;
text-align: center;
}
.showroomTabSelected {
background-color: #eee;
}
.showroomTabHilited {
background-color: #ffc;
}
.showroom td {
vertical-align: top;
}
div.overview {
	font-family:verdana, lucida, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	background-color: #bcc1a3;
	padding: 12px;
	border-top: 1px solid #fff;
	}
table.specs {
	text-align: center;
	font-family:verdana, lucida, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	}
table.specs td {
	background-color: #bcc1a3;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
	}

table.scooterthumbs {
border-spacing: 4px 0;

}
table.scooterthumbs td {
border: 1px solid black;
padding: 0;
background-color: white;
text-align: center;
cursor: pointer;
vertical-align: middle;
}
div.showroomheader {
font-family:verdana, lucida, sans-serif;
font-weight: bold;
font-size: 11px;
color: #000;
background-color: #bcc1a3;
padding: 3px 0;
}
div.showroomTabContainer {
float:right;
}
td.showroomlargeimage {
border: 1px solid black;
padding: 0;
cursor: pointer;
text-align: center;
vertical-align: middle;
background-color: #fff;
}
td.showroomlargeimage {
}


/* photopopup */

table.sfsc-photocaption {
font-size: 12px;
border: 1px solid #000;
background-color: #000;
color: #fff;
z-index: 1000000;
}

table.sfsc-photocaption a {
color: #daf;
}
table.sfsc-photocaption a:hover {
color: #fff4aa;
}


/*table.sfsc-photocaption td {
padding: 3px 12px;
text-align: center;
vertical-align: bottom;
} */

td.sfsc-thumbnail {
padding: 3px 12px;
text-align: center;
vertical-align: bottom;
cursor: pointer;
}

td.sfsc-captionText {
text-align: center;
vertical-align: middle;
font-weight: bold;
padding: 0 24px;
}

td.sfsc-prevNext {
text-align: center;
vertical-align: top;
}
td.sfsc-prevNext a {
color: #f80;
text-decoration: none;
}
td.sfsc-prevNext a:hover {
color: #ff0;
text-decoration: underline;
}

.sfsc-photocontainer {
background-color: #000;
padding: 10px;
}

.site-credit {
padding: 40px 0 0 0;
text-align: right;
font-size: .7em;
color: #666;
clear:  both;
width: 250px;
float: right;
position: relative;
top: -80px;
margin: 0 15px -50px 0;
}
a.maplink {
color: #fb0;
}
a.maplink:hover {
color: #ff4;
}