/*
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 }----------------------------*/


#action {
	height:290px;
	background-color:#fff;
	margin-bottom:0;

}
/*
#action {
	margin-bottom:0;
	border-bottom:none;
}
*/


#action div#prodviewer {
	margin:0;
	padding:0;
	height:39px;
	background-image: url(/tpl/carbon/img/prodviewer.jpg);
	background-position:0 0;
	background-color: transparent;
	background-repeat: no-repeat;
}

#action div#masker {
	position:relative;
	z-index:0;
	width:720px; 
	height:260px;
	overflow:hidden;
}

#slides {
	position:absolute;
}
#masker img{
	position:absolute;
	display:block;
	border:none;
}

a#controller {
	display:none;
	float:right;
	text-indent:-9999px;
	width:52px;
	height:28px;
	margin-right:5px;
	background-image: url(/tpl/carbon/img/play-pause.png);
	background-position:0px 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	cursor:pointer; 
}


h2.sifr {
	color:#ffffff;
	margin-right:40px;
	margin-top:0px;
	margin-left:200px;
	margin-bottom:0px;
	width:375px;
	height:30px;
	float:left;
	font-size:24px;
	text-transform:uppercase;
}



#paddle {
	position:absolute;
	margin-left:55px;
	margin-top:35px;
	z-index:150;
}
div#paddle img {
	behavior : url ("/tpl/carbon/css/iepngfix.htc");
}

table {
	margin-left:auto;
	margin-right:auto;
	clear:both;
	width:90%;
	padding: 5px;
	border:  2px solid #000000;
	text-align: center;
	border-collapse:collapse;
	font-size:.9em;
}


table caption {
	font-size:14px;
	font-weight:bold;
	margin:5px;
}
td, th, tr  {
	border: 1px solid #000000;

}
th {
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
}

/**/

#contentinner {
	margin : 0 20px 0 22px;
	padding : 0 3em 0 0;
	border-top: 1px solid #000;
	background-image: url(/tpl/carbon/img/paddles/bkg_w1.jpg);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
	text-align:left;
	min-height:300px;
}


#boxcontainer {
	width: 475px;
	color: #1B1B1B;
	float:none;
	margin-left:205px;
}

.togglers {
	color: #939393;
	margin: 0;
	padding: 3px 0 3px 25px ;
	background-image: url(/tpl/carbon/img/toggler_arrow_right.png);
	background-position: 6px 9px;
	background-repeat: no-repeat;
	background-color: #383838;
	border-right: 1px solid #272827;
	border-bottom: 1px solid #272827;
	border-left: 1px solid #272827;
	font-size: 1.2em;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: .3em;
	cursor: s-resize;
}

.togglers.togbuy {
	border-bottom: 0px;
	background-color: #77A700;
	color: #fff;
}

.elements {
	background-color:#A7A7A7;
	border-right: 1px solid #404240;
	border-left: 1px solid #404240;
	border-bottom: 1px solid #404240;
}

.elements h4 {
	font-weight:bold;
}
.elements hr {
	height:1px;
	width:95%;
	border: 0
	color:#272827;
	background-color:#272827;
	margin:5px auto;
}

.elements p.use {
	font-weight:bold;
	font-size:1.1em;
	width:100%;
	text-align:center;
	margin-top: 45px;
	text-shadow :#fff .1em .1em .5em #ccc;
}

.elements table {
	width:95%;
	margin:0 auto;
}

.elements table td,  .elements table  tr  {
	border-bottom: 1px solid #ccc;

}

.elements table th {
	background-color:#000;
	color:#fff;
	border-bottom: 1px #fff solid;
	border-right: 0px;
}
.elements table tr:first-child th {
	background-color:#A7A7A7;
	color:#000;
	border-bottom: 0px;
	border-right: 0px;
}

.elements table td.tri {
	background: url(/tpl/carbon/img/table-tri.png) no-repeat center left;
}


.elements table tr:last-child {
	border-bottom: 1px ;
}



.elements h4, .elements p, .elements form, .elements ul {
	margin: 0;
	padding-left: .7em;
	padding-right: .7em;
	padding-bottom:0;
}

.elements h4.questions {
	padding-top:1em;
	font-weight:bold;
}

.elements h4:last-child, .elements p:last-child, .elements form:last-child, .elements ul:last-child {
	padding-bottom:1em;
}

.elements p img {
	margin: 0;
}


.elements img {
	margin: 1em 0 .5em 0;
}

.elements ul li {
	padding-left:22px;
	behavior : url ("/tpl/carbon/css/iepngfix.htc");
	background: url(/tpl/carbon/img/dot_li.png) no-repeat 0 2px;
}

table.bladesize {
	margin:1em;
}

table.bladesize caption {
	display:none;
}



h4.program {
	padding: .7em;
	background-position: 25px 15px;
	background-repeat: no-repeat;
}

h4.program span {
	display:block;
	text-align:left;
}

h4.program img {
	behavior : url ("/tpl/carbon/css/iepngfix.htc");
}

#buycontainer {
}

#formcart {
	display:block;
}
/*
form#cartselect p, p#explain  {
	padding: 0 10px;
}
*/

form#cartselect p#showprice {
	font-weight:bold;
}

/* special rudder case */
div#cartselect form {
	vertical-align:top;
	padding:0 0 1em 0;
	margin:0;
}

div#cartselect table, div#cartselect tr, div#cartselect td  {
	border:none;	
}

div#cartselect h4 {
	margin:0;
	padding:0;
}

div#cartselect select {
	margin-right:1em;
}

.buy {
	padding:0;
	margin:10px 0;
	width: 224px;
	height: 216px;
	text-align:center;
}
.buy.select  {
	float:left;
	margin-left:7px;
	background: url(/tpl/carbon/img_en/buy_select.png) no-repeat top left;
}
.buy.reseller  {
	float:right;
	margin-right:7px;
	background: url(/tpl/carbon/img_en/buy_reseller.png) no-repeat top left;
}
.buy form {
	display:block;
	padding-top:130px;
	vertical-align:middle;
	height:25px;
}

p.steps {
	font-weight:bold;
	line-height:1em;
	margin-bottom:1em;
	padding: 3px 0 10px 40px ;
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

.steps.one {
	background-image: url(/tpl/carbon/img/step1.png);
}
.steps.two {
	background-image: url(/tpl/carbon/img/step2.png);
}
.steps.three {
	background-image: url(/tpl/carbon/img/step3.png);
}
.steps.four {
	background-image: url(/tpl/carbon/img/step4.png);
}
.steps.five {
	background-image: url(/tpl/carbon/img/step5.png);
}
.steps.one.warn {
	background-image: url(/tpl/carbon/img/step1_warn.png);
	color:#890016;
}
.steps.two.warn {
	background-image: url(/tpl/carbon/img/step2_warn.png);
	color:#890016;
}
.steps.three.warn {
	background-image: url(/tpl/carbon/img/step3_warn.png);
	color:#890016;
}
.steps.four.warn {
	background-image: url(/tpl/carbon/img/step4_warn.png);
	color:#890016;
}
.steps.five.warn {
	background-image: url(/tpl/carbon/img/step5_warn.png);
	color:#890016;
}

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

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

/* program tpl */

#program {
	width: 720px;
	margin: 0 0 0 22px;
	height: 500px;
	border-bottom:1px #272827;
	background-color: #2A2B2A;
}

*html div#program {
	margin: 0 0 0 0px;
}


#contentinner, #browser {
	border-top:1px #272827 solid;
	margin : 0 22px 0 21px;
	padding : 0 ;
}
/* slider specific CSS */
#products {
	position: relative;
	height: 440px;
	width: 700px;
	overflow: hidden;
	padding: 0px 10px;
	background: #000 url('/tpl/carbon/img/products_bkg.png') repeat-x top left;

}

#products ul {
	height: 440px;
	padding: 0;
	margin: 0px 15px;
	width: 1950px;
}

#products li {
	float: left;
	position: relative;
	list-style-type: none;
	margin: 10px 15px;
}

#products li a img {
	background-repeat:  no-repeat;
	background-position: top center;
	background-color:transparent;
}
#products li a:hover img.racing, 
#products li a:hover img.touring,
#products li a:hover img.whitewater,
#products li a:hover img.sup, .fullhover {
	background-image: url(/tpl/carbon/img/products_shine.png);
}

#products li a:hover img.canoe-raft,
#products li a:hover img.outrigger, .canoehover {
	background-image: url(/tpl/carbon/img/products_shine_canoe.png);
}

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

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

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


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


#bar #bar-racing {
	left: 45px;
	color:#fff;
}

#bar #bar-touring {
	left: 175px;
}

#bar #bar-whitewater {
	left: 360px;
}

#bar #bar-canoe {
	left: 430px;
}
#bar #bar-outrigger {
	left: 515px;
}

#bar #bar-sup {
	left: 615px;
}


.tip{
	width:149px;
	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:26px;width:159px;
	*/
}
.tip-title{
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-shadow: #000 1px 1px 1px;
	margin:12px 20px 5px 20px;
}
.tip-text{
	font-size:12px;
	color:#fff;
	padding:10px 20px 20px 20px;
}
.tip-bottom{
	background:url('/tpl/carbon/img/tip-bottom.png') left bottom no-repeat;
	width:149px;
	height:38px;
}
.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;
}



/*
#program .kwicks {
	display: block;
	height: 500px;
}

#program li {
	float: left;
}

#program .kwick {
	position:relative;
	display: block;
	cursor: e-resize;
	overflow: hidden;
	height: 500px;
	width: 239px;
	border-right: 1px solid #939393;
}


#program .kwick span {
	display: none;
}

#program .models  {
	text-align:left;
	margin-top:25px;
	margin-left:225px;
	display:block;
	width:220px;
	overflow: hidden;
}
#program li.model  {
	padding-left:15px;
	padding-top:0;
	position:relative;
	display:block;
	width:220px;
	height:28px;
	font-size:1.2em;
	font-weight:bold;
	margin: 20px 1em 30px 0;
	cursor: pointer;
	behavior : url ("/tpl/carbon/css/iepngfix.htc");
	background: transparent url(/tpl/carbon/img/li_element.png) no-repeat top left;
}

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

#program li.model p {
	margin:0;
}

#program li.model a  {
	color:#fff;
}

#program .models span {
	display: block;
	margin-bottom:15px;
}


#program .racing {
	background: #2A2B2A url(/tpl/carbon/img/racing.jpg);
	z-index:10;
}
#program .touring {
	background: #2A2B2A url(/tpl/carbon/img/touring.jpg);
	z-index:20;
}

#program .whitewater {
	background: #2A2B2A url(/tpl/carbon/img/whitewater.jpg);
	z-index:30;
	border-right: 0;
}
*/