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

/*

REVOLUTION PRODUCTS LIMITED

TRANSITION PAGE

DEVELOPED BY 
evos. we make websites
COPYRIGHT 2007

*/

/* INITIALIZE */

body,html{
margin:0px;
padding:0px;
background:#6b5b4e;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
color:black;
text-align: center;
}

/*

=========================================
CONTAINER DIVS
=========================================

*/
#mainwrapper{
    margin: auto auto;
    text-align: left;
    position: relative;
	width:650px;
	font-size: 1.2em;
	line-height: 1.5em;
}

#header{
	width:650px;
	height:149px;
	background:url(../layoutimages/layout_01.jpg) no-repeat;
}
#contenttop{
	width:650px;
	height:65px;
	background:url(../layoutimages/layout_02.jpg) no-repeat;
}

#contentwrapper{
	width:650px;
	background:url(../layoutimages/layout_03.jpg) repeat-y;
	}

#content{
	position:relative;
	z-index:100;
	width:570px;
	min-height:100px;
	left:20px;
	top: 10px;
	padding:10px 30px 10px 0px;
	}

#leftcol{
	width:70%;
}

#contentfooter{
	position:relative;
	width:650px;
	height:19px;
	background:url(../layoutimages/layout_04.jpg) no-repeat;
	bottom:0px;
}

#menucontainer{
	position:absolute;
	width:500px;
	height:22px;
	right:30px;
	top:0px;
	text-align:right;
}


/*

=========================================
RIDERS SECTION
=========================================

*/

.ridersthumbs{
margin:0 0 5px 0px;;
}

#video{
margin-left:110px;
}

#left, #rider-overview{
width:118px;
float:left;
position: relative;
z-index: 200;
}

#riders{
position:relative;
left:0px;
margin-left:125px;
width:486px;
padding: 1px;
padding-top: 50px;
margin-right: -200px;
background:url(../layoutimages/riders_top.jpg) no-repeat;

}

#rider-content
{
    margin-left: 30px;
    margin-right: 75px;
    position: relative;
    float: left;
}

#rider-content .cms-imagetext-image
{
    width: 100px;
}

#rider-content .cms-imagetext-image img
{
    margin: 1em 0;
}

#rider-content .cms-imagetext-text
{
    margin-left: 120px;
}


#rider-wrapper
{
    padding-left: 90px;
    background:url(../layoutimages/riders_middle.jpg) repeat-y;
}

#rider-heading
{
	float:left;
	position:relative;
	height:0px;
	width:47px;
	margin:0;
	margin-left: 50px;
}


#ridersbottom{
position:relative;
bottom:0px;
background:url(../layoutimages/riders_bottom.jpg) no-repeat;
width:486px;
height:52px;
clear:both;
}

#ridersmiddle{
position:relative;
height:100%;
}

#ridersmiddle table{
float:left;
margin-left:50px;
line-height:1.4em;
}

#ridersmiddle td.left{
width:110px;
}

#ridersmiddle td.right{
padding:5px 0 0 5px;
width:210px;
height:20px;
text-align:left;
vertical-align:top;
}

/*
Questions Headers
*/

h3.photos{
background:url(../layoutimages/riders_photos.jpg) no-repeat;
height:0px;
padding:25px 0 0 0;
overflow:hidden;
}

h3.age{
background:url(../layoutimages/riders_age.jpg) no-repeat;
height:0px;
padding:18px 0 0 0;
overflow:hidden;
}

h3.setup{
background:url(../layoutimages/riders_setup.jpg) no-repeat;
height:0px;
padding:20px 0 0 0;
overflow:hidden;
}

h3.where{
background:url(../layoutimages/riders_where.jpg) no-repeat;
height:0px;
padding:20px 0 0 0;
overflow:hidden;
}

h3.steak{
background:url(../layoutimages/riders_steak.jpg) no-repeat;
height:0px;
padding:20px 0 0 0;
overflow:hidden;
}

h3.ipod{
background:url(../layoutimages/riders_ipod.jpg) no-repeat;
height:0px;
padding:20px 0 0 0;
overflow:hidden;
}

h3.style{
background:url(../layoutimages/riders_style.jpg) no-repeat;
height:0px;
padding:20px 0 0 0;
overflow:hidden;
}

h3.retire{
background:url(../layoutimages/riders_retire.jpg) no-repeat;
height:0px;
padding:35px 0 0 0;
overflow:hidden;
}

h3.channel{
background:url(../layoutimages/riders_channel.jpg) no-repeat;
height:0px;
padding:35px 0 0 0;
overflow:hidden;
}

h3.surf{
background:url(../layoutimages/riders_surf.jpg) no-repeat;
height:0px;
padding:20px 0 0 0;
overflow:hidden;
}

h3.wisdom{
background:url(../layoutimages/riders_wisdom.jpg) no-repeat;
height:0px;
padding:20px 0 0 0;
overflow:hidden;
}

a.menucasey{
display:block;
background:url(../riders/menu/casey.jpg) no-repeat;
height:0px;
width:150px;
padding:160px 0 0 0;
overflow:hidden;
}

a.menucasey:hover{
display:block;
background:url(../riders/menu/casey_over.jpg) no-repeat;
height:0px;
padding:160px 0 0 0;
overflow:hidden;
}

a.menuchris{
display:block;
background:url(../riders/menu/chris.jpg) no-repeat;
height:0px;
width:150px;
padding:160px 0 0 0;
overflow:hidden;
}

a.menuchris:hover{
display:block;
background:url(../riders/menu/chris_over.jpg) no-repeat;
height:0px;
padding:160px 0 0 0;
overflow:hidden;
}

a.menuhadley{
display:block;
background:url(../riders/menu/hadley.jpg) no-repeat;
height:0px;
width:150px;
padding:160px 0 0 0;
overflow:hidden;
}

a.menuhadley:hover{
display:block;
background:url(../riders/menu/hadley_over.jpg) no-repeat;
height:0px;
padding:160px 0 0 0;
overflow:hidden;
}


/*

=========================================
PAGE HEADERS
=========================================

*/

#contenttop h2{
    position: relative;
	left:27px;
	top:30px;
	margin:0;
	font-size: 40px;
    line-height: 45px;
    letter-spacing: -1px;
	font-family: 'You Are Loved', Impact;
	font-weight: normal;
	text-transform: uppercase;
}
/*

=========================================
BIKE MENU
=========================================

*/
a.dirtbag{
display:block;
background:url(../bikes/menu/dirtbag_01.jpg) no-repeat;
width:165px;
height:0px;
padding:120px 0 0 0;
overflow:hidden;
}
a.dirtbag:hover{
display:block;
background:url(../bikes/menu/dirtbag_02.jpg) no-repeat;
height:0px;
padding:120px 0 0 0;
overflow:hidden;
}
a.gran{
display:block;
background:url(../bikes/menu/gran_01.jpg) no-repeat;
height:0px;
width:165px;
padding:120px 0 0 0;
overflow:hidden;
}
a.gran:hover{
display:block;
background:url(../bikes/menu/gran_02.jpg) no-repeat;
height:0px;
padding:120px 0 0 0;
overflow:hidden;
}

a.double{
display:block;
background:url(../bikes/menu/double_01.jpg) no-repeat;
height:0px;
width:165px;
padding:120px 0 0 0;
overflow:hidden;
}
a.double:hover{
display:block;
background:url(../bikes/menu/double_02.jpg) no-repeat;
height:0px;
padding:120px 0 0 0;
overflow:hidden;
}

a.vagrant{
display:block;
background:url(../bikes/menu/vagrant_01.jpg) no-repeat;
height:0px;
width:165px;
padding:120px 0 0 0;
overflow:hidden;
}
a.vagrant:hover{
display:block;
background:url(../bikes/menu/vagrant_02.jpg) no-repeat;
height:0px;
padding:120px 0 0 0;
overflow:hidden;
}

a.trail{
display:block;
background:url(../bikes/menu/trail_01.jpg) no-repeat;
height:0px;
width:165px;
padding:120px 0 0 0;
overflow:hidden;
}
a.trail:hover{
display:block;
background:url(../bikes/menu/trail_02.jpg) no-repeat;
height:0px;
padding:120px 0 0 0;
overflow:hidden;
}

a.preston{
display:block;
background:url(../bikes/menu/preston_01.jpg) no-repeat;
height:0px;
width:165px;
padding:120px 0 0 0;
overflow:hidden;
}
a.preston:hover{
display:block;
background:url(../bikes/menu/preston_02.jpg) no-repeat;
height:0px;
padding:120px 0 0 0;
overflow:hidden;
}

a.covert{
display:block;
background:url(../bikes/menu/covert_01.jpg) no-repeat;
height:0px;
width:165px;
padding:120px 0 0 0;
overflow:hidden;
}
a.covert:hover{
display:block;
background:url(../bikes/menu/covert_02.jpg) no-repeat;
height:0px;
padding:120px 0 0 0;
overflow:hidden;
}

a.bottle{
display:block;
background:url(../bikes/menu/bottle_01.jpg) no-repeat;
height:0px;
width:165px;
padding:120px 0 0 0;
overflow:hidden;
}
a.bottle:hover{
display:block;
background:url(../bikes/menu/bottle_02.jpg) no-repeat;
height:0px;
padding:120px 0 0 0;
overflow:hidden;
}

a.blindside{
display:block;
background:url(../bikes/menu/blindside_01.jpg) no-repeat;
height:0px;
width:165px;
padding:120px 0 0 0;
overflow:hidden;
}
a.blindside:hover{
display:block;
background:url(../bikes/menu/blindside_02.jpg) no-repeat;
height:0px;
padding:120px 0 0 0;
overflow:hidden;
}

/*

=========================================
PARTS MENU
=========================================

*/
a.barends{
display:block;
background:url(../parts/menu/barend_01.jpg) no-repeat;
height:0px;
width:147px;
padding:81px 0 0 0;
overflow:hidden;
}
a.barends:hover{
display:block;
background:url(../parts/menu/barend_02.jpg) no-repeat;
height:0px;
padding:81px 0 0 0;
overflow:hidden;
}

a.saddlejump{
display:block;
background:url(../parts/menu/saddlejump_01.jpg) no-repeat;
height:0px;
width:147px;
padding:81px 0 0 0;
overflow:hidden;
}
a.saddlejump:hover{
display:block;
background:url(../parts/menu/saddlejump_02.jpg) no-repeat;
height:0px;
padding:81px 0 0 0;
overflow:hidden;
}

a.revrim{
display:block;
background:url(../parts/menu/revrim_01.jpg) no-repeat;
height:0px;
width:147px;
padding:81px 0 0 0;
overflow:hidden;
}
a.revrim:hover{
display:block;
background:url(../parts/menu/revrim_02.jpg) no-repeat;
height:0px;
padding:81px 0 0 0;
overflow:hidden;
}

a.revhub{
display:block;
background:url(../parts/menu/revhub_01.jpg) no-repeat;
height:0px;
width:147px;
padding:81px 0 0 0;
overflow:hidden;
}
a.revhub:hover{
display:block;
background:url(../parts/menu/revhub_02.jpg) no-repeat;
width:147px;
padding:81px 0 0 0;
overflow:hidden;
}

a.decals{
display:block;
background:url(../parts/menu/decals_01.jpg) no-repeat;
height:0px;
width:147px;
padding:81px 0 0 0;
overflow:hidden;
}
a.decals:hover{
display:block;
background:url(../parts/menu/decals_02.jpg) no-repeat;
height:0px;
padding:81px 0 0 0;
overflow:hidden;
}

a.saddle{
display:block;
background:url(../parts/menu/saddle_01.jpg) no-repeat;
height:0px;
width:147px;
padding:81px 0 0 0;
overflow:hidden;
}
a.saddle:hover{
display:block;
background:url(../parts/menu/saddle_02.jpg) no-repeat;
height:0px;
padding:81px 0 0 0;
overflow:hidden;
}

a.tbar{
display:block;
background:url(../parts/menu/tbar_01.jpg) no-repeat;
height:0px;
width:147px;
padding:81px 0 0 0;
overflow:hidden;
}
a.tbar:hover{
display:block;
background:url(../parts/menu/tbar_02.jpg) no-repeat;
height:0px;
padding:81px 0 0 0;
overflow:hidden;
}

a.stepdown{
display:block;
background:url(../parts/menu/stepdown_01.jpg) no-repeat;
height:0px;
width:147px;
padding:81px 0 0 0;
overflow:hidden;
}
a.stepdown:hover{
display:block;
background:url(../parts/menu/stepdown_02.jpg) no-repeat;
height:0px;
padding:81px 0 0 0;
overflow:hidden;
}

a.templestem{
display:block;
background:url(../parts/menu/templestem_01.jpg) no-repeat;
height:0px;
width:147px;
padding:81px 0 0 0;
overflow:hidden;
}
a.templestem:hover{
display:block;
background:url(../parts/menu/templestem_02.jpg) no-repeat;
height:0px;
padding:81px 0 0 0;
overflow:hidden;
}

a.revwheelset{
display:block;
background:url(../parts/menu/revwheelset_01.jpg) no-repeat;
height:0px;
width:147px;
padding:81px 0 0 0;
overflow:hidden;
}
a.revwheelset:hover{
display:block;
background:url(../parts/menu/revwheelset_02.jpg) no-repeat;
height:0px;
padding:81px 0 0 0;
overflow:hidden;
}


/*

=========================================
TEXT
=========================================

*/
p.body{
line-height:1.4em;
}

span.bold{
font-weight:bold;
color:#333333;
}

span.bolder{
font-weight:bold;
}

span.boldgreen{
font-weight:bold;
}

hr{
border:none;
border:1px solid #666;
}

/*

=========================================
LISTS
=========================================

*/
ul.mainmenu{
padding:4px;
margin:0px;
list-style:none;
font-size: 8pt;
}

ul.mainmenu li{
display:inline;
padding:2px;
}

ul.partslist{
padding:10px 0 0 0px;
margin:0px;
list-style:none;
}

ul.partslist li{
padding:0 0 5px 0;
}

	ul.submenu{
	padding:4px;
	margin:0px;
	list-style:none;
	}

	ul.submenu li{
	display:inline;
	padding:3px;
	}

ul.bikemenu{
padding:0px;
margin:0px;
list-style:none;
}

ul.bikemenu li{
display:inline;
float:left;
}

	ul.bikespecs{
	padding:0px;
	margin:0 0 0 15px;
	}
	
	ul.bikespecs li{
	padding:0 0 3px 0;
	}

ul.thumbs{
padding:0px;
margin:0px;
list-style:none;
}

ul.thumbs li{
display:inline;
padding:0px 5px 0 0;
margin:0px;
list-style:none;
}
img{
border:none;
}

/*

=========================================
FORMS
=========================================

*/
input.text{
border:none;
border:1px solid white;
background:#a99b90;
width:200px;
padding:2px;
}

textarea{
border:none;
border:1px solid white;
background:#a99b90;
width:200px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
padding:2px;
}

input.button{
border:none;
background:black;
padding:2px;
margin:0 5px 0 0 ;
cursor:pointer;
color:white;
}

/*

=========================================
LINKS
=========================================

*/

a{
color:#666666;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#66CC33;
}

a.menubikes{
color:#666666;
text-decoration:none;
}

a.menubikes:hover{
color:#66CC33;
}

a.menubikesSelected{
color:#66CC33;
font-size:1.1em;
text-decoration:none;
}

a.backtorev{
position:relative;
left:30px;
color:white;
font-size:1em;
text-decoration:underline;
}

a.backtorev:hover{
color:black;
}

a.evos{
position:relative;
left:362px;
color:white;
font-size:1em;
text-decoration:none;
}

a.evos:hover{
color:black;
}




/* general padding */
.cms-text-content,
.cms-heading-content,
.cms-textline-content,
.cms-price-content,
.cms-submit-content,
.cms-password-content,
.cms-combobox-display {
    padding: 0 !important;
    margin: 9px 9px 9px 10px;
}

.cms-text-content ul
{
    margin-top: 5px !important;
}

.cms-imagetext-content
{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.cms-heading-content
{
    margin-top: 20px !important;
    margin-left: 9px !important;
}


.sIFR-hasFlash #contenttop h2 {
    visibility: hidden;
    /* other CSS properties go here */
    font-size: 45px;
    margin-right: 160px;
}

.cms-pagefeed-item {
    float: left;
    width: 175px;
    margin: 5px;
    border: 1px solid #ccc;
}

.cms-pagefeed-item p {
    height: 75px;
}

.cms-gallery-item, 
li.cms-galleryitem-content {
    padding: 0 !important;
}

h4 {
    font-size: 1.0em;
}

.cms-pagefeed-item {
    height: 120px;
}

.cms-textbox-inline span {
    float: left;
    width: 100px;
    line-height: 30px;
}


#riders #rider-heading .editing {
    margin-right: -200px;
    position: relative;
    z-index: 999;
    font-size: 12px;
    font-weight: normal;
}