/**
* $Date: 2010-11-17 17:07:16 +0100 (on, 17 nov 2010) $
* $Author: niklas.oja $
* $Revision: 85 $
**/

body
{
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: "Trebuchet MS" , Helvetica, sans-serif;
	font-size: 14px;
}


.align-left
{
	float: left;
}

.align-right
{
	float: right;
}

.align-center
{
	margin: 0 auto;
}

.text-align-right
{
	text-align: right;
}

.text-align-center
{
	text-align: center;
}

.clr
{
	clear: both;
}


h2
{
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 5px 0;
	color: #6396b5;
}

h3
{
	color: #6396b5;
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 16px;
}

h4
{
	color: #6396b5;
	margin: 3px 0 3px 0;
	padding: 0;
	font-size: 14px;
}

.smalltext
{
	font-size: 10px;
}

/* Content columns */

div.submenu-col
{
	width: 230px;
	margin: 0 10px 0 0;
	padding: 0;
	background-color: Gray;
}


div.content-col-nosubmenu
{
	width: 700px;
	margin: 0 10px 0 10px;
	padding: 0;
	background-color: #fff;
}

div.content-col
{
	width: 460px;
	width: /**/ 450px;
	margin: 0 10px 0 10px;
	padding: 0;
	background-color: #fff;
	overflow: hidden;
}

div.content-col.level2
{
	font-size: 15px; /*font-weight: 600;*/
	color: #757575;
}


div.right-col
{
	width: 220px;
	margin: 0 10px 0 10px;
	padding: 0;
}


div.BottomBannerCol
{
	margin-left: 240px;
}


ul#puffNewsList
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#puffNewsList li
{
	clear: left;
	height: auto; /*width: 200px;*/
	background: none;
	padding: 0;
	margin: 0 0 15px 0;
	font-weight: normal;
	font-size: 12px;
}

ul#puffNewsList li a.newsheader
{
	font-weight: bold;
	font-size: 12px;
}
ul#puffNewsList li a.readmore
{
	color: #922b2b;
}




.pricetable
{
	margin: 15px 0 15px 0;
	background-color: #efefef;
	background: #efefef url(../images/common/bg-tablebody.png) repeat-x;
	width: 100%;
}

.pricetable tbody td.head, .pricetable thead td
{
	background: #fefefe url(../images/common/bg-tableheader.png);
	color: #6396b5;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-right: solid 7px #fff;
	padding: 0;
	margin: 0;
}
.pricetable tbody
{
}

.pricetable tbody td
{
	color: #000;
	border-right: solid 7px #fff;
	margin-left: 5px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	padding: 4px 6px 4px 6px;
	vertical-align: top;
}

.bottomline
{
	border-bottom: solid 1px gray;
	height: 8px;
	margin: 0 0 5px 0;
}

.tabledescription
{
	font-size: 10px;
}

.pricetable td.tdfirst
{
	width: 135px;
}

.pricetable tbody td .levdate
{
	font-size: 10px;
}

.pricedescription
{
	font-size: 11px;
	font-weight: normal;
}

/* Puff list */
ul.item-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.item-list li
{
	float: left;
	display: inline;
	margin: 10px 10px 10px 10px;
	padding: 0 10px 0 10px;
	background: #efefef url(../images/common/bg_plate_small.gif);
	background-repeat: no-repeat;
	height: 323px;
	width: 200px;
	font-size: 12px;
	overflow: hidden; /*font-weight: bold;*/
}

ul.item-list li img
{
	width: 200px;
	margin-bottom: 5px;
}

ul.item-list li.itembig
{
	background: #fefefe url(../images/common/bg_plate_big.png);
	height: 313px;
	width: 440px;
	padding-top: 10px;
}

ul.item-list li.itembig a
{
	/*display: block; 		height:263px; 		overflow: hidden;*/
}

ul.item-list li.itembig img
{
	/*width: 440px;*/ /*margin: 12px 0 0 0;*/
}

ul.item-list li h3
{
	text-align: center;
	color: #6396b5;
	margin: 5px 0 15px 0;
	padding: 0;
	font-size: 16px;
}

ul.item-list li.itembig h3
{
	text-align: left;
	color: #6396b5;
	margin: 0px 0 5px 0;
	padding: 0;
	font-size: 14px;
}


/* Puff list right column */
ul.rightbanner-item-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.rightbanner-item-list li
{
	display: block; /*margin: 10px 0 10px 0; 		padding: 5px 10px 10px 10px;*/
	margin: 0 10px 10px 0;
	padding: 0 10px 10px 10px;
	background: #efefef url(../images/common/bg_plate_small.gif); /*height: 283px;*/
	width: 200px;
	font-size: 13px; /*font-weight: bold;*/
	background-repeat: no-repeat;
}

ul.rightbanner-item-list li img
{
	width: 200px;
	margin-bottom: 5px;
}

ul.rightbanner-item-list li h3
{
	text-align: center;
	color: #525252;
	margin: 0;
	padding: 5px 0 10px 0;
	font-size: 16px;
}


.beabprice
{
	font-weight: bold;
}


ul.drift-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.drift-list li
{
	margin-bottom: 10px;
	border-bottom: solid 1px #efefef;
}



/* News list */
ul.news-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #efefef url(../images/common/bg_plate_small.gif);
	background-repeat: no-repeat;
}
ul.news-list li
{
	display: block;
	margin: 0 10px 0 10px;
	padding: 0;
}

ul.news-list li.link
{
	display: block;
	font-weight: bold;
	margin: 10px 10px 0 10px;
}

ul.news-list li h3
{
	text-align: center;
	color: #6396b5;
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 16px;
}

.PagingContainer
{
	background-color: #efefef;
	padding: 10px;
}

.SelectedPagingItem
{
	font-weight: bold;
}



h1.logo
{
	background: transparent url(../images/common/logo.png) top left no-repeat;
	width: 330px;
	height: 50px;
	margin: 0;
}

h1.logo a, h1.logo a:visited
{
	display: block;
	width: 330px;
	height: 50px;
}

h1.logo a span
{
	margin-left: -9999px;
}






.searchwrapper
{
	padding-top: 3px;
	padding-left: 50px;
}
.searchboxwrapper
{
	background: transparent url(../images/common/Search-box.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 157px;
}
.searchbox
{
	background-color: transparent;
	border: 0;
	width: 145px;
	padding: 3px 5px 0 5px;
	margin: 0;
}

.searchbutton
{
	padding: 0;
	margin: 0;
	height: 24px;
}



.searchresult h4, .searchresult h4 a
{
	margin: 0 0 5px 0;
	font-size: 16px;
	font-weight: lighter;
	line-height: 18px;
	color: #0097d4;
}
.searchresult p
{
	margin: 0 0 20px 0;
	font-size: 12px;
	color: #959595;
}
.searchresult p em
{
	font-size: 90%;
	display: block;
	margin-top: 5px;
	color: #999;
	font-style: normal;
}

#id_matrix
{
	border: solid 0px black;
	width: 100%;
}

#id_matrix td
{
}

#id_matrix span
{
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
}

#id_matrix span.star
{
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
}

#id_matrix span.xformvalidator
{
	font-weight: normal;
	color: Red;
}

/* Forms */
.formwrapper
{
}
.formwrapper div
{
	/*width: 200px;*/
	padding: 0 20px 5px 0;
}
.formwrapper div.formerror
{
	/*background: #fff url(../images/common/error.png); 	background-repeat: no-repeat;*/
	padding: 5px 5px 5px 10px;
	font-weight: bold;
}

.formwrapper div.formerror ul
{
	list-style-type: decimal-leading-zero;
}

.formwrapper div.formerror li
{
	font-weight: normal;
}


.formwrapper label, .formwrapper .label
{
	font-size: 13px;
	font-weight: bold;
}
.formwrapper .text
{
	width: 180px;
	height: 20px;
	font-size: 14px; /*border: solid 1px black;*/
}
.formwrapper .textwide
{
	width: 380px;
	height: 20px;
	font-size: 14px; /*border: solid 1px black;*/
}
/*.formwrapper .required
        {
        	background-color: #cee9ff;
        }*/.formwrapper .trlight
{
	background-color: #f8f8f8;
}
.formwrapper .trdark
{
	background-color: #efefef;
}
.formwrapper .infotext div
{
	width: 100%;
	font-size: 12px;
}
.disabled
{
	background-color: #d9dad5;
	border: solid 1px gray;
}

/* START FAQ */

#faqaccordion
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#faqaccordion li
{
	margin-bottom: 5px;
}

.faqheader
{
}
.faqheader a
{
	display: block;
	background: #fff url(../images/common/QuestGray.png);
	padding-left: 20px;
	background-position: left 3px;
	background-repeat: no-repeat;
	color: #4b4b4b;
}

.faqheader a:hover
{
	display: block;
	background: #fff url(../images/common/QuestBlue.png);
	padding-left: 20px;
	background-position: left 3px;
	background-repeat: no-repeat;
	color: #000;
}

#faqaccordion .selected a
{
	display: block;
	background: #fff url(../images/common/QuestBlue.png);
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	color: #000;
}

.faqanswer
{
	margin: 5px 0 0 0;
	padding: 0px 10px 0 10px;
	border-left: solid 1px #6396b5;
	border-right: solid 1px #6396b5;
	color: #6396b5;
}

#faqaccordion .selected .faqanswer a
{
	display: inline;
	color: #6396b5;
	text-decoration: underline;
	background-image: none;
	padding-left: 0px;
}

/* END FAQ */

/* SLIDE SHOW */

.slideshowcontainer
{
	background-color: transparent;
	height: 308px;
	margin: 0;
	overflow: hidden;
	padding-top: 0;
	width: 440px;
}
ul.slideshow
{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.slideshow li
{
	background-color: transparent;
	background-image: none;
	clear: left;
	float: none;
	height: 290px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 440px;
}
ul.slideshow li div.imgcontainer
{
	height: 248px;
	overflow: hidden;
}
ul.slideshow li div.infotext
{
	/*background: url(../images/common/SlideShowTextBg.png);*/
	background-color: #f7f7f7;
	color: #3E3E3E;
	font-size: 12px;
	height: 40px;
	line-height: 14px;
	padding: 2px 5px 0;
	/*position: relative;
	top: 0px;*/
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius:  0 0 4px 4px;
}
ul.slideshow li a
{
	display: block;
	width: 440px;
	height: 220px;
	margin: 0;
	padding: 0;
}
ul.slideshow li a img
{
	border: none;
	width: 440px;
	margin: 0;
	padding: 0; /*height: 250px;*/
}
#slidenav
{
	height: 10px;
	padding: 3px 0 0 0;
	margin: 0; /*position: relative;         top: -33px;*/
	text-align: left;
}
#slidenav a
{
	/*background:url("../images/common/SlideCount.png") no-repeat scroll center center transparent;*/
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
	font-weight: bold; /*height:10px;*/
	line-height: 12px;
	margin: 2px 3px 0 3px;
	padding: 0;
	text-align: center;
	text-decoration: none; /*width:10px;*/
}
#slidenav a.activeSlide
{
	color: #6396B5; /*background: url(../images/common/SlideCountSelected.png);*/
	text-decoration: none; /*background-color: #537C99;         color: #fff;         border: 1px solid #537C99;*/
}
/* END SLIDESHOW */
