/*************************************************************
  
  Author:         Miel Vandevelde
  Company:        happybiking.com
  Version:        2.0
  Created on:     00.00.2009
  
  CONTENT STYLESHEET
  ------------------
  PAGE
  HEADER
  CONTENT
  SIDEBAR
  FOOTER
  -
  CLEARFIX
  
*************************************************************/



/*************************************************************
  P A G E
*************************************************************/
 * {  outline:0;font-size: 100%; margin: 0px;  padding: 0px } /* Resets elements */
img{ border:0;}
table { border-spacing: 0px; border-collapse: collapse;}
td { border:1px solid gray;padding:5px; }
table.noborder td { border:0px;}
ol, ul { list-style: none }
big { font-size: 130% }
small, sup, sub { font-size: 80% }



.left { float: left }
.right { float: right }
.clear { clear: both }

body { 
  background: #ba9427 url(/images/application/images_happybiking/bg.jpg) left top repeat-x scroll;
  color: #404040; font: 12px/1.5em 'Tahoma', Arial, Helvetica, sans-serif;
  behavior: url('/stylesheets/csshover.htc');
}
*+html body { font-size: 75% } /* Resets to 12px for text resizing in IE7 and IE6 */
* html body { font-size: 75% }

#wrapper { margin: 0 auto; width: 955px }



/*************************************************************
  H E A D E R
*************************************************************/
#header { height: 205px; position: relative }

#header #logo { background: url(/images/application/images_happybiking/logo.png); bottom: auto; height: 150px; left: 25px; position: absolute; right: auto; top: 0; width: 313px }

#header #selectLang   { background: #000; color: #fff; font-size: 0.92em; height: 30px; line-height: 30px; text-align: right }
#header #selectLang a { color: #fff }

#menuarea { position:relative;height:53px;width:100%;}

/*************************************************************
  C O N T E N T
*************************************************************/
#selectorcontent {position:relative;background:black;width:648px;z-index:999}

#content { float: left; margin: 3px 0 0; width: 650px }

#content #section { background: #fff; margin: 0 0 3px; padding: 20px }


#content #section h1.news { background: url(/images/application/images_happybiking/H1.gif) no-repeat; height: 47px; padding: 0 0 0 54px }

#content #section p { margin: 0 0 0.83em 0 }

#content #section div.selection { background: url(/images/application/images_happybiking/bgH1.gif) repeat-x; color: #fff; font-size: 1.27em; height: 31px; line-height: 2em; margin: 0.83em 0; padding: 0 0 0 8px }



#content #section a {  }
/*
#content #section a.button { background: url(/images/application/images_happybiking/buttonCorner.gif) right top no-repeat; color: #fff; display: block; float: left; font-size: 1.64em; height: 27px; line-height: 1.5em; padding: 0 15px 0 0; text-decoration: none; text-transform: lowercase }
#content #section a.button span { background: url(/images/application/images_happybiking/button.gif) left top no-repeat; display: block; line-height: 1.5em; padding: 0 0 0 15px }
*/

#content #section .item { background: url(/images/application/images_happybiking/itemBg.gif) repeat-x; margin: 0.83em 0; padding: 7px 10px; }
#content #section .item h3 { background: #93896d; color: #fff; font-size: 1.5em; line-height: 1.89em; margin: 0 -10px 7px; padding: 0 0 0 8px }
/*#content #section .item img { float: left; margin: 0 5px 0 0 }*/
/*#content #section .item p.buttons { clear: both; float: none; }
#content #section .item a.button { background: url(/images/application/images_happybiking/buttonCorner.gif) right top no-repeat; color: #fff; display: block; float: left; font-size: 1.64em; height: 27px; line-height: 1.5em; padding: 0 15px 0 0; text-decoration: none; text-transform: lowercase }
#content #section .item a.button span { background: url(/images/application/images_happybiking/button.gif) left top no-repeat; display: block; line-height: 1.5em; padding: 0 0 0 15px }
*/
#content #section .details { background: url(/images/application/images_happybiking/detailBg.gif) repeat-x; clear: both; width: 100%; }
#content #section .details th { background: url(/images/application/images_happybiking/bgH1.gif) repeat-x; border-bottom: 1px solid #000; color: #fff; clear: both; height: 31px; padding: 0 0 0 15px; text-align: left; width: 245px }
#content #section .details td { border:0px;border-bottom: 1px solid #706752; color: #fff; height: 40px; padding: 0 0 0 15px }
#content #section .details th.picture { padding: 0; vertical-align: top }

#content #section hr { background-color: gray; color: gray; height: 1px; margin: 10px 0;border:none; }

#content #banner { background: url(/images/application/images_happybiking/bgBanner.gif) repeat-x; height: 60px; padding: 10px 20px }



/*************************************************************
  S I D E B A R
*************************************************************/
#sidebar { float: right; font-size: 1em; line-height: 1.27em; margin: 3px 0 0 3px; width: 302px }

#sidebar #section { background: #fff; margin: 0 0 3px; padding: 13px; width: 276px }

#sidebar #section h1{ background: url(/images/application/images_happybiking/bgH1.gif) repeat-x; color: #fff; font:  1.27em/31px 'Tahoma', Arial, Helvetica, sans-serif; height: 31px; margin: -12px -12px 0 -12px; padding: 0 12px }
#sidebar #section h2 { font-size: 1.64em; margin: 0.44em 0 }

#sidebar #section p { margin: 1.27em 0 }
#sidebar #section p.date { color: #a68523; font-weight: bold; margin: 1.27em 0 0 }
/*#sidebar #section p.buttons { display: block; float: none; margin: 1.27em 0 0; text-align: right }*/
#sidebar #section p.client { font-weight: bold; margin: 1.27em 0 0; text-align: right }
#sidebar #section p.comment { font: italic 1.33em/1.38em Georgia, "Times New Roman", Times, serif; text-indent: 35px }
#sidebar #section p.comment .quote { color: #b28f25; font-size:24px; font-weight:bold }

#sidebar #section a {  }
/*
#sidebar #section a.button { background: url(/images/application/images_happybiking/buttonCorner.gif) right top no-repeat; color: #fff; display: block; float: left; font-size: 1.64em; height: 27px; line-height: 1.5em; padding: 0 15px 0 0; text-decoration: none; text-transform: lowercase }
#sidebar #section a.button span { background: url(/images/application/images_happybiking/button.gif) left top no-repeat; display: block; line-height: 1.5em; padding: 0 0 0 15px }
*/

#sidebar #section input.email {  width: 150px }

.selectorbar { background: #EEE; color: black;border:1px solid gray; font:  1.27em/31px 'Tahoma', Arial, Helvetica, sans-serif;  padding:5px }



/*************************************************************
  F O O T E R
*************************************************************/
#footer { color: #fff; clear: both; font-size: 0.92em; height: 30px; line-height: 30px; margin: 0 0 3px; text-align: right }

#footer a { color: #fff }



/*************************************************************
  C L E A R F I X  =  clears floating elements
*************************************************************/
.clearfix       { display: inline-block }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden;line-height:0; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */



/*************************************************************
  IMAGE CONTAINER
*************************************************************/

.imagecontainer {
	position:relative;
	border:0px solid #e2e1e1;
	display:block;
	padding:9px;
}

/*************************************************************
  FORMS
*************************************************************/

label{
	font-weight:bold;
	text-align: left;
}

.formfield{
  height:30px;
	text-align: left;
}

/*************************************************************
  PAGINATION
*************************************************************/

.ff_pagination {
 	margin:5px 0px;
}
.ff_pagination a, .ff_pagination span {
    padding: .2em .5em; 
}
.ff_pagination span.disabled {
    color: #AAA; 
}
.ff_pagination span.current {
    font-weight: bold;
}
.ff_pagination a {
	  border: 1px solid #515151;
	  text-decoration: none; 
	  color:#515151 !important;
	  line-height:30px;
}
.ff_pagination a:hover, .ff_pagination a:focus {
  	background-color: white;
  	color: #515151;
  	border-color: #929292;
  	font-weight: normal !important;
  	background-color: #873132;
  	color: white !important;
  	border: 1px solid #515151;
}
.ff_pagination .page_info {
    color: #aaa;
    padding-top: .8em; 
}
.ff_pagination .prev_page, .ff_pagination .next_page {
    /*border-width: 2px; */
}
.ff_pagination .prev_page {
    /*margin-right: 1em; */
}
.ff_pagination .next_page {
   /* margin-left: 1em;*/
}


.pagination{
	margin:5px 0px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: right; /*Set to "right" to right align pagination interface*/

}

.pagination li{
	font-size:2em;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	line-height:28px;
	display:inline;
	padding-left: 5px;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #424242;
	text-decoration: none; 
	color: gray !important;
	background-color: #3e3e3e;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #424242;
	color: white !important;
	background-color: #3e3e3e;
}

.pagination a.currentpage{
	background-color: black;
	color: white !important;
	border-color: #424242;
	background-color: #3e3e3e;
	font-weight: bold;
	cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

.pagination a.prevnext{
	font-weight: bold;
}

/*************************************************************
  ITEMSTRIP
*************************************************************/

.stripcontainer{
	width:273px;
	overflow:hidden;
	position:relative;
}

.itemstrip{
  position:relative;
  width:10000px;
}

.stripitem{
	position:relative;
	float:left;
	border:1px solid white;
	width:273px;
	overflow:hidden;
	margin-right:16px;
	margin-bottom:10px;
}

/*************************************************************
  ALL THE REST
*************************************************************/

h1 { color: #877e64; font-size: 2.17em; line-height: 47px;margin-bottom:10px; }
h2 { color: #877e64; font-size: 1.8em; line-height: 37px }
h4 { color: #877e64; font-size: 1.4em; line-height: 33px;}
p { margin: 0px 0px 1.27em 0px}


.line{
  position:relative;
  line-height:1px;
  height:10px;
  border-bottom:1px solid gray;
  width:100%;
}

input{
  background: #fff; border: 1px solid #808080; font: 1em/1.1em Verdana, Arial, Helvetica, sans-serif; height: 16px; padding: 2px;
}

input.radio{ border:0px;}

select{
  background: #fff;  font: 1em/1.1em Verdana, Arial, Helvetica, sans-serif;border: 1px solid #808080;
}

option{
   padding: 0px 6px; 
}

a { color: #7e651a }

a.button{
  color: white !important;
  text-decoration: none;
  text-transform: lowercase;
  font-size:1.3em;
  line-height: 1.3em;
}

a.button .right{
  margin: 5px 0px;
  background: url(/images/application/images_happybiking/buttonCorner.gif) right top no-repeat;
  display: block;
  float: left;
  height: 27px;
  padding: 0 15px 0 0;
}

a.button .left{
  margin: 5px 0px;
  background: url(/images/application/images_happybiking/button.gif) left top no-repeat;
  display: block;
  float:left;
  height: 27px;
  line-height: 1.5em;
  padding: 0 0 0 15px;
}


.thumbcontainer{
  padding:3px;
  border:1px solid gray;
}

.floatleft{
	position:relative;
	float:left;
}

.floatright{
	position:relative;
	float:right;
}




.clear     { display: inline-block }
.clear:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden;line-height:0;}

/* Hides from IE-mac \*/
* html .clear { height: 1% }
.clear { display: block }
/* End hide from IE-mac */

.ibutton input{
  margin:10px 0px;
  padding:0px 15px;
	background:#EEE;
	font-weight:bold;
	font-size:1.2em;
	cursor: hand;
	cursor: pointer;
	height:28px
}


.notice {
  background: #09FB89;
  border-top: 1px solid #b21b1b;
  border-bottom: 1px solid #b21b1b;
  text-align: center;
  margin: 10px auto;
  padding: 5px 20px;
  color:black;
  font-weight:bold;  
}

.error {
  background: red;
  border-top: 1px solid #b21b1b;
  border-bottom: 1px solid #b21b1b;
  text-align: center;
  margin: 10px auto;
  padding: 5px 20px;
  color:white;
  font-weight:bold;  
}

/* TinyMCE specific rules */
body.mceContentBody {
   background: white;
   margin:8px;
   padding:8px;
   text-align:left;
}