/* proprietes du corps du text */
body {
        background: url(images/bgd-wrapper-right.jpg) top left; 
        font-family: 'Droid+Sans', Arial, Verdana, Sans-serif; font-size:100%; color: #FFFFFF;           				
}

i{ font-size:0.80em; }

b{ font-size:0.95em; text-transform: uppercase; color: #FFFFFF; text-align: center;}


/* text box for search or feedback */          
input {color:#F2EFEC; font-size:0.75em; font-weight: 600; text-align: left; font-style: italic; background-color:#1A1827; border-left: 1px solid #8C9CBB; border-right: 1px solid #442950; border-top: 1px solid #8080C0; border-bottom: 1px solid #442950;} /* submit buttons Text, background and borders */ 
input.radio {color:#A0C6FE; background-color:#000000; border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 0px;} /* submit radio buttons */ 
select {color:#A0C6FE; font-size:0.75em; background-color:#1A1827; border-left: 1px solid #FFFFFF; border-right: 1px solid #442950; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #442950;} /* select option in scroll down menus Text, background and borders */ 
textarea {color:#F2EFEC; font-size:0.75em; font-weight: 600; text-align: left; font-style: italic; background-color:#1A1827;} 


/* proprietes des liens */
a {text-decoration: none; color:#A6A6FF;}
a:hover {text-decoration: none; color:#FF8080;}
a:visited {text-decoration: none; color:#FFBC9B; }

.headermenu{ font-size:0.95em; font-weight: 600; text-align: left; }
.headermenu a {text-decoration: none; color:#F2EFEC;}
.headermenu a:hover {color:#FFBC9B;}

.popmenu{ font-size:1.36em; font-family: 'Gruppo', Arial, Verdana, Sans-serif; color: #FFFFFF; line-height: 0.95%; text-align: left; font-style: italic; }
.popmenu a {text-decoration: none; color:#FFFFFF;}
.popmenu a:hover {color:#FF0080; font-style: italic;}
.popmenu a:visited {text-decoration: none; color:#FFFFFF;}

       /* bloc tout en haut de page avec image du pedalier dans 0tzheader-and-leftcolumn*/
	#header {
        position: absolute; top:6px; left:0px;
        background: transparent url(images/bgd-header-fixe.jpg) no-repeat 0 0; width: 970px; height: 500px;
       	border:0px solid #8080C0;
		}
            
    #header-insertion {
        position: absolute; top:2px; left:234px;
	margin-top:0px;
        margin-right:0px;
	width:630px;
	border:0px solid #8080C0;
        text-align: center;
		}  
    
    #header-search {
        position: absolute; top:0px; left:785px;
	margin-top:0px;
        margin-right:0px;
	width:200px;
	border:0px solid #8080C0;
        text-align: center;
		}

          /* seulement pour les pages d'animation dans 0tzheaderanimation-and-leftcolumn*/
    #headeranimation {
        position: absolute; top:6px; left:0px;
        width: 970px; height: 300px;
       	border:0px solid #8080C0;
        background: url(images/bgd-header-animation.png) no-repeat 136px 85px;
		}
        
          /* seulement pour les pages de videos dans 0tzheadervideo-and-leftcolumn*/
    #headervideo {
        position: absolute; top:6px; left:0px;
        width: 970px; height: 300px;
       	border:0px solid #8080C0;
        background: url(images/bgd-header-video.png) no-repeat 166px 80px;
		}
                            
        
/* menu background position for the different buttons in the header*/
                                                                                                        /* menu background position        size of the showing window  position of the window */
#navigation-trashzen a { position: absolute; text-indent: -9999px; background: transparent url(images/bgd-nav-menu.jpg) no-repeat 0px 0px; width: 270px; height: 116px; top: 0px; left: 0px; }
#navigation-trashzen a:hover { background: transparent url(images/bgd-nav-menu.jpg) no-repeat 0px -118px; }
#navigation-trashzen-logo a { position: absolute; text-indent: -9999px; background: transparent url(images/bgd-nav-logo.png) no-repeat 0px 0px; width: 270px; height: 117px; top: 0px; left: 0px; }
#navigation-trashzen-logo a:hover { background: transparent url(images/bgd-nav-logo.png) no-repeat 0px -118px; }
#navigation-trialstutorial a { position: absolute; text-indent: -9999px; background: transparent url(images/bgd-nav-trialstutorial.jpg) no-repeat 0px 0px; width: 166px; height: 115px; top: 21px; left: 559px; }
#navigation-trialstutorial a:hover { background: transparent url(images/bgd-nav-trialstutorial.jpg) no-repeat 0px -115px; }
#navigation-trash a { position: absolute; text-indent: -9999px; background: transparent url(images/bgd-nav-trash.jpg) no-repeat 1px 0px; width: 154px; height: 114px; top: 156px; left: 383px; }
#navigation-trash a:hover { background: transparent url(images/bgd-nav-trash.jpg) no-repeat 1px -115px; }
#navigation-videos a { position: absolute; text-indent: -9999px; background: transparent url(images/bgd-nav-videos.jpg) no-repeat 0px 0px; width: 207px; height: 93px; top: 123px; left: 14px; }
#navigation-videos a:hover { background: transparent url(images/bgd-nav-videos.jpg) no-repeat 0px -93px; }
#navigation-rondelle a { position: absolute; text-indent: -9999px; background: transparent url(images/bgd-nav-rond.jpg) no-repeat 0px 0px; width: 78px; height: 70px; top: 170px; left: 803px; }
#navigation-rondelle a:hover { background: transparent url(images/bgd-nav-rond.jpg) no-repeat 0px -70px; }
#navigation-freewheel a { position: absolute; text-indent: -9999px; background: transparent url(images/bgd-nav-freewheel.jpg) no-repeat 0px 0px; width: 215px; height: 123px; top: 27px; left: 278px; }
#navigation-freewheel a:hover { background: transparent url(images/bgd-nav-freewheel.jpg) no-repeat 0px -123px; }
#navigation-pedals a { position: absolute; text-indent: -9999px; background: transparent url(images/bgd-nav-pedals.jpg) no-repeat 0px -1px; width: 246px; height: 244px; top: 244px; left: 653px; }
#navigation-pedals a:hover { background: transparent url(images/bgd-nav-pedals.jpg) no-repeat 0px -246px; }

a#menu-reflective {display: block; height: 406px; width: 420px; background-image: url(images/trashzen-tshirt-reflective-spotlight.jpg); 
background-position: 0px 0px;} 
a#menu-reflective:hover {background-position: 420px 0px;}

a#insertion-warning {
        display: block; width: 180px; height: 547px; background-image: url(images/insertion-warning-trailer.png); 
        background-position: 0px 0px;} 
a#insertion-warning:hover {background-position: 181px 0px;}
        
/*  
    #insertion-warning {  
	    position:fixed;
	    bottom:-10px;
	    left:-18px;
	    width: 180px; 
	    height: 281px; 
	    }                   
 */


/* proprietes des images */
img {border: 0px; padding:2px 2px 2px 2px;}
img.contour {
border-left: 1px solid #0000A0;
border-right: 1px solid #0000A0;
border-top: 1px solid #7979FF;
border-bottom: 1px solid #000040;
}
img.photogram {
width: 220px;
border: 1px solid #000000;
padding:1px;
padding-bottom:6px;
border-bottom: 0px solid #000000;
}
        
.video {
        font-size:0.90em; color: #D6ECFE; font-style: italic;
	    padding-top:5px; padding-right:10px; padding-left:5px; padding-bottom:10px;
        }
        
p { margin:5px 40px 3px 20px;}	 /* donne une marge gauche et droite aux paragraphes */ 
         
p.video {
        font-size:0.80em; color: #D6ECFE; font-style: italic;
       	width: 600px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 90px;
        text-align: left;
        }

p.tutorialsteps {
        font-size:1.30em; font-family: 'Gruppo', Arial, Verdana, Sans-serif; color:#F9B373; font-weight: 600; border-top:1px solid #FFBC9B;
		width: 640px;
        text-align: center;
        padding-top:4px; padding-bottom:0px; 
		}
        
p.onestep {
        font-size:0.85em; color:#E8F3FF; border:0px solid #3C3C00;
        float: left;
		width: 220px;
        padding-bottom:10px;
        margin-right:1px; 
        margin-left:1px;
        text-align: left;
		}
                
p.image {
        float: left;
		width: auto;
        padding: 0px 2px 0px 2px;
        margin: 0px 0px 0px 0px;
		}   
        
p.rightimage {
        float: right;
		width: auto;
		padding: 0px 0px 4px 2px;
        margin: 0px 25px 0px 0px;
        text-align: center;
		}
        
p.leftimage {
        float: left;
		width: auto;
		padding: 0px 4px 2px 0px;
        margin: 0px 5px 0px 0px;
        text-align: center;
		}
        
p.centerimage {
        float: right;
        margin-right:70px;
		width: auto;
		padding: 0px -65px 2px 2px;
        text-align: center;
		}
       
        /* text box for other-video link */ 
              
p.news-scroll {
        width: 114px; height: 220px; overflow: auto; 
        margin: 10px 0px 0px 0px;
        padding: 5px 2px 0px 2px;
        border: 1px solid #969696; 
        background: #000000;
        font-size: 10pt; font-style: italic; font-weight: 400; color: #D6ECFE;
        } 
        
p.promo {
        font-size:0.75em; color:#B39E62;        
        } 
        	
/* en dessous la structure des pages definies par les blocs principaux */
			
             /* colonne de gauche pour le menu deroulant */
    #leftmenu {
        position: absolute; top:185px; left:-10px;
        width:125px;
        margin-top:0px;
		text-align: center;
        border:0px solid #FF0080;
		} 
             /* colonne de gauche sous le menu - boutons langues et banner */          
    #leftcontent {
        position: absolute; top:535px; left:-24px;
        width:125px;
        margin-top:0px;
        margin-left:0px;
		text-align: center;
        border:0px solid #FF0080;
        background:#000000;
        }
		    
			/* colonne de droite pour les pubs adsense */
	#rightcontent {
        position: absolute; top:480px; left:850px;
        margin-right:0px;
        margin-top:0px;
		width:120px;
		border:0px solid #FF0080;
		background: transparent;
        text-align: center;
		}
    #rightcontentanimation {
        position: absolute; top:100px; left:840px;
        margin-right:0px;
        margin-top:0px;
		width:120px;
		border:0px solid #FF0080;
		background: transparent;
        text-align: center;
		}
		
		    /* decale la colonne pub pour la homepage plus etroite */ 
	#rightcontenthome {
		float: right;
        margin-left: -230px;
        margin-top:30px;
		width:120px;
		border:0px solid #FF0080;
		background: none;
        text-align: center;
		}          

        	/* colonne du milieu le contenu */
	#centercontent {
        position: absolute; top:285px; left:145px;
        width: 700px;
 		margin-top:-10px;
        margin-left:10px;
        text-align: justify;
        border:0px solid #FF0080;
		}
                       
        /* seulement pour les homepages fr et uk */
	#centercontenthome {
        position: absolute; top:280px; left:105px;
        width: 700px;
 		margin-top:-10px;
        margin-left:10px;
        text-align: justify;
        border:0px solid #FF0080;
		}          
        
	#centercontentnowhere {
        position: absolute; top:280px; left:105px;
        width: 820px;
 		margin-top:-10px;
        margin-left:10px;
        text-align: justify;
        border:0px solid #FF0080;
		}          

		 	/* seulement pour les pages videos */
    #centercontentvideo {
        position: absolute; top:240px; left:161px;
		background: url(images/bgd-centercontent-video.png) no-repeat -10px 35px;
		width:680px;
		border: 0px solid #800080;
        text-align: center;
        font-size:0.95em;
		}
               
        	/* seulement pour les pages d'animation gif */
    #centercontentanimation {
		position: absolute; top:240px; left:161px;
        background: url(images/bgd-centercontent-animation.png) no-repeat 20px 0px;
		width:680px;
		border:0px solid #800080;
        text-align: center;
        font-size:0.95em;
		}
        
    #intro {
	    padding:10px 20px 10px 60px;
      	width: 570px;
		text-align: left;
        font-size:1.00em; font-weight: 600; text-align: left;
		}   
        
    #specs {
        position: absolute; left:125px; top:280px;
		width:560px;
		border:1px solid #8080C0;
        text-align: left;
		}
    #hoverbox {
        position: absolute; left:660px; top:280px;
		width:120px;
		border:1px solid #8080C0;
        text-align: center;
		}
                	     /* bloc tout en bas de page avec la chaine */ 
	#footer {
        float: right;
        margin-right:70px;
        margin-top:20px;
        padding:0px 0px 0px 0px;
		background: url(images/bgd-footer-chain.jpg) no-repeat bottom;
		border:0px solid #8080C0;
        text-align: center; width: 560px;
		}     	    
        /* seulement pour les pages de rider profiles dans 0tzheaderprofile-and-leftcolumn*/

                     /* boites intro et footer dans les sections tutorial */        

/* pop out menu from Stefashwell.com  */ 
            
            ul {
            	width: 120px;
				left: 0px;
				top:  0px;
				list-style: none;
                margin-left: -10px;
                text-align: left;
			}

			ul a {
                width: 120px;
				color: #FFFFFF;
				text-decoration: none;
				display: block;
				padding: 4px 4px 4px 4px;
			}
			
			ul a:hover {
                width: 120px;
				text-decoration: none;
                /* background image when hovering on main links */ 
                background: url(images/bgd-pop-dot.png) no-repeat right;
                /* frame of the popping links in the main menu  */ 
                border-left: 1px solid #EE7C0B;
                border-right: 1px solid #EE7C0B;
                border-top: 1px solid #EE7C0B;
                border-bottom: 1px solid #EE7C0B;
			}
			
			ul li {
                font-weight: 800; color: #FFFFFF;  text-align: left; font-size: 10pt;
				float: left;
				position: relative;
                width: 120px;
       			}
            ul li ul a {
				width: 250px;
                background: url(images/bgd-pop-dot.png) no-repeat right;
                background: #0F151F;
                /* frame of the popping links in the pop out menu  */ 
                border-left: 1px solid #D6D7F3;
                border-right: 1px solid #8080FF;
                border-top: 1px solid #D6D7F3;
                border-bottom: 1px solid #D6D7F3;
                }  
            ul li ul a:hover {
                width: 250px;
                /* background image when hovering  */ 
                background: url(images/bgd-pop-flash.png) no-repeat right;
                background: #000000;
                }  
                			
			ul li ul {
				list-style: none;
				position: absolute;
				left: 100px; /* distance of the pop menu from the main list */ 
				top: 0;
				display: none;
                /* invisible frame of the first links in the pop out menu  */ 
                border-left: 0px solid #FFFFFF;
                border-right: 0px solid #FFFFFF;
                border-top: 0px solid #FFFFFF;
                border-bottom: 0px solid #FFFFFF;

			}
			
			ul li:hover ul { display: block; }
			ul li:hover ul li ul { display: none; }
			ul li ul li:hover ul { display: block; }
            
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox {	cursor: default;	list-style: none; }
.hoverbox a {	cursor: default; }
.hoverbox a .preview {	display: none; }
.hoverbox a:hover .preview { display: block;	position: absolute;	top: -0px;	left: -45px;	z-index: 1; }
.hoverbox img { background: #353359; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 100px;
height: 87px; } /* thumbnail */

.hoverbox ul {}
.hoverbox li { 	background: #3D3971; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative; }

.hoverbox .preview { border-color: #8080FF; width: 400px; height: 350px; } /* preview zoom */

/* =Internet Explorer Fixes for hoverbox et marges decalees
----------------------------------------------------------------------*/

.hoverbox a
{position: relative;}

.hoverbox a:hover {	display: block;	font-size: 100%; z-index: 1; }

.hoverbox a:hover .preview { top: 80px; left: -120px;}

.hoverbox li {position: static; }


/* =hoverboxtshirts T-shirt colours selection gallery
----------------------------------------------------------------------*/

.hoverboxtshirts {	cursor: default;	list-style: none; }
.hoverboxtshirts a {	cursor: default; }
.hoverboxtshirts a .preview {	display: none; }
.hoverboxtshirts a:hover .preview { display: block;	position: absolute;	top: -0px;	left: -45px;	z-index: 1; }
.hoverboxtshirts img { background: #353359; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 100px;
height: 120px; } /* thumbnail */

.hoverboxtshirts li { 	background: #000000; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative; }

.hoverboxtshirts .preview { border-color: #8080FF; width: 260px; height: 270px; } /* preview zoom */

/* =Internet Explorer Fixes for hoverboxtshirts et marges decalees
----------------------------------------------------------------------*/

.hoverboxtshirts a
{position: relative;}

.hoverboxtshirts a:hover {	display: block;	font-size: 100%; z-index: 1; }

.hoverboxtshirts a:hover .preview { top: 80px; left: -120px;}

.hoverboxtshirts li {position: static; }

/* Guestbook styles
----------------------------------------------------------------------*/

div.guest{width:400px;margin-left:auto;margin-right:auto;border:0px solid black;width:600px;}
div.headerdiv{background-color:#E1FFA7;margin-bottom:0px;padding:10px;text-align:center}
div.formdiv{background-color:#000000;margin-bottom:0px;padding:10px;}
div.messages{background-color:#000000;margin-bottom:5px;padding:2px; border:2px white;}
div.navigationmenu{background-color:#000000; padding:4px; border:2px white;}

.form-els-bcg{background-color:#ffffff; color:#000000; font-family:verdana;}

.formtext{text-decoration:none;font-family:verdana;color:#ffffff;}
.makepriv{text-decoration:none;font-family:verdana;color:#ffffff;}
.linkback{text-decoration:none;font-family:verdana;color:#ffffff;text-align:center;}    
a{text-decoration:none;}
a.linkback{text-decoration:none; color:#ffffff;} 
.splink { cursor:pointer;  font-family:verdana; font-size:10px; font-weight:bold; line-height:150%; color:blue}
table.main {border:0px; width:400px; margin-left: auto; margin-right: auto; text-align: left; padding:15px;}
.powby{font-family:verdana;}
a.powby{font-family:verdana;}
a.topmenulinks{font-weight:bold;}

/* Guestbook post styles 
----------------------------------------------------------------------*/
div.postdiv{
  border:0px solid #FBFBEA; 
  margin-bottom:10px; 
  padding:3px; 
  width:500px; 
  text-align:left; 
  background-color:#ffffff;
  margin-left:auto;
  margin-right:auto;
}
div.postheader
{
  padding:2px; 
  background-color:#372971;
  color:#ffffff;
}

div.message{padding:2px;}
a.namelink{font-style:italic;color:#ffffff;}
.name{}
.email{}
.message{color:#000000;}
.date{font-style:italic;color:#ffffff;}

a.post_admin_view{font-weight:bold;color:#3333FF;}
a.priv_msg_link{}
hr.posthr{width:500px; border:2px;color:#3333FF;}

/* end Guestbook post styles 
----------------------------------------------------------------------*/