/**
 * CSSReset.com - How To Keep Footer At Bottom of Page with CSS
 * 
 * Original Tutorial: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/
 * License: Free - do whatever you like with it! Credit and linkbacks much appreciated.
 *
 * NB: Make sure the value for 'padding-bottom' on #content is equal to or greater than the height of #footer.
 */
html,
body {
	margin:0;
	padding:0;
	height:100%;
}
#wrapper {
	min-height:100%;
	position:relative;
	width:956px;
	margin:0 auto;
	
	background-repeat:repeat-y;
	background-image: url('gfx/layout/td_huvud_bg2011.gif');
	
}
#header {
	background:#ededed;
	padding:10px;
}
#content {
	float:left;
	padding-bottom:180px; /* Height of the footer element */
}
#footer {
	

	height:180px;
	width:818px;
	position:absolute;
	bottom:0;
	left:0;
	
	background-repeat:repeat-y;
	background-image: url('gfx/layout/td_huvud_bg_withoutmenu.gif');
}



td     { font-family: Arial, Helvetica;
		 font-size: 11px;
		 color: #000000; }
		 
td.mellanrum    { height:8; padding: 0px;}
		 
td.punktform     	{ font-size: 12px; background-color: #DBDBDB; height:20px; border-left: solid 4px #005179; color: #333333; padding: 8px;}
td.nyheter     		{ font-size: 11px; background-color: #DBDBDB; height:20px; border-left: solid 4px #005179; color: #333333; padding: 8px;}
td.maklare     		{ font-size: 11px; background-color: #DBDBDB; height:20px; border-bottom: solid 4px #A8A8A8; color: #333333; padding: 8px;}
td.batkatalog  		{ font-size: 11px; border-right: solid 4px #005179; color: #333333; padding: 8px;}

td.sald     		{ background-color: #2ebb71; color: #ffffff; padding: 4px;}


.punkt     		{ font-size: 11px; background-color: #DBDBDB; height:20px; border-left: solid 4px #005179; color: #333333; padding: 8px; }
.brodtext  		{ font-size: 11px; color: #000000; margin-bottom:5px;}

td.sald h2 {color:#fff;font-size:14px}
td.sald a {color:#fff;}


#adholder {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 0;
}
#adinner {
    width:920px;
    margin:0 auto;
}
.adright {
    width:160px;
    position: relative;
    margin:0;
    height:600px;
    overflow: hidden;
    background:brown;
    z-index:99;
    float:right;
    left:180px;
}




a {  		color: #003366; 
		text-decoration: underline;
  }

a.utan {  
		text-decoration: none;
  }

a:hover {  	color: #000000; text-decoration: underline;}

a.vit {  		color: #fff; text-decoration: underline;}
a.vitutan {  		color: #fff; text-decoration: none;}

a.vit:hover {  	color: #000000; text-decoration: underline;}




input {  	font-family:  Arial, Helvetica;
		font-size: 11px;
		color: #000000
		
		

	}
	
	form {  	font-family:  Arial, Helvetica;
		font-size: 11px;
		color: #000000
		
		

	}


textarea {  		font-family:  Arial, Helvetica;
		font-size: 11px;
		color: #000000
		
		

	}
p {margin: 0; padding: 0;}	
H1 { 	font-family:  Arial, Helvetica;
	 	font-size: 20px; 
 		color: #000000;
		padding: 0px;
		line-height: 20px;
		margin: 0;
		padding-top: 0px;
		padding-bottom: 4px;
		
		}

H2 { 	font-family: Arial, Helvetica;
	 	font-size: 16px; 
 		color: #000000;
		padding: 0px;
		margin: 0px;
		padding-bottom: 1px;
		padding-top: 0px;
		}

H3 { 	font-family: Arial, Helvetica;
	 	font-size: 12px; 
 		color: #000000;
		padding: 0px;
		margin: 0px;
		padding-bottom: 1px;
		padding-top: 0px;
		}
		
		
H1.bat { 	font-family:  Arial, Helvetica;
	 	font-size: 20px; 
 		color: #000000;
		padding: 0px;
		margin: 0px;
		padding-bottom: 0px;
		padding-top: 4px;
		
		}
		
H1.vit { 	font-family:  Arial, Helvetica;
	 	font-size: 20px; 
 		color: #ffffff;
		padding: 0px;
		margin: 0px;
		padding-bottom: 0px;
		padding-top: 4px;
		
		}
		
H1.format_text { font-size: 20px; display:inline;}
H2.format_text { font-size: 16px; display:inline;}
H3.format_text { font-size: 12px; display:inline;}
		
H1.nyheter { font-family: Arial, Helvetica;
	 	font-size: 16px; 
 		color: #000000;
		padding-bottom: 1px;
		padding-top: 4px;
		
		}

H2.nyheter { 	font-family: Arial, Helvetica;
	 	font-size: 14px; 
 		color: #000000;
		padding-bottom: 1px;

		}
		
H2.vit { font-family: Verdana, Arial, Helvetica, sans-serif;
	 	font-size: 11px; 
 		color: #ffffff;
		padding: 0px;
		line-height: 11px;
		margin: 0px;
		}		


select {  	font-family:  Verdana, sans-serif;
		font-size: 11px;
		color: #000000
		

	}

p.saknas   {	font:11px Verdana, Arial, Helvetica;
			color: #ff0000;	
			line-height: 12px; }


p.new {  padding-bottom:8px;margin-bottom:8px; }


div.contact_card {  float:left;width:312px;margin-right:10px; margin-top:5px;}


.phone
 { 
  margin: 0px;
  padding-left: 25px;
  background-image: url('/gfx/elem/icons/phone.png');
  background-repeat: no-repeat;
  color:#353535;
  text-decoration:none;
	background-position: 0 0px;
  padding-bottom:3px;
  margin-right:0px;



}

.email
 { 
  margin: 0px;
  padding-left: 25px;
  background-image: url('/gfx/elem/icons/email.png');
  background-repeat: no-repeat;

}


.pdf  { 
  margin: 0px;
  padding-left: 20px;
  background-image: url('/gfx/elem/icons/pdf.png');
  background-repeat: no-repeat;
  color:#353535;
  text-decoration:none;
	background-position: 0 0px;
  padding-bottom:3px;
  margin-right:10px;
line-height:24px;
}

.print  { 
  margin: 0px;
  padding-left: 20px;
  background-image: url('/gfx/elem/icons/print.png');
  background-repeat: no-repeat;
  color:#353535;
  text-decoration:none;
	background-position: 0 0px;
  padding-bottom:3px;
  margin-right:10px;
line-height:24px;
}

.images  { 
  margin: 0px;
  padding-left: 20px;
  background-image: url('/gfx/elem/icons/images.png');
  background-repeat: no-repeat;
  color:#353535;
  text-decoration:none;
	background-position: 0 0px;
  padding-bottom:3px;
  margin-right:10px;
line-height:24px;
}
.emailfriend  { 
  margin: 0px;
  padding-left: 20px;
  background-image: url('/gfx/elem/icons/mail-air.png');
  background-repeat: no-repeat;
  color:#353535;
  text-decoration:none;
	background-position: 0 0px;
  padding-bottom:3px;
  margin-right:10px;

}

a.gray {color:#353535;text-decoration:none;}


li span.name {color:#747474;font-style:none}

#brokercontact {padding-left:1px;padding-top:4px;height:60px;}


.image {
    position:relative;
    float:left; /* optional */
	width:675px;
	height:370px;
	z-index:1;
	overflow:hidden;
	background-color:#005179;
}
.image #standard {
  /* margin-top:-75px; */
  
  
  }
.image .specbox {
    position:absolute;
    top:334px; /* in conjunction with left property, decides the text position */
    left:00px;
	background-color:#41a1c9;
	height:38px;
	color:#fff;
    width:675px; /* optional, though better have one */
}

.image .brokerbox {
    position:absolute;
    top:336px; /* in conjunction with left property, decides the text position */
    left:385px;
	height:38px;
	color:#fff;
	z-index:10;
    width:175px; /* optional, though better have one */
	text-align:right;
}

.image .brokerimage {
    position:absolute;
    top:280px; /* in conjunction with left property, decides the text position */
    left:572px;
	height:92px;
	color:#fff;
	z-index:15;
    width:98px; /* optional, though better have one */
	text-align:right;
}


div.spec {float:left;margin-top:1px;margin-left:10px;overflow:visible;z-index:999;}

.image .boattitle {line-height:32px;left:15px;position:absolute;top:268px; /* in conjunction with left property, decides the text position */}
.image .boattitle h1 {line-height:32px;font-size:40px;color:#fff;font-weight:normal;}
.image .boattitle font.price {font-size:18px;color:#fff;font-weight:normal;line-height:26px;}
	
		.main { float: left; width: 400px; margin: 0 20px; }
		.sidebar { float: left; width: 180px;overflow:visible; }
#sidebar-1 { position: relative; overflow:visible;}



h1.objecttitle {
	text-shadow: 1px 1px 1px #afafaf;
}

.slide-out-div {
		   z-index:9999999999;
          padding: 20px;
          width: 250px;
          background: #005179;
		  color:#fff;
		  padding-bottom:0px;
      }      

input.feedback {width:245px;}
textarea.feedback {width:245px;}

input.brokerform {
	width:594px;
	font-size:14px;
	color:#868686;
	-moz-box-shadow: inset -5px -5px 5px #888;
-webkit-box-shadow: inset -5px -5px 5px #888;
box-shadow: inset -5px -5px 5px #888;
	}
	

textarea.brokerform {
	width:594px;
	font-size:14px;
	color:#868686;
	-moz-box-shadow: inset -5px -5px 5px #888;
-webkit-box-shadow: inset -5px -5px 5px #888;
box-shadow: inset -5px -5px 5px #888;
	}
	
	.content-box,
.content-box-header,
ul.content-box-tabs li a.current,
.shortcut-button,
.notification {
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
				border-radius: 6px;
                }

	/*************** Notifications ***************/

	.notification {
	                position: relative;
	                margin: 0 0 15px 0;
	                padding: 0;
	                border: 1px solid;
	                background-position: 10px 11px !important;
	                background-repeat: no-repeat !important;
	                font-size: 13px;
	                width: 99.8%;
	                }


	.attention {
	                background: #fffbcc url('/images/icons/exclamation.png') 10px 11px no-repeat;
	                border-color: #e6db55;
	                color: #666452;
	                }

	.information {
	                background: #dbe3ff url('/images/icons/information.png');
	                border-color: #a2b4ee;
	                color: #585b66;
	                }

	.success {
	                background: #d5ffce url('/gfx/icons/tick_circle.png');
	                border-color: #9adf8f;
	                color: #556652;
	                }

	div.error {
	                background: #ffcece url('/gfx/icons/cross_circle.png');
	                border-color: #df8f8f;
	                color: #665252;
	                }

	.notification div {
	                display:block;
	                font-style:normal;
	                padding: 10px 10px 10px 36px;
	                line-height: 1.5em;
	                }

	.notification .close {
	                color:#990000;
	                font-size:9px;
	                position:absolute;
	                right:5px;
	                top:5px;
	                }

	/* Notification for form inputs */

	.input-notification {
					background-position: left 2px;
					background-repeat: no-repeat;
					padding: 2px 0 2px 22px;
					background-color: transparent;
					margin: 0 0 0 5px;
					}
	
	  
	  
	  fb-like fb_edge_widget_with_comment fb_iframe_widget {
   /* Now you can apply css here */
   z-index:99999999999;!important;
   overflow:visible;
 
}

.veraform {display:none;}

.fbpdl  {z-index:99999999999;!important}

#presentation {width:460px;margin-left:5px;}
#presentation table {width:450px; !important}

.filter-brands {background-color: #DBDBDB; width: 100%; overflow: auto; text-align: left}
.filter-brands div  {background-color: #DBDBDB; margin-left:5px; margin-bottom: 5px;}
.filter-brands span {margin-left: 5px; margin-top:5px; font-weight: bold;}

.filter-brands.start, .filter-brands.start div {background-color: #d4d4d4;}
.filter-brands.start {display: none;}

img.broker-presentation {margin-top:5px; margin-bottom:10px; border: 3px solid #FFF; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); width:228px; margin-left: 4px}

html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}