* {
	border: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

/* ----- GENERAL STYLES ----------------------------------------------- */

body {
	font-size: 62.5%;
	background: #eaeaea;
}

.pageContainer {
	background: #eaeaea;
}

.centred {
	position: relative;
	width: 985px;
	margin: 0 auto;
}

a, input, button {
	outline: none;
}

a:hover {
	text-decoration: none;
}

hr {  
	display: none;
}

br, .clear {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

p, label {
/*	margin-bottom: 1em;*/
	color: #1A1818;
	font-size: 1.1em;
	line-height: 1.5em;	
}

p a {
	color: #1A1818;
}

strong {
	color: #B11317;
	font-weight: bold;
}

.highlight {
	color: #B11317;
}

.buttonLink, fieldset button {
	cursor: pointer;
	color: #1A1818;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;	
}

.buttonLink {
	display: inline-block;
	height: 25px;
	padding-right: 10px;
	margin-bottom: 1.5em;
	background: transparent url(../images/buttons-expandable.png) top right no-repeat;	
}

.buttonLink span {
	display: block;
	height: 25px;
	padding-left: 10px;
	line-height: 25px;
	background: transparent url(../images/buttons-expandable.png) top left no-repeat;
}

.arrowLink {
	display: block;
	padding-left: 7px;
	color: #1A1818;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../images/arrowlinks.png) 0px 0px no-repeat;	
}

.arrowLink:hover, .buttonLink:hover, fieldset button:hover {
	color: #6a6a6a;
}

fieldset button {
	display: block;
	background: transparent url(../images/buttons-submit.png) 0px 0px no-repeat;	
}

.textInput {
	padding: 2px;
	background: #fff;
	border: 1px solid #999;	
	color: #1A1818;
	font-size: 1.1em;
}

/* ----- Pagination ----- */

#mainContent .pager {
	font-size: 1.1em;
	color: #1A1818;	
}

#mainContent .pager a {
	padding: 2px 9px;
	border-left: 1px solid #A2A2A2;
	color: #1A1818;
	text-align: center;
	text-decoration: none;
}

#mainContent .pager a:hover {
	color: #6a6a6a;
	text-decoration: underline;
}

#mainContent .pager .first-item {
	border: none;
}

#mainContent .pager .selected {
	color: #B90005;
	text-decoration: underline;
}

/* ----- Breadcrumb trail ----- */

.breadCrumbs {
	margin-bottom: 4.0em;
}

.breadCrumbs a, .breadCrumbs span, .breadCrumbs img {
	display: -moz-inline-stack;
        display: inline-block;
}

.breadCrumbs a {
	line-height: 22px;
	color: #1E1C1D;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.breadCrumbs a:hover {
	color: #6a6a6a;
}

.breadCrumbs span {
	overflow: hidden;
        width: 7px;
        height: 0px;
        padding-top: 8px;
	background: transparent url(../images/bullet-home.png) center left no-repeat;
}

.breadCrumbs img {
	margin: 0 3px 0 5px;
}

.breadCrumbs #breadCrumb-home {
	width: 49px;
	height: 22px;
	margin-right: 4px;
	padding-left: 8px;
	color: #fff;	
	background: transparent url(../images/breadcrumb-bg.png) top left no-repeat;
}

.breadCrumbs #breadCrumb-home span {
	display: none;
}

/* ----- Form Elements ----- */

label input {
	vertical-align: middle;
}

textarea {
	resize: none;
	vertical-align: top;
}

fieldset label {
	clear: both;
	display: block;
	margin-bottom: 10px;
}

fieldset br {
	display: none;
}

/* ----- HEADER ------------------------------------------------------- */

#header {
	height: 178px;
	border-bottom: 6px solid #CFCFCF;
	background: #fff;
}

#header .centred {
	z-index: 300;
	height: 178px;
	background: #fff;
}

#logo {
	position: absolute;
	top: 30px;
	display: block;
	overflow: hidden;
	width: 150px;
	height: 0;
	padding-top: 88px;
	background: transparent url(../images/logo.png) 0px 0px no-repeat;
}

/* ----- Main Navigation ----- */

#mainMenu {
	position: absolute;
	top: 153px;
	list-style-type: none;
}

#mainMenu li {
	display: inline;
	padding-right: 25px;
}

#mainMenu li a, #secondaryMenu li a  {
	color: #181616;
	font-size: 1.05em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#mainMenu li a:hover, #secondaryMenu li a:hover {
	color: #6a6a6a;
}

#mainMenu .selected a {
	color: #C60005;
}

#mainMenu .selected a:hover {
	color: #C60005;
}

.meat {
	border: 1px solid red; cursor: pointer;
}

/* ----- 'Home' / 'About Us' Menu ----- */

#secondaryMenu {
	position: absolute;
	top: 146px;
	right: 0px;
	list-style-type: none;
	z-index: 900;
}

#secondaryMenu .menu-home, #secondaryMenu .menu-about {
	float: left;
}

#secondaryMenu .menu-home .topLevel, #secondaryMenu .menu-about .topLevel {
	display: block;
	height: 25px;
	line-height: 25px;
	z-index: 210;	
	background: transparent url(../images/secondary-menu.png) 0px 0px no-repeat;
}

#secondaryMenu .menu-home .topLevel {
	width: 40px;
	padding-left: 10px;
}
#secondaryMenu .menu-home.selected a  {
	color: #BB0003;
	background-position: 0px -25px !important;
}

#secondaryMenu .menu-about .topLevel {
	width: 77px;
	margin-left: 8px;	
	padding-left: 10px;
	background-position: -50px 0;
}
#secondaryMenu .menu-about.selected > a  {
	color: #BB0003;
	background-position: -50px -25px !important;
}

.dropdown {
	display: none;
	z-index: 999 !important;
}

div.dropdown {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 36px;
	z-index: 10;
	background: transparent url(../images/dropdownbg-top-level1.png) top left no-repeat;	
}

.menu-heading {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 87px;
	height: 34px;
	color: #BB0003 !important;
	cursor: pointer;
}

.menu-heading span {
	display: block;
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
}

.dropdown ul, .dropdown ul ul {
	width: 200px;
	padding-bottom: 20px;	
	background: transparent url(../images/dropdownbg.png) bottom left no-repeat;		
}

.dropdown ul ul {
	border-top: 1px solid #e4e4e4;
}

.dropdown ul li {
	position: relative;
	border-bottom: 1px solid #e0e0e0;
	list-style-type: none;		
}

.hasSubItems {
	background: transparent url(../images/submenu-arrow.png) 7px 50% no-repeat;
}

.dropdown ul li > div {
	display: none;
	position: absolute;
	top: -21px;
	left: -199px;
	background: transparent url(../images/dropdownbg-top-level2.png) top left no-repeat;		
}

.dropdown ul li > div ul {
	margin-top: 20px;
}

.dropdown ul li:hover > div {
	display: block;
}

.dropdown ul li a {
	display: block;
	width: 168px;
	margin-left: 1px;
	padding: 0.7em 10px 0.7em 20px;
	text-decoration: none;
	text-transform: none !important;	
}

.dropdown ul li a:hover {
	color: #A90003 !important;
	background-color: #f4f4f4;
}

/* ----- Supply Portal Area ----- */

#loginArea {
	position: absolute;
	top: 35px;
	right: -8px;
	width: 379px;
	height: 76px;
	background: transparent url(../images/login-area-bg.png) 0px 0px no-repeat;	
}

#loginArea .arrowLink {
	height: 23px;
	line-height: 23px;
}

#loginArea #enterPortal {
	position: absolute;
	top: 17px;
	left: 15px;
	width: 150px;
}

#loginArea #supplyLink {
	position: absolute;
	top: 17px;
	left: 185px;
	width: 170px;
}

#loginArea h3 {
	overflow: hidden;
	display: block;
	height: 0px;
	margin-bottom: 8px;	
	padding-top: 16px;
	background: transparent url(../images/headings.png) 0px 0px no-repeat;
}

#loginArea #supplyLink h3 {
	background-position: 0px -20px;
}

#loginArea #enterPortal .arrowLink {
	width: 84px;
	background-position: 0px -23px;
}

#loginArea #supplyLink a {
	width: 145px;
}

/* ----- FOOTER ------------------------------------------------------- */

#footer {
	clear: both;
	background: #eaeaea;
}

#footerLinks {
	float: left;
	margin-top: 11px;
	list-style-type: none;
}

#footerLinks li {
	display: inline;
	padding: 3px 10px;
	color: #2D2C2D;
	font-size: 1.1em;
	border-left: 1px solid #B9B9B9;
}

#footerLinks .first-item {
	border: none;
}

#fanaticLink {
	clear: both;
	padding: 0.2em 0 0.5em 10px;
	color: #2D2C2D;
	font-size: 1.1em;	
}

#fanaticLink a {
	font-weight: bold;
}

#footer a {
	color: #2D2C2D;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer #footerSearch {
	position: absolute;
	top: 7px;
	right: 0px;
}

#footer #footerSearch input {
	vertical-align: bottom;
}

#footer #footerSearch .textInput {
	width: 180px;
	border-color: #cbcbcb;
}

/* ----- EDITABLE CONTENT --------------------------------------------- */

.editableContent h1 {
	margin-bottom: 1em;
	color: #b11317;
	font-size: 1.6em;
	font-weight: bold;
}

.editableContent h2 {
	margin-bottom: 1em;
	font-size: 1.4em;
	font-weight: bold;
}

.editableContent h3 {
	margin-bottom: 1em;
	font-size: 1.3em;
}

.editableContent ul, .editableContent ol {
	margin-left: 20px;
	margin-bottom: 1em;
	color: #1A1818;	
	font-size: 1.3em;
}

.editableContent hr {
	display: block;
	height: 1px;
	margin-bottom: 1em;
	border: auto;
	color: #cfcfcf;
	background: #cfcfcf;
	border-top: 1px solid #cfcfcf;
}

.editableContent p {
	font-size: 1.2em;
}

.editableContent ul li, .editableContent ul li a, .editableContent ol li, .editableContent ol li a {
	color: #1A1818;
}

/* ----- HOMEPAGE ----------------------------------------------------- */

#scrollerContainer {
	position: relative;
	height: 303px;
	overflow: hidden;

}

#scrollerImages {
	width: 985px;
	height:303px;
	overflow:hidden;
	z-index: 10;
}

#scrollerImages img {
	display:block;
	position:absolute;
	top:0;
}

img#image1 {
	left:0;
}

img#image2, img#image3, img#image4 {
	display:block;
	position:absolute;
	top:0;
	left:-985px;
}

.scrollerPanel {
	position: absolute;
	top: 37px;
	margin-left: 80px;
	width: 455px;
	height: 229px;
	z-index: 20;
	background: transparent url(../images/scroller-panel.png) top left no-repeat;	
}

.scrollerPanel .inner {
	position: relative;
	margin: 15px 0 0 27px;
	width: 355px;
	height: 200px;
}

.scrollerPanel .pager {
	height: 33px;
}

.scrollerPanel .pager a, .scrollerPanel .pager span {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 1px;
	color: #FEFFFF;
	font-size: 1.1em;	
	line-height: 19px;
	text-align: center;
	text-decoration: none;
	background: transparent url(../images/scroller-pager.png) 0px 1px no-repeat;
}

.scrollerPanel .pager a:hover, .scrollerPanel .pager .selected {
	color: #D33A3D;
	background-position: -20px 0px;
}

.scrollerPanel h1,
.scrollerPanel h2,
.scrollerPanel h3,
.scrollerPanel h4,
.scrollerPanel h5,
.scrollerPanel h6,
.scrollerPanel p, 
.scrollerPanel ul,
.scrollerPanel ol,
.scrollerPanel strong {
	color: #FBF1F2 !important;
}

.scrollerPanel p {
	font-size: 1.4em;
	margin-bottom: 1em;
}

.scrollerPanel ul,
.scrollerPanel ol {
	list-style-type: disc;
}

.scrollerPanel img {
	position: absolute;
	top: 31px;
	left: 0px;
}

.panelText {
	font-size: 2.4em !important;
	font-weight: bold !important;
	line-height: 1.1em !important;
}

.panelText-secondary {
	color: #780609;
}

.panelTag {
	position: absolute;
	top: 150px;
}

div#panel1 {
	left:0px;
}

div#panel2, div#panel3, div#panel4 {
	left: -535px;
}
/*
.homePage #mainContent {
	background: #fff url(../images/pagebg-home.png) top center no-repeat;	
}
.homePage #mainContent .centred {
	background: #fff url(../images/pagebg-home.png) -707px 0px no-repeat;		
}
*/

#homeContainer {
	background: #fff url(../images/pagebg-home.png) top center no-repeat;
}

.moreText {
	display: none;
}

/* ----- Column 1 ----- */

.moreLess {
	cursor: pointer;
	overflow: hidden;
	display: block;
	float: right;
	margin-top: -8px;
	width: 27px;
	height: 0px;
	padding-top: 23px;
	background: transparent url(../images/more-less.png) 0px 0px no-repeat;
}

.moreLess.opened {
	background-position: -30px 0px;
}

.homePage .editableContent h2, .homePage .editableContent strong {
	color: #B9161A;
}

#latestNews {
	clear: both;
	margin-top: 12px;
}

#latestNews .sectionHeader {
	margin-bottom: 14px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dbdbdb;	
}

#latestNews .sectionHeader h2 {
	float: left;
	display: block;
	overflow: hidden;
	margin-top: 7px;
	height: 0px;
	width: 111px;
	padding-top: 16px;
	background: transparent url(../images/headings.png) 0px -40px no-repeat;
}

#latestNews .sectionHeader .buttonLink {
	float: right;
	margin-bottom: 0px !important;
}

#latestNews .newsItem {
	clear: both;
	width: 360px;	
}

#latestNews .newsItem h3 {
	color: #C91D22;
	font-size: 1.5em;
	font-weight: bold;
}

#latestNews .newsItem h3 a {
	color: #C91D22;
	text-decoration: none;
}

#latestNews .newsItem .thumbnail {
	float: left;
	width: 90px;
	background: transparent url(../images/latestnews-pictureframe-top.png) top left no-repeat;
}

#latestNews .newsItem .thumbnail .inner {
	width: 90px;
	padding-bottom: 5px;
	margin-top: 2px;
	background: transparent url(../images/latestnews-pictureframe-bottom.png) bottom left no-repeat;
}

#latestNews .newsItem .thumbnail .inner img {
	display: block;
	margin-left: 4px;
}

#latestNews .newsItem .summaryText {
	float: right;
	width: 260px;
}

#latestNews .newsItem .summaryText p a{
	font-weight: bold;
}

/* ----- Column 2 ----- */

.homePage #column1 {
	float: left;
	width: 360px;
	margin-left: 25px;
	padding: 35px 30px;
}

.homePage #column1 .editableContent ul {
	list-style-image: url(../images/bullet-home.png);
}


.homePage #column2 {
	float: right;
	width: 500px;
	padding-top: 20px;
}

.homePage #categories li {
	display: block;
	float: left;
	width: 245px;
	height: 83px;
	margin-bottom: 6px;
	list-style-type: none;	
}

.homePage #categories li a {
	display: block;
	width: 245px;
	height: 83px;
}

.homePage #categories .alternate {
	margin-left: 6px;
}

/* ----- GENERAL NON-PRODUCT PAGE STYLES ------------------------------ */

.standardPage #mainContent {
	min-height: 465px;
	background: #fff url(../images/pagebg-inside.png) 49.1% 0px no-repeat;	
}

.standardPage h1, .mainHeading {
	margin-bottom: 1.2em;
	color: #B11317;
	font-size: 1.75em;
}

/* ----- Column 1 ----- */

.standardPage #column1 {
	float: left;
	width: 640px;
	padding: 33px 40px;
}

.standardPage .editableContent img {
	margin: 15px;
	padding: 5px;	
	border: 1px solid #eaeaea;
}

#pageTitle {
	height: 44px;
}

.standardPage #pageTitle h1 {
	float: left;
}

.standardPage #pageTitle .buttonLink {
	float: right;
	margin-top: -2px;
	height: 27px;
	background-position: 100% -50px;	
}

.standardPage #pageTitle .buttonLink span {
	height: 27px;
	line-height: 27px;
	background-position: 0 -50px;
}

/* ----- Column 2 ----- */

.standardPage #column2 {
	float: right;
	width: 255px;
	padding-top: 38px;
}

.standardPage #column2 .callUs {
	width: 226px;
	margin-bottom: 20px;
	color: #1A1818;
	font-size: 1.5em;
	text-align: center;
	background: transparent url(../images/callusbg-top.png) top left no-repeat;
}

.standardPage #column2 .callUs .inner {
	padding: 13px 5px 15px 5px;
	background: transparent url(../images/callusbg-bottom.png) bottom left no-repeat;
}

.standardPage #column2 .nugget {
	width: 225px;
	margin-bottom: 20px;
	background: transparent url(../images/nuggetbg-top.png) top left no-repeat;
}

.standardPage #column2 .nugget .inner {
	padding: 14px 15px;
	background: transparent url(../images/nuggetbg-bottom.png) bottom left no-repeat;	
}

.standardPage #column2 .nugget h2 {
	margin-bottom: 0.7em;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #cfcfcf;
	color: #B11317;
	font-size: 1.5em;
	font-weight: bold;
}

.standardPage #column2 .nugget p {
	margin-bottom: 0.7em;
}

.standardPage #column2 .nugget img {
	display: block;
	margin-bottom: 6px;
	padding: 4px;
	border: 1px solid #eaeaea;
}

.standardPage #column2 .nugget .arrowLink {
	width: 93px;
	height: 27px;
	line-height: 27px;
	background-position: 0px -46px;
}

/* ----- SPECIFIC NON-PRODUCT PAGE STYLES ----------------------------- */

/* ----- News Listing ----- */

.standardPage #column1 .newsStory {
	width: 305px;
	margin: 0 10px 25px 0;
	border: 1px solid transparent; /* bug fix */	
	background: transparent url(../images/newsitembg-bottom.png) bottom left no-repeat;
}

.standardPage #column1 .newsStory .inner {
	margin-bottom: 7px;
	padding: 18px 20px 11px 20px;
	background: transparent url(../images/newsitembg-top.png) top left no-repeat;	
}

.standardPage #column1 .newsStory h2 {
	margin-bottom: 0.6em;
	padding-bottom: 0.9em;
	font-size: 1.5em;
	border-bottom: 1px solid #e6e6e6;
}

.standardPage #column1 .newsStory h2 a {
	color: #B11317;

	font-weight: bold;
	text-decoration: none;
}

/*
.standardPage #column1 img {
	display: block;
	margin: 0 auto 1em auto;
}
*/

.standardPage #column1 .newsStory p {
	margin-bottom: 1em;
}

/* ----- News Story ----- */

#pageTitle-newsStory {
	margin-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
}

#pageTitle-newsStory .arrowLink {
	width: 144px;
	height: 25px;
	margin-bottom: 30px;
	padding-right: 15px;
	line-height: 25px;
	background-position: 0px -73px;
	text-align: right;
	text-transform: uppercase;
}

#pageTitle-newsStory h1 {
	margin-bottom: 0.6em;
	font-size: 1.5em;
}

#column1 #subColumn1 {
	float: left;
	width: 305px;
}

#column1 #subColumn1 .editableContent img {
	display: block;
	margin: 0 auto 1em auto;
}

#column1 #subColumn2 {
	float: right;
	width: 305px;
}

#column1 #subColumn2 .editableContent img {
	display: block;
	margin: 0 auto 1em auto;
}

/* ----- Search Page ----- */

.freeTextSearch {
	clear: both;
	margin-bottom: 32px;
	padding-top: 14px;
}

.freeTextSearch label {
	display: inline;
}

.freeTextSearch input {
	vertical-align: middle;
}

.freeTextSearch .textInput {
	width: 180px;
	margin-left: 4px;
}

#searchReport {
	float: left;
	width: 640px;
	padding-bottom: 7px;
	border-bottom: 1px solid #cfcfcf
}

#searchReport span {
	float: left;
	color: #B90005;
	font-size: 1.1em;
	font-weight: bold;
}

#searchReport .pager {
	float: right;
}

.listingResult {	
	float: left;
	width: 640px;
	padding: 19px 0 9px 0;
	border-bottom: 1px solid #cfcfcf;
}

.listingResult h2 {
	margin-bottom: 0.6em;
	font-size: 1.5em;
}

.listingResult h2 a {
	color: #B11317;
	font-weight: bold;
	text-decoration: underline;
}

.listingResult p {
	margin-bottom: 1em;
}

/* ----- Contact Us ----- */

.contactForm {
	width: 430px;
}

.contactForm label span {
	display: inline-block;
	width: 130px;
}

.contactForm .textInput {
	width: 280px;
}

.contactForm textarea {
	height: 76px
}

.contactForm #howContacted {
	float: left;
	width: 120px;
	margin-top: 5px;
	padding-right: 10px;
	color: #1a1818;
	font-size: 1.1em;
	line-height: 1.5em;
}

.contactForm .inset {
	float: right;
	width: 300px;
	margin-top: 5px;	
}

.contactForm .inset label {
	display: inline;
	line-height: 22px;
}

.contactForm .inset br, #howContacted br {
	display: block;
	clear: both;
}

.contactForm .inset button {
	margin-top: 10px;
	width: 98px;
	height: 25px;
	line-height: 25px;
	background-position: 0px -30px;
}

#whereAreWe {
	position: relative;
	width: 640px;
}

#whereAreWe .inner {
	position: absolute;
	top: 80px;
}

#whereAreWe h2 {
	margin-bottom: 0.4em;
	color: #B11317;
	font-size: 1.8em;
	font-weight: bold;
}

#whereAreWe p strong {
	color: #1A1818;
}

#whereAreWe img {
	float: right;
}

/* ----- Find Out More ----- */

.findOutMore .inset button {
	width: 55px;
	background-position: 0 -60px;
}

/* ----- Login Page ----- */

.loginForm {
	width: 424px;
	background: transparent url(../images/loginbg-bottom.png) bottom left no-repeat;
}

.loginForm .error {
	margin-bottom: 9px;
	color: #1A1818;
	font-size: 1.8em;
}

.loginForm .error span {
	display: block;
	color: #B11317;
	font-weight: bold;
}

.loginForm .inner {
	float: left;
	width: 378px;	
	margin-bottom: 9px;
	padding: 20px 23px 8px 23px;
	background: transparent url(../images/loginbg-top.png) top left no-repeat;
}

.loginForm .forgottenPassword {
	float: right;
	margin-bottom: 14px;
	color: #E2282D;
	font-size: 1.1em;
	text-decoration: underline;
}

.loginForm .forgottenPassword:hover {
	text-decoration: none;	
}

.loginForm label span {
	display: inline-block;
	width: 110px;
}

.loginForm .textInput {
	width: 260px;
}

.loginForm .inset {
	float: right;
	width: 266px;
}

.loginForm .inset label {
	float: left;
	width: 160px;
	margin-top: 7px;
}

.loginForm .inset button {
	float: right;
	width: 98px;
	height: 27px;
	background-position: 0px 0px;
}

/* ----- SITEMAP ------------------------------------------------------ */

.siteMap {
	list-style-type: none;
}

.siteMap li {
	padding: 0.3em 0;
}

.siteMap li a {
	color: #1a1818;
	font-size: 1.3em;
}

.siteMap li a:hover {
	text-decoration: none;
}

.siteMap li h3 {
	margin-bottom: 0.5em;
	padding: 0.8em 0 0.4em 0;
	font-size: 1.0em;	
	border-bottom: 1px solid #CDCDC7;
}

.siteMap li h3 a {
	color: #b11317;
	text-decoration: none;
}

.siteMap ul {
	margin-left: 25px;
	list-style-type: disc;
}

.siteMap ul ul li a {
	color: #6a6a6a;
}

/* ----- GENERAL PRODUCT PAGE STYLES ---------------------------------- */

.productPage #mainContent {
	background: #fff url(../images/pagebg-product.png) top center no-repeat;	
}

.productPage #mainContent .centred {
	background: #fff url(../images/pagebg-product.png) -707px 0px no-repeat;	
}

.productPage #topImage {
	position: relative;
	height: 167px;
}

.productPage #topImage img {
	position: absolute;
	top: 0px;
	left: 0px;
}

.productPage #topImage h1 {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 70px;
	left: 75px;
	height: 0px;
	width: 500px;
}

/* ----- Column 1 ----- */

.productPage #column1 {
	float: left;
	width: 365px;
	padding: 20px 40px 0px 40px;
}

#expertPanel {
	position: relative;
	width: 411px;
	margin: 56px 0 10px -25px;
	padding-bottom: 120px;
	background: transparent url(../images/ask-expert-shadow.png) bottom center no-repeat;
}

#expertPanel #expert2, #expertPanel  #expert3 {
	display: none;
}

#expertPanel .inner {
	width: 361px;
	padding: 0 25px 6px 25px;
	min-height: 150px;
	background: transparent url(../images/ask-expert-bg.png) top center no-repeat;
}

#expertPanel .inner h2 {
	height: 40px;
	padding-top: 30px;
	font-size: 1.8em;
	font-weight: bold;
}

#expertPanel .inner p {
	width: 170px;
	margin-bottom: 0.6em;
}

#expertPanel .inner .arrowLink {
	width: 151px;
	height: 23px;
	line-height: 23px;
}

#expertPanel .inner img {
	display: block;
	position: absolute;
	bottom: 98px;
	left: 164px;
}

#expertPanel .tabs {
	width: 411px;
}

#expertPanel .tabs a {
	display: block;
	float: left;
	padding-top: 25px;
	height: 40px;
	color: #313131;	
	cursor: default;
	font-size: 1.55em;
	font-weight: bold;	
	text-align: center;
	text-decoration: none;	
	background: transparent url(../images/ask-expert-tabs.png) 0px 0px no-repeat;
}

#expertPanel .tabs .active {
	cursor: pointer;
}

#expertPanel .tabs #showExpert1 {
	width: 119px;
	padding-left: 20px;
	background-position: 0px 0px;
}
#expertPanel .tabs #showExpert1.active:hover {
	background-position: 0px -70px;
}

#expertPanel .tabs #showExpert2 {
	width: 134px;
	height: 33px;
	padding-top: 32px;
	background-position: -139px 0px;
}
#expertPanel .tabs #showExpert2.active:hover {
	background-position: -139px -70px;
}

#expertPanel .tabs #showExpert3{
	width: 118px;
	padding-right: 20px;
	background-position: -273px 0px;
}
#expertPanel .tabs #showExpert3.active:hover {
	background-position: -273px -70px;	
}

/* ----- Column 2 ----- */

.productPage #column2 {
	float: right;
	width: 500px;
	padding-top: 22px;
}

.productPage #categories {
	margin-bottom: 1.2em;

}

.productPage #categories li {
	position: relative;
	display: block;
	float: left;
	width: 216px;
	height: 63px;
	padding: 0 10px;
	margin-bottom: 19px;
	list-style-type: none;
	background-color: transparent;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.productPage #categories .hasMoreInfo:hover {
	background-position: 0px -63px;
}
/*
.productPage #categories .hasMoreInfo:hover .infoLink {
	background-position: 0px -20px;
}
*/
.productPage #categories .alternate {
	margin-left: 16px;
}

.productPage #categories li .infoLink {
	position: absolute;
	top: 32px;
	left: 10px;
	width: 85px;
	height: 20px;
	padding-left: 7px;
	color: #fff;
	font-size: 1.1em;	
	line-height: 20px;
	text-decoration: none;
	background-color: transparent;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
/*
.productPage #categories li .infoLink:hover {
	background-position: 0px -20px;
}
*/
.productPage #categories li span {
	display: block;
	width: 130px;
	margin-top: 6px;
	color: #fff;
	font-size: 1.8em;
}

.productPage #categories li .imageFrame {
	position: absolute;
	top: -7px;
	right: 7px;
	width: 84px;
	height: 66px;
	background: transparent url(../images/category-pictureframe.png) 0px 0px no-repeat;
}

.productPage #categories li .imageFrame img {
	display: block;
	margin: 2px 0 0 5px;
}

.contactStrip {
	clear: both;
	width: 100%;
	height: 41px;
	margin-bottom: 1.1em;
	color: #1A1818;
	font-size: 1.5em;
	line-height: 41px;
	text-align: center;
	background: transparent url(../images/contactstrips.png) 50% 0px no-repeat;
}

.contactStrip span {
	color: #B11317;
}

.contactStrip a {
	color: #B11317;
	text-decoration: none;
}

.contactStrip a:hover {
	text-decoration: underline;
}

.contactStrip.top {
	background-position: 50%  0px;
}

.contactStrip.bottom {
	background-position: 50%  -50px;
}

/* ----- SPECIFIC PRODUCT PAGE STYLES --------------------------------- */

/* ----- Deck ----- */

#page-deck #header {
	border-bottom: 6px solid #DE5B23;
}

#page-deck #topImage h1 {
	padding-top: 26px;
	background: transparent url(../images/heading-deck.png) 0px 0px no-repeat;
}

#page-deck .editableContent h2 {
	color: #DE5B23;
}

#page-deck #expertPanel .inner h2, #page-deck #expertPanel .tabs a:hover {
	color: #DE5B23;
}

#page-deck .editableContent ul {
	list-style-image: url(../images/bullet-deck.png);
}

#page-deck #categories li {
	background-image: url(../images/categories-deck.png);
}

#page-deck #categories li .infoLink {
	background-image: url(../images/moreinfo-deck.png);
}

/* ----- Engineering ----- */

#page-engineering #header {
	border-bottom: 6px solid #5B3379;
}

#page-engineering #topImage h1 {
	padding-top: 26px;
	background: transparent url(../images/heading-engineering.png) 0px 0px no-repeat;
}

#page-engineering .editableContent h2 {
	color: #5B3379;
}

#page-engineering #expertPanel .inner h2, #page-engineering #expertPanel .tabs a:hover {
	color: #5B3379;
}

#page-engineering .editableContent ul {
	list-style-image: url(../images/bullet-engineering.png);
}

#page-engineering #categories li {
	background-image: url(../images/categories-engineering.png);
}

#page-engineering #categories li .infoLink {
	background-image: url(../images/moreinfo-engineering.png);
}

/* ----- Galley ----- */

#page-galley #header {
	border-bottom: 6px solid #302E2F;
}

#page-galley #topImage h1 {
	padding-top: 26px;
	background: transparent url(../images/heading-galley.png) 0px 0px no-repeat;
}

#page-galley .editableContent h2 {
	color: #312F30;
}

#page-galley #expertPanel .inner h2, #page-galley #expertPanel .tabs a:hover {
	color: #303030;
}

#page-galley .editableContent ul {
	list-style-image: url(../images/bullet-galley.png);
}

#page-galley #categories li {
	background-image: url(../images/categories-galley.png);
}

#page-galley #categories li .infoLink {
	background-image: url(../images/moreinfo-galley.png);
}

/* ----- Entertainment ----- */

#page-entertainment #header {
	border-bottom: 6px solid #B6CA31;
}

#page-entertainment #topImage h1 {
	padding-top: 20px;
	background: transparent url(../images/heading-entertainment.png) 0px 0px no-repeat;
}

#page-entertainment .editableContent h2 {
	color: #99B000;
}

#page-entertainment #expertPanel .inner h2, #page-entertainment #expertPanel .tabs a:hover {
	color: #99B000;
}

#page-entertainment .editableContent ul {
	list-style-image: url(../images/bullet-entertainment.png);
}

#page-entertainment #categories li {
	background-image: url(../images/categories-entertainment.png);
}

#page-entertainment #categories li .infoLink {
	background-image: url(../images/moreinfo-entertainment.png);
}

/* ----- Interior ----- */

#page-interior #header {
	border-bottom: 6px solid #616266;
}

#page-interior #topImage h1 {
	padding-top: 20px;
	background: transparent url(../images/heading-interior.png) 0px 0px no-repeat;
}

#page-interior .editableContent h2 {
	color: #616266;
}

#page-interior #expertPanel .inner h2, #page-interior #expertPanel .tabs a:hover {
	color: #616266;
}

#page-interior .editableContent ul {
	list-style-image: url(../images/bullet-interior.png);
}

#page-interior #categories li {
	background-image: url(../images/categories-interior.png);
}

#page-interior #categories li .infoLink {
	background-image: url(../images/moreinfo-interior.png);
}

/* ----- Watersports ----- */

#page-watersports #header {
	border-bottom: 6px solid #68A7BA;
}

#page-watersports #topImage h1 {
	padding-top: 26px;
	background: transparent url(../images/heading-watersports.png) 0px 0px no-repeat;
}

#page-watersports .editableContent h2 {
	color: #508DA1;
}

#page-watersports #expertPanel .inner h2, #page-watersports #expertPanel .tabs a:hover {
	color: #38829A;
}

#page-watersports .editableContent ul {
	list-style-image: url(../images/bullet-watersports.png);
}

#page-watersports #categories li {
	background-image: url(../images/categories-watersports.png);
}

#page-watersports #categories li .infoLink {
	background-image: url(../images/moreinfo-watersports.png);
}

/* ----- Safety & Security ----- */

#page-safetysecurity #header {
	border-bottom: 6px solid #E1AD00;
}

#page-safetysecurity #topImage h1 {
	padding-top: 26px;
	background: transparent url(../images/heading-safetysecurity.png) 0px 0px no-repeat;
}

#page-safetysecurity .editableContent h2 {
	color: #D79300;
}

#page-safetysecurity #expertPanel .inner h2, #page-safetysecurity #expertPanel .tabs a:hover {
	color: #D79300;
}

#page-safetysecurity .editableContent ul {
	list-style-image: url(../images/bullet-safetysecurity.png);
}

#page-safetysecurity #categories li {
	background-image: url(../images/categories-safetysecurity.png);
}

#page-safetysecurity #categories li .infoLink {
	background-image: url(../images/moreinfo-safetysecurity.png);
}

/* ----- Clothing ----- */

#page-clothing #header {
	border-bottom: 6px solid #51B472;
}

#page-clothing #topImage h1 {
	padding-top: 26px;
	background: transparent url(../images/heading-clothing.png) 0px 0px no-repeat;
}

#page-clothing .editableContent h2 {
	color: #51B472;
}

#page-clothing #expertPanel .inner h2, #page-clothing #expertPanel .tabs a:hover {
	color: #51B472;
}

#page-clothing .editableContent ul {
	list-style-image: url(../images/bullet-clothing.png);
}

#page-clothing #categories li {
	background-image: url(../images/categories-clothing.png);
}

#page-clothing #categories li .infoLink {
	background-image: url(../images/moreinfo-clothing.png);
}

/* ----- Documents ----- */

.moreInfoList li {
	padding-bottom: 2px;
}

.moreInfoWrap {
	width: 250px;
	display: inline-block;
}

#page-documents #header {
	border-bottom: 6px solid #05498F;
}

#page-documents #topImage h1 {
	padding-top: 20px;
	background: transparent url(../images/heading-documents.png) 0px 0px no-repeat;
}

#page-documents .editableContent h2 {
	color: #05498F;
}

#page-documents #expertPanel .inner h2, #page-clothing #expertPanel .tabs a:hover {
	color: #05498F;
}

#page-documents .editableContent ul {
	list-style-image: url(../images/bullet-documents.png);
}

#page-documents #categories li {
	background-image: url(../images/categories-documents.png);
}

#page-documents #categories li .infoLink {
	background-image: url(../images/moreinfo-documents.png);
}

#page-documents .imageFrame {
	display: none;
}