@charset "utf-8";
/* CSS Document */

html {margin:0; padding:0;}

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/bg-gradient.jpg); background-repeat:repeat-x;}

#page {background-image:url(../images/bg-top.gif); background-repeat:repeat-x; width:1024px}
#top-bar {height:33px; width:1000px; margin:0; padding:0; background-color:#e0e1e2; position:relative; border-bottom:6px solid #c8c8c8}
#top-bar #contact-numbers {position:absolute; left:170px; top:10px; width:530px}
#top-bar #contact-numbers p {font-size:11px; padding:0px; margin:0px; color:#757575; }
#top-bar #cust-logout {width:300px; position:absolute; left:685px; top:10px}
#top-bar #cust-logout p {font-size:11px; color:#757575; margin:0; padding:0; text-align:right}
#top-bar #cust-logout a:link {color:#757575; text-decoration:none}
#top-bar #cust-logout a:active {color:#757575; text-decoration:none}
#top-bar #cust-logout a:visited {color:#757575; text-decoration:none}
#top-bar #cust-logout a:hover {color:#757575; text-decoration:underline}
#top-bar #cust-login {
	width:328px;
	position:absolute;
	left:685px;
	top:5px
}
#top-bar #cust-login p {font-size:11px; color:#757575; margin:0; padding:0}
#top-bar #cust-login form {margin:0; padding:0}
#top-bar #cust-login form .textbox {font-size:10px; color:#757575; width:100px; padding:1px 1px 1px 1px; height:14px; margin:0px 0px 0px 0px; border:1px solid #c5c5c5}
#top-bar #cust-login form .formbutton {font-size:10px; padding:0px 4px 0px 4px; height:18px; margin:0px 0px 0px 0px; background-color:#565656; color:#ffffff; border:none}
#page-inner {position:relative;}
#left-column {min-height:858px; position:absolute; left:0px; top:-6px; width:550px; background-image:url(../images/nav-bg.gif); background-repeat:repeat-y;}
#left-column .navigation {margin-top:20px; margin-bottom:20px; width:155px; position:relative;}
#left-column .navigation ul {width:155px; list-style-type:none; margin:0; padding:0; border-top:1px solid #7d7d7d; position:relative; z-index:5}
#left-column .navigation ul li {border-bottom:1px solid #7d7d7d; font-size:12px; font-weight:normal; padding:0px 0px 0px 0px;}
#left-column .navigation li a {display:block; padding:10px 10px 10px 10px; margin-top:-1px; width:135px;}
#left-column .navigation li a.current {color:#ffffff; text-decoration:none; background-image:url(../images/nav-bg-hover.gif); background-repeat:repeat-y; border-top:1px solid #ffffff; padding-top:9px}
#left-column .navigation li a:link {color:#ffffff; text-decoration:none; display:block;}
#left-column .navigation li a:visited {color:#ffffff; text-decoration:none; display:block;}
#left-column .navigation li a:active {color:#ffffff; text-decoration:none; display:block;}
#left-column .navigation li a:hover {color:#ffffff; text-decoration:none; background-image:url(../images/nav-bg-hover.gif); background-repeat:repeat-y; border-top:1px solid #ffffff; padding-top:9px; display:block;}

#left-column .navigation ul ul.level2 {position: absolute; display: none; left: 155px; /*top:0px;*/ width: 415px; margin-top:-35px; font-size:11px; z-index:-4; border-top:1px solid #ffffff; background-color:#000000; filter:alpha(opacity=75); /* IE's opacity*/ opacity: 0.75; padding-bottom:25px;}
#left-column .navigation ul ul.level2 li {font-size: 12px; display:list-item; padding:0px 0px 0px 0px; border:none;}
#left-column .navigation ul ul.level2 li a {display:block; padding:15px 10px 10px 25px; margin-top:-1px; width:200px; }
#left-column .navigation ul ul.level2 li a:link {color:#ffffff; text-decoration:none; display:block; }
#left-column .navigation ul ul.level2 li a:visited {color:#ffffff; text-decoration:none; display:block;}
#left-column .navigation ul ul.level2 li a:active {color:#ffffff; text-decoration:none; display:block;}
#left-column .navigation ul ul.level2 li a:hover {color:#d8d8d8; text-decoration:none; display:block; border:none; background:none}
#left-column .navigation ul.level1 li.submenu:hover ul.level2 {display:block;}
#left-column .navigation ul ul.level2 li.submenu {}
#left-column .navigation ul ul.level2 li.submenu:hover {}

#left-column .navigation ul ul.level2a {position: absolute; display: none; left: 375px; /*top:0px;*/ width: 217px; margin-top:-35px; font-size:11px; z-index:-3; border-top:1px solid #ffffff; padding-bottom:25px; }
#left-column .navigation ul ul.level2a li {font-size: 12px; display:list-item; padding:0px 0px 0px 0px; border:none;}
#left-column .navigation ul ul.level2a li a {display:block; padding:15px 10px 10px 25px; margin-top:-1px; width:200px; }
#left-column .navigation ul ul.level2a li a:link {color:#ffffff; text-decoration:none; display:block;}
#left-column .navigation ul ul.level2a li a:visited {color:#ffffff; text-decoration:none; display:block;}
#left-column .navigation ul ul.level2a li a:active {color:#ffffff; text-decoration:none; display:block;}
#left-column .navigation ul ul.level2a li a:hover {color:#d8d8d8; text-decoration:none; display:block; border:none; background:none}
#left-column .navigation ul.level1 li.submenu:hover ul.level2a {display:block;}
#left-column .navigation ul ul.level2a li.submenu {}
#left-column .navigation ul ul.level2a li.submenu:hover {}

#left-column .address {width:155px; margin:75px 5px 35px 10px}
#left-column .address p {font-size:10px; color:#ffffff; line-height:14px}
#left-column .copyright {margin-left:10px; margin-bottom:10px; position:absolute; bottom:5px; left:0px}
#left-column .copyright p {font-size:10px; color:#ffffff; line-height:14px}
#left-column .main-image {position:absolute; left:155px; top:6px; z-index:-5;}

/* rotator in-page placement */
/*.main-image div#rotator {
position:relative;
height:852px;
margin-left: 0px;
}*/
/* rotator css */
.main-image div#rotator {
	margin:0;
	padding:0;
}
.main-image div#rotator ul {
	padding:0;
	margin:0;
}
.main-image div#rotator ul li {
float:left;
position:absolute;
list-style: none;
}
/* rotator image style */	
.main-image div#rotator ul li img {
padding: 0; margin:0; border:none;
}
.main-image div#rotator ul li.show {
z-index:500;
}


#main-column {
	position:absolute;
	left:600px;
	top:0px;
	margin:30px 0px 30px 0px;
	min-height:822px
}
#main-column-wide {
	position:absolute;
	left:155px;
	top:0px;
	width:970px;
	margin:30px 30px 30px 30px;
	min-height:822px
}

#main-column #content {width:390px; margin-bottom:80px; }
#main-column #content h1 {width:380px; margin:0; font-size:24px; font-weight:normal; color:#757575}
#main-column-wide #content {width:825px; margin-bottom:80px; }
#main-column-wide #content h1 {width:460px; margin:0; font-size:24px; font-weight:normal; color:#757575}
#main-column #content h1.the-smarter-choice {height:30px; background: url("../images/titles/the-smarter-choice.gif") top left no-repeat; text-indent:-9999px; margin-bottom:20px}
#main-column #content h1.an-educated-choice {height:50px; background: url("../images/titles/an-educated-choice.gif") top left no-repeat; text-indent:-9999px; margin-bottom:20px}
#content h2 {font-size:20px; font-weight:normal; color:#757575}
#content h3 {font-size:16px; font-weight:normal; color:#993333}
#content h4 {font-size:16px; font-weight:normal; color:#757575}

#content p, #content li, #content blockquote {font-size:11px; color:#757575; line-height:18px}
#content td {font-size:12px; color:#757575; padding:5px 5px 5px 0px}

#content td.header {font-weight:bold; color:#0d1657}
#content td.row {border-bottom:1px solid #e0e1e2}

#content a:link {color:#993333; text-decoration:none; font-weight:bold}
#content a:active {color:#993333; text-decoration:none; font-weight:bold}
#content a:visited {color:#993333; text-decoration:none; font-weight:bold}
#content a:hover {color:#0d1657; text-decoration:none; font-weight:bold}

#content #find-a-retailer {margin: 10px 0px 10px 0px; border-top:1px solid #e0e1e2; /*border-bottom:1px solid #e0e1e2;*/ padding:20px 15px 10px 0px; width:100%; position:relative;}
#content #find-a-retailer h2 {width:450px; padding:0; margin:0}
#content #find-a-retailer h2.nearest-retailer {height:52px; background: url("../images/titles/find-your-nearest-retailer.gif") top left no-repeat; text-indent:-9999px}
#content #find-a-retailer .map {position:absolute; right:30px; top:20px}
#content #find-a-retailer p {}
#content #find-a-retailer p a:link {color:#993333; text-decoration:none; font-weight:bold}
#content #find-a-retailer p a:active {color:#993333; text-decoration:none; font-weight:bold}
#content #find-a-retailer p a:visited {color:#993333; text-decoration:none; font-weight:bold}
#content #find-a-retailer p a:hover {color:#0d1657; text-decoration:none; font-weight:bold}

#content #people-environment {margin: 15px 0px 10px 0px; border-top:1px solid #e0e1e2; border-bottom:1px solid #e0e1e2; padding:10px 15px 10px 0px; width:100%; position:relative;}
#content #people-environment h2 {width:271px; padding:0; margin:0;}
#content #people-environment h2.people-environment {height:66px; background: url("../images/titles/people-and-environment.gif") top left no-repeat; text-indent:-9999px}
#content #people-environment .screen {position:absolute; right:0px; top:70px}
#content #people-environment p {}
#content #people-environment p a:link {color:#008751; text-decoration:none; font-weight:bold}
#content #people-environment p a:active {color:#008751; text-decoration:none; font-weight:bold}
#content #people-environment p a:visited {color:#008751; text-decoration:none; font-weight:bold}
#content #people-environment p a:hover {color:#008751; text-decoration:none; font-weight:bold}

#content #eco-uniform {margin: 0px 0px 20px 0px; border-bottom:1px solid #e0e1e2; padding:10px 15px 10px 0px; width:100%; position:relative;}
#content #eco-uniform h2 {width:165px; padding:0; margin:0; display:block}
#content #eco-uniform h2.eco-uniform {height:27px; background: url("../images/titles/eco-uniform.gif") top left no-repeat; text-indent:-9999px; display:block}
#content #eco-uniform .bottle {position:absolute; right:40px; top:0px}
#content #eco-uniform p {}
#content #eco-uniform p a:link {color:#993333; text-decoration:none; font-weight:bold}
#content #eco-uniform p a:active {color:#993333; text-decoration:none; font-weight:bold}
#content #eco-uniform p a:visited {color:#993333; text-decoration:none; font-weight:bold}
#content #eco-uniform p a:hover {color:#0d1657; text-decoration:none; font-weight:bold}

#content .find-retailer-text-box {border:1px solid #c5c5c5; font-size:12px; color:#757575; font-weight:normal; padding:3px 3px 3px 3px}
#content .find-retailer-button {height:24px; border:none; background-color:#993333; color:#ffffff; font-size:12px}

#content #postcode-box {width:350px; padding:10px 10px 0px 10px; border:1px solid #e0e1e2}
#content #postcode-box form {padding:0; margin:0}

#content #login-box {width:350px; padding:10px 10px 10px 10px; border:1px solid #e0e1e2}
#content #login-box form {padding:0; margin:0}
#content #login-box .label {font-size:12px; font-weight:normal; color:#757575; margin:0; padding:0}
#content #login-box .text-box {width:150px; border:1px solid #c5c5c5; font-size:12px; color:#757575; font-weight:normal; padding:3px 3px 3px 3px}
#content #login-box .button {height:24px; border:none; background-color:#993333; color:#ffffff; font-size:12px}

#content #register-box {width:350px; padding:10px 10px 10px 10px; border:1px solid #e0e1e2}
#content #register-box form {padding:0; margin:0}
#content #register-box .label {font-size:12px; font-weight:normal; color:#757575; margin:0; padding:0}
#content #register-box .text-box {width:150px; border:1px solid #c5c5c5; font-size:12px; color:#757575; font-weight:normal; padding:3px 3px 3px 3px}
#content #register-box .button {height:24px; border:none; background-color:#993333; color:#ffffff; font-size:12px}

#content .thumb-left {float:left; width:250px}
#content .thumb-left a {font-size:11px;}
#content .thumb-right {float:left; width:250px}
#content .thumb-right a {font-size:11px;}

#content img.thumb {margin-bottom:10px}

#main-column img.sa-logo {position:absolute; right:15px; bottom:15px}
#main-column p.credits {position:absolute; bottom:15px; left:0px; font-size:10px; color:#999999}
#main-column p.credits a:link {color:#999999; text-decoration:none}
#main-column p.credits a:active {color:#999999; text-decoration:none}
#main-column p.credits a:visited {color:#999999; text-decoration:none}
#main-column p.credits a:hover {color:#999999; text-decoration:none}

/* CSS for overlay image */
a.overlay-link {margin-right:20px; margin-bottom:20px}

/* the overlayed element */ 
.simple_overlay {          
	display:none;          
	z-index:10000;          
	border:1px solid #666;
	background-image:url(../images/transparent.png); 
}  
/* close button positioned on upper right corner */ 
.simple_overlay .close {     
	background-image:url(../images/close.png);     
	position:absolute;     
	right:-15px;     
	top:-15px;     
	cursor:pointer;     
	height:35px;     
	width:35px; 
}

.red {color:#993333}
.blue {color:#0d1657}
.green {color:#008751}

.img-left {float:left; margin-right:15px; margin-bottom:15px}
.img-right {float:right; margin-left:15px; margin-bottom:15px}
hr {color:#e0e1e2; background:none; height:1px; margin-top:5px; margin-bottom:5px}