/*==================================
	Type Styles
===================================*/
body
{
	text-align: center;
	font-size: 90%;
}

h1, h2, h3, h4, h5, h6
{
	color: #0068AA;
	font-weight: normal;
}

h1
{
	font-size: 150%;
}

h2
{
	font-size: 120%;
}

h3
{
	font-size: 100%;
}

h4
{
	font-size: 80%;
	text-decoration: underline;
}

h5
{
	font-size: 80%;
}

h6
{
	font-size: 70%;
}

A, A:link, A:active
{
	color: #224499;
	text-decoration: none;
}
A:visited
{
	color: #224499;
	text-decoration: none;
}
A:hover
{
	color: #0068AA;
	text-decoration: underline
}

/*=================================
	Main Container
==================================*/
.MainContainer
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 800px;
	min-height: 400px;
	_height: 400px;
	text-align: left;
	background-image: url(/Portals/1/Skins/LHD-Ltd/footer.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}


/*=================================
	Header
==================================*/
.LHDHome .HeaderBar,
.LHDAbout .HeaderBar
{
	position: relative;
	height: 137px;
	background-image: url(/Portals/1/Skins/LHD-Ltd/LHD_ltd_header.jpg);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #249;
}
.LHDBoats .HeaderBar,
.LHDQuotas .HeaderBar,
.LHDGallery .HeaderBar,
.LHDAdmin .HeaderBar,
.LHDLinks .HeaderBar
{
	height: 40px;
	background-image: url(/Portals/1/Skins/LHD-Ltd/LHD_ltd_header_2.jpg);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #249;
}

.LHDHome .HeaderBar .HeaderImageLeft,
.LHDAbout .HeaderBar .HeaderImageLeft
{
	position: absolute;
	top: 18px;
	left:auto;
	right: 285px;
	width: 100px;
	height: 100px;
}
.LHDHome .HeaderBar .HeaderImageCentre,
.LHDAbout .HeaderBar .HeaderImageCentre
{
	position: absolute;
	top: 18px;
	left:auto;
	right: 165px;
	width: 100px;
	height: 100px;
}
.LHDHome .HeaderBar .HeaderImageRight,
.LHDAbout .HeaderBar .HeaderImageRight
{
	position: absolute;
	top: 18px;
	left:auto;
	right: 45px;
	width: 100px;
	height: 100px;
}

/*=================================
	Global
===================================*/
.GlobalBar
{
	background-color: #00BBEE;
	min-height: 27px;
	_height: 35px;
	padding-top: 8px;
}
.LHDHome .GlobalBar,
.LHDAbout .GlobalBar
{
	margin-top: 5px;
	margin-bottom: 5px;
}
.LHDBoats .GlobalBar,
.LHDQuotas .GlobalBar,
.LHDLinks .GlobalBar,
.LHDGallery .GlobalBar
{
	margin-top: 2px;
	margin-bottom: 2px;
}

.LoginContainer
{
	position: absolute;
	right: 240px;
}
.LHDAbout .LoginContainer,
.LHDHome .LoginContainer
{
	top: 149px;
	_top: 153px;
}
.LHDBoats .LoginContainer,
.LHDQuotas .LoginContainer,
.LHDLinks .LoginContainer,
.LHDGallery .LoginContainer
{
	top: 49px;
	_top: 53px;
}

.GlobalText,
A:link.GlobalText, 
A:visited.GlobalText, 
A:active.GlobalText,
A:hover.GlobalText,
.GlobalText A:hover
.GlobalText A:link, 
.GlobalText A:visited, 
.GlobalText A:active
{
	color: #224499;
	text-transform: uppercase;
	font-size: 80%;
}

.SearchContainer
{
	position: absolute;
	right: 0px;
	width: 220px;
}

.LHDAbout .SearchContainer,
.LHDHome .SearchContainer
{
	top: 147px;
}
.LHDBoats .SearchContainer,
.LHDQuotas .SearchContainer,
.LHDLinks .SearchContainer,
.LHDGallery .SearchContainer
{
	top: 47px;
}

/*=================================
	Menu
==================================*/
.MenuBar
{
	position: relative;
	height: 107px;
	background-color: #249;
	vertical-align: top;
	text-align: left;
	overflow: hidden;
	margin-bottom: 8px;
}

.MenuContainer
{
	position: absolute;
	top: 0px;
	width: 150px;
	height: 107px;
	color: #fff;
	font-weight: bold;
}
.MenuWrap
{
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: -5px;
	padding-left: 10px;
	padding-right: 5px;
	width: 145px;
	_width: 150px;
	border-left: solid 1px #00BBEE;
}
.Menu1 .Menu1 .MenuContainer,
.Menu2 .Menu2 .MenuContainer,
.Menu3 .Menu3 .MenuContainer,
.Menu4 .Menu4 .MenuContainer,
.Menu5 .Menu5 .MenuContainer
{
	color: #249;
	background-color: #0be;
}

.MenuBar .Menu1 .MenuContainer
{
	left: 0px;
	width: 155px;
}
.MenuBar .Menu1 .MenuWrap
{
	border-left: none;
	left: 0;
}
.MenuBar .Menu2 .MenuContainer
{
	left: 165px;
}
.MenuBar .Menu3 .MenuContainer
{
	left: 325px;
}
.MenuBar .Menu4 .MenuContainer
{
	left: 485px;
}
.MenuBar .Menu5 .MenuContainer
{
	left: 645px;
	width: 155px;
}

.mainMenu
{
	width: auto;
}

.mainMenu .menuItem,
.mainMenu .unselectedItem,
.mainMenu .selectedItem
{
	cursor: hand;
	cursor: pointer;
	font-size: 70%;
	text-transform: uppercase;
	color: #00BBEE;
}
.mainMenu .selectedItem
{
	color: #EEEEEE;
}

.topMenu
{
	width: auto;
}

.topMenu .topMenuItem,
.topMenu .topMenuUnselectedItem,
.topMenu .topMenuSelectedItem
{
	font-size: 70%;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}
.Menu4 .topMenu .topMenuItem,
.Menu4 .topMenu .topMenuUnselectedItem,
.Menu4 .topMenu .topMenuSelectedItem,
.Menu5 .topMenu .topMenuItem,
.Menu5 .topMenu .topMenuUnselectedItem,
.Menu5 .topMenu .topMenuSelectedItem
{
	cursor: hand;
	cursor: pointer;
}

.Menu1 .Menu1 .mainMenu .menuItem,
.Menu1 .Menu1 .mainMenu .unselectedItem,
.Menu2 .Menu2 .mainMenu .menuItem,
.Menu2 .Menu2 .mainMenu .unselectedItem,
.Menu3 .Menu3 .mainMenu .menuItem,
.Menu3 .Menu3 .mainMenu .unselectedItem,
.Menu4 .Menu4 .mainMenu .menuItem,
.Menu4 .Menu4 .mainMenu .unselectedItem,
.Menu5 .Menu5 .mainMenu .menuItem,
.Menu5 .Menu5 .mainMenu .unselectedItem
{
	color: #249;
}

.AdminMenuBar .mainMenu
{
	width: auto;
}

.AdminMenuBar .menuItem,
.AdminMenuBar .unselectedItem
{
	cursor: hand;
	cursor: pointer;
	color: #249;
}
.AdminMenuBar .selectedItem
{
	cursor: hand;
	cursor: pointer;
	color: #fff;
	background-color: #0be;
}
.AdminMenuBar .subMenu
{
	background-color: #fff;
}
.mainMenuAdmin .menuItemAdmin,
.mainMenuAdmin .unselectedItemAdmin,
.mainMenuAdmin .selectedItemAdmin
{
	cursor: hand;
	cursor: pointer;
	font-size: 80%;
	padding-left: 4px;
	padding-right: 4px;
	color: #224499;
	font-weight: bold;
}
.mainMenuAdmin .selectedItemAdmin
{
	padding-left: 4px;
	padding-right: 4px;
	font-size: 80%;
	background-color: #224499;
	color: #EEEEEE;
}

.mainMenuSubMenu
{
	cursor: hand;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Shadow(color= 'DimGray' , Direction=135, Strength=3);
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
}

.mainMenuSubMenu .menuItemAdmin,
.mainMenuSubMenu .unselectedItemAdmin,
.mainMenuSubMenu .selectedItemAdmin
{
	padding: 2px;
	font-size: 80%;
	background-color: #FFFFFF;
}
.mainMenuSubMenu .selectedItemAdmin
{
	background-color: #224499;
	padding: 2px;
	color: #FFFFFF;
}

/*=================================
	Content
==================================*/
.ImagePanel
{
	height: 140px;
	position: relative;
	overflow: hidden;
}
.ImageLeft, 
.ImageRight
{
	position: absolute;
	top: 0;
	height: 137px;
	overflow: hidden;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	width: 202px;
	_width: 210px;
}
.ImageLeft
{
	left: 0;
	margin-right: 8px;
}
.ImageRight
{
	right: 0;
	margin-left: 8px;
}
.ImageCentre
{
	margin-left: 217px;
	margin-right: 217px;
	height: 137px;
	overflow: hidden;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
}

.LHDAbout .ImageLeft
{
	width: 197px;
	_width: 205px;
}
.ImageLeftWrap
{
	position: absolute;
	top: 0;
	left: 0;
	height: 145px;
	width: 204px;
	_width: 210px;
	border-right: solid 1px #0be;
	padding-right: 5px;
}


.LHDGallery .ImagePane
{
	height: 140px;
	margin-top: 8px;
	overflow: hidden;
	background-position: left center;
	background-repeat: no-repeat;
	margin-bottom: 8px;
}

.TextPanel
{
	position: relative;
	min-height: 100px;
	_height: 100px;
	padding-left: 5px;
}
.LHDBoats .TextPanel,
.LHDQuotas .TextPanel,
.LHDLinks .TextPanel
{
	min-height: 230px;
	_height: 230px;
}

.TextLeft
{
	position: absolute;
	top: 0px;
	left: 0;
	padding-left: 15px;
	padding-right: 15px;
	border-right: solid 1px #0be;
	width: 179px;
	_width: 210px;
}
.LHDGallery .TextLeft
{
	width: 169px;
	_width: 198px;
}
.TextCentre
{
	margin-left: 210px;
	margin-right: 210px;
	padding-left: 15px;
	padding-right: 15px;
	border-right: solid 1px #0be;
}
.TextRight
{
	position: absolute;
	top: 0px;
	right: 0;
	padding-left: 15px;
	padding-right: 15px;
	width: 179px;
	_width: 210px;
}
.LHDAbout .TextRight,
.LHDBoats .TextRight,
.LHDQuotas .TextRight,
.LHDLinks .TextRight
{
	position: static;
	padding-left: 210px;
	padding-right: 0;
	width: 590px;
	_width: 800px;
}
.LHDGallery .TextRight
{
	position: static;
	padding-left: 198px;
	padding-right: 0;
	width: 600px;
	_width: 800px;
}

.LHDAdmin .ContentPane
{
	min-height: 400px;
	_height: 400px;
}


/*=================================
	Footer
==================================*/

/* Leaves a blank space below the content where the footer goes
	This is needed to get around problems with the differences in the way browsers handle margings and padding */
.LHDHome .FooterSpace,
.LHDAbout .FooterSpace
{
	height: 160px;
}
.LHDBoats .FooterSpace,
.LHDQuotas .FooterSpace,
.LHDLinks .FooterSpace,
.LHDGallery .FooterSpace,
.LHDAdmin .FooterSpace
{
	height: 70px;
}

.FooterMessage
{
	position: absolute;
	bottom: 122px;
	left: 0;
	width: 100%;
	text-align: left;
	font-size: 180%;
	color: #0068AA;
	border-bottom: solid 2px #0068AA;
	padding-bottom: 5px;
	padding-left: 5px;
}

.FooterAddress
{
	position: absolute;
	bottom: 32px;
	left: 0;
	width: 100%;
	font-size: 70%;
	color: #0068aa;
	padding-left: 9px;
}

.Footer
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 70%;
	height: 25px;
}

.FooterLeft
{
	position: absolute;
	bottom: 0;
	left: 4px;
	width: 198px;
	height: 25px;
}

.FooterCentre
{
	margin-left: 204px;
	margin-right: 204px;
	text-align: center;
	overflow: hidden;
	height: 25px;
}

.FooterRight
{
	position: absolute;
	bottom: 0;
	right: 4px;
	width: 198px;
	text-align: right;
	height: 25px;
}

.FooterLink, 
A:link.FooterLink, 
A:visited.FooterLink, 
A:active.FooterLink,
.FooterLink A:link, 
.FooterLink A:visited, 
.FooterLink A:active
{
	color: #224499;
	text-decoration: none;
}

A:hover.FooterLink,
.FooterLink A:hover
{
	color: #224499;
	text-decoration: underline;
}


/*============================================
	Gallery Listings
=============================================*/
.LHDGallery .ProductList
{
	overflow: visible;
}

.LHDGallery .ProductListItem
{
	position: relative;
	float: left;
	width: 200px;
	height: 220px;
	_height: 230px;
	margin-bottom: 10px;
	overflow: hidden;
	
}

.LHDGallery .ProductEdit
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 100;
}

.LHDGallery .ProductList .ProductImageWrapper
{
	height: 115px;
	text-align: center;
	overflow: hidden;
}

.LHDGallery .ProductDescriptionWrapper
{
	position:absolute;
	top: 115px;
	left: 0;
	width: 190px;
	_width: 200px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: #0068aa solid 1px;
	height: 105px;
}

.LHDGallery .ProductList .ProductDescription
{
	font-size: 110%;
	color: #0068AA;
	min-height: 18px;
	_height: 18px;
	margin-bottom: 2px;
}

.LHDGallery .ProductList .ProductFullDescription
{
	font-size: 80%;
}
.LHDGallery .ProductList .ProductFullDescription span *
{
	display: none;
}
.LHDGallery .ProductList .ProductFullDescription h2
{
	display:block;
	font-size: 100%;
	color: #000;
}

.LHDGallery .ProductDetail
{
	position: relative;
	min-height: 230px;
	_height: 230px;
	padding: 0;
}

.LHDGallery .ProductDetail .ProductImage
{
	position: relative;
}

.LHDGallery .ProductDetail .ProductEdit
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
}

.LHDGallery .ProductDetail .ProductDescription
{
}

.LHDGallery .ProductDetail .ProductFullDescription
{
	font-size: 80%;
}

.LHDGallery .ProductDetail .Actions
{
	position: relative;
	height: 25px;
}
.LHDGallery .ProductDetail .BackButton
{
	position: absolute;
	top: 0;
	left: 0;
}

.ProductDetail .ProductStockStatus
{
	position: absolute;
	top: 0;
	right: 0;
}