﻿#Pownall
{
	height: 800px;
}

#SampleBagSummary
{
   position: absolute;
}

#Header
{
   background: #BAB7AF;
   left: auto;
   margin-top: 30px;
   position: absolute;
   top: 0;
   z-index: 20;
}

#Strapline
{
	float: left;
	left: auto;
    position: absolute; /* Fixes the z-index */
    top: 200px;
    width: 480px;
    z-index: 30;
}

#Strapline h2
{
	display: inline;
	float: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 180%;
	font-weight: normal;
	letter-spacing: -1px;
    line-height: 120%;
    margin-left: 13.2%;
    text-align: left;
    width: 85%;
}

#ImageHolder
{
   background: #F0F0F0;
   height: 762px;
   left: 0;
   position: relative;
   top: 0;
   width: 100%;
   z-index: 10;
}

#Samples
{
	float: left;
    left: auto;
    position: absolute; /* Fixes the z-index */
    top: 585px;
    width: 961px;
    z-index: 30;
}

#Samples div.SampleInfo
{
	color: #FFFFFF;
	float: left;
	margin-left: 6%;
	width: 43.5%;
}

#Samples div#Sample3, #Samples div#Sample4
{
	/*color: #686663;	- old colour client request to darken text*/
	color: #464441;
}

#Samples div.SampleInfo h3
{
	float: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 285%;
	font-weight: normal;
	letter-spacing: -1px;
	width: 70%;
}

#Samples div.SampleInfo h3 span
{
	font-weight: bold;
}

#Samples div.SampleInfo ul
{
	float: left;
	margin-top: 15px;
	width: 100%;
}

#Samples div.SampleInfo ul li
{
	display: inline;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
    font-weight: bold;
    padding-bottom: 8px;
	width: 100%;
}

#Samples div.SampleInfo ul li a
{
	color: #FFFFFF;
	text-decoration: none;
}

#Samples div.SampleInfo ul li a:hover
{
	text-decoration: underline;
}

#Samples div#Sample3 ul li a, #Samples div#Sample4 ul li a,
#Samples div#Sample3 ul li a:hover, #Samples div#Sample4 ul li a:hover
{
	/*color: #686663;	- old colour client request to darken text*/
	color: #464441;
}

#Sample1, #Sample2, #Sample3, #Sample4, #Sample5, #Sample6
{
    display: none;
}

#Samples div.current
{
    display: inline;
}

#ImgLibLinks
{
    float: right;
    list-style-type: none;
    margin-top: 58px;
    width: 35px;
}

#ImgLibLinks li
{
    display: none;
    float: left;
    width: 35px;
}

#ImgLibLinks li.current
{
    display: inline;
}

#ImgLibLinks li a img
{
    float: left;
    height: 35px;
    width: 35px;
}