/*==================================
	Type Styles
===================================*/
*
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

body
{
	text-align: center;
}

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;
	text-align: left;
	min-height: 173px;
	_height: 400px;
	text-align: left;
	background-image: url(/Portals/2/Skins/LHD-MS/footer.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 55px;
}
.SubContainer
{
	padding-top: 177px;
}
.LHDAdmin .SubContainer
{
	padding-top: 120px;
}

/*=================================
	Header
==================================*/
.HeaderBar
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.HeaderBar
{
	height: 137px;
	background-image: url(/Portals/2/Skins/LHD-MS/LHD_marine_supplies_ltd.jpg);
}

.LHDAdmin .HeaderBar
{
	height: 40px;
	background-image: url(/Portals/2/Skins/LHD-MS/LHD_ltd_header_2.jpg);
}


/*=================================
	Global
==================================*/
.GlobalBar
{
	position:  absolute;
	top: 137px;
	left: 0;
	height: 25px;
	width: 100%;
	background-color: #00BBEE;
}
.LHDAdmin .GlobalBar
{
	top:40px;
}

.LoginContainer
{
	position: absolute;
	top: 3px;
	_top: 6px;
	right: 220px;
	width: 100px;
}
.LHDAdmin .LoginContainer
{
	right: 0px;
	top: auto;
	bottom: -15px;
	text-align: right;
	font-size: 70%;
}

.SearchContainer
{
	position: absolute;
	top: 0;
	right: 0;
	width: 220px;
}

.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;
}

/*=================================
	Content
===================================*/
.ContentPanel
{
	position: relative;
	min-height: 100px;
	_height: 100px;
	width: 400px;
	_width: 800px;
	padding-left: 200px;
	padding-right: 200px;
}
.LHDAdmin .ContentPanel
{
	padding-right: 0;
	padding-left: 0;
}
.LHDWide .ContentPanel
{
	padding-right: 0;
}

.LeftPanel
{
	position: absolute;
	top: 0;
	left: 0;
	width: 196px;
}
.LeftPanel .FooterSpace
{
	height: 125px;
}

.CentrePanel
{
	overflow-x: hidden;
	width: 100%;
}

.LHDAdmin .CentrePanel
{
	overflow-x: visible;
}
.CentrePanel .FooterSpace
{
	height: 50px;
}

.RightPanel
{
	position: absolute;
	top: 0;
	right: 0;
	width: 190px;
	_width: 196px;
	padding-left: 3px;
	padding-right: 3px;
}
.RightPanel .FooterSpace
{
	height: 50px;
}


/*=================================
	Menu
==================================*/
.mainMenu
{
	margin-left: 4px;
	width: 196px;
}

.mainMenu .menuItem,
.mainMenu .unselectedItem,
.mainMenu .selectedItem
{
	cursor: hand;
	cursor: pointer;
	padding: 4px;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	color: #249;
	border: solid 1px #fff;
}

.mainMenu .selectedItem
{
	border: solid 1px #0be;
	background-color: #249;
	color: #00BBEE;
}

.mainMenuSubMenu
{
	background-color: #fff;
	border: solid 1px #aaa;
	width: 175px;
}

.mainMenuSubMenu .menuItem,
.mainMenuSubMenu .unselectedItem,
.mainMenuSubMenu .selectedItem
{
	cursor: hand;
	cursor: pointer;
	padding: 2px;
	font-size: 80%;
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
}
.mainMenuSubMenu .selectedItem
{
	border: solid 1px #00BBEE;
	background-color: #224499;
	color: #00BBEE;
}

.LHDAdmin .mainMenu
{
	margin-left: 0;
	width: auto;
}
.LHDAdmin .mainMenu .menuItem,
.LHDAdmin .mainMenu .unselectedItem,
.LHDAdmin .mainMenu .selectedItem
{
	cursor: hand;
	cursor: pointer;
	font-size: 60%;
	font-weight: normal;
	text-transform: none;
	color: #249;
	border: none;
}

.LHDAdmin .mainMenu .selectedItem
{
	background-color: #249;
	color: #00BBEE;
	border: none;
}


/*=================================
	Footer
==================================*/
.FooterAddress
{
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 100%;
	font-size: 70%;
	color: #0068aa;
}

.FooterMenu
{
	position: absolute;
	bottom: 32px;
	left: 200px;
	width: 590px;
	font-size: 70%;
	color: #0068aa;
}

.Footer
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 70%;
	height: 25px;
}

.FooterLeft
{
	position: absolute;
	bottom: 0;
	left: 4px;
	width: 198px;
}

.FooterCentre
{
	position: absolute;
	left: 200px;
	width: 400px;
	text-align: center;
	overflow: hidden;
}

.FooterRight
{
	position: absolute;
	bottom: 0;
	right: 4px;
	width: 198px;
	text-align: right;
}

.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
=============================================*/
.LHDEmbroidery.ProductList
{
	overflow: visible;
}

.LHDEmbroidery .ProductListItem
{
	position: relative;
	float: left;
	width: 180px;
	height: 240px;
	_height: 250px;
	padding: 5px;
	overflow: hidden;
	
}

.LHDEmbroidery .ProductEdit
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 100;
}

.LHDEmbroidery .ProductListItem .ProductImageWrapper
{
	height: 120px;
	text-align: center;
	overflow: hidden;
}
.LHDEmbroidery .ProductListItem .ProductImage
{
	margin-left: auto;
	margin-right: auto;
}

.LHDEmbroidery .ProductListItem .ProductDescriptionWrapper
{
	height: 120px;
}

.LHDEmbroidery .ProductListItem .ProductDescription
{
	font-size: 100%;
	color: #0068AA;
	min-height: 18px;
	_height: 18px;
	margin-bottom: 2px;
}

.LHDEmbroidery .ProductListItem .ProductFullDescription
{
	font-size: 80%;
}
.LHDEmbroidery .ProductListItem .ProductFullDescription span *
{
	display: none;
}
.LHDEmbroidery .ProductListItem .ProductFullDescription h2
{
	display:block;
	font-size: 100%;
	color: #000;
}

.LHDEmbroidery .ProductDetail
{
	position: relative;
	min-height: 230px;
	_height: 230px;
	padding: 0;
}

.LHDEmbroidery .ProductDetail .ProductImage
{
	position: relative;
}

.LHDEmbroidery .ProductDetail .ProductEdit
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
}

.LHDEmbroidery .ProductDetail .ProductDescription
{
}

.LHDEmbroidery .ProductDetail .ProductFullDescription
{
	font-size: 80%;
}

.LHDEmbroidery .ProductDetail .Actions
{
	position: relative;
	height: 25px;
}
.LHDEmbroidery .ProductDetail .BackButton
{
	position: absolute;
	top: 0;
	left: 0;
}

.LHDMScontainerContent .ProductList
{
	height: auto
}

.LHDProducts .ProductListItem
{
	position: relative;
	width: 100%;
	min-height: 120px;
	_height: 120px;
	font-size: 80%;
	border-bottom: 1px solid #000;
}

.LHDProducts .ProductEdit
{
	position: absolute;
	top: 0;
	left: 0;
}

.LHDProducts .ProductImage
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
}

.LHDProducts .ProductDetails
{
	position: absolute;
	left: 115px;
	top: 0;
	width: 128px;
	padding-bottom: 27px;
	margin-left: 0;
}

.LHDProducts .productQuantity
{
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 100%;
}
.LHDProducts .AddBasketButton
{
	width: 55px;
	background-color: #0be;
	color: #fff;
	border: 1px solid #000;
	cursor: hand;
	cursor: pointer;
}

.LHDProducts .ProductAttributes
{
	position: absolute;
	top: 0;
	left: 244px;
	width: 124px;
	padding-bottom: 35px;
}

.LHDProducts .ProductAttributeItem
{
	margin-bottom: 10px;
}

.LHDProducts .ProductAttributeItem .ProductAttributeValues
{
	width: 120px;
}

.LHDProducts .PriceAttribute
{
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 124px;
}

.LHDProducts .ProductPrice
{
	border: 1px solid #000;
	width: 120px;
	position: static;
}

.LHDProductDetail .ProductStockStatus
{
	position: absolute;
	top: 0;
	right: 0;
}

.LHDProductDetail 
{
	position: relative;
	border: 1px solid #0be;
	_height: 1%;
}

.LHDProductDetail .ProductDescription
{
	background-color: #0be;
	height: 25px;
}
.LHDProductDetail .ProductDescription h1
{
	margin-top: 0;
	color: #fff;
	font-size: 125%;
	font-weight: bold;
}

.LHDproductDetail .ProductFulldescription
{
	font-size: 80%;
	padding-top: 2px;
}
.LHDProductDetail .ProductImage
{
	position: relative;
	text-align: center;
}

.LHDproductDetail .ProductContent
{
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	_height: 1%;
}

.LHDProductDetail .productEdit
{
	position: absolute;
	top: 0;
	left: 0;
}

.LHDProductDetail .ProductGroup
{
	float: right;
	font-size: 70%;
	margin-bottom: 5px;
}

.LHDProductDetail .ProductCode
{
	font-size: 70%;
	margin-bottom: 5px;
}

.LHDProductDetail .ProductDetails
{
	position: absolute;
	left: 5px;
	top: 15px;
	width: 255px;
	padding-bottom: 27px;
}

.LHDProductDetail .productQuantity
{
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 100%;
	text-align: right;
}

.LHDProductDetail .ProductAttributes
{
	position: absolute;
	top: 15px;
	right: 5px;
	width: 124px;
	padding-bottom: 35px;
}

.LHDProductDetail .ProductAttributeItem
{
	margin-bottom: 10px;
}

.LHDProductDetail .ProductAttributeItem .ProductAttributeValues
{
	width: 120px;
}

.LHDProductDetail .PriceAttribute
{
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 124px;
}

.LHDProductDetail .ProductPrice
{
	border: 1px solid #000;
	width: 120px;
}

.LHDProductDetail .ProductOrder
{
	padding: 5px;
}

.LHDProductDetail .OrdersTitle
{
	border-top: solid 1px #0be;
	font-size: 90%;
	font-weight: bold;
	color: #0be;
}

.LHDProductDetail .ProductOrderItem
{
	position: relative;
	min-height: 1ex;
	_height: 1ex;
	font-size: 80%;
	border-bottom: 1px solid #ddd;
}

.LHDProductDetail .ProductOrderItemAlternate
{
}

.LHDProductDetail .ProductOrderItem .OrderAttributes
{
	padding-right: 12em;
	padding-top: 1ex;
}

.LHDProductDetail .ProductOrderItem .OrderQuantity
{
	position: absolute;
	top: 0.5ex;
	right: 6em;
	width: 3em;
}
.LHDProductDetail .ProductOrderItem .OrderQuantity input
{
	width: 3em;
}

.LHDproductDetail .UpdateBasket
{
	position: relative;
	_height: 3ex;
}

.LHDProductDetail .ProductButton
{
	background-color: #0be;
	color: #fff;
	border: 1px solid #000;
	cursor: hand;
	cursor: pointer;
}
.LHDProductDetail .ProductQuantity .ProductButton
{
	width: 55px;
}

.LHDProductDetail .ProductOrderItem .ProductButton
{
	position: absolute;
	top: 0.5ex;
	right: 0;
	width: 5em;
	font-size: 100%;
}

.LHDProductDetail .UpdateBasket .ProductButton
{
	position: absolute;
	top: 0.5ex;
	right: 0;
	width: 9em;
}

.LHDProductDetail .BackButton
{
	position: absolute;
	bottom: 3px;
	left: 5px;
	width: 5em;
}

.LHDBasket table
{
	width: 100%;
}
	
.LHDBasket .BasketItem
{
	position: relative;
}

.LHDBasket .ItemAttributes
{
	font-size: 80%;
}

.LHDBasket .ItemValue
{
	position: relative;
	min-height: 25px;
	_height: 25px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}
.LHDBasket .ItemValue .ItemQty
{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
}
.LHDBasket .ItemValue .LineValue
{
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	text-align: right;
}
.LHDBasket .BasketTotals
{
	width: auto;
}

.LHDBasket .TotalDelivery,
.LHDBasket .TotalOrder
{
	position: relative;
	min-height: 20px;
	_height: 20px;
}
.LHDBasket .TotalOrder
{
	font-weight: bold;
}
.LHDBasket .TotalLabel
{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
}
.LHDBasket .TotalAmount
{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	text-align: right;
}
.LHDBasket .CheckoutButton
{
	width: 100%;
	background-color: #0be;
	color: #fff;
	border: 1px solid #000;
	text-transform: uppercase;
	text-align: center;
	cursor: hand;
	cursor: pointer;
}


.Checkout .CheckoutHead
{
	background-color: #0be;
	font-weight: bold;
}

.Checkout .Login .CheckoutHead
{
	background-color: Transparent;
}

.CheckOut .CheckoutPanel
{
	border: solid 2px  #0be;
	margin: 0 2px 5px 0;
}

.Checkout .ActionPanel .CommandButton.PlaceOrder
{
	color: #474499;
}

