clhtml { height: 100%; overflow: auto; }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	text-align: left;
	color : #42769E;
	background : #f5f5f5;
}

h1,h2,h3,h4 {
	margin : 0px;
	padding : 0px;
	color : #02829F;
}

ul, ol {
	margin : 0px;
	padding : 0px;
	margin-left : 20px;
}

a {
	color : #000;
	text-decoration : none;
	outline : none;
}
a:hover {
	outline : none;
}
input[type=text], textarea {
	border : solid 1px #336E98;
}
input[type=text].validation-failed,textarea.validation-failed {
	border : solid 1px #AF576B;
}
input[type=text].validation-passed, textarea.validation-passed{
	border : solid 1px #336E98;	
}
textarea {
	font-family: Arial, Verdana, sans-serif; 
}
img {
	border-style : none;
}

#mainframe {
	width : 990px;
	position : relative;
	top : 0px;
	left : 50%;
	background : url(../img/bg_body.png) repeat-y top center #BDDFFB;
	min-height : 100%;
	margin-left : -495px;
	border-left : solid 1px #fff;
	border-right : solid 1px #fff;
}


#header {
	height : 280px;
	width : 990px; 
	background : url(../img/bg_header.jpg) no-repeat top left transparent;
}
#header #clickhome {
	position : absolute;
	left : 20px;
	width : 340px;
	height : 70px;
}
#nav {
	position : absolute; 
	top :80px;
	left : 30px;
	height : 40px;
	margin : 0px 10px 1px 10px;
}

#nav a{
	color : #000;
	font-size : 13px;
} 

#nav #menulist {
	position : relative; 
}
#nav #menulist a.visited {
	color : #4FB4FF;
}

#mainwrapper {
	width : 100%;
	padding-bottom : 160px;
	min-height : 100%;
}

#maincontent {
	position : relative;
}

#footerwrapper {
	display : block;
	width : 100%;
	height : 180px;
	margin-top : -160px;
	overflow : hidden;
}
#footerwrapper h3 {
	font-size : 14px;
}
#footer {
	/*background : url(../img/sauna_logo.jpg) no-repeat bottom right #fff;*/
	background:#fff;
	color : #42769E;
	position :relative;
	top : 20px;
	left : 50%;
	padding : 20px 0px;
	margin-left : -495px;
	width : 990px;
	border-left : solid 1px #fff;
	border-right : solid 1px #fff;
}
#footer a {
	color : #42769E;
}
#footer table {
	margin-left : 30px;
}
#footer td {
	vertical-align : top;
}
#footer a {
	display : block;
}

h2 {
	margin-bottom : 10px;
	font-size : 28px;
}

h1 {
	font-size : 30px;
	height : 50px;
	margin : 0px;
	padding : 0px;
	margin-bottom : 10px;
	background : url(../img/decor_top.jpg) no-repeat bottom left transparent;
}
h2.producttitle {
	font-size : 20px;
	font-size : 20px;
	height: 50px;
	overflow:hidden;
}
h3 {
	font-size : 12px;
}
h4 {
	margin-bottom : 5px;
}

img.bordered {
	border : solid 10px #fff;
}
img.bordered_small {
	border : solid 5px #fff;
}
input.numberfield {
	width : 30px;
}
.left {
	float : left;
}
.right {
	float : right;
}
.link {
	font-weight : bolder;
}
.clearer {
	clear : both;
}

.message {
	font-style : italic;
}
 
#leftcontent {
	float : left;
	width : 670px;
	padding-left : 36px;
}
#rightcontent {
	float : right;
	width : 225px;
	margin-right : 40px;
	padding-top : 30px;
}

.rightitem {
	width : 100%;
	margin-bottom : 20px;
}

#breadcrumbs {
	font-size : 12px;
	padding-bottom : 20px;
	font-weight : bold;
    height: 30px;
}
#breadcrumbs a {
	color : #42769E;
	font-weight : normal;
	font-size : 12px;
}

#promoitem, #productitem, #newsitem, #offeritem {
	margin-bottom : 40px;
	width : 650px;
	position : relative;
}

#promoitem {
	width : 660px;
	height : 260px;
	background : url(../img/bg_promo.png) no-repeat top center transparent;
	position:relative;
	top:-7px;
}

#promoitem  .pagination {
	width : 620px;
	height : 15px;
	position : absolute;
	top : 15px;
	left : 6px;
	padding-left : 8px;
}
#promoitem .wrapper_text{
	width : 407px;
	height : 50px;
	border-top : solid 1px #DFDFDF;
	position : absolute;
	bottom : 0px;
	background: rgba(255, 255, 255, 0.8);
	background : url(../img/bg_text.png);
}
#promoitem .shoplink {
	position : absolute;
	bottom : 25px;
	left : 430px;
	padding-left : 15px;
	background : url(../img/square.png) no-repeat 0px 4px transparent;
}
#promoitem .wrapper_text p{
	height : 30px;
	overflow : hidden;
	margin : 10px 10px 0px 10px;
}

#promoitem .wrapper {
	width : 628px;
	height : 200px;
	position : absolute;
	top : 39px;
	left : 6px;
}
#promoitem .wrapper_content {
	position : relative;
	left : 10px;
}
#promoitem .wrapper_content .picture{
	width : 250px;
	height : 190px;
	float : left;
}
#promoitem .wrapper_content .text{
	margin-top : 40px;
	margin-left : 20px;
	float : left;
	width : 330px;
}
#promoitem .wrapper_content h2 {
	position : relative;
	visibility : visible;
}
#promoitem .wrapper_content h3 {
	position : relative;
	visibility : visible;
}


#promoitem .pagination a {
	float : left;
	height: 10px;
	color : #fff;
	padding : 1px 3px;
	font-size : 9px;
	margin-left : 5px;
	background: #008BAC;
	border : solid 1px #008BAC;
}
#promoitem .pagination a.selected {
	background: #fff;
	color : #008BAC;
}




#productitem { height :305px;position:relative;top:-5px; }
#newsitem { }
#offeritem { height : 260px; }

#productitem .promotext {
	font-weight : bolder;
	margin-top : 10px;
	height : 100px;
}

#productitem .promotext a:link{color:#008BAC;}
#productitem .promotext a:visited{color:#008BAC;}
#productitem .promotext a:hover{color:#008BAC;}

.productitem_content {
	float : left;
	width : 214px;
	text-align : center;
	position : relative;
}
.productitem_content .description{
	background : #C8DEF3;
	height : 275px;
}
.productitem_content .description .wrapper {
	padding : 0px 14px;
	margin : 10px 0px;
	border-right : solid 1px #fff;
	width : 185px;
	float : left;
}
.productitem_content .description .wrapper.last {
	border-right : none;
}

#newsitem .description {
	width : 292px;
	float : left;
	margin-right : 25px;
}
#newsitem .picture {
	float : left;
}

.offeritem_content {
	width : 318px;
	height : 170px;
	float: left;
	margin-right : 6px;
	background : #C8DEF3;
	position : relative;
}
.offeritem_content .moreinfo {
	position : absolute;
	bottom : 10px;
}
.offeritem_content .wrapper_left {
	margin : 5px;
	width : 215px;
	margin-right : 10px;
	float : left;
}
.offeritem_content .wrapper_right {
	margin-top : 5px;
	margin-right : 5px;
	width : 80px;
	float : right;
}
.offeritem_content .picture {
	width : 80px;
	height : 80px;
	background : #fff;
}

#shopping_cart {
	color : #02829F;
}
#shopping_cart table {
	width : 220px;
}
#shopping_cart table .title {
	width : 170px;
}
#shopping_cart table .price {
	width : 38px;
	text-align : right;
}
#shopping_cart table .remove{
	padding-left : 5px;
}
#shopping_cart table .total {
	font-weight : bolder;
}

#shopping_cart td.title, #shopping_cart td.price, #shopping_cart td.total  {
	border-top : solid 1px #aaa;
	padding : 4px 0px;
}

#category_list a{
	display : block;
	width : auto;
	color : #000;
	margin-bottom : 5px;
	font-size : 13px;
	font-weight : bold;
}
#category_list a.visited{
	color : #02829F;
	outline : none;
}

#category_list a.parentlinks {
	font-size : 12px;
	padding: 4px 0px;
	color:#42769E;
}
#category_list a:hover {
	color : #02829F;
	text-decoration : underline;
}
#category_list .childlinks a{
	color:#42769E;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	text-align:left;
	margin-left : 12px;
	font-weight : normal;
}
#category_list .subchildlinks {
	padding-left : 10px;
}
#category_list .subchildlinks a{
	font-weight : normal;
	font-style : italic;
}

.shopitem {
	width : 100%;
	height : 85px;
	padding-bottom : 10px;
	margin-bottom : 10px;
	border-bottom: 1px solid #ddd;
}
.shopitem .picture {
	width : 185px;
	margin-right : 10px;
	float : left;
	height : 100%;
}
	
.shopitem .description {
	position : relative;
	width : 370px;
	float : left;
	height : 100%;
}
.shopitem .moreinfo {
	position : absolute; 
	left : 0px;
	bottom : 0px;
}

#bottomcontact {
	margin-top :  50px;
}
#visitaddress {
	width : 190px;
	margin-right : 40px;
	float : left;
}
#gmaps_wrapper {
	width : 385px;
	float : left;
}
#gmaps {
	width : 385px;
	height : 260px;
	border : solid 1px #336E98;
}
#gmaps_form {
	width : 100%;
}
#gmaps_form #input_start_directions{
	width : 185px;
}

#route {
	width : 390px;
	float : left;
}

#aboutpicture{
	float : right;
	margin-left : 20px;
	margin-right : 20px;

}

.productitem {
	width : 100%;
	background : #EDF6FB;
	border : solid 1px #eee;
}
.productitem .picture {
	width : 100px;
	height : 100px;
	padding : 10px;
	margin-right : 10px;
	float : left;
	position : relative;
}
.productitem .picture .zoomicon{
	position : absolute;
	top :100px;
	left : 100px;
}
.productitem .description {
	position : relative;
	width : 455px;
	float : left;
	margin-bottom : 10px;
}

.productitem .description  h3 {
	margin-top : 8px;
	margin-bottom : 10px;
}

.productitem .description .short {
	min-height : 40px;
}
.productitem .moreinfo {
	display : block;
	margin-top : 10px;
}
.productitem .price {
	float : right;
	margin : 10px 10px;
	font-size : 16px;
	font-weight : bolder;
}
.productitem h3.cross_title {
	margin-left : 10px;
}

.order_form{
	float : right;
	margin-bottom : 10px;
}
.order_form td {
	padding-right : 4px;
}
.link_to_shop {
	display : block;
	position : absolute;
	bottom : 10px;
	left : 60px;
}
.sale_order {
	font-weight : bolder;
	color : #000;
	margin-left : 10px;
}
.sale_order td {
	padding-right : 5px;
}
.sale_price {
	font-weight : bolder;
	font-size : 15px;
	padding : 8px 0px;
	width : 80px;
	text-align : center;
}
.cross_selling {
	clear : both;
	/*height : 90px;*/
	margin : 5px;
	background : #DDEAF2;
	text-align : center;
	padding : 15px 0;
	text-align:center;
}



.cross_selling a {
	margin-left : 15px;
}

.merkitem {
	width : 170px;
	margin-right : 60px;
	float : left;
}
.merkitem.last {
	margin-right : 0px;
}
#merktext {
	width : 620px;
	display : block;
	margin-bottom : 20px;
}

#newsbrief table {
	width : 225px;
}
#newsbrief table td {
	padding-bottom : 5px;
}
#newsbrief .label {
	width : 65px;
}
#newsbrief .textfield {
	width : 150px;
}

textarea.textfield {
	height : 80px;
}

#contact_formulir td {
	padding-bottom : 5px;
	vertical-align : top;
}
#contact_formulir .label {
	width : 120px;
}
#contact_formulir .textfield {
	width : 200px;
}
.kassatable {
	width : 500px;
	margin-bottom : 30px;
}

.kassatable  td {
	padding-bottom : 5px;
}

.kassatable  input[type=radio] {
	margin : 0px;
	margin-right : 10px;
	padding : 0px;
}
.formfield {
	float : left;
	margin-right : 10px;
	display : block;
}


#basket_table {
	font-size : 12px;
	font-family: verdana,tahoma,arial; 
	font-size: 12px;
	width : 95%;
}

#basket_table th{
	padding : 5px;
	padding-bottom : 10px;
	border-bottom : solid 1px;
}
#basket_table th.price {
	text-align : center;
}

#basket_table td {
	padding : 8px;
}
#basket_table .title {
	width : 300px; 
}
#basket_table .price {
	width : 90px; 
}

.eurolabel {
	margin-top: 0px;
	float : left;
}
.pricelabel {
	margin-top: 0px;

	float : right;
}

#bestel_button {
	margin-top : 30px;
	margin-right : 30px;
	float : right;
}
#pay_button {
	margin-top : 20px;
	margin-left : 430px;
	margin-bottom : 100px;
	clear : both;
	float : left;
}

#basket_table .summary td {
	border-top : solid 1px;
}
input.amountupdater{
	width : 40px;
}

.dialogbox {
	float: left;
	background : #fff;
	border : solid 1px;
	padding : 10px;
	position : relative;
}
.dialog_text {
	width: 200px;
	float : left; 
	margin : 5px 0px 0px 0px;
}
.dialog_text  h3 {
	margin-bottom : 2px;
}
.dialog_info {
	margin : 10px;
}
.dialog_exit {
	position : absolute;
	bottom : 10px;
	right : 20px;
	font-size : 16px;
	color : #1D8FAA;
}

#bar {
	
}
#search_input_wrapper * { margin : 0px; padding : 0px; float : left; }
#search_input_wrapper {
	background : url(../img/bg_search.gif) no-repeat 0px 0px;
	float : right;
	height : 20px;
	margin-right : 90px;
	
}
#search_input {
	width : 140px;
	margin-top : 1px;
	margin-left : 3px;
	border : none 1px;
	background : none;
}
#loader {
	position : fixed; 
	margin-left : 10px;
	margin-top : 10px;
}
a.inactive, a.active {
	padding: 5px;
}

a.inactive {
	color: #000;
}

a.active {
	color: #42769E;
}


.long_wrap {margin: 0px; height: 0px;overflow:hidden;}


