/*--------Reset----------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/*--------General Rules----------*/

 img, div, a, input { behavior: url(../includes/iepngfix.htc) }


p{
 color: #000;
 font-family: arial;
 text-align: left;
 font-size: .92em;
 margin: 0 0 0 15px;
}

table{
 color: #000;
 font-family: arial;
 text-align: left;
 font-size: .92em;
 margin: 0 0 0 0px;
}



h2{
 color: #660000;
 font-family: arial;
 text-align: left;
 font-size: 1.25em;
  margin: 0 0 0 15px;

}

h3 {
  font-size: 18px;
  font-family: Arial;
  line-height: 18px;
  padding: 0 0 0 5px;
  margin: 0px 0 5px 0;
  color: #ffcc66;
  text-transform: uppercase;
  border-bottom: 1px dotted #bd5927;
  text-align: left;
}

.servicestyle h3{
  font-size: 16px;
  font-family: Arial;
  line-height: 16px;
  padding: 0 0 0 5px;
  margin: 3px 0 2px 0;
  color: #993300;
  text-transform: uppercase;
  border-bottom: 1px dotted #bd5927;
  text-align: left;
}

.servicestyle p{
  margin: 0 0 4px 0;
  line-height: 29px;
}

.servicestyle h2{
  background: #ffffcc url(../layout-img/service-bg.jpg) no-repeat;
  color: #3e5fdb;
  padding: 0 0 0 45px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #e7c953;
}


.servicestyle h3, .servicestyle p{
  margin: 0 0 0 15px;
}

.servicestyle p{
  margin: 0 0 15px 15px;
}



a:link{
 color:#993300;
 text-decoration: none;
 font-family: arial;
 font-size: .92em;

}

a:active{
 color:#ffcc33;
 text-decoration: none;
 font-family: arial;
 font-size: .92em;

}

a:hover{
 color:#330000;
 text-decoration: none;
 font-family: arial;
 font-size: .92em;

}

a:visited{
 color:#ffcc33;
 text-decoration: none;
 font-family: arial;
 font-size: .92em;

}

a.light:link{
 color:#ccc;
 text-decoration: none;
 font-family: arial;
}

a.light:active{
 color:#ccc;
 text-decoration: none;
 font-family: arial;
}

a.light:hover{
 color:#ffffcc;
 text-decoration: none;
 font-family: arial;
}

a.light:visited{
 color:#ffcc66;
 text-decoration: none;
 font-family: arial;
}

.clear{
  clear: both;
  overflow: auto;
}

.right{
  float: right;
}

.left{
  float: left;
}

.clear-bottom{
  clear: both;
}

.clear-right{
  clear: left;
}

.alt{
   background: #ffffcc;
  color: #993300;
  padding: 0 0 0 25px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #e7c953;
    border-top: 1px solid #e7c953;

}

input{
  margin: 5px 0 5px 10px;
}

/*---------Page Content & Header------------*/

body{
  text-align: center; 
  margin: 0 auto; 
  padding: 0; 
  background: #330000 url(../images/body-bg5f.png) repeat top center;

}

#wrapper{
  text-align: left; 
  margin: 0 auto; 
  padding: 0;
  top: 0;
  position: relative;
  top: 0px;	

}

#whopper{
  width: 960px;
    margin: 0 auto; 
    position: relative;
    top: 0px;

 }

#header{
  position: relative;
  min-height: 50px;
  top: 0px;
  z-index: 2;
  padding: 0 0 5px 0;
}

.headerimg{
  position: absolute;
  top: -22px;
  left: -41px;
  margin: 0;
  z-index: 20;
  display: inline;
}

#header h2{
  position: relative;
  padding: 5px 0 0 0;
  margin: 0px 15px 0 0;
  color: #ffffcc;
  font-family: arial;
  font-size: 1.15em;
  text-transform: uppercase;
  text-align: right;
}

.loosy{
  color: #F8CA76;
  font-size: 1.12em;
  text-align: right;
  padding: 0px 0 0 0;
  margin: 0px 20px 0 0;
  text-transform: uppercase;
}

#contact{
  position: absolute;
  top: 55px;
  left: 0px;
  font-size: .79em;
}


/*-----------Page H2 Headers----- F0EA05-------*/


.h2{
  position: absolute;
  top: -56px;
  left: -20px;
  height: 60px;
  width: 290px;

}



/*----------Navigation----330000-----main-nav-bg2b---*/

#nav-bg2{
position:absolute;
  top:0px;
  left:0;
  height: 37px;
  width: 100%;
  border-bottom: solid 1px #ffffcc;
  background: #330000;
}

#main-nav{
  position: relative;
  z-index: 21;
  text-transform: uppercase;
  font-size: .86em;
  width: 960px;
  margin: 10px 0 10px 0;
  text-align: right;

}

#main-nav ul{
  margin: 0 0 0 15px;
}

#main-nav li{
  list-style: none;
  display: inline;
  padding: 0px 10px 7px 0px;

}

#main-nav a {
  display:inline;
  color: #F8CA76;
}

#main-nav a:hover {
  color:#ffffcc;
  background: #993300;
}

#main-nav li.loosy{
  color: #F0EA05;
  font-size: 1.29em;
}


/*------------Content of Page------------*/


.news-entry h3{
  background: url(../images/h3_bg.png) repeat-x bottom;
  font-size: .92em;
  font-family: Arial;
  line-height: 1.12em;
  padding: 10px 0 8px 5px;
  margin: 0 0 0 0;
  color: #cc9966;
  text-transform: uppercase;
}

.news-entry h2{
  border-bottom: 1px dotted #660033;
  color: #663333;
  font-size: 1.12em;
  margin: 3px 0 2px 0;
}

.news-entry{
  margin: 0 0 0 10px;
}

.news-entry p{
  width: 90%;
  margin: 0px 0 0 5px;
  line-height: 1.12em;
}

.pnews{
  font-size: 1.02em;
  font-family: Arial;
  line-height: 1.02em;
  padding: 0px 0 0px 0px;
  margin: 0px 0 0 5px;
  color: #660000;
}

/*---------end news thing----cc9966-----*/

#content{
  background: #cc9966;
  border: 1px solid #660000;
  padding: 0 0 5px 0;

}

#content p{
  line-height: 21px;
  color: #3e371b;

}

#content-post{
  position: relative;
  z-index: 100;
  background: #ffffff;
  position: relative;
  padding: 0 0 5px 0;
  border: 1px solid #993300;
}

#content-post h3{
  background: #ffffcc;
  color: #3e5fdb;
  padding: 5px 0 5px 25px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #e7c953;
    border-top: 1px solid #e7c953;
}

#content-post p{
  width: 90%;
  padding: 0 0 0 5px;

}

#content-post li{
  color: #000;
}

#content-post ul{
  padding: 0 5px 0 60px;
  font-family: arial;
  font-size: .82em;
}

#content-post img{
  padding: 5px 10px 0 10px;
}

#content-post .brands li{
  display: inline;
}

table tbody tr{
	padding: 4px 0 0 5px;
	margin: 0 0 0 15px;
}

#feature{
  position: relative;
  top: 0px;
  left: 14px;
  background: url(../images/photo-bg.png) no-repeat;
  z-index: 37;
}

#feature img{
  margin: 10px 0 0 0;
  padding: 0;
}

.oldprice{
  color: #000;
  font-size: .87em;	
}

.newprice{
  color: red;
  font-size: 1.05em;
}

.special-contain{
  min-height: 175px;
  margin: 0;
  padding: 0;
}

.bikeblurb{
  position: relative;
  width: 400px;
  border-right: 1px dotted #996666;
 }

.uline{
  border-bottom: 1px dotted #996666;
}


.grid_5{
  padding: 0 0 10px 10px;
  margin: 0 0 5px 0;

  /*background: url(../images/thin-border.gif) repeat-x bottom;*/
}

.special-contain .grid_5{
  border-bottom: 1px dotted #996666;
}

.grid_2 img{
  padding: 10px 0px 0 0;
}

.grid_2 .subimg{
  padding: 0px 0 0 0px;
}

.ribbon2{
  position: absolute;
  left: 490px;
  top: -13px;
}

#feature .ribbon{
  position: absolute;
  left: 464px;
  top: -13px;
}

#bikelink{
  border-left: 1px dotted #996666;

}

/*------------SideBar---  
----------*/
#sidebar{
  background: #ffffcc url(../images/body-bg2.jpg) repeat;
  position: relative;
  z-index: 14;
  border-right: 1px solid #993300;

}

#holiday{
  margin: 40px 0 10px 0;
}

#sidebar p{
  color: #000;
  width: 90%;
  margin: 0 0 0 15px;
}

#sidebar li{
  display: inline;
  color: #000;
}

#sidebar a{
  color: #000;
  font-size: .78em;
}

#sidebar h3 {
  font-size: 1.02em;
  font-family: Arial;
  line-height: 18px;
  padding: 0 0 10px 5px;
  margin: 0px 0 0px 0;
  color: #993300;
  text-transform: uppercase;
  background: url(../images/h3_bg.png) repeat-x bottom;
  text-align: left;
}


.columnside {
  width: 300px;
  margin: 0px 0 0 20px;
  padding: 0px;
  wid\th: 270px;
 
}

.columnside li{
  list-style: none;
  display: inline;
  padding: 0;
  margin: 0;
}

.columnside a img {
  border: 3px solid #663300;
}

.columnside a:hover img {
  border: 3px solid #fff;
}

.padd{
  padding-left: 15px;
}


#specials {
  position: relative;
  background: #ffffcc;
  border-bottom: 1px #cc9966 solid;
  border-top: 1px #cc9966 solid;
  padding: 0 0 10px 0;
  margin: -33px 0px 20px 0px;
}

#specials li{
  display: list-item;
  list-style: square;
  text-align: left;
  margin: 0 0 0 35px;
}

#specials h2{
  font-size: .94em;
  padding-left: 3px;
  color: #990000;
}

#specials .newprice{
  color: red;
}

.hangtag{
  position: relative;
  top: -21px;
  left: 3px;
  margin: 0;
  z-index: 45;
  display: inline;
}

#newsette {
  width:300px;
  background:#ffffcc; 
  margin: 0 0 10px 0;
}

#newsette h2 {
  background: #ffcc66;
  color: #330000;
  border-top: 1px solid #993300;
  border-bottom: 1px solid #cc9966;
  font-weight: bold;
  padding-left: 10px;
}

#social{
  padding-left: 10px;
}

#scrollup {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #cc9966;
  height: 80px;
  width: 300px;
}

.headline {
  position: absolute;
  top: 210px;
  left: 5px;
  width:294px;
}

.headline p{
  padding-left: 10px;
}

p.newsette{
  padding-left: 5px;
  font-size: .99em;
  font-weight: bold;
}

#feature{
  border: 1px solid #ccc;
  background: #ffffcc;
  width: 610px;
  margin: 5px 0 0 0;
}

#feature p{
  width: 88%;
}

/*---------Sub Bottom Page Content-----------*/

.graphic-bottom{
  position: relative;
  margin: 40px 0 0 0;
  height: 75px;
  background: url(../images/bottom-border2.jpg) bottom center no-repeat;

}

#sub-content{
  position: relative;
  float: left;
  overflow: hidden;
  padding: 0 0 10px 5px;
  margin: 0 0 0px 0;
  top: 0;
  left: 1px;
  width: 950px;
  background: #330000;
  min-height:300px;height:auto !important;height:300px;
}

#sub-content h2{
 color: #ffcc66;
 font-family: arial;
 text-align: left;
 font-size: .95em;
 padding: 0 0 2px 0;
}

#sub-content ul{
 color: #ffcc66;
 font-family: arial;
 text-align: left;
 font-size: .92em;
}

.columnbrands {
  float: left;
  width: 300px;
  margin: 5px 25px 0px 0;
  display: inline;
  padding: 0px;
}

.column {
  float: left;
  width: 290px;
  margin: 0 10px 0px 0;
  display: inline;
  padding: 5px;

}

.column-rental {
  float: left;
  width: 290px;
  margin: 0 25px 0 0;
  text-align: left;
  display: inline;
  padding-top: 5px;
}

.column a img {
  border: 3px solid #663300;
}

.column a:hover img {
  border: 3px solid #fff;
}

.column-rental ul li{
  display: block;
  list-style: none;
}

.column ul li{
  list-style: none;
  display: inline;
}

#last {
  margin: 0;
}

#sub-content p, li{
  color: #ffcc99;
}


ul#homeBottom {
	width:944px;
	min-height:191px;height:auto !important;height:191px;
	line-height:18px;
	margin:30px 0 65px;
	font-family:Tahoma, Geneva, sans-serif;
	background: #330000;
}

ul#homeBottom li {
	float:left;
	width:286px;
}

ul#homeBottom li#personalStorage {
	padding:0 21px 0 0;
}

ul#homeBottom li#businessStorage {
	padding:0 21px;
}

ul#homeBottom li#managementServices {
	padding:0 0 0 21px;
	background:none;
}

ul#homeBottom li h2 {
	font-size:15px;
}

ul#homeBottom li a {
	color:#e19c00;
	font-weight:bold;
}

ul#homeBottom li a:hover,
ul#homeBottom li a:focus {
	color:#f3ba3d;
}

ul#homeBottom li a:active {
	color:#be8400;
}







/*------Pagination---------*/

div.pagination {
	padding:3px;
	margin:3px;
	text-align:left;
	font-size: .79em;
	clear: both;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none; 
	color: #663333;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #ffffcc;
	color: #ffffcc;
	background-color: #993300;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #330000;
	font-weight: bold;
	background-color: #cc6633;
	color: #FFF;
 	font-family: arial;

}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ffcccc;
	color: #996666;
 	font-family: arial;
}



/*------------footer-------------*/
#footer{
  position: relative;
  top: 0;
  left: 1px;
  margin: 0px 0 0px 0;
  padding: 5px 0 15px 0;
  background: #330000; 
  width: 955px;
  border-top: 1px solid #996666;
  /*background:#FFCC33 #fff url(../images/bottom-border2.jpg) top center no-repeat;*/
}


#footer p{
  color: #FFCC99;
  width: 320px;
  margin: 0 0 5px 15px;
  font-size: .73em;
}

#footer ul{
  margin: 0 10px 0 15px;
}

#footer li{
  display: block;
  color: #000;
  float: left;
}

#footer a:link{
  color: #ffffcc;
  font-size: .92em;
 text-decoration: none;
}

#footer a:active{
  color: #ffffcc;
  font-size: .92em;
 text-decoration: none;
}

#footer a:hover{
  color: #ffcc33;
  font-size: .92em;
 text-decoration: none;
}

#footer a:visited{
  color: #ffcc00;
  font-size: .92em;
 text-decoration: none;
}

.footer{
  position: absolute;
  left: 820px;  
  top: 35px;
  font-size: .79em;
  text-align: center;
  color: #ffffcc;
}

.footer img{
  position: relative;
  top: 15px;
  left: 0;
}

#footer a.plug:link{
  font-size: .79em;
  color: #993333;
}

#footer a.plug:active{
  font-size: .79em;
  color: #993333;
}

#footer a.plug:hover{
  color: #ffff00;
  font-size: .79em;
}

#footer a.plug:visited{
  color: #ffff00;
  font-size: .79em;
}


/*-------------Bike Nav Sprite------------------*/
#bike-nav {
	background:url("../images/nav-sprite.gif") 0 0 no-repeat;
	width:280px;
	height:345px;
	margin: 40px 0 0px 10px;
	padding:0;
	}


#bike-nav li { float:left; list-style:none; position:relative; top: 51px; z-index:9; }

#bike-nav li, #bike-nav a { 
	height:35px;	/* Each button must have the same height, define it here */
	display:block;
	margin:0;
	padding:0;
	text-indent: -9999em;
	}

li#road, li#mtb, li#family, li#cruiser, li#commuter, li#bmx, li#cross { margin-bottom:0px; width:280px; }

li#cross { margin:0; }

#road a:hover { background:url("../images/nav-sprite.gif") -280px  -51px no-repeat; }
#mtb a:hover { background:url("../images/nav-sprite.gif") -280px  -86px no-repeat; }
#family a:hover { background:url("../images/nav-sprite.gif") -280px  -121px no-repeat; }
#cruiser a:hover { background:url("../images/nav-sprite.gif") -280px  -156px no-repeat; }
#commuter a:hover { background:url("../images/nav-sprite.gif") -280px -191px no-repeat; }
#bmx a:hover { background:url("../images/nav-sprite.gif") -280px -226px no-repeat; }
#cross a:hover { background:url("../images/nav-sprite.gif") -280px -261px no-repeat; }

body#pageRoad li#road a  { background:url("../images/nav-sprite.gif") -280px  -51px no-repeat; }
body#pageMTB li#mtb a  { background:url("../images/nav-sprite.gif") -280px  -86px no-repeat; }
body#pageFamily li#family a  { background:url("../images/nav-sprite.gif") -280px  -121px no-repeat; }
body#pageCruisers li#cruiser a  { background:url("../images/nav-sprite.gif") -280px  -156px no-repeat; }
body#pageCommute li#commuter a  { background:url("../images/nav-sprite.gif") -280px  -191px no-repeat; }
body#pageBMX li#bmx a  { background:url("../images/nav-sprite.gif") -280px  -226px no-repeat; }
body#pageCross li#cross a  { background:url("../images/nav-sprite.gif") -280px  -261px no-repeat; }



body#pageSpecials li#pageSpecials a{ color: #ffffcc; background: #993300; }
body#pageRentals li#pageRentals a{ color: #ffffcc; background: #993300; }
body#pageProduct li#pageProduct a{ color: #ffffcc; background: #993300; }
body#pageTour li#pageTour a{ color: #ffffcc; background: #993300; }
body#pageIndustry li#pageIndustry a{ color: #ffffcc; background: #993300; }
body#pageRides li#pageRides a{ color: #ffffcc; background: #993300; }
body#pageService li#pageService a{ color: #ffffcc; background: #993300; }
body#pageNews li#pageNews a{ color: #ffffcc; background: #993300; }
body#pageStaff li#pageStaff a{ color: #ffffcc; background: #993300; }
body#pageContact li#pageContact a{ color: #ffffcc; background: #993300; }