body {
color: #444;
}

h1 {
font-size:36px;
color: #00B6EC;
font-weight:bold;
line-height:40px;
margin:0 0 6px;
text-transform:uppercase;

}

h2, h3, h4, h5, h6 {
color: #333333;
}

div#logo-container {
background: #4180C8;
font-size: 30px;
font-weight: bold;
}

a#logo {
color: #fff;
text-decoration: none;
}

div#placeholder-hero {
background: #4180C8;
}

div#placeholder-search {
background: #eee;
}

div#sub {
padding: 18px 0;
}

div#placeholder-footer {
color: #888;
}

td.menu-item {
color: #eee; 
}

td.menu-item-hover {
color: #fff;
}

td.menu-item-selected {
color: #53A3FF;
}

td.submenu-item {
background: #f9f9f9;
color: #000;
font-size: 11px;
padding: 6px !important;
}

td.submenu-item-hover {
background: #4180C8;
color: #fff;
font-size: 11px;
padding: 6px !important;
}

td.submenu-item-selected {
background: #000;
color: #fff;
font-size: 11px;
padding: 6px !important;
}

/* @group Forms */

div#placeholder-box1 {
border-bottom: 1px solid #ccc;
}

.secure-login, .newsletter-form, .announcement-list {
background: transparent;
border: none;
border-bottom: 1px solid #ffffff;
margin: 0;
padding: 9px 0;
}


/*mid section start here*/
.mid_container_login{width:100%; height:auto; margin:0px auto; padding:0px 0px 0px 0px;}

/*Login Page*/
.text{
    width:984px;
	height:30px;
	background-image:url(../Images/JoyRideLogin/log_in_text.png);
	float:left;
	background-repeat:no-repeat;
margin-top:10px;
	}

.mid_top{
    background-image:url(../Images/JoyRideLogin/log_in_bg_top.png);
	height:40px;
	width:475px;
	background-repeat:no-repeat;
	}
	
.mid_repeat{
    background-image:url(../Images/JoyRideLogin/log_in_bg_repeat.png);
	height:230px;
	width:475px;
	background-repeat:repeat-y;
	}
	
.mid_bottom{
    background-image:url(../Images/JoyRideLogin/log_in_bg_bottom.png);
	height:100px;
	width:475px;
	background-repeat:no-repeat;
	}
	
.mid_left_login{
    height:335px;
	width:475px;
	background-image:url(../Images/JoyRideLogin/log_in_bg.png);
	background-repeat:no-repeat;
	margin-top:20px;
	float:left;
	}
.left_text{
     padding-top:8px;
	 padding-left:10px;
	 }
	 
.left_main_text{
	font-family:Helvetica;
	font-size:12px;
	font-weight:normal;
	padding-top:15px;
	padding-left:10px;
    }
.left_bottom{
     padding-top:9px;
	 float:right;
	 padding-right:10px;
	 }
.mid_right_login{
	float:left;
	margin-top:20px;
	margin-left:24px;
	}
    
	
.right_main_text{
	font-family:Helvetica;
	font-size:12px;
	font-weight:normal;
    }
.right_main_text h5{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:bold;
    }
	
	.right_main_text h4{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000; font-weight:normal;
    }
.password{
    float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3b5998;
	font-weight:normal;
	padding-top:15px;
	padding-left:20px;	
	
.announcement-list {
border: none;
padding: 0 18px;
}

.secure-login h3, .newsletter-form h3 {
background: transparent;
border: none;
font-size: 14px;
margin: 0;
padding: 6px 18px;
}

.secure-login div.form, .newsletter-form div.form {
padding-left: 9px;
}

div#sub input.cat_textbox_small,
div#sub select.cat_dropdown_small {
width: 270px;
}

#placeholder-nav table td {cursor: pointer;cursor: hand; } /* @end */

/* @group Links */

a:link, a:visited {
color: #00B6EB;
text-decoration: none; 
}

a:hover, a:active {
color: #00B6EB;
text-decoration: underline;
}

#placeholder-nav table td {cursor: pointer;cursor: hand; } /* @end */

/* @group Template Settings */

/* Don't touch these unless you know how CSS layouts work */

body {
background: #181818 url(/images/cssimg/bg-5-5.png) repeat-y 50% 0;
margin: 0;
}

body#sub {
background: #181818 url(/images/cssimg/bg-sub-5-5.png) repeat-y 50% 0;
}

div#logo-container {
background: url(/images/cssimg/bg-logo-5-5.png) repeat-x 0 0;
height: 216px;
margin: 0;
}

div#placeholder-logo {
padding-left: 30px;
padding-top: 72px;
}

div#placeholder-hero {
height: 216px;
width: 600px;
}

div#nav {
background: url(/images/cssimg/bg-nav-5-5.png);
height: 36px;
}

div#placeholder-nav {
height: 36px;
padding: 0 18px; 
}

div#placeholder-nav td {
padding: 0;
vertical-align: middle;
}

div.search-box {
text-align: right;
}

div#placeholder-search {
padding: 9px;
width: 582px;
}

body#sub div#placeholder-search {
width: 932px;
}

div#main div.inner {
padding: 18px 30px 36px;
}

div#sub {
margin: 0;
}

div#placeholder-rss {
height: 16px;
margin-bottom: 9px;
text-align: right;
}

div#placeholder-rss img {
margin: 0 9px;
vertical-align: middle;
}

span.whoslogged {
margin-right: 36px;
}


#placeholder-nav table td {cursor: pointer;cursor: hand; } 

/* slider */

#slider ul, #slider li{ 
margin:0;
padding:0;
list-style:none;
} 
#slider, #slider li{ 
height:220px;
width:898px;
overflow:hidden;
} 
#slider{ 
margin-left:5px;
} 
#prevBtn, #nextBtn{ 
display:block;
width:30px;
height:77px;
position:absolute;
left:-25px;
top:71px;
} 
#nextBtn{ 
left:701px;
} 
#prevBtn a, #nextBtn a{ 
display:block;
width:30px;
height:77px;
background:url(../images/slider/btn_prev.gif) no-repeat 0 0; 
} 
#nextBtn a{ 
background:url(../images/slider/btn_next.gif) no-repeat 0 0; 
} 

/* // slider */ 

/* // social media icons */ 

#smicons {
width: 100%;
height: 35px;
border: none; 
}

#twitter {
width: 50%;
float: right;
}


#facebook {
width: 50%;
float: left;
}


/* @end */




table.catalog {
width:100%;
}
hr.catalog {
border:none;
background:black;
} 

h3.catalog{
color:#D90000;
font: 16px "Arial Black";
margin-bottom:7px;
}
table.catalog td {
vertical-align:top;
}
table.catalog img {
border: solid 5px black;
}
table.catalog ul {
list-style:none;
margin:0;
padding:0;
}
table.catalog {

}
td.bikedesc {
width:450px;
padding:0 0 0 10px;
}
td.models {
padding:0 0 0 15px;
}
li.available {
color:#D90000;
text-transform:uppercase;
}
td.modeslink {
vertical-align:bottom;
}
td.modelslink a{
padding-top:2px;
display:block;
font: 14px "Arial black";
color:#99998F;
text-align: center;
background:black;
border:solid 1px #333333;
font-weight:bold;
width:150px;
height:24px;
float:right;
margin-bottom:-27px;
}

td.modelslink a:hover {
text-decoration:none;
background:#DD0000;
color:white;
}
td.modelslink a:active {
text-indent:2px;
text-decoration:none;
}
table.catalog td.modelslink{
vertical-align:bottom;
}

/* Highlight Coloring */
::-moz-selection {
background: #D90000;
xbackground: #ffaa00;
color: #fff;
} 

::selection {
background: #D90000;
color: #fff;
} 
.loginbtn{
 background-image: url("../Images/JoyRideLogin/login_btn.png");
}