@charset "utf-8";

/* CSS Document */
body { behavior:url('/Portals/_default/Skins/Yachts/csshover.htc'); }

.page { background:url(images/rightbg.jpg) top repeat-x #d2d8dc; }

.homepage { background:url(images/rightbg_home.jpg) top repeat-x #d2d8dc; }

html, body
{
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

body
{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	height:100%;
	padding:0;font-size:12px;
	
}

div
{
	margin:0;
	padding:0;
	color:#fff;
}

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: underline; }

a:active { text-decoration: none; }

h1, h2, h3, h4, h5, h6
{
	padding:0;
	margin:0;
}

#yachtwrap { position:relative;  height:100%; }

#wrap
{
	width:100%;
	position:relative;
	height:100%;
	z-index:0;
}

#floatleft
{
	width:50%;
	background:url(images/leftbg.jpg) top repeat-x #9099a1;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	min-height:620px;
	z-index:0;
}

#floatright
{
	width:50%;
	background:url(images/rightbg.jpg) top repeat-x #d2d8dc;
	position:absolute;
	right:0;
	top:0;
	height:100%;
	min-height:620px;
	z-index:0;
}

#main
{
	width:1002px;
	margin:auto;
	height:100%;
	min-height:620px;
	background:url(images/footerbg.jpg) repeat-y bottom;
}

#header
{
	background:url(images/header.jpg) no-repeat top left;
	height:97px;
}

#logo
{
	width:128px;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-left:5px;
}

#logo_a
{
	width:128px;
	height:70px;
	cursor:pointer;
}

#logo_img
{



	width:128px;
	height:70px;
	background:url("/Portals/_default/Skins/Yachts/images/logo.png");
	_behavior: url("/Portals/_default/Skins/Yachts/iepngfix.htc");
}

#menu
{
	float:right;
	padding-right:38px;
	padding-top:65px;
	font-size:12px;
	color:#838c95;
	font-weight:bold;
}

/*************** menu *********************/
#menu #nav
{
	float:right;
	margin-right:2px;
}

#nav ul
{
	padding:0;
	margin:0;
}

#nav li
{
	position: relative;
	float:left;
	list-style: none;
	text-align:center;
	z-index:99;
}

#nav li a
{
	margin-left:0px;
	font-weight:bold;
}

#nav a
{
	color:#263846;
	float:left;
	padding:0 10px;
	line-height:25px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#nav a:hover
{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

#nav li ul
{ /* second-level lists */
	position : absolute;
	visibility:hidden;
	margin:5px 0 0 0;
	left:0;
	min-width:80px;
	background-color:#243644;
}

#nav li li
{
	clear:both;
	white-space:nowrap;
	min-width:80px;
	line-height:20px;
	height:20px;
}

#nav li li ul {/* third-level lists */ margin-left:120px; *margin-left:0px !important;
}

#nav li li li { }

#nav li li a
{
	margin:0;
	text-align:left;
	padding-left:20px;
	font-weight:bold;
	line-height:20px;
	color:#B5BDC6;
	height:20px;
	padding-right:20px;
	min-width:80px;
	max-width:250px;
	_width:80px;
}

#nav li li ul a { }

#nav li li a:hover
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#nav .SelectedTab a
{
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#nav .SelectedTab { margin:0; }

#nav .SelectedTab li ul { *margin-left:0px;
}

#nav .SelectedTab li { }

#nav .SelectedTab li a
{
	background:none;
	font-size:12px;
	color:#B5BDC6;
}

#nav li .SelectedTab a
{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

#nav li .SelectedTab a:hover { font-weight:bold; }

#nav li .SelectedTab ul { }

#nav li .SelectedTab li a { color:#B5BDC6; }

#nav li .SelectedTab li a:hover
{
	color:#FFFFFF;
	font-size:12px;
}

#nav li li .SelectedTab a { color:#FFFFFF }

#nav .DisabledTab { color:#ccc; }

/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.iehover ul ul, #nav li.iehover ul ul ul, #nav li.iehover ul ul ul ul { left: -999em; }

#nav li:hover ul, #nav li.iehover ul
{
	top: 1.6em;
	visibility:visible;
}

#nav li li:hover ul, #nav li li li:hover ul, #nav li li.iehover ul, #nav li li li.iehover ul
{
	top: -0.5em;
	left: auto;
}


/*  Default left leftSubNav styles start here */

#leftSubNav { padding:5px 0px 0px 0px;}

#leftSubNav ul
{
	padding:0;
	margin:0;
	list-style:none;
	width:auto;
}

#leftSubNav li 
{
	line-height : 18px;
	list-style: none;
	padding:0 9px 0 9px;
}

#leftSubNav li  a
{
	font-weight:bold;
	font-size:12px;	
}

#leftSubNav a
{
	display:block;
	text-decoration:none;
	text-align:left;
	background:none;
	padding :2px 0 2px 0;
	color:#B5BDC6;
	padding-left:4px;	
	font-family:Arial, Helvetica, sans-serif;
}

#leftSubNav li a:hover { color:#FFFFFF; }

#leftSubNav .SelectedTab a
{
	color:#FFFFFF;
	font-size:12px;
}

#leftSubNav .DisabledTab { color:#ccc; }

#leftSubNav .Level2
{
	padding-left:20px;
}

#leftSubNav .Level2  a
{
	font-size:12px;
	font-weight:normal;
}
/************************************************************************************************************************/

#content
{
	height:432px;
	background-color:#4f5c69;
	padding:0;
	margin:0;
}

/*#left { background:url(images/left.jpg) no-repeat top left; width:180px; height:100%; }
#right { background:url(images/right.jpg) no-repeat top left;  height:100%; }
*/
.TopPane { padding-top:20px; }

.LeftPane { padding-top:20px; }

.ContentPane { }

.RightPane { }

.BottomPane
{
	margin:0;
	padding:0;

}

.TopPane h1
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bolder;
	background:url(images/web-yachts-2.gif) no-repeat left;
	line-height:40px;
	margin-left:20px;
}

#left
{
	background:url(images/left.jpg) no-repeat top left;
	width:180px;
	height:100%;
	float:left;
}

#right
{
	background:url(images/right.jpg) no-repeat top left;
	margin-left:180px;
	height:432px;
	margin-bottom:0;
	padding-bottom:0;

}

#context
{
	float:left;
	width:300px;
	padding-left:20px;
	padding-bottom:5px;
	position:relative;
}

#contextfull
{
    width:auto;
    padding-left:20px;
	padding-bottom:5px;
	position:relative;

    }

#slideFrame
{
	float:left;
	vertical-align:top;
	width:400px;
	padding-left:20px;
	padding-bottom:5px;
	position:relative;
}

.div_bottom
{
	clear:left;
	margin:12px 0 0 0;
	padding:0 0 0 20px;
	margin-top:286px !important; *margin-top:12px !important;
	position:absolute;
}
.ContentPane1{  width:310px; }
/*
.ContentPane1{ float:left; width:300px; padding:20px 20px 0px 20px; }
.RightPane1{ float:left; padding:20px 0px 0px 0px; margin:0; }*/

/*
.context_right1 {width:775px;height:320px;table-layout:fixed; overflow:hidden;}
.scroll_list1 {width:820px;height:320px;overflow:hidden;position:absolute;}
.scroll_div1 {position:absolute;left:0px;top:0px;overflow:visible;}*/


#distscroll
{
	margin:0;
	padding-top:15px;
	padding-bottom:0;
}

#distlist
{
	float: left;
	width:760px;
	height: 330px;
	position:relative;
	overflow: hidden;
	margin:0;
}

#distlist_havebottom
{
	float: left;
	width:760px;
	height: 275px;
	position:relative;
	overflow: hidden;
	margin:0;
}
#distlist_BarLeft
{
	float: left;
	width:313px;
	height: 310px;
	position:relative;
	overflow: hidden;
	padding-left:20px;
	padding-bottom:5px;
}


.scrollbar
{
	float: left;
	margin-left:5px;
	padding:0;
}

.scrollmark
{
	position: absolute;
	visibility: hidden;
}

.scrollcontent { position: absolute; }

.h3_title
{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:30px;
}

.linklogo { margin:10px; }

.nextpage a
{
	color:#2d3f4d;
	font-weight:bold;
}

#footer
{
	background:url(images/footer.jpg) no-repeat top left;
	height:83px;
	z-index:0;
}

#footer p
{
	padding-top:20px;
	color:#5b6673;
	margin-top:0;
	z-index:0;
}

#footer .footer
{
	color:#5b6673;
	z-index:0;
}

#footer a { text-decoration:underline; }

.clear-both { clear:both; }

.clear-right { clear:right; }

.clear-left { clear:left; }

.context { text-align:justify; }

.subtitle { font-weight:bold; }

.adminpane { background:url(images/footerbg.jpg) repeat-y; }

/****homepage******/
#ContentPane_home
{
	height:432px;
	background-color:#000000;
}

#floatleft_home
{
	width:50%;
	background:url(images/leftbg_home.jpg) top repeat-x #9099a1;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	min-height:620px;
	z-index:0;
}

#floatright_home
{
	width:50%;
	background:url(images/rightbg_home.jpg) top repeat-x #d2d8dc;
	position:absolute;
	right:0;
	top:0;
	height:100%;
	min-height:620px;
	z-index:0;
}

/* Module Action Menus */
.Text_title { position:relative; }

.ModuleTitle_MenuBar { float:left; }

.ModuleTitle_MenuItem { }

.ModuleTitle_MenuIcon { }

.ModuleTitle_SubMenu
{
	border:1px solid #C0D6E5;
	margin-top:-150px;
	left:0;
	position:absolute;
	z-index:99999;
}

.ModuleTitle_SubMenu td
{
	background-color:#F8FAFF;
	white-space: nowrap;
}

.ModuleTitle_MenuIcon
{
	background-color:#F8FAFF;
	border:none;
	padding: 0px 2px;
}

.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon
{
	background: #CE0D0D url(../images/submenu_hover.gif) repeat-x top left;
	color: #fff;
}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
	height: 2px;
	background-color: #D5E0FF;
}

.tb_link a, .tb_link a:link, .tb_link a:visited, .tb_link a:hover { color:#FFFFFF; }
