﻿HTML, BODY {
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
BODY, INPUT, SELECT, TEXTAREA {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
FORM {
	margin:0px;
	display:block;
}
IMG {
	border:0px;
}

div.divMain {
	position:relative;
	min-height: 100%;
}
div.divContent {
	position:relative;
	background-image:url(/Assets/Images/body_bg.gif);
	background-color:#f6f6f6;
	background-repeat:repeat-y;
	background-position:center;
}
div.divMid, div.divFooterMid, div.divHeaderMid {
	position:relative;
	margin:0px auto;
	width:990px;
}
div.divMid h1
{
    display:block;
    padding:0px;
    margin:0px;
    position:absolute;
    top:0px;
    left:0px;
    height:180px;
    width:200px;
    overflow:hidden;
    z-index:100;
    background-color:transparent;
}
div.divMid h1 a
{
    display:block;
    overflow:hidden;
    height:180px;
    width:200px;
    text-indent:-5000px;
}
div.divFooter {
	position:absolute;
	bottom:0px;
	height:26px;
	width:100%;
}
div.divFooterMid {
	background-color:#05978f;
	height:22px;
	width:990px;
	position:relative;
	border-top:solid 4px #c0e2cb;
}
div.divFooterMid div {
	color:#FFFFFF;
	margin-left:-50px;
	line-height:22px;
	text-align:center;
}
div.divHeader {
	position:relative;
	height:180px;
	width:990px;
	overflow:hidden;
	margin-bottom:6px;
	background-image:url(../Images/Header.png);
	background-repeat:no-repeat;
}
div.divHeader .divHeaderMain, div.divHeader .divHeaderSub, div.divHeader .divHeaderMenu {
	position:absolute;
	padding:5px;
	padding-right:10px;
	right:0px;
	text-align:right;
	overflow:hidden;
	color:#FFFFFF;
}
div.divHeader .divHeaderMain {
	width:720px;
	height:40px;
	top:61px;
}
div.divHeader .divHeaderSub {
	width:700px;
	height:14px;
	top:120px;
	padding-top:3px;
}
div.divHeader .divHeaderMenu {
	width:700px;
	height:22px;
	top:155px;
	padding:0px;
}
div.divHeader .head {
	font-size:20px;
}
div.divHeader .sub {
	font-size:13px;
}
div.divHeader span {
	font-size:11px;
}
div.divHeader ul, div.divHeader li, div.divFooter ul, div.divFooter li {
	display:inline;
}
div.divHeaderMenu a {
	display:block;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	height:22px;
	line-height:22px;
}
div.divHeaderMenu a:hover {
	background-color:#c0e2cb;
	color:#000000;
}
div.divFooter ul a {
	color:#FFFFFF;
	text-decoration:none;
	margin-left:20px;
}
div.divFooter ul a:hover {
	text-decoration:underline;
}
div.divLeft {
	position:relative;
	float:left;
	width:195px;
	margin-right:6px;
	text-align:center;
}
div.divCenter {
	position:relative;
	float:left;
	width:588px;
}
div.divRight {
	position:relative;
	float:left;
	width:195px;
	margin-left:6px;
}
div.divColHeader {
	position:relative;
	background-color:#05978f;
	color:#FFFFFF;
	width:100%;
	height:22px;
	line-height:22px;
	border-bottom:solid 4px #c0e2cb;
	margin-bottom:6px;
}

div.divColHeader div, div.divColSubHeader div  {
	margin-left:10px;
}

div.divColHeader img, div.divColSubHeader img {
	margin-right:10px;
}

div.divColSubHeader {
	color:#05978f;
	width:100%;
	height:22px;
	line-height:22px;
	border-bottom:solid 1px #05978f;
	margin-bottom:6px;
}

div.divColCategories {
	border-bottom:solid 4px #c0e2cb;
}

div.divColCategories a {
	position:relative;
	display:block;
	float:left;
	width:195px;
	height:25px;
	line-height:25px;
	background-color:#05978f;
	margin-bottom:2px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	overflow:hidden;
}
div.divColCategories a:hover {
	background-color:#c0e2cb;
	color:#000000;
}
div.divColModule {
	position:relative;
	width:193px;
	border:solid 1px #05978f;
}
div.divColModuleHead {
	position:relative;
	width:193px;
	height:21px;
	line-height:20px;
	background-color:#05978f;
	text-align:center;
	color:#FFFFFF;
}
div.divColSpacer 
{
    position:relative;
	clear:both;
	height:6px;
	width:100%;
}
div.divColBar {
	height:6px;
	width:100%;
	background-color:#05978f;
}
div.divColLink a {
	height:20px;
	background-color:#FFFFFF;
	color:#000000;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	display:block;
	line-height:20px;
	text-decoration:none;
}
div.divColLink a:hover {
	background:#05978f;
	color:#FFFFFF;
}
div.divColModuleContent {
	color:#000000;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	width:183px;
	position:relative;
	background-color:#c0e2cb;
}
div.divColModuleContent .aButton, div.divMainContent .aButton {
	display:block;
	width:100px;
	height:25px;
	background-color:#05978f;
	color:#FFFFFF;
	border:solid 1px #41ab9e;
	text-decoration:none;
	line-height:25px;
	margin:0px auto;
	text-align:center;
}
div.divColModuleContent .aButton:hover, div.divMainContent .aButton:hover {
	background-color:#41ab9e;
}
div.divMainContent .aButton {
	margin:0px;
}
.bold {
	font-weight:bold;
}
.red
{
    color:Red;
}
.crossed
{
    text-decoration:line-through;
}
.divColumnText 
{
	position:relative;
	padding-bottom:10px;
}
div.divMainContent .divColumnText .bold {
	font-size:16px;
	margin-top:10px;
	margin-bottom:5px;
}
div.divColModuleContent input, div.divColModuleContent textarea, div.divAdvancedSearch input {
	border:solid 1px #05978f;
	background-color:#FFFFFF;
	color:#000000;
	padding:0px;
	margin:0px;
	height:20px;
}
div.divAdvancedSearchLeft
{
	float:left;
	width:300px;
	line-height:20px;
}
div.divAdvancedSearch .divColSpacer
{
	height:15px;
	color:#05978f;
}
input.inputSearchText
{
	width:150px;
	float:left;
	display:block;
	line-height:20px;
}
input.contact, textarea.contact, select.contact {
	border:solid 1px #05978f;
	background-color:#c0e2cb;
	color:#000000;
	padding:0px;
	margin:0px;
	height:20px;
	line-height:20px;
	width:100%;
}
textarea.contact 
{
	height:126px;
}
input.contactSubmit, input.checkoutLogin
{	
	display:block;
	width:100px;
	height:25px;
	background-color:#05978f;
	color:#FFFFFF;
	border:solid 1px #41ab9e;
	line-height:20px;
	text-align:center;
	float:right;
}
input.contactSubmit:hover, input.checkoutLogin:hover
{
	background-color:#41ab9e;
}
input.inputSearchButton, input.inputAdvancedSearchButton
{
	float:right;
	display:block;
	height:22px;
	width:24px;
}
input.inputAdvancedSearchButton
{
	width:60px;
}
div.divColModuleContent textarea {
	height:40px;
}
div.divBottom {
	height:31px;
	width:100%;
	clear:both;
}
.aBlackLink {
	color:#000000;
	text-decoration:none;
}
.aBlackLink:hover {
	text-decoration:underline;
}
div.divColModuleContent .aBlackLink 
{
	display:block;
	width:183px;
	text-align:center;
}
div.divMainContentSubCategories
{
    position:relative;
    overflow:hidden;
    width:100%;
}
div.divMainContentSubCategories div
{
}
div.divMainContentSubCategories a
{
    	position:relative;
	display:block;
	float:left;
	width:135px;
	*width:134px;
	height:20px;
	line-height:20px;
	padding-left:10px;
	margin:1px;
	color:#000000;
	background-color:#c0e2cb;
	text-decoration:none;
}
div.divMainContentSubCategories a:hover 
{
	color:#FFFFFF;
	background-color:#05978f;
}

div.divProduct 
{
	position:relative;
	border:solid 1px #05978f;
	width:286px;
	height:137px;
	margin:3px !important;
	margin:2px;
	float:left;
}
div.divProductHead, div.divFullProductHead
{
	padding:5px;
	background-color:#c0e2cb;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
}
div.divProductHead {
	width:276px;
}
div.divFullProductHead 
{
	width:576px;
}
div.divProduct .imgProductTile 
{
	position:absolute;
	bottom:6px;
	right:6px;
}
div.divProductDetail
{
	width:170px;
	margin:6px;
}
div.divProductButtons
{
	position:absolute;
	bottom:3px;
	left:3px;
	width:176px;
	height:33px;
}
div.divProductDetailBasket
{
	position:absolute;
	bottom:3px;
	left:90px;
	width:86px;
	height:33px;
	z-index:100;
}
div.divProductTileBasket
{
	position:absolute;
	bottom:32px;
	left:3px;
	width:86px;
	height:33px;
}
a.aAddToCart, a.aViewProduct, a.aClearBasket, a.aCheckout
{
	display:block;
	float:left;
	margin:3px;
	width:78px;
	height:25px;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	border:solid 1px #41ab9e;
}
a.aAddToCart 
{
	color:#ffffff;
	background-color:#05978f;
}
a.aViewProduct, a.aClearBasket, a.aCheckout
{
	color:#000000;
	background-color:#c0e2cb;
}
a.aViewProduct:hover, a.aAddToCart:hover, a.aClearBasket:hover, a.aCheckout:hover
{
	color:#ffffff;
	background-color:#41ab9e;
}
a.aClearBasket
{
	margin:0px;
	margin-right:10px;
	float:right;
	height:23px;
}
a.aCheckout
{
	margin:0px;
	margin-left:10px;
	float:right;
	height:23px;
	width:90px;
}
div.divFullProduct
{
	position:relative;
	border:solid 1px #05978f;
	width:586px;
	z-index:1;
}
div.divFullProductDetail
{
	float:left;
	width:250px;
	margin:6px;
	position:relative;
}
div.divFullProductImages
{
	position:relative;
}
.divProductZoom
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:365px;
	height:258px;
	background-color:#ffffff;
	border:solid 1px #888888;
	overflow:hidden;
	visibility:hidden;
}
#divProductZoom
{
	position:absolute;
	top:0px;
	left:0px;
	width:365px;
	height:258px;
	background-color:#ffffff;
}
#divZoomBox
{
	position:absolute;
	top:0px;
	left:0px;
	width:10px;
	height:10px;
	border:solid 1px #cccccc;
	background-color:#ffffff;
	cursor:crosshair;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:1;
	visibility:hidden;
}
div.divFullProductImages
{
	float:right;
	margin:6px;
	width:200px;
	text-align:center;
}
div.divProductMain 
{
	position:relative;
	width:200px;
	height:200px;
}
div.divProductThumbs 
{
	width:200px;
	background-color:#ffffff;
}
div.divProductThumbs div 
{
	float:left;
	width:50px;
	height:50px;
	overflow:hidden;
}
div.divProductThumbs img 
{
	height:100%;
	width:100%;
}
.divEnlarge
{
	font-size:10px;
	height:10px;
	line-height:10px;
	text-align:center;
}
.divProductPdf
{
	height:30px;
	margin-top:10px;
	line-height:30px;
}
.divProductPdf img, .divProductPdf div
{
	margin-left:10px;
	float:left;
}
div.divAssociatedProducts
{
	position:relative;
	border:solid 1px #05978f;
	width:574px;
	border-top:0px;
	padding:6px;
}
div.divAssociatedProducts a 
{
	display:block;
	color:#000000;
	text-decoration:none;
}
div.divAssociatedProducts a:hover 
{
	text-decoration:underline;
	color:#42a1d9;
}
div.divInlineText div
{
	float:left;
}
div.divInlineText .bold
{
	margin-right:10px;
}

div.divSelectContainer 
{
	margin:3px !important;
	margin:2px;
	width:288px;
	height:22px;
	position:relative;
	z-index:10;
	float:left;
}
div.divSelectContainer div 
{
	line-height:22px;
}
div.divSelect 
{
	position:absolute;
	top:0px;
	right:0px;
	width:200px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	border:solid 1px #05978f;
	cursor:pointer;
	background-color:#ffffff;
	z-index:1000;
}
.divSelect:hover 
{
	height:auto;
}
div.divSelect a 
{
	display:block;
	clear:both;
	width:200px;
	height:22px;
	line-height:22px;
	color:#000000;
	background-color:#ffffff;
	padding-left:5px;
	text-decoration:none;
}
div.divSelect img 
{
	position:absolute;
	top:7px;
	right:5px;
}
div.divSelect a:hover 
{
	color:#ffffff;
	background-color:#05978f;
}
div.divSelectText 
{
	width:180px;
	height:22px;
	line-height:22px;
	padding-left:5px;
	background-color:#ffffff;
}
div.divBasketHeader div, div.divBasketItem div
{
	float:left;
}
div.divOrdersHeader
{
	clear:both;
}
div.divOrdersHeader a
{
	display:block;
	float:left;
	height:25px;
	padding:0px 10px 0px 10px;
	line-height:25px;
	text-decoration:none;
	color:#ffffff;
}
div.divOrdersHeader a:hover {
	background-color:#c0e2cb;
	color:#000000;
}
div.divOrdersItem div
{
	display:block;
	float:left;
	height:25px;
	padding:0px 10px 0px 10px;
	line-height:25px;
	overflow:hidden;
}
div.Cancelled
{
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

div.divOrdersItem a
{
	color:#05978f;
	text-decoration:none;
}
div.divOrdersItem a:hover
{
	text-decoration:underline;
}
.colProductCode, .colProductUOM, .colProductPrice
{
	width:60px;
	margin-left:10px;
}
.colProductCode a 
{
	color:#05978f;
	text-decoration:none;
}
.colProductCode a:hover
{
	text-decoration:underline;
}
.colProductDescription
{
	width:182px;
	margin-left:10px;
}
.colProductQty
{
	text-align:center;
	position:relative;
	width:86px;
	height:33px;
	margin-left:10px;
}
.colDeliverySurcharge
{
	position:relative;
	width:70px;
	margin-left:10px;
}
.divColHeader .colDeliverySurcharge
{
    font-size:10px;
}
.divProductBasketQty
{
	position:absolute;
	top:-10px;
	left:0px;
	width:86px;
	height:33px;
}
.colProductTotal
{
	margin-left:0px !important;
	padding-right:5px;
	float:right !important;
}
.colProductPrice, .colProductTotal 
{
	text-align:right;
}
div.divBasketItem, div.divOrdersItem
{
	clear:both;
	width:100%;
}
div.divBasketFooter 
{
	margin-top:10px;
}
div.divBasketFooter input
{
	display:block;
	float:right;
	padding:0px;
	margin:0px;
	width:90px;
	height:25px;
	text-align:center;
	background-color:#05978f;
	border:solid 1px #41ab9e;
	color:#ffffff;
	cursor:pointer;
}
div.divBasketFooter input:hover
{
	background-color:#41ab9e;
}
div.divBasketTotals
{
	clear:both;
	padding-right:5px;
	border-top:solid 1px #05978f;
}
div.divBasketTotals div
{
	float:right;
	width:100px;
	height:20px;
	line-height:20px;
	text-align:right;
}
div.divProductBasket
{
	display:block;
	visibility:hidden;
	margin:3px;
	width:78px;
	height:25px;
	border:solid 1px #05978f;
}
div.divProductBasket input 
{
	width:25px;
	height:15px;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#c0e2cb;
	border:0px;
	border-left:solid 1px #05978f;
	border-right:solid 1px #05978f;
	text-align:center;
	display:block;
	position:absolute;
	top:4px;
	left:29px;
}
div.divProductBasket a
{
	position:absolute;
	display:block;
	top:6px;
}
a.aMinus
{
	left:6px;
}
a.aPlus
{
	right:6px;
}
div.divPageNumbers 
{
	width:100%;
	text-align:center;
	position:relative;
	margin-top:15px;
}
div.divPageNumbers a, div.divNewsHeadline a
{
	text-decoration:none;
	color:#05978f;
}
div.divNewsDate
{
	color:#05978f;
	font-style:italic;
}
div.divPageNumbers a:hover, div.divNewsHeadline a:hover
{
	text-decoration:underline;
}
div.divNewsHeadline
{
	font-size:18px;
}
div.divNewsSubHeading
{
	padding-top:5px;
	padding-bottom:10px;
}
div.divPageNumbers .aPage
{
	text-decoration:none;
	color:#ffffff;
	background-color:#05978f;
}
div.divPageNumbers .aPrev
{
	display:block;
	position:absolute;
	top:-15px;
	left:0px;
}
div.divPageNumbers .aNext
{
	display:block;
	position:absolute;
	top:-15px;
	right:0px;
}
#divQuickOrderSelect
{
	position:absolute;
	left:-62px;
	top:0px;
	border:solid 1px #05978f;
	background-color:#c0e2cb;
	visibility:hidden;
	z-index:100;
}
div.divQuickOrder, div.divQuickSelect
{
	width:50px;
	height:8px;
	line-height:8px;
	padding:5px;
	cursor:pointer;
}
div.divQuickOrder:hover
{
	background-color:#41ab9e;
}
div.divQuickSelect
{
	color:#ffffff;
	background-color:#05978f;
}
div.divSpacer
{
	font-size:1px;
	position:relative;
	clear:both;
}
div.divMap
{
	position:relative;
	width:586px;
	height:500px;
	border:solid 1px #05978f;
}
div.divImageGroup
{
	clear:both;
}
div.divImageGroupMain
{
	width:588px;
	overflow:hidden;
	text-align:center;
}
a.aImageGroupSub
{
	display:block;
	float:left;
	margin:5px 5px 0px 0px;
}
div.checkoutLeft
{
    	position:relative;
	float:left;
	width:150px;
	line-height:30px;
}
div.checkoutRight
{
    position:relative;
	float:right;
	width:430px;
	line-height:30px;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay
{
	background-image: url(/Assets/Images/overlay.png);
	width:100%;
	height:100%;
}

* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Assets/Images/overlay.png", sizingMethod="scale");
}

.divSiteMap
{
	font-size:14px;
	clear:both;
}
.divSiteMap a
{
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	margin-left:10px;
	color:#05978f;
}
.divSiteMapChildren
{
	clear:both;
	margin-left:20px;
}
#tblDelivery
{
    border-collapse:collapse;
    width:100%;
    border:solid 1px #41ab9e;
}
#tblDelivery thead
{
    font-weight:bold;
    color: #05978f;
}
#tblDelivery tr
{
    height:25px;
}
#tblDelivery .alt
{
    background-color:#c0e2cb;
}
#tblDelivery td
{
    padding-left:10px;
}
.divRollup
{
    cursor:pointer;
}
.divRollup:hover
{
    background-color:#41ab9e;
    text-decoration:underline;
}
#frmWoodTrims label
{
    display:block;
    width:100px;
    height:30px;
    float:left;
    font-weight:bold;
}
#frmWoodTrims input, #frmWoodTrims textarea, #frmWoodTrims select
{
	border:solid 1px #05978f;
	background-color:#c0e2cb;
	color:#000000;
	padding:0px;
	margin:0px;
	height:20px;
	line-height:20px;
	width:150px;
}
#frmWoodTrims textarea
{
	height:80px;
}
#frmWoodTrims button
{	
	display:block;
	width:100px;
	height:25px;
	background-color:#05978f;
	color:#FFFFFF;
	border:solid 1px #41ab9e;
	line-height:20px;
	text-align:center;
}
#frmWoodTrims button:hover
{
	background-color:#41ab9e;
}
.divPdfs a
{
    display:block;
    color:#000000;
    text-decoration:none;
    line-height:30px;
}
.divPdfs a:hover
{
    text-decoration:underline;
}
#GooglePlusOne
{
    position:absolute;
    width:90px;
    height:20px;
    top:1px;
    right:1px;
    z-index:2;
    text-align:right;
}
