/*
File		:	/tpl/carbon/css/page_shop.css
Desc.		:	global style sheet for screen media
Author		:	Olivier Le Brenn, about@webriding.net
C.D.		:	Fri, May 19, 2006 | 11:07:05 AM
U.D.		:	Fri, May 19, 2006 | 11:07:05 AM
COM			:	http://stopdesign.com/examples/ie5mac-bpf/
				http://tantek.com/CSS/Examples/midpass.html
*/

/*-------------------{ imported common links }---------------------*/


@import url("/tpl/carbon/css/global_links.css");
@import url("/tpl/carbon/css/global_typo.css");

/*------------{ imported styles according to browsers }------------*/

@import url("/tpl/carbon/css/global.css");

/* IE5/Mac Only Styles  */
/*\*//*/
  @import "/tpl/shack/css/global_iemac.css";
/**/

/* IE5/Win Only Styles */
@media tty {
 i{content:"\";/*" "*/}} @import '/tpl/carbon/css/global_iewin.css'; /*";}
}/* */


/*-----------------------{ page style }----------------------------*/


body.fin #content {
	color: #333;
	padding-bottom:2em;
}

/*
body.fin #content {
	background: transparent url("/tpl/carbon/img/content_fin_bkg.png") repeat-y left top;
	color: #333;
	padding-bottom:2em;
}

* html body.fin div#content {
	background: #333 url("/tpl/carbon/img/content_fin_bkg_ie.jpg") repeat-y left top;
}
*html body.fin div#footer_links {
	background: #262726 url("/tpl/carbon/img/content_fin_end_bkg_ie.jpg") no-repeat left top;
}
body.fin #footer_links { 
	background: transparent url("/tpl/carbon/img/content_fin_end_bkg.png") no-repeat left top;
}

* html div#footer_links {
	background-color: #262726 ;
}
*/


#contentinner, #browser {
	border-top:1px #ccc solid;
	margin : 0 22px 0 21px;
	padding : 0 ;
}
 #contentinner {
	border-color:#000;
	text-align:left;
	min-height:550px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
}

div#contentinner img {
	behavior : url ("/tpl/carbon/css/iepngfix.htc");
}

/* fins main page */
#nojs ul li a:visited, #nojs ul li a:link {
	color:#333;
	display:block;
	width:95%;
	padding-left:5px; padding-right:5px;
	background-color:#7F7F7F;
}
#nojs ul li a:hover {
	background-color:#ccc;
}

#intro  {
	text-align:justify;
}

#intro p {
	margin-bottom:10px;
}

#intro img {
	margin-bottom:10px;
}

#intro h2 {
	margin-bottom: .5em;
}
#intro h3 {
	padding-top: 1.5em;
	margin-bottom: 1.5em;
	margin-right:25px;
	line-height:1.7em;
	border-top:1px solid #000;
}

h3.ranges {
	font-size:1.3em;
	color:#000;
	border-bottom:1px solid #333;
	text-align:center;
	margin-bottom:.7em;
	margin-top:1em;
}


div#flyinfo {
	position:relative;
	width:235px;
	color: #333;
	margin-top: 15px;
	left:20px;
	float:left;
}

div#flyinfo strong, div#flyinfo b  {
	color:#ff9900;
	background-color: #272827;
	padding: 2px 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;


}

div#flyinfo h2 {
	margin-bottom:0;
}

/*using contentinner  bacground for IE7 / FF  displaying fin */
div#viewer {
	display:none;
}
/*und this viewer for iE6 more css according to pix size on the flypage*/
*html div#viewer {
	behavior : url ("/tpl/carbon/css/iepngfix.htc");
	position:absolute;
	display:block;
	margin-left:25px;
	margin-right:0px;
}

div#flyinfo h2 {
	width:245px;
	color: #ccc;
}


/*
#boxcontainer {
	position:absolute;
	width: 225px;
	color: #ccc;
	margin-top: 15px;
	right: 25px;
}


*/
#boxcontainer {
	width: 225px;
	color: #ccc;
	margin-top: 15px;
	margin-right:15px;
	float:right;
}


div#view3D {
	width:224px;
	height:127px;
	padding-left:15px;
	padding-top:10px;
	font-size:9px;
	behavior : url ("/tpl/carbon/css/iepngfix.htc");
	background: url("/tpl/carbon/img_en/fin_3Dview.png") no-repeat left top;
}
div#download {
	padding-bottom:8px;
}

div#previewer {
	display:block;
	margin-right:35px;
	float:right;
}

/* Buy Options */

div#cartchooser {
	margin-top:0;
	padding-top:40px;
	width:224px;
	background: url("/tpl/carbon/img_en/howtobuy_tit.png") no-repeat left top;
}

#buycontainer {
	background: url("/tpl/carbon/img/howtobuy_mid.png") repeat-y left top;
}

#buyfooter {
	height:19px;
	margin:0;
	padding:0;
	background: url("/tpl/carbon/img/howtobuy_footer.png") no-repeat left bottom;
}

#formcart {
	background: url("/tpl/carbon/img/howtobuy_mid.png") repeat-y left top;
	margin-top:5px;
	padding:0;
}

.buy {
	padding:0;
	margin:10px 0 0 0;
	text-align:center;
	background-color:#fff;
}

.buy form {
	display:block;
	vertical-align:middle;
}

.buy.reseller form  {
	padding-top:110px;
}
.buy.reseller  {
	margin-top:5px;
	background: transparent url("/tpl/carbon/img_en/howtobuy_reseller.png") no-repeat left top;
}

.buy.select  {
	background: transparent url("/tpl/carbon/img/howtobuy_sos.png") no-repeat left top;
}
.buy.select form  {
	padding-top:125px;
}

select, input {
	margin-top:.7em;
	margin-left:1em;
}

form#cartselect p, p#explain  {
	padding: 0 10px;
}

* html form#cartselect p {
	padding: 0 8px;
}
* html p#explain {
	padding: 0 8px;
}


#cartselect #country {
	width:200px;
}
#explain span {
	display:none;
}

.warn {
	color:#890016;
}

.download {
	border-top: 1px solid #404240;
	text-align:right;
	margin-right:0;
}

/* slider specific CSS */
.sliderGallery {
	background-color: #000;
	overflow: hidden;
	position: relative;
	padding: 10px;
	height: 298px;
	width: 700px;
}

.sliderGallery ul {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 15px;
	width: 2332px;
}

.sliderGallery ul li {
	display: inline;
	height:195px;
	margin: 15px;
}

.formula, .freerace, .slalom, .speed, .sx, .bump, .freestyle, .wave {
	background-repeat:  no-repeat;
	background-color:#000;
}
.formula, .freerace, .slalom, .speed, .antiweed  {
	background-image: url(/tpl/carbon/img/fins-race-background.png);
}

.sx, .bump, .freestyle, .wave  {
	background-image: url(/tpl/carbon/img/fins-wave-background.png);
}
.formula-hover {
	background-color:#003366;
}
.freerace-hover {
	background-color:#0A284F;
}
.slalom-hover {
	background-color:#1555A1;
}
.speed-hover {
	background-color:#12155A;
}
.sx-hover {
	background-color:#D5001A;
}
.bump-hover {
	background-color:#E56B12;
}
.freestyle-hover {
	background-color:#F3A416;
}
.wave-hover {
	background-color:#FCD718;
}
.antiweed-hover {
	background-color:#12155A;
}



div#slider {
	width: 700px;
	height: 23px;
	margin-top: -33px;
	margin-left: 10px;
	padding: 1px;
	position: relative;
	background: url(/tpl/carbon/img/scrollbar.png) no-repeat;
}

* html div#slider {
	background: url(/tpl/carbon/img/scrollbar_ie.gif) no-repeat;
}


div#handle {
	position: absolute;
	cursor: move;
	height: 23px;
	width: 127px;
	top: -1px;
	background: url(/tpl/carbon/img/scroller3.png) no-repeat;
	z-index: 2;
}

* html div#handle {
	behavior : url ("/tpl/carbon/css/iepngfix.htc");
}


.slider span {
	color: #bbb;
	font-size: 80%;
	cursor: pointer;
	position: absolute;
	z-index: 3;
	top: 3px;
}


.slider #slider-formula {
	left: 45px;
	color:#fff;
}

.slider #slider-freerace {
	left: 105px;
}

.slider #slider-slalom {
	left: 200px;
}

.slider #slider-speed {
	left: 275px;
}

.slider #slider-sx {
	left: 410px;
}
.slider #slider-bump {
	left: 360px;
}
.slider #slider-freestyle {
	left: 420px;
}
.slider #slider-wave {
	left: 490px;
}

.slider #slider-antiweed {
	left: 600px;
}


.tip{
	width:173px;
	background: transparent url('/tpl/carbon/img/tip-text.png') top left repeat-y;
}
.tip-top{
	background:transparent url('/tpl/carbon/img/tip-top.png') top left no-repeat;
	height:16px;width:173px;
}
.tip-title{
	color:#e5272c;
	font-weight:bold;
	margin:0 30px 0 50px;
}
.tip-text{
	font-size:9px;
	color:#000;
	padding:10px 30px 20px 50px;
}
.tip-bottom{
	background:url('/tpl/carbon/img/tip-bottom.png') left bottom no-repeat;
	width:173px;
	height:43px;
}
.tipz{
	z-index:500;
}


		
/* browser stuff */
#browser {
	text-align:center;
	background-color:#272827;
}
#browser ul {
	margin: 0 auto;
	margin-left:200px;
	padding:0;
	height:19px;
	list-style-type: none;
	color:#000;
}

#browser ul li {
	float:left;
	padding: 0 30px 0 15px ;
	height:19px;
}

#browser ul li#cat {
	margin-left:10px; /* for ul bkg */
	background: #C0C2BC url('/tpl/carbon/img/bro_cat_end.png') no-repeat top right;
}

#browser ul li#cat a:link, #browser ul li#subcat a:link, #browser ul li#cat a:visited, #browser ul li#subcat a:visited  {
	color:#3d3e3d;
}
#browser ul li#subcat {
	background: #C0C2BC url('/tpl/carbon/img/bro_fin_start.png') no-repeat top right;
}
#browser ul li#fin {
	padding: 0 15px ;
	background: #4c4c4c url('/tpl/carbon/img/bro_fin_end.png') no-repeat  top right;
	color:#fff;
}

.browserange {
	width: 722px;
	height: 260px;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: auto;
	overflow-x:hidden;
	overflow-y:hidden;
}
 
.range {
	width: 1750px;
	height: 250px;
	margin:0;
	padding:10px 20px 0 20px;
}

.section{
	width: 75px;
	float:left;
	margin-right:5px;
}

*html .section img {
	behavior : url ("/tpl/carbon/css/iepngfix.htc");
}

#contentinner a, #contentinner a:link  {
	background:#cc0000;
}
#contentinner a:hover {
	background:#ccc;
}

/*finbox*/
#finbox {
	margin:15px 0;
	width:225px;
	height: 62px;
	padding:35px 15px 0 15px;
	background: url('/tpl/carbon/img_en/finbox_bkg.png') no-repeat top left;
}


#finbox span {
	text-indent: -999em;
	letter-spacing: -999em;
	float: left;
	display:block;
	margin:5px;
}

*html div#finbox span {
	margin:2px;
}


#finbox span#usbox {
	width:38px;
	height:13px;
	background: url('/tpl/carbon/img/finbox_us_off.png') no-repeat top left;
}
#finbox span#usbox.on {
	background: url('/tpl/carbon/img/finbox_us_on.png') no-repeat top left;
}
#finbox span#trimbox {
	width:44px;
	height:17px;
	background: url('/tpl/carbon/img/finbox_trim_off.png') no-repeat top left;
}
#finbox span#trimbox.on {
	background: url('/tpl/carbon/img/finbox_trim_on.png') no-repeat top left;
}
#finbox span#powerbox {
	width:45px;
	height:21px;
	background: url('/tpl/carbon/img/finbox_power_off.png') no-repeat top left;
}
#finbox span#powerbox.on {
	background: url('/tpl/carbon/img/finbox_power_on.png') no-repeat top left;
}
#finbox span#tuttle {
	width:45px;
	height:23px;
	background: url('/tpl/carbon/img/finbox_tuttle_off.png') no-repeat top left;
}
#finbox span#tuttle.on {
	background: url('/tpl/carbon/img/finbox_tuttle_on.png') no-repeat top left;
}
#finbox span#deeptuttle {
	width:45px;
	height:30px;
	background: url('/tpl/carbon/img/finbox_deeptuttle_off.png') no-repeat top left;
}
#finbox span#deeptuttle.on{
	background: url('/tpl/carbon/img/finbox_deeptuttle_on.png') no-repeat top left;
}


.loading {
	background: transparent no-repeat center;
	background-image:url('/tpl/carbon/img/ajax-loading.gif');
}