﻿@charset "utf-8";
/* CSS Document */

/*----------------------
productIndex
*/
#productMainVisual {
	clear:both;
	height:257px;
	margin:0 0 10px 0;
}
#product #wrapper #mainContents {
	padding:0 0 0 0;
}
#product #wrapper #mainContents h3 {
	margin:0 0 10px 10px;
}
#product #wrapper #mainContents #productIndex h3 {
    margin: 10px;
    padding: 3px 10px;
	color: #FFFFFF;
	font-size: 10pt;
}
#product #wrapper #mainContents #productIndex #automatic h3, #product #wrapper #mainContents #productIndex #automatic #section:hover h4 { background-color: #FF0000; }
#product #wrapper #mainContents #productIndex #manual h3, #product #wrapper #mainContents #productIndex #manual #section:hover h4 {	background-color: #0000FF; }
#product #wrapper #mainContents #productIndex #triples {
	padding:0;
	margin:0;
}
#product #wrapper #mainContents #productIndex #doubles {
	padding:0 125px;
	margin:0;
}
#product #wrapper #mainContents #productIndex #section {
	background: #FFFFFF url('img/backdrop_section.png') no-repeat;
	color: #A0A0A0;
	float: left;
	width: 220px;
	margin: 10px 15px 10px 15px;
	padding: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	position: relative;
	height: 200px;
}
#product #wrapper #mainContents #productIndex #section:hover {
	color: #000000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
#product #wrapper #mainContents #productIndex #section a {
	color: #A0A0A0;
	text-decoration: none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
#product #wrapper #mainContents #productIndex #section:hover a {
	color: #FF0000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
#product #wrapper #mainContents #productIndex #section:hover a:hover {
	text-decoration: underline;
}
#product #wrapper #mainContents #productIndex #section h4 {
	background-color: none;
	color: #707070;
    margin: 2px 5px 0 2px;
    padding: 3px 10px;
	font-size: 8pt;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
#product #wrapper #mainContents #productIndex #section:hover h4 {
	color: #FFFFFF;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
#product #wrapper #mainContents #productIndex #section img {
	margin: 2px 10px 0 10px;
}
#product #wrapper #mainContents #productIndex #section img.bike {
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 10;
}
#product #wrapper #mainContents #productIndex #section img.logo {
	position: absolute;
	left: 0;
	top: 20px;
}
#product #wrapper #mainContents #productIndex #section img.none {
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 10;
}
#product #wrapper #mainContents #productIndex #section ul {
	position: relative;
	top: 140px;
	list-style:none;
	font-size: 80%;
	padding:0;
	margin: 4px 8px 0 6px;
	color: #555555;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
#product #wrapper #mainContents #productIndex #section:hover ul {
	color: #FF0000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
#product #wrapper #mainContents #productIndex #section ul li {
	float: left;
	display: inline;
	padding:0;
	margin:0;
	width: 102px;
}
#product #wrapper #mainContents #productIndex #section ul li.full {
	width: 200px;
	text-align: center;
}
#product #wrapper #mainContents #productIndex #section ul li.right {
	text-align: right;
}
#product #wrapper #mainContents #productIndex #clear {
	clear: both;
}

/* PRODUCT */
#product #wrapper #mainContents #RightContents {
	float:left;
	width:600px;
	border:none;
}
#wrapper #mainContents #RightContents #mainVisual img {
	display:block;
}
#wrapper #mainContents #RightContents ul#tab01,
#wrapper #mainContents #RightContents ul#tab02,
#wrapper #mainContents #RightContents ul#tab03,
#wrapper #mainContents #RightContents ul#tab04 {
	margin:0;
	height:18px;
	padding:0 0 0 18px;
	list-style:none;
	text-align:left;
	background:url(../shared/img/btn_tab_blank.gif) repeat-x;
}
#wrapper #mainContents #RightContents ul li {
	float:left;
    overflow: hidden;
}
#wrapper #mainContents #RightContents ul#tab01 li.overview { background:url(img/btn_tab01_overview.gif) no-repeat; width:98px; }
#wrapper #mainContents #RightContents ul#tab01 li.features { background:url(img/btn_tab01_features.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab01 li.features a:hover { background:url(img/btn_tab01_features_ov.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab01 li.colors { background:url(img/btn_tab01_colors.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab01 li.colors a:hover { background:url(img/btn_tab01_colors_ov.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab01 li.techinfo { background:url(img/btn_tab01_tech-info.gif) no-repeat; width:98px; }
#wrapper #mainContents #RightContents ul#tab01 li.techinfo a:hover { background:url(img/btn_tab01_tech-info_ov.gif) no-repeat; width:94px; }
/*----------------*/
#wrapper #mainContents #RightContents ul#tab02 li.overview { background:url(img/btn_tab02_overview.gif) no-repeat; width:98px; }
#wrapper #mainContents #RightContents ul#tab02 li.overview a:hover { background:url(img/btn_tab02_overview_ov.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab02 li.features { background:url(img/btn_tab02_features.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab02 li.colors { background:url(img/btn_tab02_colors.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab02 li.colors a:hover { background:url(img/btn_tab02_colors_ov.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab02 li.techinfo { background:url(img/btn_tab02_tech-info.gif) no-repeat; width:98px; }
#wrapper #mainContents #RightContents ul#tab02 li.techinfo a:hover { background:url(img/btn_tab02_tech-info_ov.gif) no-repeat; width:94px; }
/*----------------*/
#wrapper #mainContents #RightContents ul#tab03 li.overview { background:url(img/btn_tab03_overview.gif) no-repeat; width:98px; }
#wrapper #mainContents #RightContents ul#tab03 li.overview a:hover { background:url(img/btn_tab03_overview_ov.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab03 li.features { background:url(img/btn_tab03_features.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab03 li.features a:hover { background:url(img/btn_tab03_features_ov.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab03 li.colors { background:url(img/btn_tab03_colors.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab03 li.techinfo { background:url(img/btn_tab03_tech-info.gif) no-repeat; width:98px; }
#wrapper #mainContents #RightContents ul#tab03 li.techinfo a:hover { background:url(img/btn_tab03_tech-info_ov.gif) no-repeat; width:94px; }
/*----------------*/
#wrapper #mainContents #RightContents ul#tab04 li.overview { background:url(img/btn_tab04_overview.gif) no-repeat; width:98px; }
#wrapper #mainContents #RightContents ul#tab04 li.overview a:hover { background:url(img/btn_tab04_overview_ov.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab04 li.features { background:url(img/btn_tab04_features.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab04 li.features a:hover { background:url(img/btn_tab04_features_ov.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab04 li.colors { background:url(img/btn_tab04_colors.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab04 li.colors a:hover { background:url(img/btn_tab04_colors_ov.gif) no-repeat; width:94px; }
#wrapper #mainContents #RightContents ul#tab04 li.techinfo { background:url(img/btn_tab04_tech-info.gif) no-repeat; width:98px; }
/*----------------*/
#wrapper #mainContents #RightContents ul li a {
	width:94px;
	height:18px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	text-decoration:none;
}
/*---*/
#wrapper #mainContents #RightContents #contents_area {
	clear:both;
	background-color:#B2B2B2;
}
#wrapper #mainContents #RightContents #contents_area.intro {
	min-height: 260px;
}
#wrapper #mainContents #RightContents #contents_area.vegaforce {
	color: #222222;
	background: #B2B2B2 url('./vegaforce/img/backdrop.jpg') top left no-repeat;
}
#wrapper #mainContents #RightContents #contents_area.miosevenwonders {
	color: #222222;
	background: #FFFFFF url('./mio/img/backdrop.jpg') top left no-repeat;
}
#wrapper #mainContents #RightContents #contents_area.nouvoz2010 {
	color: #222222;
	background: #FFFFFF url('./nouvo/img/backdrop.jpg') top left no-repeat;
}
#wrapper #mainContents #RightContents #contents_area.nouvoz2010-tech {
	color: #222222;
	background: #FDB913 url('./nouvo/img/background.jpg') top left repeat-x;
}
#wrapper #mainContents #RightContents #contents_area.sniper2010 {
	color: #C8C392;
	background: #000000 url('./sniper/img/backdrop.jpg') top right no-repeat;
	text-shadow: #000000 1px 1px 1px;
}
#wrapper #mainContents #RightContents #contents_area.sniper2010 dl dd h3 {
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
	color: #f5e44c;
	text-align: center;
	font-family: serif;
	font-style: italic;
	font-size: 16pt;
}
#wrapper #mainContents #RightContents #contents_area.sniper2010 dl dd h4 {
	text-align: left;
	font-family: serif;
	font-style: italic;
	font-size: 12pt;
	margin: 0 0 5px 0;
}
#wrapper #mainContents #RightContents #contents_area.finopremium dl dd h4,
#wrapper #mainContents #RightContents #contents_area.finofashion dl dd h4 {
	margin: 15px 0 10px 0;
}
#wrapper #mainContents #RightContents #contents_area.sniper-r {
	color: #FFFFFF;
	background: #FFFFFF url('./sniper-r/img/backdrop.jpg') top right no-repeat;
	min-height: 310px;
}
#wrapper #mainContents #RightContents #contents_area.sniper-r-tech {
	color: #FFFFFF;
	background: #0A2D82 url('./sniper-r/img/backdrop3.jpg') top right repeat-x;
}
#wrapper #mainContents #RightContents #contents_area.sniper-r p.att {
	color: #000000;
	padding:20px 0 28px 13px;
	margin:0;
	font-size:85%;
}
#wrapper #mainContents #RightContents #contents_area.fino {
	color: #000000;
	background: #FFFFFF url('./fino/img/backdrop.jpg') top right no-repeat;
	min-height: 190px;
}
#wrapper #mainContents #RightContents #contents_area.finopremium {
	color: #FFFFFF;
	background: #BF9885 url('./fino/img/backdrop-premium.jpg') top right repeat-x;
	min-height: 190px;
	border: 3px double #3C241C;
}
#wrapper #mainContents #RightContents #contents_area.finofashion {
	color: #EC008C;
	background: #FFFFFF;
}
#wrapper #mainContents #RightContents #contents_area.finofashion #top { background: url('./fino/img/backdrop-fashion-top.png') top right no-repeat; height: 8px; }
#wrapper #mainContents #RightContents #contents_area.finofashion #content { background: url('./fino/img/backdrop-fashion.png') top right repeat-y; min-height: 196px; }
#wrapper #mainContents #RightContents #contents_area.finofashion #bottom { background: url('./fino/img/backdrop-fashion-bottom.png') top right no-repeat; height: 17px; }
#wrapper #mainContents #RightContents #contents_area .sry_clr_lft {
	width:300px;
	float:left;
}
#wrapper #mainContents #RightContents #contents_area.finospacer {
	background: #FFFFFF;
	height: 10px;
}
#wrapper #mainContents #RightContents #contents_area h4 {
	text-align: center;
}
#wrapper #mainContents #RightContents #contents_area h4.visitspecialsite {
	padding: 10px 0 10px 0;
}
#wrapper #mainContents #RightContents #contents_area h4.visitspecialsite a {
	color: #FF0000;
	text-decoration: none;
}
#wrapper #mainContents #RightContents #contents_area h4.visitspecialsite a:hover {
	text-decoration: underline;
}	
#wrapper #mainContents #RightContents #contents_area h4.vegaforce {
	text-shadow: #BBA97B 2px 1px 1px;
}
#wrapper #mainContents #RightContents #contents_area h4.nouvoz2010 {
	color: #FDB913;
	letter-spacing: 0.4em;
	text-shadow: #000000 1px 1px 1px;
}
#wrapper #mainContents #RightContents #contents_area h4.fino {
	padding: 5px 0 0 0;
	font-size: 12pt;
}
#wrapper #mainContents #RightContents #contents_area dl {
	margin:0;
	padding:13px;
}
#wrapper #mainContents #RightContents #contents_area dl.rossi {
	margin:0;
	padding:0px;
}
#wrapper #mainContents #RightContents #contents_area dl.vega {
	height: 360px;
}
#wrapper #mainContents #RightContents #contents_area dl.sniper {
	color: #B2B2B2;
	height: 1000px;
}
#wrapper #mainContents #RightContents #contents_area dl.finooverview {
	height: 342px;
}
#wrapper #mainContents #RightContents #contents_area dl.sniper dd.clear {
	clear: both;
}
#wrapper #mainContents #RightContents #contents_area dl.sniper dd.features {
	width: 564px;
	margin: 5px 0 5px 0;
}
#wrapper #mainContents #RightContents #contents_area dl.sniper dd.features-diasil {
	width: 564px;
	margin: 0 0 5px 0;
	min-height: 326px;
	margin: 0;
	background: url('./sniper/img/engine.png') bottom right no-repeat;
}
#wrapper #mainContents #RightContents #contents_area dl.sniper dd.features h4 {
	font-size: 16pt;
	font-weight: normal;
}
#wrapper #mainContents #RightContents #contents_area dl.sniper dd.features table {
	width: 564px;
}
#wrapper #mainContents #RightContents #contents_area dl.sniper dd.features table td,
#wrapper #mainContents #RightContents #contents_area dl.sniper dd.features-diasil table td {
	border: 0;
}
#wrapper #mainContents #RightContents #contents_area.finofashion #content dl {
	margin:0;
	padding: 5px 13px;
}
#wrapper #mainContents #RightContents #contents_area.finopremium dl {
	margin:0;
	padding:10px;
}
#wrapper #mainContents #RightContents #contents_area dl dt {
	float:left;
	width:326px;
}
#wrapper #mainContents #RightContents #contents_area dl.rossi dt {
	float:left;
	width: 220px;
}
#wrapper #mainContents #RightContents #contents_area dl dd {
	float:left;
	margin:0 0 0 10px;
	display:inline;
	width:238px;
}
#wrapper #mainContents #RightContents #contents_area dl.rossi dd {
	float:left;
	margin:0 0 0 10px;
	display:inline;
	width:344px;
	margin-top :14px;
}
#wrapper #mainContents #RightContents #contents_area dl.rossi dd p {
	margin-top :13px;
}
#wrapper #mainContents #RightContents #contents_area dl dd p {
	margin:3px 0;
	line-height:1.1;
	font-size:85%;
}
#wrapper #mainContents #RightContents #contents_area.finopremium dl dd p,
#wrapper #mainContents #RightContents #contents_area.finofashion dl dd p {
	margin:3px 0;
	line-height:1.1;
	font-size:90%;
}
p.att {
	clear:both;
	padding:8px 0 13px 13px;
	margin:0;
	font-size:85%;
}
p.fino {
	clear:both;
	padding:0px 13px 0 13px;
	margin:0;
	font-size:90%;
	text-align: justify;
}
p.att2 {
    color: #FFFFFF;
	clear:both;
	padding:0 0 5px 13px;
	margin:0;
	font-size:95%;
}
/*-----*/
#wrapper #mainContents #RightContents #contents_area ul.features {
	margin:0;
	padding:0;
	list-style:none;
}
#wrapper #mainContents #RightContents #contents_area ul.features li {
	float:left;
	padding:13px;
	display:inline;
	width:124px;
}
#wrapper #mainContents #RightContents #contents_area ul.features li a {
	width:auto;
	height:auto;
	display:inline;
	text-indent:0;
	text-decoration:none;
}
.mrgNo {
	margin-right:0px !important;
}
/*-----*/
#wrapper #mainContents #RightContents #contents_area ul.vegaforce,
#wrapper #mainContents #RightContents #contents_area ul.nouvo,
#wrapper #mainContents #RightContents #contents_area ul.sniper {
    width: 450px;
}
#wrapper #mainContents #RightContents #contents_area ul.sniper-r {
	float: left;
    width: 450px;
}
#wrapper #mainContents #RightContents #contents_area ul.sniper-r-engine {
	float: left;
	margin-top: 20px;
    width: 114px;
}
#wrapper #mainContents #RightContents #contents_area ul.colors {
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
}
#wrapper #mainContents #RightContents #contents_area ul.colors li {
	float:left;
	padding:13px 13px 3px 13px;
	display:inline;
	width:124px;
}
#wrapper #mainContents #RightContents #contents_area.finopremium ul.features li {
	float:left;
	padding:13px 12px 13px 12px;
	display:inline;
	width:124px;
}
#wrapper #mainContents #RightContents #contents_area.finopremium ul.colors li {
	float:left;
	padding:13px 12px 3px 12px;
	display:inline;
	width:124px;
}
#wrapper #mainContents #RightContents #contents_area ul.colors li a {
	width:auto;
	height:auto;
	display:inline;
	text-indent:0;
	text-decoration:none;
}
/*-----*/
#wrapper #mainContents #RightContents #contents_area .spec_l {
	width:280px;
	float:left;
	margin:0 0 13px 13px;
	display:inline;
}
#wrapper #mainContents #RightContents #contents_area .spec_r {
	width:280px;
	float:right;
	margin:0 13px 13px 0;
	display:inline;
}
#wrapper #mainContents #RightContents #contents_area * table {
	width:268px;
	font-size:69%;
}
#wrapper #mainContents #RightContents #contents_area * table th {
	text-align:left;
	border-bottom:1px dotted #808080;
	padding:3px 0;
}
#wrapper #mainContents #RightContents #contents_area * table td {
	border-bottom:1px dotted #808080;
	padding:3px 0;
}
p.spec {
	padding:13px 0 2px 13px;
	font-weight:bold;
	margin:0;
}


/* 090327 */
.mio_color {
    width: 450px;
}