@charset "utf-8";

/* Standard Stylesheet
www.palmersnowboards.com
start:				2007-09-05
last update:	2007-09-05
developped by benjamin wiederkehr for coUNDco */
@import "palmer_catalog.css";
@import "reset.css";
@import "widgets.css";
/*
accessibility features
/////////////////////////////////////////////////////////////////*/
#header{
z-index: 999;
}

#header h1{
	position: absolute;
	top: 10px;
	left: -30px;
	width: 90px;
	height: 89px;
	text-indent: -9999px;

	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/palmer/img/layout/logo_icon.png');
}
html>body #header h1{
background: url('../img/layout/logo_icon.png');
}

.hidden-elements { background: transparent;}
/*
body
/////////////////////////////////////////////////////////////////*/
body{
	font: 11px/1.4 Arial, Helvetica, sans-serif;
	line-height: 1.4;
	color: #222;
	background: #fff url('../img/layout/body_bg.jpg') repeat;
/* align ie5 center screen */
	text-align:center;
}
/*
typography
/////////////////////////////////////////////////////////////////*/
/* Links */
a:link, a:active { color: #c00; outline: none; text-decoration: none;}
div#content div.inline_content a:link,
div#content div.inline_content a:visited{ border-bottom: 1px dotted #c00;}
div#content div.inline_content h3 a{ padding: 2px; }
div#content div.inline_content#content_riders div.fliesstext a{ margin: 0 0 0 200px; line-height: 3.0;}
div#content div.inline_content#content_riders div.fliesstext dl a{ margin: 0px; line-height: 1.4;}
a:visited { color: #c00; outline: none;text-decoration: none;}
a:hover { outline: none;text-decoration: none;}
div#content div.inline_content a:hover{ border-bottom: 1px solid #c00;}
/* paragrphs */
p { margin: 0 0 15px 0; line-height: 1.2; }
#content .inline_content#content_contact .first p{ margin: 0 0 5px 0;}
/* headlines */
h1,h2{ margin: 0 0 10px 0;}
h1 {  }
h2 { color: #c00; font-size: 18px; font-weight: bold; }
div#content div.inline_content h2{ text-indent: -9999px;}
h3 { font-size: 13px; font-weight: bold; padding: 0 0 5px 0; }
#content div.inline_content div.fliesstext h3 { color: #c00; }
#content div.inline_content#content_shaunpalmerstory div.fliesstext h4{ margin: 5px 0 10px 0; }
h4 { font-size: 13px; font-weight: bold; padding: 0 0 5px 0; }
/* spans */
span{ line-height: 1.2;}
#content div.inline_content div.fliesstext span,
#content div.inline_content span.marked{ color: #c00;}
#content .inline_content#content_contact .first p span.marked{ font-weight: bold;}

.highlighted {
	line-height: 1.3;
}
.highlighted span{
	
	background-color: #f0f0f0;
}

/*
lists
/////////////////////////////////////////////////////////////////*/
ul{ list-style: none; }
#content div.inline_content div.fliesstext ul{ margin: 0 0 0 15px;}
#content div.inline_content#content_bindings div.last ul { }
ol{ list-style: none; }
li{ line-height: 1.4; }
#content div.inline_content div.fliesstext li{ line-height: 1.4; list-style: url('../img/layout/li_icon.gif') outside; padding-bottom: 10px;}
#content div.inline_content #imagegallery li { float: left; line-height:1;}
#content div.inline_content#content_bindings div.last ul li{ float: left; width: 193px; margin: 10px 10px 0 21px;}
dl{ }
#content div.inline_content div.fliesstext dl{ padding-left: 200px;}
dt{}
#content div.inline_content div.fliesstext dt{  margin: 10px 0 0 0; color: #c00; line-height: 1.4;}
/*
horizontal ruler
/////////////////////////////////////////////////////////////////*/
hr{  }
	hr.clearer{ clear:both;	}
/*
typographic elemnts
/////////////////////////////////////////////////////////////////*/
small{ font-size: 8.5px;}
/*
images
/////////////////////////////////////////////////////////////////*/
img{  }
#content div.inline_content div.fliesstext img{ float: left;}
#content div.inline_content#content_shaunpalmerstory img{ float: none;}
#content div.inline_content #imagegallery a { border: none;}
a:link img,
a:visited img{ border: 0; }
a:hover img{ border: 0; }
/*
forms
/////////////////////////////////////////////////////////////////*/
form#universalForm{  }
label{ margin:10px 0pt 5px; }
form#universalForm div.label { margin: 10px 0 5px 0; }
form#universalForm input.fText,
form#DealerIndexForm div.input input{ width: 200px; margin: 0 5px 0 0;}
form#universalForm input.fText#zip{ width: 40px;}
form#universalForm input.fText#no{ width: 40px;}
form#universalForm input.fText#city{ width: 145px;}
form#universalForm select#country,
form#DealerIndexForm div.input select{ width: 210px;}
form#universalForm textarea{ width: 414px; height: 100px;}
form#universalForm input.btn{ 
	position: relative; 
	left: 224px; width: 200px;
	padding: 3px 6px;
	margin: 10px 0 0 0;}
form#DealerIndexForm div.submit input{ padding: 3px 6px; margin: 10px 0 0 0;}
form#DealerIndexForm div.input input.checkbox{ float: left; width: auto;}
#content_media_center form#universalForm input.btn{ 
	position: relative; 
	left: 50px; width: 160px;
	padding: 3px 6px;
	margin: 10px 0 10px 0;}
	
/*
shapedesign
//////////////////////////////////////////////////////////////////*/

#shapedesign-next{
	width: 100px;
	height: 40px;
	display:block;
	top: 613px;
	left: 511px;
	position:absolute;
}

#shapedesign-prev{
	width: 169px;
	height: 40px;
	display:block;
	top: 614px;
	left: 332px;
	position:absolute;
}
/*
input
/////////////////////////////////////////////////////////////////*/
input,
textarea{ 
	padding: 3px;
	font: 12px/1.4 Arial, Helvetica, sans-serif; }
input.btn{  }
input#newsletter{ 
	float: left;
	width: 100px;	height: 17px;
	border: 0;
	padding: 7px 3px 3px 3px;
	margin: 15px 5px 0 25px;
	background: url('../img/layout/newsletter_input.gif') no-repeat;
}
input#newsletter-submit{
	float: left;
	width: 20px;	
	height: 20px;
	border: 0;
	margin: 17px 25px 10px 0px;
	background-image: url('../img/but_submit.png');
	background-color: transparent;
	background-repeat: no-repeat;

	
}
/*
tables
/////////////////////////////////////////////////////////////////*/
table{ border-spacing: 0; border-collapse: collapse; }
th{  }
tr{  }
td{ padding: 0 0 10px 0; }
/*
layout
/////////////////////////////////////////////////////////////////*/
.collumn{ float:left; margin: 0 20px 0 0;}
.span-1 { width: 440px;}
.span-2 { width: 420px;}
.span-3 { width: 899px;}
.first { margin-left: 0;}
.last { margin-right: 0;}
.left { float: left; }
.right { float: right; }
div.contact_form{ }
#container {

	position:relative;
	height: 800px;
	width: 950px;
	overflow: visible;
	margin:0 auto 0 auto;
	text-align:left;
	background: url('../img/layout/container_bg.jpg') no-repeat;
}
/*** IE Fix ***/
* html #container {	height: 800px; }
#header{
	position: relative;
	height: 30px;
	width: 950px;
	background: transparent;
}
#nav{
z-index: 200;
	position: relative;
	height: 50px;
	background: url('../img/layout/navigation_bg.jpg') no-repeat;
}
#content {

	clear: left;
	height: 655px;
	padding: 0;
	background: transparent;
}
#content .inline_content{ 
	display: block;
	position: relative;
	clear: left;
	height: 100%; 
	padding: 25px 25px 0 25px; 
	background-repeat: no-repeat;}
#content .inline_content.scroller{
	margin-right: 20px;
	height: 605px;
	overflow: auto;
}
#content .inline_content .fliesstext{

	margin: 65pt 25px 0pt 340px;
	position: absolute;
	top: 0;
	height: 551px; width: 560px;
	overflow: auto;
}
#content .inline_content#content_chase .fliesstext,
#content .inline_content#content_dealers .last{

	margin: 85px 25px 0px 375px;
	position: absolute;
	top: 0;
	left:0;
	height: 551px; width: 540px;
	overflow: auto;
}

#content .inline_content#content_distributor .last{
	margin: 65pt 25px 0pt 350px;
	position: absolute;
	top: 0;
	height: 551px; width: 540px;
	overflow: auto;
}
#content .inline_content#content_test_centers .last{
	margin: 65pt 25px 0pt 350px;
	position: absolute;
	top: 0;
	height: 551px; width: 540px;
	overflow: auto;
}

#content .inline_content#content_chase .first{ margin-top: 70px; margin-left: 30px; width: 300px; }
#content .inline_content#content_dealers .first{ margin-top: 30px; margin-left: 30px; width: 300px; }
#content .inline_content#content_distributor .first{ margin-top: 30px; margin-left: 30px; width: 300px; }
#content .inline_content#content_test_centers .first{ margin-top: 30px; margin-left: 30px; width: 300px; }
#content .inline_content#content_bindings .span-3.first{ margin-top: 70px;}
#content .inline_content#content_bindings .span-3.last{ margin-top: 200px;}
#content .inline_content#content_warranty .first,
#content .inline_content#content_warranty .last{ width: 390px; margin: 0 30px;}
#content .inline_content#content_media_center .span-1.first{ margin-top: 70px; margin-left: 30px}
#content .inline_content .fliesstext div#photos{
	float: left;
	width: 200px;
	height: 100%;
}
#content .inline_content#content_contact .first{ margin-top: 30px; margin-left: 30px; padding-right:30px; width: 380px;}
#bottom {
	position: absolute;
	bottom: 65px;
	height: 146px;
	margin: 0 25px;
	padding: 7px 2px;
	background: url('../img/layout/bottom_bg.gif') no-repeat;
}
#footer {
	position: relative;
	height: 80px;
	margin: 0px 0 0 0;
	background: url('../img/layout/footer_bg.jpg') no-repeat;
}
#newsitems{

overflow:auto;
margin: 52px 0px 0px 335px;
height: 538px;
padding: 10px;
}
*:first-child+html #newsitems { margin-top: 77px;}


/*******************************************************************
TOOLTIP
********************************************************************/

.tool-tip {
	color: #fff;
	width: 100px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #000000;
	padding: 4px 8px 8px;
	background-color:#FFFFFF;
	border: 3px solid #000000;
	border-left:0;
	border-right:0;
	text-align:center;
}
 
.tool-text {
	color:#000000;
	font-size: 11px;
	padding: 4px 8px 8px;
	background-color:#FFFFFF;
	border: 0;
	text-align:center;
}

.submenu{

width: 382px;
height: 470px;
padding: 0px 5px 0px 5px;
overflow:auto;
margin: 55px 0 0 15px;
float:left;

}
* html .submenu{margin: 55px 0 0 10px;}
.submenu p{
	margin-bottom: 5px;
}
.submenu li{
	margin-bottom: 20px;
}
/*
.submenu a{
text-decoration:none;
border:0!important;
outline: 0;
font-size: 12px;
font-weight:bold;
display:block;
padding: 5px 0 5px 0 ;
}

.submenu a:visited{border:0 !important; text-decoration:none; outline:0;}
*/
.subcontent{

	overflow:auto;
	margin: 55px 0px 0px 0px;
	height: 535px;
	padding: 5px;
	padding-left: 30px;
	padding-right:15px;


}
* html .subcontent{margin: 75px 0px 0px 0px !important; }
*:first-child+html .subcontent{padding: 5px 0px 0px 40px; margin-top: 75px; height: 525px; }



/**
 * ie fixes
 */
 
* html #content_contact{display: inline;}

* html #footer{position: absolute; top: 735px; width: 950px; padding:0; margin:0;}
* html #content_chase div { display:inline;margin:0;padding:0; }
* html  .collumn  { display:inline; }
* html #newsitems{ margin: 80px 0px 0px 335px; }