

#leftCol .roofOptions img {
	margin: 0;
	}

.content ol, .content ul {
	padding: 0 0 0 5px;
	list-style-type: none;
}



.imagelist li {
	padding: 2px 0;
}

#col-1 p, #col-1 ul, #col-1 ol, #col-1 blockquote, #col-1 table {
	margin: 0 20px 20px 20px;
}

#col-3 p, #col-3 h3, #col-3 ul, #col-3 ol, #col-3 blockquote, #col-3 table {
	margin-left: 0;
	margin-right: 0;
}

#col-3 p {
	margin: 20px;
}

#col-3 .Col p {
	margin: 0;
}

#col-3 h3 {
	margin-bottom: 10px;
	font-size: 1em;
}

#col-1 table h4, #col-1 table p, #searchResults h4, #searchResults p {
	margin: 0;
	padding: 0;
	background: none;
}

#home p {
	margin-bottom: 8px;
	font-size: 11px;
}

#home p a {
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: bold;
	font-size: 9px;
}

.content #leftCol p {
/*	padding-bottom: 7px;	*/
}



p.notes {
	background: none;
	font-size: 1.1em;
	line-height: 14px;
	margin: 0 36px 10px 136px;
}

#nocols #rightCol p, #nocols #rightCol h3 {
	margin-left: 18px;
}

#nocols #leftCol p {
	margin-right: 21px;
}

#rightCol a {
	letter-spacing: 0px;
}

.content table p, .content table h4 {
	background: none;
	margin: 0;
	padding: 0;
}

#col-1 table {
	width: 704px;
}

#col-3 table {
	width: 210px;
}

.content table td {
	padding: 4px 10px 2px 10px;
}

#searchResults td {
	padding: 10px;
}

/* roof chooser options */
.content .roofOptions {
	background: #fafafa;
	padding: 10px 10px 8px 10px;
	height: auto;
	width: 398px;
	border-top: 1px solid #e1e2e2;
}

.content .roofOptions, .content .menuOptions {
	list-style-type: none;
	display: inline-block;
}

.content .menuOptions {
	padding: 0;
}

.roofOptions li span {
	position: absolute;
	visibility: hidden;
	text-transform: uppercase;
	color: #333333;
	font-weight: bold;
	font-size: 1em;
	background: #fff;
	padding: 2px 4px 2px 4px;
	border: 1px solid #e1e2e2;
	top: 50%;
	left: 1px;
	margin: -11px 0 0 0;
	opacity: .9;
	z-index: 103;
	white-space: nowrap;
}

.roofOptions li:hover img {
	border-color: #990000;
}

.roofOptions li img {
	border: 1px solid #333333;
}

.menuOptions li {
	float: left;
	width: 342px;
	border-top: 1px solid #e1e2ec;
	border-bottom: 1px solid #e1e2ec;
	margin: -1px 20px 0 0;
	padding: 14px 0 10px 0;
	min-height: 111px;
}

.menuOptions li img {
	margin-right: 10px;
	margin-top: -4px;
	vertical-align: top;
	padding: 4px;
	float: left;
	background: #fafafa;
}

.roofOptions:after, .menuOptions:after, #nav3:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}

.roofOptions li {
	position: relative;
	float: left;
	overflow: visible;
	margin: 1px;
	z-index: 40;
}

.roofOptions li:hover {
	z-index: 50;
}

.roofOptions li:hover span {
	visibility: visible;
}

/* menu options */
#col-1 .menuOptions {
	margin-right: 0;
}

.menuOptions li span {
	font-size: 1.4em;
}

#col-1 .menuOptions p {
	margin: 0;
	padding: 0;
	clear: none;
}



#searchDiv .buttonSearch:hover {
	text-decoration: none;
	background-position: bottom right;
	color: #fff;
}

#col-3 a.goLink, #searchDiv .buttonSearch, #productSearch .buttonSearch {
	margin: 4px 0 0 0;
	vertical-align: middle;
}

#col-3 .Col img {
	padding: 8px;
	margin-bottom: 10px;
	background: #fafafa;
	border-top: 1px solid #e0e0e0;
}

#col-1 .moreLink:hover, #col-3 .goLink:hover {
	color: #fff;
	text-decoration: none;
	background-position: bottom right;
}

#searchDiv .buttonSearch, #productSearch .buttonSearch {
	float: none;
	font-size: 10px;
	height: 13px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#searchDiv input {
/*	margin-top: 2px;	*/
	vertical-align: middle;
}





a.flashLink, a.pdfLink, a.printLink, a.emailLink, a.enquireLink, a.printLink-sm, a.emailLink-sm, a.enquireLink-sm {
	padding: 2px 2px 2px 19px;
	line-height: 21px;
	color: #004375;
	background-repeat: no-repeat;
	background-position: center left;
}



.Col a.flashLink, .Col a.pdfLink {
	line-height: 15px;
	display: block;
	margin-bottom: -5px;
	padding-left: 20px;
}

.download {
	float: right;
	margin-top: -10px;
	padding-right: 21px;
}

.details p {
	background: none;
	padding: 0;
	margin: 0 0 10px 0;
}

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

.details table {
	width: auto;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	background: none;
}

.content .details table {
	width: auto;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	background: none;
}

.details tr td {
	vertical-align: top;
	padding: 0 4px 4px 0;
}

.details table strong {
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

/* distrubitor tables */
/* distritbutor details */
.details {
	padding: 0 0 5px 0;
	margin: 10px 14px 15px 14px;
	border-bottom: 1px solid #bac7cd;
}

.distributorTable tr td {
	padding: 8px;
	vertical-align: top;
	border-top: 1px solid #e1e2e2;
}

.distributorTable tr.current td {
	background: #c1d0d6
}



.distributorTable ul a:hover {
	color: #333;
}

.distributorTable .current ul a:hover {
	color: #fafafa;
}

.distributorTable ul {
	margin: 0;
	padding: 0;
	width: 110px;
	list-style-type: none;
	text-align: left;
}



#Top {
	position: absolute;
	right: 247px;
	top: 28px;
}

.pagination a {
	padding: 2px;
}

.invisibleButton, .invisiblebutton {
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}



.viewAllLink:hover, .viewAllLink1:hover {
	color: #333;
	text-decoration: underline;
}


.copy {
	color: #f00;
}

p.errormsg {
	font-size: 1.2em;
	color: #871a17;
	background: none;
}

#globaltable td h4 {
	color: #787979;
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 10px;
}

#globaltable h5 {
	font-size: 12px;
	color: #004172;
	margin-bottom: 5px;
}

address {
	color: #787979;
	font-style: normal;
	font-size: 11px;
	margin-bottom: 8px;
}

/* Added by Lisa */	
/*
.highlight {
	background-color: lemonchiffon; 
}
*/
center {
	margin-bottom: 20px;
}

.current {
	color: #004375;
}

#productSearch a {
	color: #787979;
}

#productSearch {
	margin: 10px 14px 15px 14px;
}

#productSearch input, #productSearch select {
	margin-bottom: 15px;
	width: 175px;
}

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

/* login div and iframe */

#popupForm {
	z-index: 489;
	position: absolute;
	width: 453px;
	left: 50%;
	margin-left: -227px;
	top: 15px;
	display: none;
}





.formEmail, #formContent .long {
	width: 202px;
}

#formContent .viewAllLink, #leftCol .viewAllLink1 {
	margin-left: 136px;
}

#brochure_overview td {
	height: 107px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 8px;
}

#tipstable td {
	padding: 10px;
}

#globaltable td {
	padding: 15px;
}

#globaltable span {
	text-transform: uppercase;
	font-size: 10px;
}

#globaltable td p {
	margin-bottom: 8px;
}

#contactDetails {
	margin-top: 15px;
}

/* sifr */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

h4.title { 
	height: 20px;
	line-height: 20px;
	font-size: 2em;
	padding-left: 0;
}

#mainDiv .content #rightCol .details .noindent {
	padding-left: 0;
	margin-left: 5px;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h3, .sIFR-hasFlash .title h4 {
/*	visibility: hidden;	*/
}

.accreditation ul {
	list-style-type: disc !important;
	margin-left: 13px;
}

.steel50 {
	float: right;
	margin: -30px 43px 8px 0;
}
