body 					{ font-family: arial, verdana, trebuchet ms; font-size: 12px; color: #000;  text-align: left; margin: 0; padding: 0; }

body div#fancy_div 		{ background: #FFF; color: #000;} /* Fancybox override */
body div#fancy_inner 	{ position: relative; width:100%; height:100%; background: #666; border: 1px solid #42230d;}

/* AGENTS */
body #title 			{ background: #555; }
body #title h1 			{ margin: 0 0 10px 0; color: #fff; padding: 10px; }
body #agentinfo 		{ margin: 10px; line-height: 1.7em; }


/* TECHNOLOGY POPUP */
body.technology 			{ background: #bebebe url(/images/technology/bg_introduction.jpg) no-repeat;  }
body div.technology 		{ padding: 20px 30px 30px 30px; }
body div.technology h1 		{ margin: 0; }
body div.technology p 		{ margin: 0 0 10px 0; }

/*
body.technology2011							{ background: #eee url('/images/technology/2011/bg_body_technology_single.jpg') no-repeat; color: #fff; }
body.technology2011 a.button-fancy			{ background: #fff; color: #387ecd; border: 1px solid #387ecd; }
body.technology2011 a.button-fancy:hover	{ text-decoration: underline; }
*/

/* TECHNOLOGY EXPLANATION INFO */
#explanationinfo 		{ margin: 15px; color: #333; line-height: 1.5em; font-size: 0.9em; }
#explanationinfo p 		{ margin: 15px 0 15px 0; }
#explanationinfo img 	{ border: 1px solid #ccc; }
#explanationinfo h1 	{ text-transform: uppercase; color: #666; margin: 0 0 5px 0; font-size: 1.8em; }
#explanationinfo h2 	{ font-size: 1.4em; color: #999; }

#explanationinfo table 										{ border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-collapse: collapse; font-size: 1em; }
#explanationinfo table tr td, #explanationinfo table tr th 	{ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #000; padding: 5px; text-align: left; vertical-align: top; }
#explanationinfo table tr th 								{ font-weight: bold; background: #999; color: #fff; }

/* BIKE ZOOM */
#zoom-v2 		{ width: 800px; margin: 0 auto; }
#main-zoom 		{ text-align: center; }

/* BASICS */
img { border: none; }

a.button 						{ padding: 5px 10px 5px 10px; background: #00529e; color: #fff; line-height: 25px; text-decoration: none; font-weight: bold; text-transform: uppercase; }
a.button:hover 					{ background: #387ecd; }
a.button-fancy 					{ background: url(/images/bikes/bg_button_bikefinder.gif) no-repeat; }
a.button-fancy:hover			{ background: url(/images/bikes/bg_button_bikefinder_hover.gif) no-repeat; }

/* PRINT */
#main-print 					{ padding: 20px; font-family: arial, helvetica, ms sans serif; }
#main-print #logo 				{ text-align: right; }
#main-print .photoframe 		{ border: 1px solid #ddd; }
#main-print .photoframe img 	{ margin: 10px; }
#main-print h1 					{ font-size: 2.5em; text-transform: uppercase; }
#main-print h3 					{ font-size: 1.6em; text-transform: uppercase; color: #666; }

/* PRINT PDF */

#print-pdf 						{ width: 770px; padding: 0; color: #222; }

#print-pdf .left				{ float: left; width: 35px; }
#print-pdf .right				{ float: left; width: 735px; background: #fff; }

#print-pdf .left #segmentinfo			{ color: #fff; writing-mode: tb-rl; filter: flipv fliph; font-size: 1em; height: 700px; padding: 0 10px 0 0px; }
#print-pdf .left #segmentinfo .segment	{ font-weight: normal; }	

.sidebar-livgiant						{ background: #b199ca; }

#print-pdf .left #livgiant-text	{ color: #fff; writing-mode: tb-rl; filter: flipv fliph; font-size: 1em; padding: 10px 10px 10px 0; height: 200px;  }

#print-pdf #logo				{ padding: 0 5px 5px 0; text-align: right; margin: 10px 0 10px 15px; }

#print-pdf #header				{ margin: 0 0 5px 15px; }
#print-pdf #header .left		{ float: left; width: 345px; }
#print-pdf #header .right		{ float: left; width: 345px; margin-left: 20px; text-transform: uppercase; }
#print-pdf #header h1 			{ font-family: RideLife, arial; font-size: 2.6em; margin: 0; text-transform: uppercase; } 

#print-pdf #header .right .positioning-statement	{ font-family: RideLife, arial; }

#print-pdf #main-image			{ text-align: center; margin: 0 0 15px 0; }

#print-pdf #data 				{ margin: 0 0 0 15px; }
#print-pdf #data h2				{ font-family: RideLife, arial; text-transform:  uppercase; border-bottom: 2px solid #000; font-size: 1.3em; margin: 0 0 5px 0 }
#print-pdf #data h2#geometry	{ border: none; margin: 0; }
#print-pdf #data .left			{ float: left; width: 285px; }
#print-pdf #data .right			{ float: left; width: 385px; margin-left: 20px; }

#sizes							{ margin: 0 0 15px 0; }

#print-pdf #data .left #product-variations					{  }
#print-pdf #data .left #product-variations .item			{ width: 120px; height: 200px; float: left; margin: 0 10px 0 0; border: none; } 
#print-pdf #data .left #product-variations .item .image		{ width: 120px; margin: 0; }
#print-pdf #data .left #product-variations .item .text		{ width: 120px; padding: 5px 0 0 0; text-align: center; }

#print-pdf #data h4				{ font-size: 1.1em; margin: 0 0 5px 0; text-transform: uppercase; }
#print-pdf #data ul				{ padding: 0; margin: 0 0 0 15px; list-style-image:url('/images/interface/li_pdf2.gif'); }
#print-pdf #data #price			{ font-size: 1.1em; }

#bottom-pdf						{ width: 770px; height: 500px; }
#bottom-pdf .left				{ float: left; width: 35px;  height: 500px;}
#bottom-pdf .right				{ float: left; width: 735px; background: #fff;  height: 500px; }




/* SPECS en GEOMETRY */
p.disclaimer														{ font-size: 0.6em; color: #555; margin: 10px 0 10px 0; }
table.bike-specifications											{ border-collapse: collapse; width: 285px; font-size: 0.7em;  }
table.bike-specifications tr th 									{ width: 100px; text-transform: uppercase;  }
table.bike-specifications tr th, table.bike-specifications tr td 	{ border-bottom: 1px solid #ddd; padding: 2px 2px 2px 2px; text-align: left; vertical-align: top;  }
table.bike-specifications tr th.heading 							{ width: auto; color: #fff; }
table.bike-specifications tr th.heading h3 							{ text-transform: uppercase; margin: 0; font-size: 0.8em; }

/* geometry */
#print-pdf #data h2.no-underline				{ border-bottom: 0; }

table.geometry 				{ border-collapse: collapse; border-top: 2px solid #000; border-bottom: 2px solid #000; width: 385px; margin: 0 0 15px 0; font-size: 0.7em; }
table.geometry tr th		{ border-bottom: 1px solid #ddd; padding: 2px 5px 2px 5px; text-align: left; vertical-align: top; }
table.geometry tr td 		{ border-bottom: 1px solid #ddd; padding: 2px 5px 2px 5px; text-align: left; vertical-align: top; }
table.geometry tr th.first	{ border-left: none; }
table.geometry tr td.first	{ border-left: none; }
table.geometry tr th.last	{ border-right: none; }
table.geometry tr td.last	{ border-right: none; }



/* RIGHT INFO */
#frame-design						{ margin: 0 0 10px 0; font-size: 0.8em; }
#features							{ margin: 0 0 10px 0; font-size: 0.8em; }
#geometry							{ margin: 0 0 10px 0; font-size: 0.8em; }
#print-pdf #data #technologies		{ margin: 0 0 10px 0; }
#print-pdf #data #technologies img 	{ margin: 0 10px 10px 0; }
#price								{ font-weight: bold; margin: 0 0 15px 0; font-size: 1.1em;  }


/* TEAMS RIDERS */

#main-rider { width: 465px; padding: 20px; }

.item-businesscard 						{ background: #fff; height: 150px; margin: 0 0 15px 0; }
.item-businesscard .image				{ float: left; width: 150px; }
.item-businesscard .image .photoframe	{ width: 150px; height: 150px; border: none; }
.item-businesscard .text				{ float: left; width: 250px; padding: 25px 0 0 10px; }
.item-businesscard .text h3				{ font-size: 1.3em; margin: 0 0 10px 0; }
.item-businesscard .text h4				{ font-size: 1.2em; margin: 0 0 10px 0; font-style: italic; font-weight: normal; }
.item-businesscard .text h5				{ font-size: 1.1em; color: #999; }

body.teamsriders-rider-detail #main-rider table			{ width: 450px; border-collapse: collapse; }
body.teamsriders-rider-detail #main-rider table tr th	{ background: #333; color: #fff; width: 135px; padding: 3px 5px 3px 10px; border-bottom: 1px solid #666; vertical-align: top; }
body.teamsriders-rider-detail #main-rider table tr td	{ padding: 3px 5px 3px 10px; border-bottom: 1px solid #ccc; vertical-align: top; }


/* LIVGIANT AMBASSADOR */

#main-ambassador										{ padding: 20px; }
#main-ambassador .item-businesscard 					{ background: #a379a9; height: 140px; border: 1px solid #ddd; }
#main-ambassador .item-businesscard .image .photoframe	{ height: 140px; }
#main-ambassador .item-businesscard .text				{ padding-left: 20px; }
#main-ambassador .item-businesscard .text h2			{ font-size: 2.3em; color: #fff; }				

#main-ambassador table					{ width: 100%; border-collapse: collapse; border: 1px solid #ccc; margin: 0 0 15px 0;  }
#main-ambassador table tr th			{ background: #eee; color: #111; width: 50%; padding: 3px 5px 3px 10px; border-bottom: 1px solid #ddd; vertical-align: top; }
#main-ambassador table tr td			{ padding: 3px 5px 3px 10px; border-bottom: 1px solid #ccc; vertical-align: top; }




/* POPUP COUNTRY LIST */

body.countrylist 						{ margin: 15px; background: #f3f1f1 url(/images/interface/bg_body.gif) repeat-x; }
body.countrylist .container 			{ width: 650px;}
body.countrylist h1 					{ font-size: 1.3em; text-transform: uppercase; margin: 0 0 20px 0; letter-spacing: 0.3em;}
body.countrylist h2 					{ font-size: 1.2em; text-transform: uppercase; color: #999; margin: 0 0 4px 0;}
body.countrylist table 					{ font-size: 1em; border: none; border-collapse: collapse;}
body.countrylist table tr td 			{ width: 250px; vertical-align: top; line-height: 1.4em;}
body.countrylist table tr td ul 		{ list-style: none; margin: 0 0 15px 0; padding: 0;}
body.countrylist table tr td a 			{ color: #111; text-decoration: none;}
body.countrylist table tr td a:hover 	{ color: #00579d; text-decoration: underline;}

#agents-title 			{ color: #999; text-transform: uppercase; font-weight: bold; margin: 0 0 4px 0px;}
#agents-select form 	{ margin: 0; padding: 0;}
#agents-select select 	{ font-size: 0.9em;}




/* SPECIAL */

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */