/****************************************************************************************	
	[GENERAL SELECTORS]
*****************************************************************************************/

/* -------------Reset everything */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
fieldset {margin: 0; padding: 0;}
ul, ol {list-style: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* Over-ride those pesky font tags */
font {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif !important; 
	font-size: 10pt !important;
	color: #000 !important;
}
/* -------------//Reset everything */

body {
	color: #000;
	font: 10pt/1.5 "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	background-color: #fff;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th {
	text-align: left;
	font-weight: normal;
}
table caption {
	font: bold 11pt "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	padding-bottom: 5px;
	text-align: left;
}
strong {font-weight: bold;}
em {font-style: italic;}
blockquote {
	margin: 0 12px;
	color: #666;
}
h1, h2, h3, h4, h5, h6 {
	font: bold 16pt Georgia, "Times New Roman", Times, serif;
	line-height: 1.2;
	color: #000;
	margin-bottom: 20px;
}
h2, h3, h4, h5, h6 {
	font: bold 14pt "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	margin-bottom: 12px;
}
h2.sml-hdr {font-size: 12pt;}
h2.underline {
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 6px;
	margin-bottom: 18px;
}
h3 {font-size: 13pt;}
h4, h5, h6 {
	font-size: 12pt;
	margin-bottom: 6px;
}
h5 {font-size: 11pt;}
h6 {font-size: 10pt;}

/* Forms */
fieldset  {
	padding: 15px 10px;
	margin-bottom: 30px;
}
	fieldset legend span {
		font-weight: bold;
		font-size: 12pt;
		font-style: italic;
		text-transform: uppercase;
		padding-bottom: 10px;
		display: block;
	}
	fieldset div.form-row {margin-bottom: 12px;}
	fieldset label {
		font-weight: bold;
		display: block;
	}
	form fieldset div.form-row input.txt-input,
	form fieldset div.form-row input.txt-input-sml,
	form fieldset div.form-row input.txt-input-smlr,
	form fieldset div.form-row input.txt-input-med {
		display: block;
		border: none;
		border-bottom: 1px solid #666;
		width: 400px;
	}
	fieldset input.txt-input-sml {width: 80px;}
	form fieldset div.form-row input.txt-input-smlr {width: 40px;}
	form fieldset div.form-row input.txt-input-med {width: 200px;}
	fieldset textarea {
		border: 1px solid #000;
		width: 400px;
		height: 100px;
		overflow: auto;
	}
	form #main-content fieldset.default-fs div.form-row ul.multi-inputs {
		margin: 0 0 0 10px;
		list-style: none;
	}

/* [CONTENT AREA]
-------------------------------------------------------*/
/* Spacing */
#main-content p, #main-content ul,
#main-content ol, #main-content dl,
#main-content table {margin-bottom: 25px;}
#main-content table table,
#main-content fieldset table {margin: 0;}
/* Lists */
#main-content ul, #main-content ol {margin-left: 44px;}
#main-content ul {list-style: disc;}
#main-content ol {list-style: decimal;}
	#main-content ol ol {list-style: lower-alpha;}
		#main-content ol ol {list-style: lower-roman;}
#main-content ul ul, 
#main-content ol ol {margin: 8px 0 8px 20px;}

/****************************************************************************************
	[LAYOUT]
*****************************************************************************************/

/* [HIDE ELEMENTS]
-------------------------------------------------------*/
.hide, form p.form-hint, form div.submit,
form fieldset em, div.errors, div.success,
#emailfriend, #breadcrumbs, #logo, #user-status,
#ancillary, #nav, #banner, #locations, #footer ul,
#footer img, #sidebar, div.filter, a.bck, p.error,
ul.pagination, .prod-detail-hdr a, #notification,
#tab-img, #dloads, ul#prod-img li, a.btn-enquiry,
div.form-panel, ul#sl-remove, .hide-p, .btn-print-slist,
p.buttons, div.filter-alt, .hdr-pagination.alt,
p.promo-highlight {display: none;}

/* [SHOW ELEMENTS]
-------------------------------------------------------*/
.show-for-print {display: block;}
#wrapper {width: 100%;}
.header {text-align: right;}
#main-content {padding: 20px 0;}
#footer-wrapper {
	border-top: 1px solid #4F5D64;
	padding: 5px 0 0 0;
	clear: both;
	width: 100%;
	text-align: center;
}
	#sub-message h6 {font-size: 9pt;}
		#sub-message h6 em {
			font-style: normal;
			padding: 0 6px;
		}
	#footer p {
		font: normal 8pt Arial, Helvetica, sans-serif;
		color: #666;
	}
	#footer img#bluearc {
		display: block;
		margin: 5px auto 0;
	}

/****************************************************************************************
	[COMPONENTS] specific styles for content area
*****************************************************************************************/

/* [STRUCTURED PAGES]
-------------------------------------------------------*/

/* --Main Structured List-- */
#main-content #content ul.structured-list {
	margin: 0;
	padding-bottom: 25px;
	list-style: none;
	width: 100%;
	float: left;
}
#main-content #content ul#news.structured-list {padding-top: 10px;}
	#main-content #content ul.structured-list li.list-item {
		padding: 0 0 19px 0;
		border-bottom: 1px solid #999;
		margin-bottom: 19px;
		float: left;
		width: 100%;
		clear: both;
	}
		#main-content #content ul.structured-list li.list-item img.thumb {
			float: left;
			width: 134px;
			height: 83px;
			border: 1px solid #B0B0AE;
		}
		#main-content #content ul.structured-list li.list-item h2 {
			margin-bottom: 8px;
			font-size: 13pt;
		}
		#main-content #content ul#news.structured-list li.list-item h2 {margin-bottom: 4px;}
		#main-content #content ul.structured-list li.list-item h3.date {
			margin-bottom: 8px;
			font-size: 9pt;
			font-weight: normal;
			color: #999;
		}
		#main-content #content ul.structured-list li.list-item h2,
		#main-content #content ul.structured-list li.list-item h3.date,
		#main-content #content ul.structured-list li.list-item div,
		#main-content #content ul.structured-list li.list-item p.short-desc {margin-left: 159px;}
		#main-content #content ul.structured-list li.list-item p.short-desc {margin-bottom: 0;}
			#main-content #content ul.structured-list li.list-item div p {margin-bottom: 8px;}
			#main-content #content ul.structured-list li.list-item div h2 {margin-left: 0;}
		/* No Thumbnail Img */
		#main-content #content ul.structured-list li.list-item.no-img h2,
		#main-content #content ul.structured-list li.list-item.no-img h3.date,
		#main-content #content ul.structured-list  li.list-item.no-img div,
		#main-content #content ul.structured-list  li.list-item.no-img p.short-desc {margin-left: 0;}

/* --Brands-- */
#main-content #content ul#brands {
	margin: 0 auto;
	list-style: none;
	padding-bottom: 25px;
	width: 500px;
}
	#main-content #content ul#brands li {
		background: none;
		padding: 0;
		float: left;
		width: 105px;
		margin: 0 8px 8px 0;
	}
		#main-content #content ul#brands li img {
			border: 2px solid #ccc;
			display: block;
			width: 101px;
			height: 44px;
		}

/* --Catalogues-- */
#main-content #content h2.underline.clear {
	clear: both;
	width: 100%;
}
#main-content #content img.catalogue {
	float: right;
	margin-bottom: 25px;
	width: 147px;
	height: 197px;
}
#main-content #content div.wysiwyg {
	float: left;
	width: 420px;
	margin-bottom: 20px;
}

/* [PRODUCT CATEGORY LISTING]
-------------------------------------------------------*/
#main-content #content ul.prod-category {
	width: 620px;
	margin: 0 auto 5px auto;
	list-style: none;
	padding-top: 20px;
}
	#main-content #content ul.prod-category li.prod-item {
		padding: 0;
		background: none;
		float: left;
		width: 620px;
		clear: both;
	}
		#main-content #content ul.prod-category li.prod-item ul {
			margin: 0;
			list-style: none;
		}
		#main-content #content ul.prod-category li.prod-item ul li {
			float: left;
			width: 147px;
			margin-left: 10px;
			padding-bottom: 16px;
		}
		#main-content #content ul.prod-category li.prod-item ul li.first {margin: 0;}
			/* Thumbnail */
			#main-content #content ul.prod-category li.prod-item ul li div,
			#main-content #content #sl-wrapper ul#sl-images li div {
				text-align: center;
				width: 145px;
				height: 98px;
				display: table-cell;
				vertical-align: middle;
				border: 1px solid #AFAFAF;
			}
			#main-content #content #sl-wrapper ul#sl-images li div {
				border: none;
				width: 140px;
			}
			#main-content #content ul.prod-category li.prod-item ul li div *,
			#main-content #content #sl-wrapper ul#sl-images li div * {vertical-align: middle;}
			*#main-content #content ul.prod-category li.prod-item ul li div span,
			*#main-content #content #sl-wrapper ul#sl-images li div span {
				display: inline-block;
				height: 100%;
			}
				#main-content #content ul.prod-category li.prod-item ul li div a img,
				#main-content #content #sl-wrapper ul#sl-images li div img {
					max-width: 140px;
					max-height: 96px;
				}
			/* Titles */
			#main-content #content ul.prod-category li.prod-item ul li h3 {
				margin: 9px 0 0 0;
				font-size: 10pt;
			}
			#main-content #content ul.prod-category li.prod-item ul li h4,
			#main-content #content ul.prod-category li.prod-item ul li h5 {
				font-size: 9pt;
				font-weight: normal;
				margin: 0;
			}
			#main-content #content ul.prod-category li.prod-item ul li h4 {
				margin: 4px 0 8px 0;
				color: #6A6A6A;
			}
			#main-content #content ul.prod-category li.prod-item ul li h5 em {
				font-style: normal;
				font-weight: bold;
			}
			#main-content #content ul.prod-category li.prod-item ul li h5 em span {text-decoration: line-through;}

/* [PRODUCT DETAIL]
-------------------------------------------------------*/

/* Two Column Layout */
#main-content #content #prod-info {
	float: left;
	width: 364px;
	padding-bottom: 25px;
}
#main-content #content #prod-img-dload {
	float: right;
	width: 273px;
	padding-bottom: 25px;
}
	/* Left Column - Product Details */
	#main-content #content #prod-info ul#energy {
		float: left;
		width: 364px;
		list-style: none;
		margin-left: 0;
		border-top: 1px solid #999;
	}
		#main-content #content #prod-info ul#energy li {
			padding: 4px 6px;
			border-bottom: 1px solid #999;
			float: left;
			width: 352px;
		}
			#main-content #content #prod-info ul#energy li strong,
			#main-content #content #prod-info ul#energy li span {
				display: block;
				float: left;
			}
			#main-content #content #prod-info ul#energy li strong {
				width: 11em;
				margin-right: 6px;
				font-size: 9pt;
			}
			#main-content #content #prod-info ul#energy li span {max-width: 220px;}
			/* Rating */
			#main-content #content #prod-info ul#energy li ol {
				list-style: none;
				margin: 0;
				float: left;
				padding-top: 2px;
			}
				#main-content #content #prod-info ul#energy li ol li {
					padding: 0;
					border: none;
					display: inline;
					float: none;
				}
				
	#main-content #content #prod-info h3 {
		font-size: 11pt;
		margin-bottom: 6px;
	}
	#main-content #content #prod-info em.price {
		display: block;
		margin-bottom: 20px;
	}

	/* Right Column - Product Image Panel */
	#main-content #content #prod-img-dload ul#prod-img {
		width: 273px;
		height: 271px;
		overflow: hidden;
		margin: 0;
		list-style: none;
		text-align: right;
	}
		#main-content #content #prod-img-dload ul#prod-img li#img1 {display: block;}
		#main-content #content #prod-img-dload ul#prod-img li img {
			max-height: 271px;
			max-width: 273px;
		}

/* [PRODUCT SHORTLIST]
-------------------------------------------------------*/

#main-content #content #sl-wrapper {
	border: 1px solid #999;
	padding: 16px 0;
	width: 620px;
	margin: 0 auto;
	page-break-after: always;
}
	/* Divider - clears a row */
	#main-content #content #sl-wrapper h2.divider {
		width: 618px;
		height: 0;
		overflow: hidden;
		text-indent: -999em;
		clear: both;
		display: block;
		line-height: 0;
		font-size: 0;
		margin: 0;
	}
	/* Row Styles */
	#main-content #content #sl-wrapper ul.sl-row {
		float: left;
		margin: 0;
		list-style: none;
		width: 618px;
	}
		#main-content #content #sl-wrapper ul.sl-row li {
			float: left;
			width: 125px;
			padding: 9px 11px;
			margin-left: 10px;
		}
		#main-content #content #sl-wrapper ul.sl-row li.first {margin-left: 0;}
			#main-content #content #sl-wrapper ul.sl-row li p {
				margin-bottom: 0;
				font-size: 9pt;
				line-height: 1.3;
			}
			#main-content #content #sl-wrapper ul.sl-row li h3 {
				font-size: 10pt;
				margin-bottom: 4px;
			}
		
		/* Product Thumbnails */
		#main-content #content #sl-wrapper ul#sl-images {}
		#main-content #content #sl-wrapper ul#sl-images li {
			padding: 8px 0;
			width: 145px;
			text-align: center;
		}
		/* Product Descriptions */
		#main-content #content #sl-wrapper ul#sl-desc li p,
		#main-content #content #sl-wrapper ul#sl-desc li ul,
		#main-content #content #sl-wrapper ul#sl-desc li ol {margin-bottom: 8px; }
		#main-content #content #sl-wrapper ul#sl-desc li ul,
		#main-content #content #sl-wrapper ul#sl-desc li ol {margin-left: 15px;}
		#main-content #content #sl-wrapper ul#sl-desc li ul li,
		#main-content #content #sl-wrapper ul#sl-desc li ol li {
			float: none;
			width: auto;
			margin-left: 0;
		}
		/* Product Prices */
		#main-content #content #sl-wrapper ul#sl-price {}
			#main-content #content #sl-wrapper ul#sl-price li {
				font-weight: bold;
				padding-top: 7px;
				padding-bottom: 0;
				color: #666;
			}
				#main-content #content #sl-wrapper ul#sl-price li em {font-style: normal;}

/* [PROMOTIONS LISTING]
-------------------------------------------------------*/
#main-content #content table#promo-listings {
	width: 100%; 
	font-size: 8pt;
	margin-bottom: 12px;
}
	#main-content #content table#promo-listings th,
	#main-content #content table#promo-listings td {
		vertical-align: middle;
		padding: 6px;
		border: 1px solid #E4E4E4;
	}
	#main-content #content table#promo-listings th {
		font-weight: bold;
		border-color: #D4D4D4;
		color: #494949;
		text-shadow: 0 1px 1px #fff;
	}
	
/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/

/* [CLEAR]
-------------------------------------------------------*/
#main-content:after,
#main-content #content:after,
#main-content #content #sl-wrapper:after,
#main-content #content ul.prod-category:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
/* [INTRO TEXT]
-------------------------------------------------------*/
#main-content #content p.intro {font-size: 12pt;}
/* [PRICE]
-------------------------------------------------------*/
#main-content #content .price {
	font-style: normal;
	font-weight: bold;
	text-decoration: line-through;
}
/* [FLOAT IMAGE]
-------------------------------------------------------*/
#main-content #content img.float-img {
	float: right;
	margin: 0 0 12px 12px;
}
/* [HIGHLIGHT BOX]
-------------------------------------------------------*/
#main-content #content p.highlight {
	border: 1px solid #999;
	padding: 10px;
}
#main-content #content p.highlight.alt {
	text-align: center;
	font-weight: bold;
	font-size: 11pt;
}