@charset "UTF-8";
body {font: 12px Helvetica, Arial, sans-serif; background: url(../images/stripe.png); margin: 0;padding: 0;text-align: center;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
#container {width: 950px;margin: 0 auto;text-align: left;padding:10px 0 0 0; }
#mainContent {padding:5px 20px 5px 20px;background: url(../images/middle.png);  min-height:640px; }
#mainContent2 {padding:5px 20px 5px 20px;background: url(../images/middle.png);  min-height:550px; }
#subContent {padding:5px 20px 5px 20px;background: url(../images/middle.png);  min-height:120px; }

#top {background: url(../images/top.png); height:10px;}
#bottom {background: url(../images/bottom.png); height:10px;}

A, A:link, a:visited {color: #000066}
A:hover 
{
   color: #000066;
}

#input.btn {
  color:#050;
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
}

a.sidelink, a.sidelink:visited{color:#000;text-decoration: none;}
a.sidelink:hover {color:#ff0000;text-decoration: none;}

.buttonAsLink{
	font-family:       Arial, Helvetica, sans-serif;
	font-size:         12px;
	color:             #000066;
	background-color:  #efefef;
	font-weight:       bold;
	padding:           0;
	margin: 0;
	border-width:      0;  
	cursor:            pointer;
	width:             70px;
	text-align: 		right;
	}


/*<!--- MENU -->*/

ul#topnav {
	margin: 0; padding: 0;
	width: 75%;
	list-style: none; float:right;
	

}

#top_menu{ border:1px solid #600}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	
	position: relative;
	list-style: none;
}
ul#topnav li a {
	float: left; 
	
	height: 14px;
	
}
ul#topnav li:hover a, ul#topnav li a:hover { background: #7a7a7a; color:#FFF }

ul#topnav a.top_menu {text-transform:uppercase; margin:0; padding:8px 11px;font-weight:bold; text-decoration:none; color:#333; font-size:13px;background: #CFFFB8; border-top: 1px solid #CCC; border-right:1px solid #ccc;border-left:1px solid #ccc; border-bottom:0; background:url(../images/nav_bar.gif);}
ul#topnav a.top_menu:hover {color: #FFF; background: #7a7a7a}

ul#topnav li .sub {
	position: absolute;	
	top: 31px; left: 0px;
	background: #7a7a7a;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 110px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.1em;
	font-weight: normal;text-transform:uppercase; color: #600;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #600;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;

	padding: 3px 2px 2px 0px;
	display: block;
	text-decoration: none;
	color: #FFF;
}
ul#topnav .sub ul li a:hover {color: #CCC; text-decoration:underline}

.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	/*border: solid 1px #d2d2d2;*/
	/*padding: 3px 5px;*/
	
	/*-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);*/
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 170px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:900px;
		height:500px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{

		margin:3px 0px;;
		padding:0;
		height:25px;
		
		
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:25px;
		line-height:25px;
		
		}
	ol#controls li a{
		float:left;
		height:25px;
		line-height:25px;
		border:0;
		background: #EFEFEF;
		color:#555;
		padding:0 8px;
		text-decoration:none;
		}
		ol#controls li a:hover {
		background: #242424; color:#FFF;
	
		}
	ol#controls li.current a{
		background: #333;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#flipbook1{display: block;width: 170px;height: 142px;background: url("../images/flipbook2.jpg") no-repeat 0 0;}
#flipbook1:hover{ background-position: 0 -142px;}
#flipbook1 span{display: none;}

#forum1{display: block;width: 170px;height: 142px;background: url("../images/forum2.jpg") no-repeat 0 0;}
#forum1:hover{ background-position: 0 -142px;}
#forum1 span{display: none;}

#dealer1{display: block;width: 170px;height: 142px;background: url("../images/dealer2.jpg") no-repeat 0 0;}
#dealer1:hover{ background-position: 0 -142px;}
#dealer1 span{display: none;}

#oneone{display: block;width: 170px;height: 142px;background: url("../images/tru.jpg") no-repeat 0 0;}
#oneone:hover{ background-position: 0 -142px;}
#oneone span{display: none;}

#fab{display: block;width: 170px;height: 142px;background: url("../images/fab.jpg") no-repeat 0 0;}
#fab:hover{ background-position: 0 -142px;}
#fab span{display: none;}

#sale{display: block;width: 170px;height: 142px;background: url("../images/sale.jpg") no-repeat 0 0;}
#sale:hover{ background-position: 0 -142px;}
#sale span{display: none;}

#lock{display: block;width: 170px;height: 142px;background: url("../images/lock.jpg") no-repeat 0 0;}
#lock:hover{ background-position: 0 -142px;}
#lock span{display: none;}

#time{display: block;width: 170px;height: 142px;background: url("../images/wow.jpg") no-repeat 0 0;}
#time:hover{ background-position: 0 -142px;}
#time span{display: none;}

#kids{display: block;width: 170px;height: 142px;background: url("../images/kids.jpg") no-repeat 0 0;}
#kids:hover{ background-position: 0 -142px;}
#kids span{display: none;}

#iphone{display: block;width: 170px;height: 142px;background: url("../images/iphone.jpg") no-repeat 0 0;}
#iphone:hover{ background-position: 0 -142px;}
#iphone span{display: none;}

#b2s{display: block;width: 170px;height: 142px;background: url("../images/b2s2016.jpg") no-repeat 0 0;background-size:170px 283px;}
#b2s:hover{ background-position: 0 -142px;}
#b2s span{display: none;}

#hk{display: block;width: 170px;height: 142px;background: url("../images/hk2016.jpg") no-repeat 0 0; background-size:170px 283px;}
#hk:hover{ background-position: 0 -142px;}
#hk span{display: none;}

#ipod{display: block;width: 170px;height: 142px;background: url("../images/ipod.jpg") no-repeat 0 0; background-size:170px 283px;}
#ipod:hover{ background-position: 0 -142px;}
#ipod span{display: none;}

#shape{display: block;width: 170px;height: 142px;background: url("../images/shape.jpg") no-repeat 0 0; background-size:170px 283px;}
#shape:hover{ background-position: 0 -142px;}
#shape span{display: none;}

#trulove{display: block;width: 170px;height: 142px;background: url("../images/trulove.jpg") no-repeat 0 0; background-size:170px 283px;}
#trulove:hover{ background-position: 0 -142px;}
#trulove span{display: none;}

#hol{display: block;width: 170px;height: 142px;background: url("../images/hol.jpg") no-repeat 0 0; background-size:170px 283px;}
#hol:hover{ background-position: 0 -142px;}
#hol span{display: none;}

#ride{display: block;width: 170px;height: 142px;background: url("../images/ride.jpg") no-repeat 0 0; background-size:170px 283px;}
#ride:hover{ background-position: 0 -142px;}
#ride span{display: none;}

#get{display: block;width: 170px;height: 142px;background: url("../images/get.jpg") no-repeat 0 0; background-size:170px 283px;}
#get:hover{ background-position: 0 -142px;}
#get span{display: none;}

#pb{display: block;width: 170px;height: 142px;background: url("../images/pb.jpg") no-repeat 0 0; background-size:170px 283px;}
#pb:hover{ background-position: 0 -142px;}
#pb span{display: none;}

#ss{display: block;width: 170px;height: 142px;background: url("../images/ss.jpg") no-repeat 0 0; background-size:170px 283px;}
#ss:hover{ background-position: 0 -142px;}
#ss span{display: none;}

#deal{display: block;width: 170px;height: 142px;background: url("../images/dealer3.gif") no-repeat 0 0; background-size:170px 283px;}
#deal:hover{ background-position: 0 -142px;}
#deal span{display: none;}