/* CSS City Powersports */ 
body {
background-color:#FFFFFF; /*  #BE0000   #C00000  #bf0000  c10001  ce0000 */
/*background-image:url(../media/bgnd5.jpg);*/
background-position:top left;
background-repeat:no-repeat;
text-align:center;
font-family: "trebuchet MT", Arial, Helvetica, Sans;
font-size:10px;
}

#cps {
text-align:left;
width:1020px;
/*border:1px solid black;  */
}

/*site header*/ 
#header {
/*background-image:url(../images/header_bg.jpg);*/
height:150px;
background-position:top left;
background-repeat:repeat-x;
vertical-align:top;
/*border:1px solid black; */
}

#header #logo { position:absolute; border:0px; display: table-cell; vertical-align: middle;} 
#logo #m_home a, a:visited  { color: #ffffff; text-decoration: none; }

#header
#menu {
 position:relative;  left:250px;
 top:0px;
 width:740px;
 z-index:1;
 border: 0;  
 font-family: "trebuchet MT", Arial, Helvetica, Sans;  
 font-size:14px;  
 color:#ffffff;
} 

#banner_container {
 position:relative;  left:250px;
 top:0px;
 width:740px;
 z-index:1;
 border: 0;  
 font-family: "trebuchet MT", Arial, Helvetica, Sans;  
 font-size:14px;  
 color:#ffffff;
} 

#banner_container img
{
  width:740px;
	height: 140px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

img.show
{
	display: none;
	z-index: 1 !important;	
}

#header 
#menu td {  
 text-align:right;  
 padding-left:35px;
}

#header a { color:#000000; text-decoration:none; } 
#header a:hover { color:#FD993B; }  
#header a.sel { color:#FD993B; }
#header a.selected { color:#FD993B; }

/*site content*/
#content {  
 font-family: "trebuchet MT", Arial, Helvetica, Sans;  
 font-size:14px;  
 color:#000000;  
 text-align:left;  
 vertical-align:top;  
 height:400px;  
 padding:10px;
}

#content a {  
 color:#000000;  
 text-decoration:none;
} 

#content a:hover { color:#FD993B; }

#content h3 {  
 font-family: "trebuchet MT", Arial, Helvetica, Sans;  
 font-size:12px;  
 color:#000000;  
 font-weight:normal;
}

#content #left_panel {  
 /* border-right:1px dotted black; */
 margin-left:0px;  
 padding-right:5px; 
 /* 
 opacity:.7;  
 filter: alpha(opacity = 70);
 */  
 font-size:12px;  
 width:170px;  
 height:400px;  
 float:left;
 overflow:hidden;
}

#content #left_panel .prod_color {  
 /*border:1px dotted red;*/
 padding:0px;
 display: block;
 margin-left: auto;
 margin-right: auto 
}

#content #left_panel #buy_info p {
font-family: "trebuchet MT", Arial, Helvetica, Sans;
font-size:20px;
text-align:center;
align:center;
}

#content #left_panel img {
 display: block;
 margin-left: auto;
 margin-right: auto 
}

#content #left_panel table.center {margin-left:auto; margin-right:auto; border:1px dotted red;}

#content #navigation {  
 padding-left:5px; 
 width:810px;
 height:400px; 
 position:relative;  
 font-size:12px;  
 overflow:hidden;
}  


.spec_list td { border-bottom: thin dotted }

.googleMap {
  border:6px solid white;
  width:800px;
  height:400px;   
}


/*
  SLIDER UTILITY STYLES
*/                    
#content #navigation .floatLeft  { float: left; margin-right: 10px;}
#content #navigation .floatRight { float: right; }
#content #navigation .clear      { clear: both; }
#content #navigation a           { outline: none; }

/*
  SLIDER PAGE STRUCTURE
*/
#content #navigation #page-wrap  { width: 400px; margin: 0px auto; position: relative; min-height: 400px; background: url(../images/pic_frame_352.jpg) top center; }
#content #navigation #thumb-wrap { width: 400px; margin: 0px auto; position: relative; min-height: 400px; }
#content #navigation h3 {  
 font-family: "trebuchet MT", Arial, Helvetica, Sans;  
 font-size:18px;  
 color:#000000;  
 font-weight:normal;
 margin: 0px 0px 0px 23px;
}

/*
  TYPOGRAPHY
*/
#content #navigation ul                   { list-style: square inside; }
#content #navigation a, a:visited         { color: #ff0000; text-decoration: none; }
#content #navigation a:hover, a:active    { color: white; }
#content #navigation blockquote           { padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
  SLIDER
*/
/* where slider wrap on right hand side */
#content #navigation .slider-wrap              { width: 352px; position: absolute; top: 23px; left: 23px; }      
#content #navigation .stripViewer .panelContainer 
#content #navigation .panel ul                 { text-align: left; margin: 0 15px 0 50px; }
#content #navigation .stripViewer              { position: relative; overflow: hidden; width: 352; height: 352; }
#content #navigation .stripViewer .panelContainer           { position: relative; left: 0; top: 0; }
/* where the slide was cut */
#content #navigation .stripViewer .panelContainer .panel    { float: left; height: 100%; position: relative; width: 352px; }
#content #navigation .stripNavL, .stripNavR, .stripNav      { display: none; }
#content #navigation .nav-thumb                   { border: 1px solid black; margin: 5px 0 0 0px; }
/*#content #navigation #thumb-wrap                  { background: url(../images/rt_logo.jpg); padding: 00px; height: 400px;  position: relative; z-index: 9999; }*/
#content #navigation #movers-row                  { margin: 10px 0 0 0px; }
#movers-row div              { width: 23%; float: left; }
#movers-row div a.cross-link { float: right; }
#content #navigation .photo-meta-data             { background: url(../images/transpBlack.png); padding: 10px; height: 30px;  margin-top: -50px; position: relative; z-index: 9999; color: white; }
#content #navigation .photo-meta-data span        { font-size: 13px; }
#content #navigation .cross-link                  { display: block; width: 88px; margin-top: -14px; position: relative; padding-top: 10px; z-index: 9999; }
#content #navigation .active-thumb                { background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }


/* services */
#content #navigation .sche_srv     { width: 352px; position: absolute; margin-top: 100px; margin-left: 240px; border: 20px solid #ccc; font-size: 14px; font-family: Georgia, serif; font-style: italic; padding:10px 10px 10px 10px;}

/* here comes vertical scrolling menu css */
div#vs.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 400px;
  width: 111px;
  overflow: auto;
 margin-left: 20px;  
}
#vs ul.sc_menu {
  display: block;
  /* max width here, for users without javascript */  
  height: 5000px;
  width: 111px;  
  padding: 6px 0px 6px 8px; 
  /* removing default styling */
  margin: 0;
  /*background: url('img/navigation.png');    */
  list-style: none;
  background-repeat:repeat;
}
#vs ul.sc_menu li {
  display: block;
  float: left;  
  padding: 0 0 4px;
}
#vs ul.sc_menu a {
  display: block;
  text-decoration: none;
}
#vs ul.sc_menu span {
  display: none;
  margin-top: 10px;
  
  text-align: center;
  font-size: 12px;  
  color: #000000;
}
#vs ul.sc_menu a:hover span {
  display: block;
}
#vs.sc_menu img {
  border: 3px #fff solid;  
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  filter:alpha(opacity=50);  
  opacity: 0.5;
}
#vs ul.sc_menu a:hover img {
/*  filter:alpha(opacity=50);  
  opacity: 0.5;*/
  filter:alpha(opacity=100);  
  opacity: 1;
}
/* vertical scrolling menu css ends */

#scroll_pane {
  height: 352px;
  width: 352px;
}

#loading { clear:both; background:url(images/wait.gif) center top no-repeat; text-align:center;padding:33px 0px 0px 0px; font-size:12px;display:none; font-family:Verdana, Arial, Helvetica, sans-serif; } 

/* jscroll pane starts */
.jScrollPaneContainer {
  height: 352px;
  width: 352px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 100%;
  background: #aaa;
}
.jScrollPaneDrag {
  position: absolute;
  background: #666;
  cursor: pointer;
  overflow: hidden;
}
.jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
a.jScrollArrowUp {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}
a.jScrollArrowUp:hover {
  /*background-color: #f60;*/
}
a.jScrollArrowDown {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}
a.jScrollArrowDown:hover {
  /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  /*background-color: #f00;*/
}
/* jscroll pane ends */


/*site footer*/   
#footer {  
 font-family: "trebuchet MT", Arial, Helvetica, Sans;  
 font-size:14px;  
 color:#000000;  
 text-align:left;  
 vertical-align:top;  
 height:100px;  
 padding:10px;  
 padding-top:0; 
}  

#footer 
#copyright {  
 text-align: left;  
 font-size:10px;  
 color:#000000;
}  

#footer img, #footer span {  
 cursor:pointer;  
 margin-right:-11px;
}

#footer 
#menu {  
 padding-bottom:0px;  
 /*border-top:1px solid black;  */
 font-size:12px;  
 margin-right:5px;  
 margin-bottom:2px;
}