@charset "utf-8";
/* CSS Document */

html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	/* background:#2e364c url(../images/html-bg.jpg) left top repeat-x; */
	background: #FFF;
}

body{
	height:100%;
	border:0;
	font-family: Arial,Helvetica,Jamrul,sans-serif;
	text-align:center;
	font-size:62.5%; /*equevalent to px*/
}

.alis{
	clear:both;
	}

#main-container{
	width:922px;
	margin:0 auto;
	/* background:#FFF url(../images/container-bg.jpg) left top repeat-y; */
	background: #FFF;
}

#ebike-header{
	width:922px;
}

.submm{
width:73px;
height:23px;
background:url(../images/zip-submit.jpg) left top no-repeat;
float:left;
margin-top:8px;
}

.submm2{
width:75px;
height:30px;
background:url(../images/submit-button.jpg) left top no-repeat;
padding-top:7px;
float:right;
padding-left:13px;
margin-top:8px;
}

/* menus and search */
	#nav-box{
		background:url(../images/nav-bg_new.jpg) center top no-repeat; /* remove _new to revert back to old, change center to left */
		height:42px;
		width:922px;
		overflow:hidden;
	}
	#menu-holder{
		width:600px;
		float:left;
	}
	#search-box{
		background:url(../images/search-bg.jpg) left top no-repeat;
		width:255px;
		height:42px;
		float:right;
	}
	#menu-list li{
		float:left;
	}
	#menu-list li a{
		height:42px;
		display:block;
		padding-top:10px;
		overflow:hidden;
		color:#FFFFFF;
		font-family:Trebuchet MS,Helvetica,Jamrul,sans-serif;
		font-size:15px;
		text-decoration:none;
	}
	#homeb{
		background:url(../images/button-home.jpg) left top no-repeat;
		width:74px;
		height:42px;
	}
	#homeb:hover{
		background:url(../images/button-home.jpg) left -42px no-repeat;
	}

	#storeb{
		background:url(../images/button-store.jpg) left top no-repeat;
		width:74px;
		height:42px;
	}
	#storeb:hover{
		background:url(../images/button-store.jpg) left -42px no-repeat;
	}

	#dealerb{
		background:url(../images/button-dealer.jpg) left top no-repeat;
		width:89px;
		height:42px;
	}
	#dealerb:hover{
		background:url(../images/button-dealer.jpg) left -42px no-repeat;
	}

	#videosb{
		background:url(../images/button-videos.jpg) left top no-repeat;
		width:77px;
		height:42px;
	}
	#videosb:hover{
		background:url(../images/button-videos.jpg) left -42px no-repeat;
	}

	#faqb{
		background:url(../images/button-faq.jpg) left top no-repeat;
		width:60px;
		height:42px;
	}
	#faqb:hover{
		background:url(../images/button-faq.jpg) left -42px no-repeat;
	}

	#contactb{
		background:url(../images/button-contact.jpg) left top no-repeat;
		width:90px;
		height:42px;
	}

	#contactb:hover{
		background:url(../images/button-contact.jpg) left -42px no-repeat;
	}
	.active{
		background-position: left -42px !important;
	}

	#search-box input{
		margin:10px 0px 0px 3px;
		width:65px;
		color:#7882a3;
		float:right;
		border:0;
		padding:2px;
	}
	#search-box a{
		margin:4px 5px 0px 0px;
		display:block;
		width:71px;
		float:right;	
	}
/* menus and search */


/* content box */
	#content-box{
		margin:0 auto;
	}
	#middle-part-only{
		padding:20px 25px;	
		/* background:url(../images/middle-bg.jpg) left top no-repeat; */
		text-align:left;
	}
	#left-panel{
		width:184px;
		float:left;
		background:#fff url(../images/left-panel-bg.jpg) top right repeat-y;
	}
	#right-panel{
		width:660px;
		float:right;
	}
/* content box */

/* left-panel */
	#left-nav-box, #left-ad-box, #left-news-box{
		width:178px;
	}
	#left-nav-box h1{
		text-indent:-9999px;
		background:url(../images/navigation-header.jpg) left top no-repeat;
		height:24px;
	}
	#nav-list{
		padding-top:10px;
	}
	#nav-list li{
		background:url(../images/nav-arrow.jpg) left center no-repeat;
		padding:10px 9px 2px 11px;
	}
	#nav-list li a{
		font-size:11px;
		text-decoration:none;
		color:#2c395a;
		padding-bottom:7px;
		display:block;
		border-bottom:1px solid #e8e8e8;		
	}
	#nav-list li a:hover{
		font-weight:bold;
	}
	.nav-active	{
		font-weight:bold !important;
	}
	.lefthr{
		background:url(../images/left-hr.jpg) left top no-repeat;
		width:178px;
		height:10px;
		border:none;
	}
	.ads-padding{
		padding:5px 0px 15px 0px;
	}

	#twitter_update_list li{
		padding:10px 7px 0px 7px;
	}
	#twitter_update_list hr, .content-hr{
		background-color:#e8e8e8;
		color:#e8e8e8;
		height:1px;	
	}
	
	#twitter_update_list p{
		font-size:11px;
		color:#383838;
	}
		#twitter_update_list h5{
		font-size:11px;
		color:#9b9ea7;
		padding-bottom:5px;
	}
	
	
/* left-panel */
.hr2{
	height:6px;
	background:url(../images/hr2-bg.jpg) left top repeat-x;
	border:0;
}

.with-tb-space{
	padding:20px 0px;
}
.with-b-space{
	padding-bottom:25px;
}
.with-t-space{
	padding-top:20px;
}

/* footer */
	#footer{
		background:url(../images/hr2-bg.jpg) left top repeat-x;
		margin-top:15px;
		padding-top:18px;
	}
	#rank-holder{
		float:left;
		width:135px;		
	}
	#footer-menu-box{
		float:left;
		text-align:center;
		margin:0 auto;
		width:607px;
	}
	#exchange-link-box{
		float:right;

	}
	#footer-list{
		padding-bottom:10px;
	}
	#footer-list li{
		display:inline;
	}
	#footer-list li a{
		color:#3659b2;
		text-decoration:none;
		font-size:11px;
		font-weight:bold;
	}
	#footer-list li a:hover{
		text-decoration:underline;
	}
	#footer-menu-box p{
		color:#515151;
		font-size:11px;	
	}
/* footer */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFFF;
padding: 5px;
left: -400px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
right: 60px; /*position where enlarged image should offset horizontally */

}

.style28 {font-family: Arial; font-size: 12px; color: #1C1A1B; }