/*///////////////////////////////////////////////////////////////////

Ride Four Ever  2.0, base styles  v1

///////////////////////////////////////////////////////////////////*/



/*-----standard practice------------------------------------------*/


* {
	margin:0px;
	padding:0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height:1.00em; /* 14px */
	}
	
img{
	border:none;
	outline:none;
}
	
#logo a, img, div { behavior: url(/stylesheets/iepngfix.htc) }

/*-----html elements------------------------------------------------*/
/*#galleryNav{
	position:absolute;
	z-index:100;
	height:50px;
	width:100px;
	top:50px;
	left:500px;
	background-color:red;	
}*/
	

html {
	background: transparent url(../images/base/toptile_bg.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	background-position:top center;
	}

body {	
	background: url(../images/base/heroBack_bg.jpg) no-repeat center top;
	width: 100%;
	display: table;
	/*global body copy font styles*/
	color:#333333;	
	/*font-size:.750em;*/
	font-size:12px;
	font-family: "Helvetica Narrow", Arial, sans-serif;
	/*----------------*/		
	}

img {
	vertical-align: bottom;
	border:none;
	outline:none;
	}
	
h3,h4,h2,legend {
	color:#6c792a;
	/*font-size:1.250em;*/
	font-size:18px;		
	/*color:#f8981d;*//*drk brown*/
	}

a {
	text-decoration:none;	
	color:#ff0000;/*red*/
	}

a:hover {	
	color:#b9d048;/*green*/
	}

select {
	background-color:#fff;
	width:150px;
	margin-bottom:3px;
}
/*-----helper class------------------------------------------------*/		
.arrow{
}
/*-----main elements------------------------------------------------*/


#page {
	position:relative;
	width: 905px;
	margin:0px auto 0; 
	/*background: #fff;*/
	/*padding: 20px;*/		
	}

#logo a{	
	display: block;
	width:231px;	
/*	margin-left:147px*/;	
	padding-top: 219px; height: 0 !important;
	height /**/: 219px; overflow: hidden;
	clip:rect(0 219px 231px 0);
	background-repeat: no-repeat;
	background-image: url(../images/base/rideforeverlogo.png);
}
#logo a:hover{
	background-position: 0 -219px;
}
#content {	
	position:relative;
	clear:both;	
	/*width:900px;*/
	}
	
/*-----------navigation/logo bar */
/*-------home-----------*/
body.home               #logo{
	top: 175px;
}
body.home               #sidebarWrapper{
	top: 400px;
}
/*------------------*/
#logo{
	position:absolute;
	z-index:100;
	top: 35px;
	left: 0px;
}	
#sidebarWrapper {
	/*display: block;*/
	position:absolute;
	z-index:100;
	top: 260px;
	left: 25px;
	width:235px;
}
#forms{
	margin-bottom:10px;
}
.social{
	width:175px;
	margin-top:15px;
	margin-left:5px;	
}
.social img{
	margin-right:8px;	
}	
/* --nav------------------------------------------------------ */


#nav {
	position: relative; 
	width:195px;	
	}
#nav .clothing,
#nav .shoes,
#nav .skateboards,
#nav .snowboards,
#nav .longboards,
#nav .wakeboards,
#nav .brands,
#nav .sale,
#nav .team,
#nav .studio,
#nav .shoes a,
#nav .clothing a,
#nav .wakeboards a,
#nav .skateboards a,
#nav .snowboards a,
#nav .longboards a,
#nav .brands a,
#nav .sale a,
#nav .team a,
#nav .studio a {
	display: block;
	background-repeat: no-repeat;
   }
/*----main nav */
#nav .clothing,
#nav .shoes,
#nav .skateboards,
#nav .snowboards,
#nav .longboards,
#nav .wakeboards {
	height:52px;
	list-style-type: none;
	margin: 0px 0 0 0px;
	}
#nav .clothing a,
#nav .shoes a,
#nav .skateboards a,
#nav .snowboards a,
#nav .longboards a,
#nav .wakeboards a{
	padding-top: 52px; height: 0 !important;
	height /**/: 52px; overflow: hidden;	
	}
#nav .clothing a:hover,	
#nav .shoes a:hover,
#nav .skateboards a:hover,
#nav .snowboards a:hover,
#nav .longboards a:hover,
#nav .wakeboards a:hover {
	background-position: 0 -52px;
	}	
/*----pullsmaller nav out*/
#nav .brands,
#nav .sale,
#nav .team,
#nav .studio {
	height:15px;
	list-style-type: none;
	margin: 0px 0 0 5px;	
	}

#nav .brands a,
#nav .sale a,
#nav .team a,
#nav .studio a{
	padding-top: 15px; height: 0 !important;
	height /**/: 15px; overflow: hidden;
	}
#nav .brands a:hover,
#nav .sale a:hover,
#nav .team a:hover,
#nav .studio a:hover {
	background-position: 0 -15px;
	}	

/*--------------*/
#nav .clothing,
#nav .clothing a {
	
	width: 179px;
	background-image: url(../images/base/navigation/main/nav_cloth.gif);
}
#nav .shoes,
#nav .shoes a {
	
	width: 179px;
	background-image: url(../images/base/navigation/main/nav_shoes.gif);
}
#nav .skateboards,
#nav .skateboards a {
	
	width: 179px;
	background-image: url(../images/base/navigation/main/nav_skate.gif);
}
#nav .snowboards,
#nav .snowboards a {
	
	width: 179px;
	background-image: url(../images/base/navigation/main/nav_snow.gif);
}
#nav .wakeboards,
#nav .wakeboards a {
	
	width: 165px;
	background-image: url(../images/base/navigation/main/nav_wake.gif);
}
#nav .longboards,
#nav .longboards a {
	
	width: 161px;
	background-image: url(../images/base/navigation/main/nav_long.gif);
}
/*--------------*/

#nav .brands,
#nav .brands a {
	width: 82px;
	background-image: url(../images/base/navigation/main/nav_brands.gif);
}
#nav .sale,
#nav .sale a {
	width: 59px;
	background-image: url(../images/base/navigation/main/nav_sale.gif);
}
#nav .team,
#nav .team a {
	width: 61px;
	background-image: url(../images/base/navigation/main/nav_team.gif);
}
#nav .studio,
#nav .studio a {
	width: 119px;
	background-image: url(../images/base/navigation/main/nav_studio.gif);
}
body.clothing          #nav .clothing         a,
body.shoes             #nav .shoes            a, 
body.skateboards       #nav .skateboards      a,
body.snowboards        #nav .snowboards       a, 
body.wakeboards        #nav .wakeboards       a, 
body.longboards        #nav .longboards       a{
	background-position: 0 -52px;
}
body.brand_detail      #nav .brands          a,
body.brand_list         #nav .brands         a,
body.sale           #nav .sale               a, 
body.team           #nav .team               a, 
body.studio         #nav .studio             a{
	background-position: 0 -15px;
}
/*-----main subnav------------*/
#nav li ,#nav ul{
	list-style-type:none;
}
.mens,.womens,.gear,.accessories,.decks,.trucks,.wheels,.accessories,.media,.completes,.youth,.bearings{
	margin-left:5px;
	/*border-top: 2px dotted #FF0000*/
}
.subcategory{
	margin-left:10px;
}
#nav li{
	color:#cc0000;	
	/*font-size:1.250em;*/
	font-size:16px;	
	font-weight:bold;	
}
#nav li ul li{
	color:#660000;
	/*font-size:.875em;*//* 14px */
	font-size:12px;	
	font-weight:normal;
	/*border-bottom: thin dotted #00FF00*/
} 

/* --top subnav------------------------------------------------------ */


#top_nav {
	/*position: relative;*/
	margin-left:400px; 
	width:497px;
	height:30px;
	background-repeat: no-repeat;
	background-image: url(../images/base/subnav_back.gif);
	}

#top_nav ul {
	padding: 4px 0 0 25px;
}
#top_nav li {
	height:12px;
	list-style-type: none;
	float:left;	
	margin: 0px 0 0 12px;
	}
#top_nav li, 
#top_nav li a {
	display: block;
	background-repeat: no-repeat;
	}
#top_nav li a {
	padding-top: 12px; height: 0 !important;
	height /**/: 12px; overflow: hidden;
}
#top_nav li a:hover {
	background-position: 0 -12px;
}
#top_nav li.account,
#top_nav li.account a {
	width: 120px;
	background-image: url(../images/base/navigation/subnav/subnav_myaccount.gif);
}
#top_nav li.wishlist,
#top_nav li.wishlist a {
	width: 72px;
	background-image: url(../images/base/navigation/subnav/subnav_wishlist.gif);
}
#top_nav li.viewcart,
#top_nav li.viewcart a {
	width: 122px;
	background-image: url(../images/base/navigation/subnav/subnav_viewcart.gif);
}
#top_nav li.logout,
#top_nav li.logout a {
	width: 79px;
	background-image: url(../images/base/navigation/subnav/subnav_signout.gif);
}



body.account      #top_nav li.account             a,
body.wishlist     #top_nav li.wishlist            a, 
body.viewcart     #top_nav li.viewcart            a,
body.logout     #top_nav li.logout            a{
	background-position: 0 -12px;
}

/* --footer subnav------------------------------------------------------ */


#footer {
	clear:both;
	/*position: relative;*/
	/*margin:0px auto 0;*/
	margin-left:150px;
	/*width:667px;*/
	}
	
#footer p {
	clear:both;
	padding-top:15px;
	text-align:center;
	}
	
#footer ul {
	margin: 0px 0 0 0px;
}
#footer li {
	height:12px;
	list-style-type: none;
	float:left;	
	margin: 2px 20px 0 0px;
	}
#footer li, 
#footer li a {
	display: block;
	background-repeat: no-repeat;
	}
#footer li a {
	padding-top: 12px; height: 0 !important;
	height /**/: 12px; overflow: hidden;
}
#footer li a:hover {
	background-position: 0 -12px;
}
#footer li.about,
#footer li.about a {
	width: 76px;
	background-image: url(../images/base/navigation/subnav/subnav_aboutus.gif);
}
#footer li.contact,
#footer li.contact a {
	width: 89px;
	background-image: url(../images/base/navigation/subnav/subnav_contact.gif);
}
#footer li.customer,
#footer li.customer a {
	width: 140px;
	background-image: url(../images/base/navigation/subnav/subnav_customer.gif);
}
#footer li.sitemap,
#footer li.sitemap a {
	width: 72px;
	background-image: url(../images/base/navigation/subnav/subnav_sitemap.gif);
}
#footer li.privacy,
#footer li.privacy a {
	width: 65px;
	background-image: url(../images/base/navigation/subnav/subnav_privacy.gif);
}
#footer li.email,
#footer li.email a {
	width: 109px;
	background-image: url(../images/base/navigation/subnav/subnav_email.gif);
}

body.us            #footer li.about            a, 
body.contact        #footer li.contact          a,
body.faqs       #footer li.customer         a, 
body.site_map        #footer li.sitemap          a, 
body.privacy        #footer li.privacy          a, 
body.email        #footer li.email               a{
	background-position: 0 -12px;
}