/* --- [ basic ] ----------------------------------------*/
html {
	background: #f5f1e4;
	margin:0
}

body {
	margin:0px;
    background:#f5f1e4;
    font-family: Trebuchet MS, verdana,tahoma,arial,sans-serif;
	color: #fff;
	font-size:10pt;
}  
p { margin:0 0 10px 0; line-height:15pt; }
#container-sub p, #container-garden-sub p, #container-marine-sub p { color:#c96; }

/* --- [ page layout ] ----------------------------------*/

#container {
	position:relative;
	width:970px;
	height:680px;
    margin:0px auto;
    padding:0px;
    border:solid 0px #000;
	background: #fff url('../images/backgrounds/back-home.gif') top left no-repeat; 
}
#container-sub {
	position:relative;
	width:970px;
	height:680px;
    margin:0px auto;
    padding:0px;
    border:solid 0px #000;
	background: #fff url('../images/backgrounds/back-home-sub.gif') top left no-repeat; 
}

#container-garden {
	position:relative;
	width:970px;
	height:680px;
    margin:0px auto;
    padding:0px;
    border:solid 0px #000;
	background: #fff url('../images/backgrounds/back-garden.gif') top left no-repeat; 
}
#container-garden-sub {
	position:relative;
	width:970px;
	height:680px;
    margin:0px auto;
    padding:0px;
    border:solid 0px #000;
	background: #fff url('../images/backgrounds/back-garden-sub.gif') top left no-repeat; 
}
#container-industrial {
	position:relative;
	width:970px;
	height:680px;
    margin:0px auto;
    padding:0px;
    border:solid 0px #000;
	background: #fff url('../images/backgrounds/back-industrial.gif') top left no-repeat; 
}
#container-marine{
	position:relative;
	width:970px;
	height:680px;
    margin:0px auto;
    padding:0px;
    border:solid 0px #000;
	background: #fff url('../images/backgrounds/back-marine.gif') top left no-repeat; 
}
#container-marine-sub{
	position:relative;
	width:970px;
	height:680px;
    margin:0px auto;
    padding:0px;
    border:solid 0px #000;
	background: #fff url('../images/backgrounds/back-marine-sub.gif') top left no-repeat; 
}

#container-swimming {
	position:relative;
	width:970px;
	height:680px;
    margin:0px auto;
    padding:0px;
    border:solid 0px #000;
	background: #fff url('../images/backgrounds/back-swimming.gif') top left no-repeat;
}

#dek-logo {
	position:absolute;
	display:block;
	left:96px;
	top:44px;
	width:135px;
	height:135px;
	margin:0;
}
html>body #dek-logo{
	width:auto;
	height:auto;
	min-width:135px;
	min-height:135px;
}


#page-header {
	position:absolute;
	display:block;
	left:510px;
	top:80px;
	width:270px;
	margin:0;
	color:#000;
	text-align: right;
}
html>body #page-header{
	width:auto;
	min-width:270px;
	}

#page-header-sub {
	position:absolute;
	display:block;
	right:370px;
	top:50px;
	margin:0;
	color:#000;
	text-align: right;
}
html>body #page-header-sub {
	width:auto;
	min-width:200px;
	}

#page-image-sub {
	position:absolute;
	display:block;
	right:0;
	top:0;
	width:355px;
	margin:0;
	color:#000;
	text-align: right;
}
html>body #page-image-sub {
	width:auto;
	min-width:355px;
	}

#navigation {
	position:absolute;
	display:block;
	left:25px;
	top:300px;
	width:140px;
	height:200px;
	margin:0;
	color:#000;
	font-weight:bold;
	text-align: left;
	border:solid 0px #f00;
}
html>body #navigation {
	width:auto;
	height:auto;
	min-width:140px;
	min-height:200px;
}
#navigation .navigation-holder {
	width:140px;
	margin:0 0 25px 0;
	}
#navigation .navigation-holder-sub {
	width:110px;
	margin:0 0 8px 0;
	}
#navigation .navigation-holder-sub-item {
	width:110px;
	margin:0 0 0 40px;
	}

#content {
	position:absolute;
	display:block;
	left:270px;
	top:155px;
	width:520px;
	margin:0;
	color:#000;
	text-align: left;
}
html>body #content {
	width:auto;
	min-width:520px;
	}

#content-sub {
	position:absolute;
	display:block;
	left:230px;
	top:220px;
	width:580px;
	margin:0;
	color:#000;
	text-align: left;
}
html>body #content-sub {
	width:auto;
	min-width:580px;
	}


#footer {
	position:absolute;
	display:block;
	right:150px;
	top:605px;
	margin:0;
	color:#000;
	font-weight:bold;
	font-size:8pt;
	line-height:14pt;
	text-align:right
}
#footer .footer-holder {
	margin:0 0 -2px 0;
	}

#wilks-logo {
	position:absolute;
	display:block;
	right:35px;
	top:605px;
	width:75px;
	height:50px;
	margin:0;
}
#wilks-logo a {
	display:block;
	width:75px;
	height:50px;
}
#fendering {
	position:absolute;
	display:block;
	left:65px;
	top:560px;
	width:100px;
	height:67px;
	margin:0;
}
#fendering  a {
	display:block;
	width:100px;
	height:67px;
}

/* -- [ columns ] ---------------------------------------*/
    .cols-wrap {width:520px; margin:0; /*background:#fff url('../images/cols-background.gif') top left repeat-y;*/ clear:both; }
    .cols-left {width:320px; margin:0 30px 0 0; float:left; color:#fff; text-align:left;  }
    .cols-right {width:160px; margin:0; float:right; text-align:left; }
    .cols-right img {width:160px; height:120px; margin:0 0 10px 0; }

    .cols-wrap-sub {width:580px; margin:0; /*background:#fff url('../images/cols-background.gif') top left repeat-y;*/ clear:both; }
    .cols-left-sub {width:280px; margin:25px 10px 0 0; float:left; text-align:left;  }
    .cols-right-sub {width:280px; margin:25px 0 0 10px; float:right; text-align:left; }


/* --- [ headings ] -------------------------------------*/
h1, h2, h3, h4, h5, h6 { 
    font-family:  Arial,Trebuchet MS,verdana,sans-serif;
}

h1 {
	font-weight: bold;
	font-size: 18pt;
	color: #000;
	margin: 0 0 10px 0;
}
#page-header h1, #page-header-sub h1,#page-sub-header-sub h1 {
	display:none
}

h2 {
	font-weight: bold;
	font-size: 16pt;
	color: #000;
	margin: 0 0 10px 0;
}
#page-sub-header-sub h2 {
	display:none
}

h3 {
	font-weight: bold;
	font-size: 14pt;
	color: #000;
	margin: 0 0 10px 0;
} 

/* --- [ images ] ---------------------------------------*/
    img { border:0px; }


/* --- [ links ] ----------------------------------------*/
    a { color: #57321c; text-decoration:none; }
    a:visited { color: #57321c; }
    a:hover { color: #c96; }
    a:active { color: #c96; }

    #container-garden a,#container-garden-sub a { color: #8cc63f; }
    #container-garden a:visited,#container-garden-sub a:visited { color: #8cc63f; }
    #container-garden a:hover,#container-garden-sub a:hover { color: #c96; }
    #container-garden a:active,#container-garden-sub a:active { color: #c96; }

    #container-industrial a { color: #b91a47; }
    #container-industrial a:visited { color: #b91a47; }
    #container-industrial a:hover { color: #c96; }
    #container-industrial a:active { color: #c96; }

    #container-marine a,#container-marine-sub a { color: #00b5cc; }
    #container-marine a:visited,#container-marine-sub a:visited { color: #00b5cc; }
    #container-marine a:hover,#container-marine-sub a:hover { color: #c96; }
    #container-marine a:active,#container-marine-sub a:active { color: #c96; }

    #container-swimming a { color: #78bde8; }
    #container-swimming a:visited { color: #78bde8; }
    #container-swimming a:hover { color: #c96; }
    #container-swimming a:active { color: #c96; }

    #footer a { color: #fff; }
    #footer a:visited { color: #fff; }
    #footer a:hover { color: #57321c; }
    #footer a:active { color: #57321c; }
        
/*  #footer a.home { color: #fff; }
    #footer a.home:visited { color: #fff; }
    #footer a.home:hover { color: #57321c; }
    #footer a.home:active { color: #57321c; }*/

    */

    a.active, #container-garden a.active, #container-garden-sub a.active, #container-marine a.active, #container-marine-sub a.active, #container-industrial a.active, #container-swimming a.active { color: #c96; }
    a.active:visited, #container-garden a.active:visited, #container-garden-sub a.active:visited, #container-marine a.active:visited, #container-marine-sub a.active:visited, #container-industrial a.active:visited, #container-swimming a.active:visited { color: #c96; }
    a.active:hover, #container-garden a.active:hover, #container-garden-sub a.active:hover, #container-marine a.active:hover, #container-marine-sub a.active:hover, #container-industrial a.active:hover, #container-swimming a.active:hover{ color: #c96; }
    a.active:active, #container-garden a.active:active, #container-garden-sub a.active:active, #container-marine a.active:active, #container-marine-sub a.active:active, #container-industrial a.active:active, #container-swimming a.active:active{ color: #c96; }

/* --- [ heading mods ] ---------------------------------*/
.heading {
	display:block;
	width:270px;
	height:20px;
	margin:0;
}
html>body .heading {
	width:auto;
	min-width:270px;
	height:auto;
	min-height:20px;
	}

.heading-sub {
	display:block;
	width:200px;
	height:40px;
	margin:0;
}
html>body .heading-sub {
	width:auto;
	min-width:200px;
	height:auto;
	min-height:40px;
	}

.sub-heading-sub {
	display:block;
	width:400px;
	height:50px;
	margin:0;
}
html>body .sub-heading-sub {
	width:auto;
	min-width:400px;
	height:auto;
	min-height:50px;
	}

.contact {
	background:url('../images/headings/contacts.gif') top left no-repeat; 
	}
.download {
	background: url('../images/headings/downloads.gif') top left no-repeat; 
	}
.technical {
	background: url('../images/headings/technical.gif') top left no-repeat; 
	}
.garden {
	background:#8cc63f url('../images/headings/garden.gif') top right no-repeat; 
	}
.garden-sub {
	background:#fff url('../images/headings/garden-sub.gif') top right no-repeat; 
	}
.garden-decking {
	background:url('../images/headings/garden-decking.gif') top left no-repeat; 
	}
.industrial {
	background:#f7931d url('../images/headings/industrial.gif') top right no-repeat; 
	}
.marine {
	background:#00b5cc url('../images/headings/marine.gif') top right no-repeat; 
	}
.marine-sub {
	background:#fff url('../images/headings/marine-sub.gif') top right no-repeat; 
	}
.marine-boats {
	background:url('../images/headings/marine-boats.gif') top left no-repeat; 
	}
.swimming {
	background:#78bde8 url('../images/headings/swimming.gif') top right no-repeat; 
	}

/* --- [ misc classes ] ---------------------------------*/

    .noDisplay { display:none }
    .newRow,.clear	{clear:both;}
    .requiredField,.requiredfield,.warningTextNoMargin	{color:#f00;}
    
/* -- [ one off styles ] --------------------------------*/