/* colours

dark  red #790228
light red #a70336

Dark  Grey #858486
Light Grey #c9c9c9

Dark  Blue #5091a4
Light Blue #c1d9df

Dark Green #003319
Green #004C26
Green #005C2E
Green #036835
light green
#408c66
#80b399
#bfd9cc

very light green
#cce0d6
#d9e8e1
#e6f0eb
#f2f7f5

/*----------------------------------------------*/

/*     General site wide
----------------------------------------------*/
body {
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#333333; 
	margin:0px auto; 
	padding:0px;
	text-align:center;
	background:url(../images/bg.png) repeat-y center #f5f5f5;
}

h2 {
	font-size:1.1em;
	color:#036835;
	margin-top:0.5em;
	margin-bottom:0.5em
}

h3 {	
	font-size:1.1em;
	color:#036835;
	margin-bottom:0.5em;
	padding:0;
}

h4 {
	font-size:1em;
	margin-top:0;
	margin-bottom:0.5em;
}	


a {
	text-decoration:none;
	color:#333333;
} 
a:hover {
	text-decoration:underline !important;
}
a:focus {
	text-decoration:underline !important;
}

img {
	border:none;
	background:none;
}

#access-keys, h1#website {
	position: absolute; 
	width: 250px; 
	left: -3000px; 
	float: left;
}
a em {
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
address {
	margin-left:1em;
}

object {
	outline:none;
}
/*
S - Skip navigation
1 - Home page
2 - What's new
3 - Site map
4 - Search
5 - Frequently Asked Questions (FAQ)
6 - Help
7 - Complaints procedure
8 - Terms and conditions
9 - Feedback form
0 - Access key details
*/

form {	
	margin:0;
	padding:0;
}
.cleaner {
	overflow:hidden;
	clear:both;
	height:1px;
	margin-top:-1px
}
.error, .mand {
	color:#ff0000;
}

.smaller {
	font-size:0.9em
}
.larger {
	font-size:1.3em;
}
.center {
	text-align:center;
}

.underline {
	text-decoration:underline;
}
#breadcrumb {
	font-size:0.8em;; 
	color:#333333; 
	font-weight:bold;
}
div#main-content-plain #breadcrumb a {
	color:#666666;
	text-decoration:underline;
}
.redprice {
	color:#ad2f30;
	font-weight:bold;
	font-size:16px;
}

.redpricebig {
	color:#bc0420;
	font-weight:bold;
	font-size:20px;
}

.floatleft {
	float:left;
	padding:0 1em 1em 1em;
}
.floatright {
	float:right;
	padding:0 1em 0 1em;
}

.linethrough {
	text-decoration:line-through;
}

blockquote {
	margin-top:0.5em;
	margin-left:1.5em;
}
.icon {
	line-height:2em;
	font-weight:bold;
}
.icon img{
	margin-bottom:-0.5em;
}
/*----------------------------------------------*/

/*     Layout for all site 
----------------------------------------------*/

#wrapper {
	width: 66.7em;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
}

/*   *free delivery & *search bar
----------------------------------------------*/
.logo {
	padding:25px 10px 10px 10px;
	float:left;
	position:relative;		
}

#search {
	margin:6em 0 0 2em;
	width:31em;	
	float:left;
}
input.search {
	margin:0 0.2em 0 0;
	padding:0.1em;
	height:1.3em;
	width:18.9em;
	font-size:1.1em;
	line-height:1.4em;
	color:#666666;
}

#free-delivery .button{	
	position:absolute; 
	margin-top:0.1em;	
}

/*    *account login
----------------------------------------------*/
#login {
	width:13.8em;
	margin-top:30px;
}
#accounts {
	margin: 10px 10px 15px 0;
	text-align:right;
}

#accounts img {
	margin:0 0.4em 0em 0em;
}

#login a {
	color:#000000;
	font-size:1em;
	font-weight:bold;
	margin:0 0.2em 0 0;
}
#login {
	width:18em;
}

#basket {
	width:18em;
	margin: 40px 0 0 8px;
}

#login #basket a {
	color:#000000;
	font-weight:bold;
	line-height:2em;	
}

#basketbg{
	background:url(../images/basket-bg.jpg) no-repeat;
	width:200px; 
	height:70px;
	float:right;
}


/*    *primary navigation
----------------------------------------------*/
.nav {
	padding:0; 
	margin:0.6em 0 10px 0; 
	list-style:none; 
	height:2.8em; 	
	background:#368b53;
	position:relative; 
	z-index:500;
	border-bottom:1px solid #cce0d6;
	background:url(../images/background-nav.gif) repeat-x;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.nav li.top {
	display:block; 
	float:left;
}
.nav li a.top_link {
	display:block; 
	float:left; 
	height:2.8em; 
	line-height:2.7em; 
	color:#FFFFFF; 
	text-decoration:none; 
	font-size:1em; 
	padding:0 1em 0 1em; 
	cursor:pointer; 
	font-weight:bold;
	border-right:1px solid #cce0d6;
}
.nav li a.lastNav {
	border-right:none;
}
.nav li a.top_link span {
	float:left; 
	display:block; 
	padding:0 1em 0 1em; 
	height:2.8em;
	font-weight:bold;
}
.nav li a.top_link:hover {
	color:#ffffff; 
	background:#368b53;
	font-weight:bold;	
}

.nav li a.top_link:hover span {
	background:#368b53;
	font-weight:bold;
}
/* HACK ie 7 & firefox */
.nav li:hover > a.top_link {
	color:#ffffff; 
	background:#368b53;
	line-height:2.8em;
	font-weight:bold;
}
.nav li:hover > a.top_link span {
	background:#368b53;
	font-weight:bold;

}
.nav table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
}
.nav a:hover {
	visibility:visible; 
	position:relative; 
	z-index:200;
	font-weight:bold;
}
.nav li:hover {
	position:relative; 
	z-index:200;
}

/*  'next' level invisible by placing it off screen. */
.nav ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
.nav ul.sub1 {width:16em;}

.nav :hover ul {
	left:0; 
	top:2.7em; 
	background: #5d9f56; 
	padding:0.3em; 
	white-space:nowrap; 
	height:auto; 
	z-index:300; 
}
.nav :hover ul li {
	display:block; 
	height:2em; 
	position:relative; 
	font-weight:normal; 
	width:auto;
}
.nav :hover ul li a {
	display:block; 
	font-size:0.9em; 
	height:2em; 
	line-height:1.6em; 
	width:auto; 
	padding:0 0.5em; 
	color:#FFFFFF; 
	text-decoration:none;
	font-weight:bold;
}

.nav :hover ul li a:hover {
	background:#5ea682;
	color:#ffffff
}


/*    *side navigation menu
----------------------------------------------*/
#left-hand-content {
	padding:0px; 
	width:13.3em; 
	position:relative; 
	float:left;
	margin-right:0.4em;
	/*border:1px solid #333333;*/
}

#left-hand-content a{
	color:#575757;
	font-weight:bold;
}
#left-hand-content h2, .recent-viewed h3 , #right-hand-content h3,  h2.bestSellers, div#main-content2 .related-products h4 {
	font-size:1em; 
	color:#575757;
	height:2.5em; 
	line-height:2.5em;
	margin:5px 0 10px 0;
	text-align:center;
	background:#e6f0eb;
	border-bottom:1px solid #cce0d6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#left-hand-content ul{
	padding-left:0;
	margin:0 0 0.8em 0;
}	

#left-hand-content li{	
	list-style:none;
	background:url(../images/navigation-bullet.gif) no-repeat 0 0.2em;
	margin-left:0;
	padding-left:1.1em;
	font-size:1em;
	margin-top:0.6em;
	position:relative;
	font-weight:bold;
}
.left-hand-content-drainage li {background-color:#5091a3 !important; background-image:none !important; color:#FFFFFF; list-style:none !important; padding:5px 0 5px 10px !important;}
.left-hand-content-roofing li {background-color:#a35050 !important; background-image:none !important; color:#FFFFFF; list-style:none !important; padding:5px 0 5px 10px !important;}
.left-hand-content-other li {background-color:#64a350 !important; background-image:none !important; color:#FFFFFF; list-style:none !important; padding:5px 0 5px 10px !important;}


#left-hand-content li.sub-menu {
	margin-left:0.5em;
	background:none;
	font-weight:normal;	
}
#left-hand-content li.sub-menu a{
	font-weight:normal;	
	font-size:0.9em
}

/*   *brand select
----------------------------------------------*/

#brand {
	background:url(../images/background-brand.gif) repeat-x;
	margin-bottom:0.5em;
	padding:0.3em 0.5em 0.5em 0.5em;
	height:5.5em;
}

/*hack ie 6 only */
*html #brand {
	padding:0.3em 0.2em 0.5em 0.5em;
}

#brand label {
	color:#000000;
	font-weight:bold;
}
#brand select {
	width:12.5em;
	margin:0.5em 0.2em 0 0;
	padding:0.1em;
	height:2em;	
	font-size:1em;
	line-height:2em;
	color:#666666;
}
#brand input {
	float:right;
	margin-top:0.2em;
}

/*    *recently viewed
----------------------------------------------*/
.recent-viewed  {	
	text-align:center;
	font-size:1em;
}
.recent-viewed .text {	
	margin: 0 0.5em 0 0.5em;
	text-align:center;
	color:#333333;
	min-height:2.5em; height:auto !important; height:2.5em;	
	font-size:0.9em;
}
#left-hand-content .recent-viewed a {	
	font-size:0.9em; 
	color:#dd3d14;	
}
#left-hand-content .recent-viewed .text a{	
	color:#333333;	
	font-weight:normal;
}
.recent-viewed img {
	margin:0.5em 0 0 0;
}

/*    *main content (center column)
----------------------------------------------*/
div#main-content, div#main-content2, div#main-content-plain, #main-content-all { 
	position:relative;
	float:left;
	width:38em;
	padding:0 0 0 0.4em;
	/*border:1px solid #333333;*/
	margin:0 0.8em 1em 0;
	border-left:2px dotted #cccccc;
}
div#main-content2, div#main-content-plain {
	width:52.3em;
	margin:0;
	min-height:60em; height:auto !important; height:60em;
	/*border:1px solid #333333;*/
	padding-bottom:1em;
}
div#main-content2 ul, div#main-content-plain ul{
	margin-top:0.5em;
}
div#main-content2 li, div#main-content-plain li{
	line-height:1.6em;
	margin-left:-1em;
}


/*    *right hand content (right column)
----------------------------------------------*/
#right-hand-content { 
	position:relative;
	float:right;
	width:13.5em;
	padding:0px;
	/*border:1px solid #333333;*/
	margin:0;
}
/* hack ie6 only */
*html #right-hand-content { 
	width:13.3em;
}
#right-hand-content img { 	
	margin-bottom:0.5em;
}
#right-hand-content h4 {
	color:#000000;
	font-size:0.9em;
	margin:0.8em 0 0 0.3em;

}
#right-hand-content h4 a {
	color:#000000;
}
#right-hand-content p {
	font-size:0.9em;
	margin:0.3em 0 1em 0.3em;
	color:#666666;
	font-weight:normal;
}

/*     *footer  
----------------------------------------------*/
#footer { 
	background:#368b53;
	height:30px; 
	color:#FFFFFF;
	font-size:0.9em;
	position:relative;
	float:left;
	width:100%;
	line-height:1.5em;
	margin-bottom:1em;	
	border-bottom:1px solid #cce0d6;
	background:url(../images/background-nav.gif) repeat-x;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#footer ul{
	list-style: none; 
	float:left;
	margin:0 0 0 18em;
	padding:0;
}
#footer li {
	display:block; 
	float:left; 
	padding:0.8em 0.4em;
}
#footer a {
	color:#FFFFFF;
}

.footer-left{float:left; font-size:12px; color:#999999; width:400px;}
.footer-left img {padding:0 10px 10px 0;}
.footer-right{float:right; font-size:12px; color:#999999; width:400px; text-align:right; font-size:11px; padding-bottom:20px;}


.copyright{
	text-align:center;
	margin-top:0.5em;
	color:#999999;
	font-size:0.9em
}
.copyright img{	
	padding:0.5em 2em 1em 2em;
}
.copyright a{
	font-size:0.8em;
	color:#999999;
}


/*----------------------------------------------*/

/*     page specific 
----------------------------------------------*/

/*     *homepage 
----------------------------------------------*/
#banner {
	width:38em;
}
/* actually best sellers! */
.special-offers {
	margin:0.5em 0.6em 2em 0.6em;	
	width:11em;
	text-align:center;
	float:left;
	border:1px solid #c1d9df;
}
/* hack ie6 only */
* html .special-offers {
	margin:1em 0.6em 1.5em 0.3em;	
}

.special-offers a{
	color:#666666;
	font-weight:normal;
}
.special-offers h4 {
	color:#dd3d14;
	margin-bottom:0.2em;	
	font-style:italic;
}
.special-offers .text {
	margin-top:0.3em;
	min-height:2.7em; height:auto !important; height:2.7em;
	font-size:0.9em;
	color:#666666;
}
.special-offers .price a {
	color:#dd3d14;
	font-weight:bold;
	font-size:0.9em
}
#brands-container, #supply-container {
   	background:url(../images/background-brandsContainer.gif) 0 0 no-repeat;
   	height:10em;
	width:13.5em;
}

#supply-container {
	background:url(../images/background-supplyContainer.gif) 0 0 no-repeat;
	margin-bottom:0.5em
}

#supply, #brands {
	width:13em;
	padding:2em 0 0 0.2em;
}
.oneNews {
	margin:1em 0 1em 0;

}
.oneNews a{
	font-size:0.9em;
	color:#666666
}
/*     *section page 
----------------------------------------------*/

div#main-content h1, div#main-content2 h1, div#main-content-plain h1 {
	font-size:1.3em;
	color:#006f26 !important;
	margin-top:1em;
	border-bottom: 1px solid #a5a5a5;
	width:100%;
}
div#main-content2 h1 {
	margin-bottom:0.5em;
}
#section-container .one-section {
	float:left;
	width:11.5em;
	text-align:center;
	min-height:12.5em; height:auto !important; height:12.5em;
	margin:0.5em; 
	border:1px solid #ebebeb;
	padding-bottom:10px;
}
/* hack ie 6 only */
* html #section-container .one-section {
	margin:0.3em;
}

.one-section h4 {
	font-size:1em;
	padding: 0.6em 0 0 0.4em;
	height:4em;
}

.one-section a {
	color:#575757;
}
.best-sellers-container {
	text-align:center;
	margin:0.7em 0.2em 0.5em 0.2em;
}
.best-sellers-container a{
	color:#000000;
	font-size:0.9em
}

/*     *list page 
----------------------------------------------*/

#list-container .one-section {
	float:left;
	width:16.5em;
	min-height:11em; height:auto !important; height:11em;
	margin:0.5em; 
	padding:0.1em 0.5em 0.5em 0.5em;
	border:1px solid #ebebeb;
}
#list-container .one-section h4 {
	height:1em;
	color:#006600;
}
#list-container .one-section .list-image{
	float:left;
	min-height:7.5em; height:auto !important; height:7.5em;
	width:7.4em;
}

#list-container .one-section img{
	float:left;
	margin-top:0.4em;
}
#list-container .one-section .text {
	float:left;
	width:10em;
	font-size:0.9em;
	min-height:5.8em; height:auto !important; height:5.8em;	
	margin-top:0.2em;
	overflow:hidden;
}
#list-container .one-section .text-price, #list-container .one-section .text-price-web{
	margin-top:0.3em;
	float:left;
	font-weight:bold;
	color:#dd4d14;
	font-size:0.9em;
	width:10em;
}

#list-container .one-section .text-price-web{
	margin-top:-0.5em;
}

.pleaseContact {
	border:1px dashed #80b399;
	padding:0.5em;
	text-align:center;
}
/*     *product page 
----------------------------------------------*/

div#main-content2 .text form {
	color:#000000;
	font-weight:bold;
	text-align:left;
}
div#main-content2 .text label{ 
	width: 6em; 
	padding: 0; 
	margin: 0.2em 0.2em 0 0; 
	text-align: right;
}
div#main-content2 .text form input.quantity, div#main-content2 .text form select{
	margin:0.3em 0.2em 0 0;
	padding:0.1em;
	font-size:0.9em;
	line-height:1.4em;
	color:#666666;
}

.product-image .price {
	margin:0.2em 0em 1em 0em;
	text-align:center;
	font-size:1.3em;
	color:#666666
}
.product-image .price .nowprice{
 	font-size:1.2em;
	color:#dd3d14;
	font-weight:bold
}
div#main-content2 .text form input.quantity {
	height:1.4em;		
	width:2.5em;
	margin-top:0.7em
}

div#main-content2 .text form input.button {
	margin:0.7em 0 -0.2em 0.2em;
}	
div#main-content2 .text {
	width:32em;
	float:left;
	margin-right:0.8em;
	margin-bottom:1em;
	font-size:0.9em;
}
div#main-content2 .product-image {
	width:20em;
	float:right;
	display:inline;
}
div#main-content2 #image-holder {
	text-align:center;
	font-size:0.8em;
	line-height:2.8em;
}
div#main-content2 .icons {
	font-size:0.8em;
	line-height:3.5em;
	float:left;
	text-align:left;
	margin-bottom:10px;
}
div#main-content2 .icons img{
	margin-bottom:-0.6em;
	margin-right:0.5em
}

div#main-content2 .related-products  {
	width:100%
}

.related-products .one-product {
	width:11.9em;
	float:left;
	text-align:center;
	margin:1em;
	font-size:0.9em;
}
.related-products .one-product .productImage {
	width:12.5em;
	text-align:center;
	min-height:8em; height:auto !important; height:8em;	
}
.product-options {
	border: 1px solid #c1d9df;
	margin-bottom:0.5em;
	margin-top:2em;
	padding:0.5em 0 1em 0.5em;
	background:#e1ebee;
}

/***********    buy product options    ***************/
.product-options  td {
	border-bottom:1px dashed #cccccc;
}

.product-options td, th {
	padding: 0 0.4em 0 0.4em;
	color:#333333
}
.product-options .smaller {
	font-size:0.8em;
	font-weight:normal
}

.product-options th.price {
	text-align:center;
}
.product-options th.qty {
	width:100px;
}

.product-options td.code {
	width: 7em;
}

.product-options td.desc {
	width:28em;
}

.product-options td.desc, .product-options td.unit {
	background:#ffffff
}

.product-options td.price {
	background:#ffffff;	
	width:7em;
	text-align:right
}

.product-options input {
	font-size:0.9em;
}

/* HACK ie 5.5 only */
* html .product-options  table {
	font-size:1em;
	width:99% !important;
}
/* HACK ie 6 only */
* html .product-options  table {
	width:99% !important;
	wid\th:100% !important;
}

/*     *plain pages
----------------------------------------------*/

div#main-content-plain a {
	color:#790228;
	font-weight:bold;
}
/*     *News page
----------------------------------------------*/
.oneArticle {
	border-bottom:1px dotted #bfd9cc;
	padding:0.5em 0 1.5em 0;
	margin:1em 0 1em 0;
}	
div#main-content-plain .oneArticle a {
	font-weight:normal;
	font-size:0.9em
}

div#main-content-plain .oneArticle h2 a {
	color:#333333;
	font-weight:bold;
	font-size:1em
}
.articleImage {
	float:left;
	padding:0.5em 1em 0.2em 0;	
}

.newsArticle {
	float:left; 
	width:200px; 
	margin:0 1em 1em 0;
}

.related {
	font-size:0.9em
}
.related ul {
	list-style:none;
	margin:0 0 0 2em;
	padding:0;
}
.related ul li {
	padding:0.5em 0 0 0;
}	
div#main-content-plain .related ul li a{
	font-weight:normal;

}	
/*     *brand page
----------------------------------------------*/
.brands img {
	margin:0.1em 1.8em 0.1em 1.8em;
}

.brandList {
	margin-top:4em;
	border:1px dashed #80b399;
	list-style:none;
	padding-left:1em;
	margin-left:0
}
.brandList li {
 	margin:0.5em 0 0.8em 0;
	font-size:0.9em
}

/*     *basket pages
----------------------------------------------*/
table.main-basket {
	width:615px;
	margin-bottom:4em; 
	color:#333333; 
	font-size:1em;
}
table.main-basket th {
	background:#e6f0eb;
	border-bottom:1px solid #cce0d6;
	font-size:1em;
	padding:0.2em 0.2em 0.2em 0.4em; 
	margin:0;
}

table.main-basket td {
	font-size:1em;
	padding:0.3em 0 0.3em 0.5em; 
	margin:0;
	border-bottom:1px dotted #cccccc;
}
table.main-basket th.quantity {	
	padding-left:1em;
}
table.main-basket td.quantity input {
	width:2.5em;
}
table.main-basket th.item, table.main-basket td.item { 
	width:38em;
}

table.main-basket td.buttons {
	text-align:left; 
	border:none;
	padding-top:0.5em;
	padding-bottom:0;
}
table.main-basket th.totals, table.main-basket th.total {
	text-align:right; 
	padding-right:1em; 
	border-bottom:none; 
	background:none;
	padding:0.5em 1em 0.5em 0;
}
table.main-basket th.total {
	font-weight:normal;
}
table.main-basket td.totals {
	text-align:right;
	padding-right:0.5em
}
table.main-basket th.finaltotal {
	text-align:right;
	padding-right:1em; 
	font-size:1.2em;
}
table.main-basket td.finaltotal {
	font-weight:bold; 
	font-size:1.2em; 
	background:#e6f0eb;
	border-bottom:1px solid #cce0d6;
	border:none;
	text-align:right;
	padding-right:0.5em
}

table.main-basket th.linetotal, table.main-basket td.linetotal {
	text-align:right; 
	padding-right:0.5em;
}
.vat {
	font-weight:normal;
	font-size:0.8em;
}
.world {
	margin-left:7em;
}
.paymentlogos img {	
	padding:0.5em;
}

/*     *terms & conditions
----------------------------------------------*/


.terms .abc {
	list-style-type:lower-alpha; 
	font-size:1em;
}
.abc li {
	padding:3px;
}
.terms .abc ul {
	list-style:none;
}
.terms .abc ul li {
	list-style:none;
	margin-left:-30px;
}
.terms h3 {
	font-size:1em;
}

.roman {
	list-style-type:lower-roman;
}

/*     *contact page
----------------------------------------------*/
.contact-form form {
	margin:0;
	color:#666666;
	width:42em;
	margin-left:1em;	
}
.contact-form legend {
	display:none;
}
.contact-form fieldset, .email-form fieldset{
	border: 1px dashed #bfd9cc;
	margin-bottom:1em;
	padding:1em;
}
.contact-form label, .email-form label{ 
	float: left; 
	width: 8.5em; 
	padding: 0; 
	margin: 0.7em 0.5em 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}
.contact-form input.main, .contact-form select, .email-form input.main{
	margin:0.3em 0.2em 0 0;
	padding:0.1em;
	font-size:1.1em;
	line-height:1.4em;
	color:#666666;
}
.contact-form textarea {	
 	color:#666666;	
	margin:0.3em 0 0 0;
}
.contact-form input.main {
	height:1.3em;
}
.contact-form .button {
	margin-left:11em;
	margin-top:0.5em;
}
/* *sign up */
.contact-form label.signup {
	float:none;
	font-style:italic
}
.contact-form input.signup {
	margin:0.7em 0 -0.3em 0;

}

/*     *sitemap page
----------------------------------------------*/

#sitewide {
	margin-left:2em;
}
#sitewide h2 {
	margin-left:-1.8em;
	margin-bottom:-1em;
	font-size:1.2em
}
h3.sitemap, h3.maximise, h3.minimise {
	background : url(../images/maximise.gif) no-repeat center left;
	cursor : default;
	padding-left : 1.2em;
	color:#333333;
}

h3.minimise	{
	background : url(../images/minimise.gif) no-repeat center left;
}

ul.sitemap	{
	list-style-type : none;
	margin-left : 0.5cm;
	padding-left : 0;
}

ul.sitemap li {
	background : transparent;
	padding-left : 1.1em;
	font-weight:normal;
	padding-bottom:0.5em;
}

ul.sitemap li a	{
	background : transparent url(../images/sitemap-docbullet.gif) no-repeat;
	/*margin-left : -1.1em;*/
	padding-left : 1em;
	text-decoration:none;
	font-weight:normal;	
}
#main-content-plain ul.sitemap li a	{
	color:#333333;
}
ul.sitemap li img {
	padding-right : 0.2em;
}

ul.sitemap li a.parent {
	background : transparent;
	padding-left : 0;
	text-decoration:none;
}

ul.sitemap li ul{
	background : transparent /*url(../images/sitemapfolderbullet.gif)*/ no-repeat;
	list-style-type : none;
	margin : -1em 0 0 1.6em;
	padding : 0em 0 0 0.6em;
}

ul.sitemap li ul li	{
	margin-left : 0.5cm;
	padding-left : 1em;
}
h3.sitewide {
	background : transparent url(../images/sitemap-docbullet.gif) no-repeat  0px 2px;
}
#main-content-plain h3.sitewide a{
	text-decoration:none;
	color:#333333;
	padding-left:1.2em;
}

/*     *brand page
----------------------------------------------*/
#main-content-plain h2.brand {
	color:#ffffff;
	background:url(../images/background-brand-h2.gif) repeat-x;
	padding:1em 0 0.2em 0.3em;
	margin-top:0.2em;
}
#right-hand-content h3.brand  {
	font-size:1em; 
	color:#ffffff; 
	height:2.5em; 
	line-height:2.5em;
	margin:0 0 0.5em 0;
	text-align:center;
	background:url(../images/background-brand-headers.gif) repeat-x;
}
.brand-section {
	width:38em;
	position:relative;
	float:left;
}
.brand-section h3{
	padding:1.5em 0 0.5em 0.5em;
	font-size:1em;
	margin:0
}
.one-brand-section {
	background:url(../images/background-brand-group.gif) no-repeat;
	padding:0.2em 0.5em 0.5em 0.8em;
	min-height:4.5em; height:auto !important; height:4.5em;
	margin-bottom:0.5em
}

#main-content-plain .one-brand-section img{
	margin:0 0.5em 0 0.5em ;
	float:left;
	}

/*     *search page 
----------------------------------------------*/
.search-results a {
	color:#dd3d14;
}
.one-search {
	padding-bottom:1em;
}
.search-results a img {
	float:left;
	margin-right:0.5em;
}

.search-results h3 {
	background:#408c66;
	padding:0.3em;
	font-size:1em;
	position:relative
}
.search-results h3 a{
	color:#ffffff;
}
.search-results .search-image {
	width:6.5em;
	float:left;
	position:relative
	}
.search-results .text {
	float:left;
	width:33em;
	min-height:3em; height:auto !important; height:3em;
	font-size:0.9em
}
.search-results .moreinfo a {
	color:#999999;
	font-size:0.9em;
}
#right-hand-content .search-options h3 {
	font-size:1em;
	color:#000000; 
	height:2.5em; 
	line-height:2.5em;
	margin:0.3em 0 0.5em 0;
	text-align:center;
	background:#e3e1e1
}

#right-hand-content .search-options h4 {
	background:#e3e1e1;
	color:#000000;
	font-size:0.9em;
	padding:0.5em 0 0.3em 0.5em;
	margin:0.8em 0 0 0em

}
.search-options .options {
	font-size:0.9em;
	line-height:2em;
	margin:0.5em 0 0 1em;
}
.search-options .options a {
	text-decoration:underline;
}
.search-options label {
	font-size:0.9em;
}
.search-options select {
	font-size:0.9em;
	margin-top:0.4em;
	width:15em
}
.button2 {
	margin-top:0.3em;
}
.suggestedSearches		{background:#F2F2F2; padding:5px; font-weight:bold;}
.suggestedSearches a	{color:#036835;}

/***************   Printer Friendly Page  *****************/
.print {
	padding:0.5em;
	text-align:left;
}

/*.product-image {
	float:left;
	font-size:0.8em;
	text-align:center
}*/

.product-text {
	padding:1em;
	float:right;
	text-align:left;
}

/***************   *email friend Page  *****************/

.email-form {
	width:30em;
	padding:1em 0 0.5em 0;	
}
.email-form label {
	width:14em;
	font-weight:bold;
	}
.email-form .button {
	margin-top:0.5em;
}
/***************   *newsletter sign up  *****************/
#sign-up {
	margin:0.5em 0 0.5em 0;
	padding:0.2em 0em 0.5em 0.1em;
	height:85px;
	background:url(../images/ads-sign-up.jpg) no-repeat;
}

#sign-up form {
	padding:50px 0em 0em 0em;
}
#sign-up label {
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
}

#sign-up form input.newsletter-signup {
	float:right;
	margin:5px 0.3em 0 0;
}
input#newsletterEmail {
	width:10em;
	height:1.4em;
	padding:0.1em;	
	font-size:1em;
	line-height:1.4em;
	color:#666666;
	margin:0.5em 0 0 0.3em
}
*html #sign-up {
	padding:0.3em 0.2em 0.5em 0.4em;
}

/***********    product image swap    ***************/

.what {
	min-height:240px; height:auto !important; height:240px;	
}
a.gallery, a.gallery:visited {
	display:inline;  
	width:70px;
	height:70px; 
	float:left; 
	position:relative; 
	border:1px solid #cccccc; 
	padding:0px !important; 
}

a.slide1, a.slide2, a.slide4, a.slide5, a.slide7, a.slide8 {
	margin:0 0.6em 0.6em 0; 
	padding:0px !important;
}
a.slide3 {
	margin:0 0 0.6em 0
}

a.gallery span {
	visibility: hidden; 
	display:block; 
	position:absolute; 
	top:-267px; 
	left:-1px;
}

a.slide2 span, a.slide5 span, a.slide8 span {
	left:-8.2em; 
}

a.slide3 span, a.slide6 span, a.slide9 span {
	left:-16.4em;
}
a.slide4 span, a.slide5 span, a.slide6 span {
	top:-345px; 
}
a.slide7 span, a.slide8 span, a.slide9 span {
	top:-4em; 
}
a.gallery:hover {white-space:normal; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img { position:relative; z-index:100;}
a.gallery:active, a.gallery:focus { z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img { position:relative;z-index:10;}