html, body
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-Size: 11px;
	color: #2e2e2e;
	background: #232323; /* url("Images/whiteBg.gif") center repeat-y;*/
	
	text-align: left;
	
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #C2C2C2;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #AAAAAA;
}

/*.container
{
	background-color: #FFFFFF;
}*/

a img { border: none; }

h1, .header1
{
	font-family: Arial;
	font-size: 20px;
	
	margin-bottom: 10px;
}

h2, .header2, h4
{
	font-family: Arial;
	font-size: 18px;
	
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;	
}

hr
{
	background-color: #DDDDDD; 
	color: #DDDDDD;
	height: 1px;
	line-height: 1px;
}

a
{
	color: #336699 !important;
	text-decoration: none;
	font-weight: bold;	
}

.link
{
	color: #336699;
	text-decoration: none;
	font-weight: bold;	
}

.smallLink
{
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-Size: 10px;		
}


td      
{ 
	border-bottom: 0; 
}

#news
{
	padding-left: 0px;		
}

.headline
{		
	height: auto; 
	height: 50px !important;
	min-height: 50px;
}

.contentPadding
{
	padding: 9px;
}

.contentPadding10
{
	padding: 10px;
}

.bottomMargin, .marginBottom
{
	margin-bottom: 10px;
}

.bottomMarginForm
{
	margin-bottom: 6px;
}

br
{
	line-height: 8px;
}

.menu
{	
	border-top: solid 1px #C2C2C2;	
	border-bottom: solid 1px #C2C2C2;
	/*border-top: dotted 1px C2C2C2;*/
}

.bordered
{
	border: solid 1px #DDDDDD;	
}

.image
{
	padding: 4px;
	margin-left: -9px;
	margin-right: -9px;
}

.imageBorder
{	
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 9px;
	padding-bottom: 9px;
	border: solid 1px #DDDDDD;
}

.selected
{

	text-decoration: underline;
}

.adControls 
{
	width: 16px;
	height: 15px;
    border: none;
    background-color: #FFFFFF;
}

.rotator
{	
	margin-left: 5px;
}

.slide
{
	height: 15px;		
}

.control
{	
	width: 180px; 
	/*margin-left: 8px;*/
	margin-top: 10px;	
}

.adArea
{
	height: 315px;	
}

.leftPadding
{
	padding-left: 10px;
}

.bottomPadding
{
	padding-bottom: 10px;
}

.leftMargin
{
	margin-left: 10px;
}

.minheight
{	
	min-height: 370px; 
	/*height: 370px !important;*/
}

.center
{
	text-align: center;
}

.footerBg
{	
	background-color: #232323; 
	color: #DDDDDD;
}

/*
#footer
{	
	background-color: #232323; 
	color: #DDDDDD; 
	float: right; 
	margin-top: 15px;	
	border: solid 1px green;
	width: 600px;
	height: 50px;
}*/

.footer
{
	/*margin: 0 auto;*/
	background: #232323;
	/*padding-left: 450px;*/
	color: #DDDDDD;		
	
	/*position: absolute;
	bottom: -50px;*/	
	
	height: 30px;
}

.zitacLogo
{
	margin-bottom: -4px;
}


/* sIFR */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	/*font-size: 19px;*/
}
            
/* 080121 */        
.header
{	
	width: 985px;
	/*position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -470px;
	z-index: -1;*/
}

.body
{	
	position: absolute;
	left: 50%;
	top: 0px;	
	/*padding-top: 150px;*/
	/*padding-left: 15px;*/
	margin-left: -485px;
	visibility: visible;	
	width: 970px;
	/*background-color: Red; /* #FFFFFF;*/
}

.bodyPadding
{
	padding-left: 15px;
}

.bodyWrapper
{
	background: url("Images/whiteBg.gif") center repeat-y; 
	/*margin-left: -15px;*/
	/*width: 985px;	*/
}

.tree
{	
	/*position: absolute;
	left: 46%;	
	top: 150px;		
	margin-left: -432px;
	visibility: visible;
	z-index: 1;*/
}

.marginLeftFooter
{
	margin-left: 5px;
}

.marginRightFooter
{
	margin-right: 5px;
}

.manufacturerTree
{
	position: absolute;
	left: 0px;
	top: 150px;
	margin-left: 15px;
	visibility: visible;
}

.logo
{	
	text-align: center; 	
	margin-bottom: 10px;
}

.logoMargin
{
	margin-left: 30px;	
}

.newsletter
{
	background-color: #EDEEDE;
	margin-top: 10px;		
}

.contentBackground
{
	background: #FFFFFF url("Images/contentBG.gif")	repeat-y;
}

.topBorder
{
	border-top: solid 1px #DDDDDD;
}

.spacer
{
	height: 10px;
}

.treeTopMargin
{
	margin-top: 20px;
}

.minusTopMargin
{
	margin-top: -8px;
}

.whiteBG
{
	background-color: #FFFFFF;
}

.logga
{
	border-top: solid 1px #DDDDDD;
}

.rightPadding
{
	padding-right: 10px;
}

.containerWrapper
{
	width: 970px;
	background-color: #FFFFFF;
	margin: 0 auto;
}

.manufacturerLogo
{
	height: 130px;
	width: 130px; 
	border: solid 1px #DDDDDD; 	
}

.manufacturerList
{
	vertical-align: bottom; 
	padding-right: 10px;
	padding-bottom: 10px;	
}

.bold
{
	font-weight: bold;
}

.bottomHr
{
	background-color: #EDEEDE; 
	color: #EDEEDE;
	height: 5px;
	line-height: 5px;	
}

.yellowHr
{
	background-color: #EDEEDE; 
	color: #EDEEDE;
	height: 1px;
	line-height: 1px;		
}

.front
{
	/*position: relative;
	z-index: 1;*/
}

.left
{
	float: left;
}

.right
{
	float: right;
}

#newsArrows
{
	position: absolute;
	left: 190px;
	top: 10px;
}

.top
{
	position: relative;
	z-index: 1;
}

.flipperHeader
{
	/*position: absolute;
	left: 525px;
	top: 20px; */	
}
.responseText
{ 
	font-weight:bold;
	font-size:12px;	
	margin-top:15px;
}
.inputContainer
{
	margin-bottom:8px;
}

#usedBoatsDiv a
{
	display: block;
	width: 200px;
	height: 80px;	
	
	font-family: Arial;
	font-Size: 11px;
	color: #2e2e2e;
	font-weight: normal; 
}

.tech
{
	width: 200px;
	float: left;
	border-bottom: dotted 1px #C2C2C2;
}

.priceGridRow
{
	width: 460px;
	float: left;
	border-bottom: dotted 1px #C2C2C2;
}

.packagesDiv
{
	min-height: 70px;
	height: 70px !important;
}

.price
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	
	margin-bottom: 10px;
	color: #2e2e2e;
}

.gridRow
{
	border-top: solid 1px #EDEEDE;
	border-bottom: solid 1px #EDEEDE;
}

.gridRow2
{	
	border-bottom: dotted 1px #EDEEDE;
}

.grid
{
	border: none;
}

.gridHeader
{
	border: 0;
	background-color: #FFFFFF;
	border-bottom: solid 1px #EDEEDE;
}

.usedGridHeader
{
	border: 0;
	background-color: #FFFFFF;
	border-bottom: solid 1px #EDEEDE;	
	height: 30px;
}

.gridImage
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.extra
{
	clear: both;
}

.newsColumn
{
	width: 210px;
}

.rightMargin
{
	margin-right: 6px;
}

.popupImage
{
	width: 811px;
	border: solid 1px #DFDFDF;
	background-color: #FFFFFF;
	/*position: absolute;
	top: 10%;
	left: 25%;
	z-index: 999;*/
}

.popupCalcule
{
	width: 310px;
	border: solid 1px #DFDFDF;
	background-color: #FFFFFF;
}

.contentPadding5
{
	padding: 5px;
}

.modalBackground 
{
	background-color: #000000;
	width: 100%;
	height: 100%;
	/*position: absolute;
	top: 10;
	left: 10;*/
	
	filter: alpha(opacity = 75);
	zoom: 1; 
	opacity: 0.75;
}

.marginTop
{
	margin-top: 15px;
}

.marginBottom
{
	margin-bottom: 10px;
}

.smallMarginTop
{
	margin-top: 5px;
}

.smallMarginBottom, .marginBottomSmall
{
	margin-bottom: 5px;
}

.nextButton
{	
	position: relative;
	top: -520px;
	right: -760px;	
}

.previousButton
{
	position: relative;
	top: -520px;
	right: 45px;		
}

.blue
{
	color: #336699;
}

.financeLeft
{
	width: 140px;
}

.yellowInput
{
	border: solid 1px #E6E6E6;
	background-color: #F8F8F1;
	height: 20px;	
	
	padding-top: 2px;
}

.narrow
{
	width: 160px;
}

/*.yellowTextBoxWide*/
.wide
{
/*	border: solid 1px #E6E6E6;
	background-color: #F8F8F1;
	height: 20px;*/
	
	width: 375px;
	/*padding-top: 2px;*/
}
.usedSearchInput
{
	background: #EFF1E2 url("Images/Icons/usedSearchButtonBg.gif") no-repeat;
	width: 90px;
	height: 30px;
	border: solid 1px #E6E6E6;
}

.red
{
	color:#FF0000;
}
h5, h6
{
	font-family: Arial;
	font-size: 14px;
	
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;	
}

.narrowHR
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding:0;
}

.width110
{
	width:120px;
}

.newsHeader
{
	float: left;
	width: 200px;
}

.readMore
{
	float: left;
	width: 200px;
}

.thumbnail
{
	width: 47px;
	min-height: 40px;
}
/*td
{
	background-color: #FFFFFF;
}*/

/*tr
{
	background-color: #FFFFFF;
	border: #FFFFFF;
	border-width: 0px;
}*/

.textAlignRight
{
	text-align: right;
}

.marginRight
{
	margin-right: 5px;
}

/* TreeView */

.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain RARELY CHANGED rules used when the TreeView control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */

div.AspNet-TreeView
{
    margin: 0;
    padding: 0;
}

div.AspNet-TreeView ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
}

.AspNet-TreeView-Show
{
}

.AspNet-TreeView-Hide
{
    display:none;
}

/* Pretty Tree */

.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain OFTEN CHANGED rules used when the TreeView control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */


.PrettyTree div.AspNet-TreeView ul li
{
    white-space: nowrap;
    padding: 3px 0 2px 0; 
    /*font-size: 12px;*/
}

.PrettyTree div.AspNet-TreeView ul ul
{
    margin: 2px 0 2px 10px;
}

.PrettyTree div.AspNet-TreeView ul li img
{
    border: none;
    vertical-align: middle;
    margin: 0 0 0 0;
}

.PrettyTree div.AspNet-TreeView li a
{
    text-decoration: none;
    margin-left: 10px;
}

.PrettyTree div.AspNet-TreeView li.AspNet-TreeView-Root
{
}

.PrettyTree div.AspNet-TreeView li.AspNet-TreeView-Parent
{
}

.PrettyTree div.AspNet-TreeView li.AspNet-TreeView-Leaf
{
	/*color: Red;
	border-bottom: solid 1px red;*/
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.PrettyTree div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink
{
    cursor: pointer;
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.PrettyTree div.AspNet-TreeView .AspNet-TreeView-Collapse
{
    display: none;
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.PrettyTree div.AspNet-TreeView .AspNet-TreeView-Expand
{
    display: none;
}

.PrettyTree div.AspNet-TreeView a,
.PrettyTree div.AspNet-TreeView a:visited,
.PrettyTree div.AspNet-TreeView a:active,
.PrettyTree div.AspNet-TreeView a:link
{
    /*color: #182B5C;*/
}

.PrettyTree div.AspNet-TreeView a:hover
{
	color: #336699;
}

.PrettyTree div.AspNet-TreeView .AspNet-TreeView-Selected a
{		
    border-bottom: solid 2px #336699 !important;
}

.PrettyTree div.AspNet-TreeView .AspNet-TreeView-ParentSelected a
{
	/*border: solid 1px green;*/
    /*border-bottom: none !important;*/
}

/*AspNet-TreeView-Root AspNet-TreeView-Leaf AspNet-TreeView-Selected*/

.PrettyTree div.AspNet-TreeView .AspNet-TreeView-Selected ul a
{
}

/* Menu */

.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */

ul.AspNet-Menu 
{
    position: relative;
}


ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0px;
    display: block;
}

ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    float: left;
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
}

ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;    
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}
 
/* Pretty menu */

.PrettyMenu .AspNet-Menu-Horizontal
{
	height: 30px;		
}

.PrettyMenu ul.AspNet-Menu
{
	padding-top: 7px;
}

.PrettyMenu ul.AspNet-Menu ul
{
    /*font-size: 12px;*/
    color: #2E2E2E;
    font-weight: bold;
}
/* rdh: end */

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.PrettyMenu ul.AspNet-Menu ul
{	
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.PrettyMenu ul.AspNet-Menu li
{
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a,
.PrettyMenu ul.AspNet-Menu li span
{
    /*color: #FFFFFF;*/
    color: #2E2E2E;
    border-bottom: 0;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.PrettyMenu ul.AspNet-Menu li:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a:hover,
.PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
	color: #336699;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;    
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.PrettyMenu .AspNet-Menu-Horizontal
{
    position: relative;
    /*rdh width: 500px; */
    z-index: 300;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accomodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
     /*rdh width: 500px; */
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 130px;
    left: 3px;
    top: 2em;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    /*rdh width:100px; */
    text-align:center;
}

/* This rule can be used to set styles for the menu items in the second tier (and lower) in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
    display: none;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    display: none;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    display: none;
}

/* rdh: begin */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    display: inline;
    /*margin: 0 15px 0 15px;*/
    margin-right: 7px;
    margin-left: 7px;
    vertical-align: middle;
    border: none;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a,
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span
{
/*    display: block;
    border: 1px solid #648ABD;
    border-bottom: 0;*/
	display: none;	
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    /*height: 30px !important;    */
}

.PrettyMenu .AspNet-Menu-Link
{
	/*border-right: solid 1px #C2C2C2 !important;*/
}

.PrettyMenu .AspNet-Menu-NonLink
{
	/*border-right: solid 1px #C2C2C2 !important;	*/
}

/* rdh: end */

.PrettyMenu .AspNet-Menu-Selected a
{
    border-bottom: solid 3px #336699 !important;    	
}

.PrettyMenu a
{
    /*border-bottom: solid 2px #FFFFFF !important;*/
    border-bottom: solid 1px #DDDDDD;    
}

.PrettyMenu .AspNet-Menu-ChildSelected a
{
    border-bottom: solid 3px #336699 !important;
}

.PrettyMenu .AspNet-Menu-ParentSelected a
{
    border-bottom: solid 3px #336699 !important;
}

textarea 
{
	font-family: Arial;
	/*font-Size: 11px;
	color: #2e2e2e;*/
}

.greenText
{
	color: #008800;
}

.mellanrubrik
{
    color: #305786;
    font-size: 14px;
    font-weight: bold;
}

.popup
{
    min-height: 700px;
    min-width: 714px;
}