#wrapper {
	margin-left: auto;
	margin-right: auto;
	Width: 960px;
}
#header_section {
	float: left;
	width: 960px;
	height: 105px;
	margin-top: 20px;
}
#logo {
	margin-bottom: 15px;
}
#logo,
#logo a {
	float: left;
	height: 50px;
}
#logo a:hover
{
	filter: alpha(opacity=80);
	opacity: 0.8;
}
p.no-items {
    font-style: italic;   
}

/* --------- Sub Navigation Styles --------- */
#sub_nav {
	height: 65px;
}
#sub_nav ul {
	float: right;
	text-align: right;
	padding: 0px;
	margin: 0px;
}
#sub_nav ul li {
	float: left;
	display: inline;
	color: #737373;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	margin-right: 5px;
	/*padding-right: 6px;*/
}
#sub_nav ul li.last {
	padding: 0px;
	margin: 0px;
}
#sub_nav ul li a {
	text-decoration: none;
	color: #737373;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#sub_nav ul li a:hover,
#sub_nav ul li.selected a {
	text-decoration: none;
	color: #c11a43;
	font-size: 10px;
	font-weight: bold;
	display: inline;
}
/* --------- Top Level Navigation Styles --------- */
#nav_level-1
{
	width: 743px;
	height: 37px;
	float: left;
}
#nav_level-1 ul
{
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	position: relative;
	z-index:10;
}
#nav_level-1 ul li
{
	float: left;
	display: inline;
	color: #1a1818;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	list-style: none;
	margin-right: 6px;
	padding: 0px;
}
#nav_level-1 ul li a
{
	float: left;
	color: #1a1818;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 20px;
	z-index: -2;
}
#nav_level-1 ul li a img
{ 
	z-index: -2;
}
/* --------- second Level Navigation Styles --------- */
#left-navigation
{
	width: 180px;
	float: left;
}
#nav_level-2 
{
	width: 180px;
	background-color: #f2f2f2;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	padding-top:9px;
}
#nav_level-2 li ul
{
	display: none;
}
#nav_level-2 li.selected ul
{
	display: inline;
}
#nav_level-2 li
{
	float: left;
	display: inline;
	list-style: none;
	text-transform: capitalize;
	font-size: 13px;
	list-style: none;
	padding: 0;
	clear: both;
}
#nav_level-2 li a
{
	float: left;
	text-decoration: none;
	color: #727272;
	text-transform: capitalize;
	font-size: 13px;
	width: 140px;
	margin-left: 20px;
	border-bottom: 1px solid #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline;
}
#nav_level-2 li a:hover 
{
	color: #c11a43;
}
#nav_level-2 li.selected a
{
	font-weight: bold;
	color: #c11a43;
}
#nav-corners {
	float: left;
	background: transparent url(/images/menu-corners.gif) bottom no-repeat;
	height: 24px;
	width: 180px;
}
/* --------- Third Level Navigation Styles --------- */

#nav_level-2 ul.nav_level-3 
{
	display: none;
	width: 148px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-left: 3px;
	padding-left: 26px;
	background: #e5e5e5 url(/images/navshadowtop.png) top no-repeat;
}
#nav_level-2 ul.nav_level-3 li
{
	float: left;
	width: 131px;
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	list-style: none;
	clear: both;
	border-bottom: 1px solid #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}
#nav_level-2 ul.nav_level-3 li.last
{
	border-bottom: none;
}
#nav_level-2 ul.nav_level-3 li a
{
	float: left;
	width: 121px;
	background: transparent url(/images/menu_arrow.gif) no-repeat top left;
	margin-left: 0px;
	text-decoration: none;
	color: #727272;
	text-transform: capitalize;
	font-size: 11px;
	font-weight: normal;
	border-bottom: none;
	padding: 0px;
	padding-left: 10px;
}
#nav_level-2 ul.nav_level-3 li a:hover {
	color: #C11A43;
}
#nav_level-2 ul.nav_level-3 li.selected a {
	color: #C11A43;
	font-weight: bold;
}
/* --------- Search Box Styles --------- */
#search {
	background: transparent url(/images/search_bg.gif) no-repeat right;
	width: 217px;
	height: 32px;
	float: left;
}
#search input.text 
{
	float: left;
	width: 132px;
	height: 15px;
	border-top: 1px solid #727272;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #dadada;
	margin: 7px;
	margin-right: 6px;
	padding-left: 4px;
	font-size: 11px;
	line-height: 14px !important;
	color: #515254;
	
}
#search input.button 
{
	float: left;
	width: 61px;
	height: 22px;
	margin-top: 5px;
	border: none;
	background: transparent url(/images/search-button.gif) no-repeat;
	cursor: pointer;
} 
#search input.button:hover
{
	background-position:0 -22px;
}
/* --------- footer Styles --------- */
#footer-wrapper 
{
	float: left;
	width: 960px;
	height: 48px;
	padding-bottom: 20px;
}
#footer
{
	float:left;
	border-top: 1px dotted #a1a1a1;
	border-bottom: 1px dotted #a1a1a1;
	width: 960px;
	height: 28px;
	margin-top: 20px;
}
#footer ul 
{
	float:left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-top: 8px;
}
#footer ul li
{
	background: transparent url(/images/footer_spacer.gif) no-repeat right;
	margin-right: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	float: left;
	font-size: 11px;
	color: #666666;
	text-transform: capitalize;
	list-style: none;
}
#footer ul li.last
{
	background: none;
	margin: 0px;
	padding: 0px;
}
#footer ul li a
{
	text-decoration: none;
	font-size: 11px;
	color: #666666;
	text-transform: capitalize;
}
#footer ul li a:hover
{
	text-decoration: none;
	font-size: 11px;
	color: #c11a43;
}
#footer ul li.Selected a
{
	text-decoration: none;
	font-size: 11px;
	color: #c11a43;
}
#footer #etex_group 
{
	float: right;
	height: 16px;
	margin-top: 6px;
}
#footer #etex_group a
{
	float: right;
	height: 16px;
}
#footer #etex_group a:hover 
{
	filter:alpha(opacity=80);
	opacity: 0.8;
}
/* --------- Quick Link Styles --------- */

#quick_links_section 
{
	float: left;
	width: 960px;
	height: 115px;
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
}
.quick_links_wrapper a
{
	float: left;
	width: 145px;
	margin-left: 7px;
	margin-right: 6px;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.quick_link img 
{
	float: left;
	width: 135px;
	height: 50px;
	border: 1px solid #c0bfb3;
	padding: 4px;
	margin-bottom: 10px;
}
.quick_link p img 
{
	float: none;
	width: 12px;
	height: 11px;
	border: none;
	padding: 0;
	margin: 0;
}
.quick_link p
{
	float: left;
	font-size: 15px;
	color: #1a1818;
	padding: 0px;
	margin: 0px;
}
a .quick_link {
	text-decoration: none;
}
.quick_links_wrapper a:hover
{
	opacity: 1;
	filter:alpha(opacity=100);
	cursor: pointer;
	text-decoration: none;
}
#content-area #quick_links_section 
{
	width:780px;
}
#content-area .quick_link 
{
	width:118px;
	margin-left: 0;
	margin-right: 14px;
}
#content-area .quick_link img  
{
	width:108px;
}
#content-area .quick_link p img 
{
	width:12px;
}
.quick_links_wrapper 
{
	float: left;
	margin-right: -14px;
}
#newsTicker-title {
	float: left;
	color: #c11a43;
	font-size: 13px;
	line-height: 32px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 8px;
}
#newsTicker {
	float: left;
	height: 33px;
	margin: 10px 0 0;
	width: 100%;
}
#newsTicker.border {
    margin-top: 0;
    border-top: solid 3px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
}
#latest-news {
	float: left;
	height: 32px;
	overflow: hidden;
}
#latest-news a,
#latest-news p {
	color: #727272;
	font-weight: normal;
    line-height: 32px;
    padding: 0px;
    margin: 0px;  
}
#latest-news a:hover {
	text-decoration: none;
	color: #c11a43;
	cursor: pointer;
}
#image-scroller {
	float: left;
	width: 960px;
	height: 310px;
	position: relative;
}
#image-scroller img {
	position: absolute;
}
#content-area #image-scroller 
{
	margin-top: -9px;
	width: 780px;
	height: 310px;
}
#fade-images 
{
	z-index: -1;
	width: auto !important;
	height: auto !important;
}
#introduction {
	float: left;
	position: absolute;
	z-index: 2;
}
#introduction img {
	position: relative;
}
#introduction-txt {
	float: left;
	width: 485px;
	height: 202px;
	padding: 28px;
	padding-bottom: 0px;
}
#introduction p {
	color: #e5e5e5;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 20px;
	margin: 0px;
}
#introduction h1 {
	font-family: 'HelveticaNeueW01-45Ligh';
	color: #ffffff;
	font-size: 26px;
	font-weight: normal;
}
.pink {
	color: #c11a43;
}
#introduction-nav {
	float: left;
	width: 957px;
	display: inline;
	margin-left: 3px;
}
#introduction-nav ul {
	padding: 0px;
	margin: 0px;
	float: left;
	display: inline;
}
#introduction-nav ul li {
	float: left;
	padding: 0;
	margin: 0;
	margin-left: 7px;
	list-style: none;
	display: inline;
	height: 66px;
	width: 230px;
}
#content-area #introduction-nav 
{
	width:780px;
}
#content-area #introduction-nav ul li
{
	width:185px;
}
.clear {
	clear: both;
}
#breadcrumb {
	float: left;
	width: 946px;
	height: 29px;
	padding-left: 13px;
	padding-top: 5px;
	color: #727272;
	font-size: 11px;
	text-transform: capitalize;
	background: transparent url(/images/bread-crumb.png) no-repeat top right;
	position: relative;
	z-index: 10;
}
#breadcrumb a {
	color: #727272;
	margin-right: 7px;
	margin-left: 7px;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #c11a43;
}
#breadcrumb .selected {
	color: #c11a43;
	margin-left: 7px;
	font-weight: bold;
}
#content-area {
	float: right;
	display: inline;
	width: 780px;
}
#header-image, #header-image-dynamic  {
	float: left;
	width: 780px;
}
#main-content-medium {
	float: left;
	display: inline;
	width: 560px;
	margin-left: 20px;
	margin-top: 14px;
}
#main-content-medium table td { padding: 0; }
#main-content-small {
	float: left;
	display: inline;
	width: 462px;
	margin-left: 20px;
	margin-top: 14px;
}
#main-content-large {
	float:left;
	margin-left:20px;
	margin-top:14px;
	width:758px;
}
#right-content,
#right-content-small,
#right-content-large {
	float: left;
	margin-left: 12px;
	margin-top: 16px;
}
#right-content {width: 188px;}
#right-content-small {width: 185px;}
#right-content-large {width: 283px;}
#printemail-control {
	width: 100%;
	height: 33px;
	padding: 0px 13px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #c0bfb3;
	font-size: 10px;
	font-weight: bold;
	color: #727272;
	border-collapse: separate;
}
#printemail-control a  {
	font-size: 10px;
	font-weight: bold;
	color: #727272;
	text-decoration: none;
	text-transform: uppercase;
}
#printemail-control a:hover {
	text-decoration: none;
	color:#C11A43;
}
#printemail-control .print {
	width: 33%;
}
#printemail-control .print img,
#printemail-control .email img {
	padding-right: 4px;
}
#printemail-control .email {
	width: 33%;
	padding-left: 4px;
	text-align: center;
}
#printemail-control .share {
	width: 33%;
	text-align: right;
}
#printemail-control .share a {
	background: transparent url(/images/share.gif) no-repeat left;
	float: right;
	width: 125px;
	height: 16px;
}
.product-box-small {
	float: left;
	width: 277px;
	height: 235px;
	margin-bottom: 5px;
}
.product-box-small .product-content {
	float: left;
	width: 267px;
	height: 225px;
	position: absolute;
	margin: 5px;
}
.product-box-small .product-body {
	float: left;
	width: 265px;
	height: 100px;
	border: 1px solid #ffffff;
	vertical-align: bottom;
}
.product-box-small .product-body p {
	color: #ffffff;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 10px;
	min-height:45px;
}
.product-box-small .product-title-box {
	float: left;
	width: 267px;
	height: 92px;
	padding-top: 30px;
}
.product-title-box {position:relative;}
.product-title {position:absolute; bottom:0;}
.product-title h2
{
	color:#ffffff;
	padding-bottom:0px;
}

.product-title h2 a, .product-title h2 a:link
{
	text-decoration:none;
	color:#ffffff;
}

.product-title h2 a:hover
{
	text-decoration:underline;
	color:#ffffff;
}

.product-box-small .product-img {
	position: absolute;
}
.left {
	margin-right: 5px;
}
.product-box-large {
	float: left;
	width: 558px;
	height: 173px;
	border: 1px solid #c0bfb3;
	margin-bottom: 5px;
}
.product-box-large .product-img {
	float: left;
	width: 183px;
	height: 173px;
}
.product-box-large .product-img img {
	width: 175px;
	height: 165px;
	padding: 4px;
}
.product-box-large .product-content {
	float: left;
	width: 371px;
	margin-top: 4px;
}
.product-box-large .product-content h3 {
	padding-top: 11px;
	padding-left: 10px;
	padding-bottom: 9px;
	padding-right: 10px;
	clear: both;
}
.product-box-large .product-content p {
	color: #000000;
	font-size: 12px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
}
.product-box-large .product-content .availability {
	color: #727272;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	padding-top: 9px;
	padding-left: 10px;
}

#fade-../images {
float:left;
z-index: 1;
}
#fade-../images img {
width: 960px;
height: 310px;
}

#header-image, #header-image-dynamic {
	float: left;
	margin-top: 0px;
}
#header-image img, #header-image-dynamic img 
{
    margin-top: -9px;
    position:relative;
    z-index:2;
}
.current-page {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #727272;
	padding-bottom: 22px;
}
.title-underline {
	padding-bottom: 6px;
	border-bottom: 1px solid #e5e5e5;
}
.advert,
.advert-small,
.advert-large {
	float: left;
	margin-top: 10px;
}
.advert-small {width: 185px;}
.advert-large {width: 283px;}
.advert p 
{
	padding-left:10px;
}
.link-small a {
	background: transparent url(/images/small-bar-red.png) no-repeat left;
	float: left;
	width: 201px;
	height: 26px;
	margin-top: 0px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	padding-top: 7px;
	padding-left: 7px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-transform: capitalize;
	text-decoration: none;
}
.link-small-02 a {
	float: left;
	width: 250px;
	height: 26px;
	margin-top: 0px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	padding-top: 7px;
	padding-left: 7px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-transform: capitalize;
	text-decoration: none;
}
.link-small-02 a {
	background: transparent url(/images/small-link_red_02.png) no-repeat left;
}
.product-body .red a {
	background: transparent url(/images/small-link_red_02.png) no-repeat left;
}
.product-body .blue a {
	background: transparent url(/images/small-link_blue_02.png) no-repeat left;
}
.product-body .green a {
	background: transparent url(/images/small-link_green_02.png) no-repeat left;
}
.product-body .grey a {
	background: transparent url(/images/small-link_grey_02.png) no-repeat left;
}
.link-small-03 a {
	background: transparent url(/images/small-link_red_03.png) no-repeat left;
	float: left;
	width: 178px;
	height: 26px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	padding-top: 7px;
	padding-left: 7px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-transform: capitalize;
	text-decoration: none;
}
.link-medium a {
	background: transparent url(/images/medium-bar_red.png) no-repeat left;
	float: left;
	width: 359px;
	height: 26px;
	padding-left: 12px;
	padding-top: 7px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-transform: capitalize;
	text-decoration: none;
}

.link-medium.green a
{
    background: transparent url(/images/medium-link_green.gif) no-repeat left;
}

.link-medium.blue a
{
    background: transparent url(/images/medium-link_blue.gif) no-repeat left;
}

.link-medium.grey a
{
    background: transparent url(/images/medium-link_grey.gif) no-repeat left;
}

.link-smallerthanmedium-red a, .link-smallerthanmedium a, .link-smallerthanmedium-green a, .link-smallerthanmedium-blue a, .link-smallerthanmedium-grey a {
	background: transparent url(/images/smallerthanmedium-link_red.png) no-repeat left;
	font-size: 16px;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 10px;
	color: #ffffff;
	text-transform: capitalize;
	text-decoration: none;
	width: 274px;
	height: 26px;
	float: left;
}
.link-smallerthanmedium-green a {
	background: transparent url(/images/smallerthanmedium-link_green.png) no-repeat left;
}
.link-smallerthanmedium-blue a {
	background: transparent url(/images/smallerthanmedium-link_blue.png) no-repeat left;
}
.link-smallerthanmedium-grey a {
	background: transparent url(/images/smallerthanmedium-link_grey.png) no-repeat left;
}

.link-extralarge-red a, .link-extralarge a, .link-extralarge-green a, .link-extralarge-blue a, .link-extralarge-grey a {
	background: transparent url(/images/extralarge-link_red.png) no-repeat left;
	font-size: 16px;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 10px;
	color: #ffffff;
	text-transform: capitalize;
	text-decoration: none;
	width: 624px;
	height: 26px;
	float: left;
}
.link-extralarge-green a {
	background: transparent url(/images/extralarge-link_green.png) no-repeat left;
}
.link-extralarge-blue a {
	background: transparent url(/images/extralarge-link_blue.png) no-repeat left;
}
.link-extralarge-grey a {
	background: transparent url(/images/extralarge-link_grey.png) no-repeat left;
}

.advert-large .link-small a, .advert-large .link-smallerthanmedium a
{
	margin-left: 0px;
}

#product-tabs ul, #product-tabs ul {
	float: left;
	width: 560px;
	margin:0 !important;
	padding:0 !important;
}
#product-tabs ul li, #product-tabs ul li {
	float: left;
	list-style: none;
	margin:0 !important;
	margin-right: 2px !important;
	padding:0 !important;
}

#productContent {
	float: left;
	width: 558px;
	border: 1px solid #c0bfb3;
	margin-top: 3px;
	margin-bottom: 15px;
}
/*    hide tab content when not active    */
#brochure-content, #samplerequest-content, #contact-content, #colour-content, #technical-content, #environmental-content, #fittings-content, #ventilation-content, #dryFix-content, #accessories-content, #caseStudies-content, #fixingsystems-content, #aluminiumtrims-content {
	display: none;
	visibility: hidden;
}
/*Contact*/
#contact-content.active, #environmental-content.active, #technical-content.active, #fittings-content.active, #ventilation-content.active, #dryFix-content.active, #fixingsystems-content.active, #accessories-content.active, #caseStudies-content.active, #aluminiumtrims-content.active {
	display: block;
	visibility: visible;
}
#colour-content.active {
	display: inline;
	visibility: visible;
}
#contact-content p {
	padding: 10px;
	padding-left: 14px;
}
#contact-content ul {
	float: left;
	width: 543px;
	border-bottom:1px solid #C0BFB3;
	border-left:1px solid #C0BFB3;
	border-right:1px solid #C0BFB3;
	margin: 4px;
	padding: 0;
}
#contact-content ul li {
	float: left;
	width: 543px;
	list-style: none;
	color: #1a1818;
	font-size: 12px;
	line-height: 15px;
	padding: 0;
	border-top:1px solid #C0BFB3;
	border-bottom: 5px solid #f7f5f8;
}
#contact-content ul li .title {
	float: left;
	width: 163px;
	padding: 8px;
	font-weight: bold;
}
#contact-content ul li .info {
	float: left;
	width: 348px;
	padding: 8px;
	background-color: #e5e5e5;
	font-weight: normal;
}
#productContent p, #solutionContent p, #solution-wrapper p {
	padding: 0px;
}
#productContent table.row, #solutionContent table.row {
	float: left;
	width: 550px;
	border-bottom:1px solid #C0BFB3;
	border-left:1px solid #C0BFB3;
	border-right:1px solid #C0BFB3;
	margin: 4px;
	padding: 0;
	border-spacing: 0;
}
#caseStudies-content table.row 
{
	margin-bottom: 26px;
}
#productContent table.row tr td, #solutionContent table.row tr td {
	list-style: none;
	color: #131313;
	font-size: 12px;
	line-height: 15px;
	padding: 0;
	vertical-align: top;
	border-top:1px solid #C0BFB3;
	border-bottom: 5px solid #f7f5f8;
}
#productContent table.row tr td.title, #solutionContent table.row tr td.title {
	width: 163px;
	padding: 8px;
	font-weight: bold;
}
#productContent table.row tr td.heading, #solutionContent table.row tr td.heading {
	padding: 8px;
	font-weight: bold;
}
#productContent table.row tr td.title p, #solutionContent table.row tr td.title p {
	font-weight: bold;
}
#productContent table.row tr td.info, #solutionContent table.row tr td.info {
	width: 353px;
	padding: 8px;
	background-color: #e5e5e5;
	font-weight: normal;
}
.fitting-wrapper {
	float:left;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 15px;
}
#fittings-content .right {
	margin-right: 0px;
}
#fittings-content .last {
	margin-bottom: 4px;
}
.fitting-box{
	float: left;
	width: 133px;
	height: 147px;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 1px;
}
.fitting-img {
	border: 1px solid #e5e5e5;
	width: 131px;
	height: 104px;
}

.fitting-img img {

	width: 131px;
	height: 104px;
}

.fitting-link {
	float: left;
	width: 133px;
	height: 40px;
	background-color: #f2f2f2;
	border-top: 1px solid #ffffff;
}
.fitting-title 
{
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	padding-left: 10px;
	line-height: 30px;
	background: transparent url(/images/long-bar_red.png) no-repeat left;
	width: 540px;
	height: 33px;
}
.fitting-title a 
{
    color: #FFFFFF !important;
}
/* This is the ul you have all your ../images in */

ul.thumb {
	padding: 0px;
	border-bottom-color: #E5E5E5 !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-left-style: none !important;
	border-right-style: none !important;
	border-top-style: none !important;
	display: block !important;
	float: left !important;
	height: 28px !important;
	list-style-image: none !important;
	list-style-position: outside !important;
	list-style-type: none !important;
	margin-bottom: 4px !important;
	margin-left: 4px !important;
	margin-right: 4px !important;
	margin-top: 0px !important;
	width: 550px !important;
}
ul.thumb li{
	padding: 0px !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
	border-right-style: none !important;
	border-top-style: none !important;
	color: #131313 !important;
	display: list-item !important;
	float: left !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	height: 63px !important;
	list-style-position: outside !important;
	margin-bottom: 0px !important;
	margin: 0 2px 0 0 !important;
	background:0 !important;
}
ul.thumb li img {
	height: 10px;
	width: 17px;
	border: 1px solid #c0c0b4;
}
ul.thumb li img:hover, ul.thumb li.selected img {
	height: 22px;
	width: 38px;
}
.main_view {
	margin: 4px;
}
.main_view img {
	width: 550px;
	height: 315px;
}
#colour-title 
{
	font-size: 12px;
	font-weight: bold;
	color: #c11a43;
	text-transform: capitalize;
	padding-top: 1px;
	padding-left: 5px;
	padding-bottom: 5px;
}
.colour-txt 
{
	color: #727272;
}
.intro-fixed {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	height: 314px;
	margin: 4px;
	margin-bottom: 4px;
}
.intro-fixed-img {
	width: 273px;
	height: 273px;
	float: left;
	margin-top: 4px;
}
.intro-fixed-img img {
	width: 273px;
	height: 273px;
}
.intro-fixed-content {
	float: left;
	width: 255px;
	margin-left: 22px;
	margin-top: 4px;
}
#productContent .intro-fixed-content p {
	padding: 0px;
	margin: 0px;
}
.intro-fixed-content h3 {
	padding-top: 11px;
	padding-bottom: 18px;
	padding-right: 5px;
}
.content-fixed {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	margin: 4px;
	margin-bottom: 4px;
}
.content-toggled {
	display:none;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
#toggle-wrapper 
{
	border:1px solid #C0BFB3;
}
#toggle-wrapper .intro-fixed-content
{
	margin-left: 12px;
	margin-right: 12px;
	width: 525px;
}
#toggle-wrapper .content-toggled
{
	margin-left: 16px;
	margin-right: 16px;
}
#toggle-wrapper .content-fixed 
{
	margin-bottom: 0px;
}
#toggle-wrapper .intro-fixed-content h3 
{
	padding-bottom: 11px;
}
#caseStudies-content .content-toggled h5 {
	padding:0 15px 15px;
}
#caseStudies-content .content-toggled h3, #accessories-content .content-toggled h3, #ventilation-content .content-toggled h3
{
	padding-bottom:18px;
	padding-top:11px;
	padding-left:15px;
	padding-right:15px;
}
#caseStudies-content .content-toggled p, #accessories-content .content-toggled p, #ventilation-content .content-toggled p
{
	padding-bottom:26px;
	padding-left:15px;
	padding-right:15px;
}
.link-large 
{
    font-size:16px;
	font-weight: bold;
	line-height:30px;
	padding-left:10px;
}
.highlight, .highlight a {
	color: #c11a43;
}
/* --------- Styles for the contact us form --------- */

.scfForm
{
    background-color: #F2F2F2;
    padding: 15px;
	margin-bottom:10px;
}
/*Sample Request*/
/*#sampleRequest-content, #brochure-content
{
	display: block;
	visibility: visible;
}*/

#samplerequest-content .right, #brochure-content .right {
	margin-right: 0px;
}
.samplerequest-wrapper, .brochure-wrapper {
	float:left;

}
#samplerequest-content h3, #brochure-content h3 {
	color: #ffffff;
	text-transform: capitalize;
	padding-left: 10px;
	line-height: 30px;
}
.sample-box {
	height:30px;
    margin-top:4px;
    padding-left:8px;
    width:100%;
    float:left;
}
.sample-intro { width: 566px; }
.productTitleRow
{
	clear: both;
	font-weight: 700;
	padding-bottom: 1px;
	padding-left: 9px;
	padding-top: 10px;
}
.sample-img {
	border:1px solid #E5E5E5;
    float:left;
    width:25px;
}
.sample-title 
{
    float:left;
    font-size:11px;
    height:25px;
    padding-left:10px;
    width:196px;
    padding-top:6px;
}
.sample-buttons
{
    float:left;
	font-size:10px;
	padding-top: 6px;
	width:325px;
}
.chkSample
{
	float:left;
	width:120px;
}
.chkPanel {float:left;}
/*    display tab content when active    */

#brochure-content.active {
	display: block;
	visibility: visible;
}
#productContent .brochure-intro p {
	padding: 10px;
	padding-left: 14px;
}
#productContent .brochure-intro ul {
	float: left;
	width: 543px;
	border-bottom:1px solid #C0BFB3;
	border-left:1px solid #C0BFB3;
	border-right:1px solid #C0BFB3;
	margin: 4px;
	padding: 0;
}
#productContent .brochure-intro ul li {
	float: left;
	width: 543px;
	list-style: none;
	color: #1a1818;
	font-size: 12px;
	line-height: 15px;
	padding: 0;
	border-top:1px solid #C0BFB3;
	border-bottom: 5px solid #f7f5f8;
}

#productContent .brochure-intro table.row {
	margin-top:0px;
}

#contact-content table.row {
	margin:4px;
}

#productContent .brochure-intro td.title {
	width: 403px !important;
	padding: 8px;
	font-weight: bold;
}
#productContent .brochure-intro td.info {

	width: 170px !important;
	padding: 8px;
	background-color: #e5e5e5;
	font-weight: normal;
}

#samplerequest-content.active {
	display: block;
	visibility: visible;
}
#product-tabs, #product-tabs {
	float: left;
	padding-top: 18px;
}
#product-wrapper {
	float: left;
}
#product-wrapper .intro {
	float: left;
	width: 361px;
}
#product-wrapper .intro img {
	width: 361px;
	height: 230px;
}
#product-wrapper .intro img.flashvid-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
	width: 53px;
	height: 53px;
}
.caption {
	color: #727272;
	font-size: 11px;
	font-style: italic;
	padding-bottom: 16px;
	padding-top: 5px;
}
#product-wrapper .advantages, #product-wrapper .documents {
	float: right;
	width: 180px;
	margin-left: 19px;
	border-bottom:1px solid #E5E5E5;
	padding-bottom: 14px;
}
#product-wrapper .documents {margin-top: 20px;}
#product-wrapper .advantages h4, #product-wrapper .documents h4{ 
	border-bottom:2px solid #E5E5E5;
	padding-bottom:6px;
}
#product-wrapper .advantages ul, #product-wrapper .documents ul  { 
	padding: 0;
	margin: 0;
}
#product-wrapper .advantages ul li, #product-wrapper .documents ul li{ 
	margin-top: 7px;
	padding-bottom: 0px;
	font-size: 12px;
	color: #1a1818;
	list-style-type: none;
	display: block;
}
#product-wrapper .advantages ul li {background: transparent url(/images/arrow-red.gif) no-repeat top left; padding-left: 10px;}
#product-wrapper .documents ul li{background: none; padding-left: 0px;}
/* Different document types */
#product-wrapper .documents ul li.pdf 
{
	background:url("/images/fileTypes/pdf.gif") no-repeat scroll left top transparent;
	padding-left: 20px;
}
#product-wrapper .documents ul li.doc, #product-wrapper .documents ul li.docx 
{
	background:url("/images/fileTypes/doc.gif") no-repeat scroll left top transparent;
	padding-left: 20px;
}
#product-wrapper .documents ul li.xls, #product-wrapper .documents ul li.xlsx 
{
	background:url("/images/fileTypes/xls.gif") no-repeat scroll left top transparent;
	padding-left: 20px;
}
#product-wrapper .documents ul li.jpeg
{
	background:url("/images/fileTypes/jpeg.gif") no-repeat scroll left top transparent;
	padding-left: 20px;
}
#solution-wrapper .documents, #solution-wrapper .advantages {margin-top:10px;}
.content-toggled H4, #solutionContent H4 {margin-top:15px;}
/* pagination styles */
/*preload classes*/ 
.svw {width: 561px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} /*core classes*/ 
.stripViewer { position: relative; overflow: hidden; border: 5px solid #ff0000; margin: 0 0 1px 0; } 
.stripViewer ul { /* this is your UL of ../images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li { float:left; } 
.stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #ff0000; color: #fff; text-decoration: none; display: block; } .stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; } /*tooltips formatting*/ 
#tooltip { background: #fff; color: #000; opacity: 0.85; border: 5px solid #dedede; } 
#tooltip h3 { font: normal 10px Verdana; margin: 0; padding: 6px 2px; border: 0; }
/* find a stockest styles --possibly redundant styling. New stockist styling towards bottom DH*/
#stockest-intro 
{
	width: 300px;
	float: left;
}
#stockest-intro input
{
	background: transparent url(/images/300px-link_red.png) no-repeat left;
	height:33px;
	width:300px;
	padding-left: 10px;
	border: none;
	cursor: pointer;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}
#stockest-intro table, #stockest-intro td.dropdown select
{
	width: 100%;
}
#stockest-intro td.dropdown 
{
	width: 55%;
}
#stockest-intro td
{
	font-size: 12px;
	font-weight: bold;
	color: #c11a43;
	padding-bottom: 8px;
	padding-right: 0px;
	padding-left: 0px;
}
#map 
{
	float: left;
	width: 438px;
	margin-left: 20px;
}
.supplier 
{
	padding-top: 8px;
	float:left;
	width:184px;
	margin-right: 5px;
	font-size: 12px;
	color: #000000;
}
.supplier-name 
{
	font-size: 16px;
	font-weight: bold;
	color: #c11a43;
	text-transform: capitalize;
	padding-bottom:14px;
}
.supplier-address 
{
	font-size: 12px;
	color: #000000;
	padding-bottom: 6px;
}
.supplier-postcode
{
	text-transform: uppercase;
}
.supplier-contact 
{
	font-weight: bold;
	color: #c11a43;
}
#stockistresults .jcarousel-control
{
	margin-top:-225px !important;
}

#stockistresults .jcarousel-skin
{
	height:183px;
}

#stockistresults .jcarousel-skin .jcarousel-container-horizontal
{
	width:760px !important;
	height:183px;
}
#stockistresults .jcarousel-skin .jcarousel-clip-horizontal
{
	width:760px !important;
}

#stockistresults .jcarousel-skin .jcarousel-item
{
	width:760px;
	height:192px;
}
/* News Sections */

.news-date {
    font-style:italic;
    margin-bottom: 6px;
}
.news-content .image {
    float: left;
    margin: 3px 18px 0 0;
}
.news-content .image img 
{
	width: 272px;
	height: 272px;
}
#listing-news-scroller {
    float: left;   
}
#listing-news-scroller {
    padding-top: 10px; 
    margin-top: 2px;
    border-top: 1px solid #e5e5e5;  
}
#listing-news-scroller .item {
    float: left;
    width: 272px;
    margin-bottom: 20px;
}
#listing-news-scroller .item .title {
    margin-top: 10px;   
}
#listing-news-scroller .item .title h4 {
    height: 34px;   
}
#listing-news-scroller .item .title #date {
    margin: 10px 0;
    font-style:italic;
    font-size: 12px;
    padding: 10px 0 0 0;
}
#listing-news-scroller .item.left {
    margin-right: 16px;
}
#listing-news-scroller .item .image {
    /*padding: 4px;
    border: solid 1px #bfbfb3;   */
}
#section-title {
    padding-top: 18px;
    float: left;
    width: 500px;
}

#pager {
    float: right;
    margin-top: 15px; 
}
#pager ul li.last {
    border-right: none !important; 
    padding-right: 0 !important;
    margin-right: 0 !important;  
}
#pager ul li.more {
    border-right: none !important; 
    padding-right: 0 !important;
    padding-left: 6px !important;
    margin-right: 0 !important; 
    margin-left: 6px !important; 
     
}
#pager ul li {
    display: inline;
    background: none;
    margin-right: 6px;
    color: #C11A43 !important;
    border-right: solid 1px #e2e2e2;
    padding: 0px;
    padding-right: 6px;
    font-size: 11px;
    font-weight: 700;
}
#pager ul li a {
    font-size: 11px;
    font-weight: 700;
    color: #727272;
}

#pager ul li.current {
    font-weight: 700;
    color: #c11a43;
}
#sub-title {
    float: left;
    margin-top: 10px; 
}
#sub-title h3 {
    color: #1a1818;
}
/* FAQS Sections */
#faqs-dropdown 
{
	margin-bottom: 20px;
}
#faqs-dropdown td 
{
	color: #c11a43;
	font-size: 12px;
	font-weight: bold;
	padding-right: 5px;
}
.faqs 
{
	float: left;
	border: 1px solid #c0bfb3;
	padding: 4px;
	margin-bottom: 4px;
}
.faqs-content 
{
	display: none;
	overflow:hidden;
	padding-left: 10px;
	padding-right: 10px;
}
.faqs-content h3 
{
	padding-top: 16px;
	padding-bottom: 20px;
}
/* --------- Fourth Level Navigation Styles --------- */

#nav_level-2 ul.nav_level-3 li ul.nav_level-4 
{
	display: none;
	width: 140px;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-left: -23px;
	margin-bottom: -6px;
	margin-top: 5px;
	padding-left: 28px;
	border-bottom: 1px solid #ffffff;
	background: #F2F2F2 url(/images/navshadowtop.png) top no-repeat;
}
#nav_level-2 ul.nav_level-3 li ul.nav_level-4 li
{
	float: left;
	width: 131px;
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	list-style: none;
	clear: both;
	border-bottom: 1px solid #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}
#nav_level-2 ul.nav_level-3 li ul.nav_level-4 li.last
{
	border-bottom: none;
}
#nav_level-2 ul.nav_level-3 li ul.nav_level-4 li a
{
	float: left;
	width: 121px;
	background: transparent url(../images/menu_arrow.gif) no-repeat left;
	margin-left: 0px;
	text-decoration: none;
	color: #727272;
	text-transform: capitalize;
	font-size: 11px;
	font-weight: normal;
	border-bottom: none;
	padding: 0px;
	padding-left: 10px;
}
#nav_level-2 ul.nav_level-3 li ul.nav_level-4 li a:hover {
	color: #C11A43;
}
#nav_level-2 ul.nav_level-3 li ul.nav_level-4 li.selected a {
	color: #C11A43;
	font-weight: bold;
}
#nav_level-2 ul.nav_level-3 li.selected ul
{
	display: inline;
}
/* --------- Search results Styles --------- */
.search-link a 
{
	color:#C11A43;
	text-decoration: underline;
	float:left;
	font-size:17px;
	margin-bottom:8px;
	margin-top:10px;
	width:100%;
}
.jcarousel-skin {
    float: left;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 3px #e5e5e5;
    padding: 10px 0px;
    height: 272px;
}
.jcarousel-skin .image {
    float: left;
    margin-right: 5px;   
}
.jcarousel-skin h3 {
    margin-bottom: 10px;
    font-size: 21px;
}
.jcarousel-skin .description {
    margin-bottom: 10px;   
}
.jcarousel-skin .item-container-detail {
    float: left;
    width: 272px;
}
.jcarousel-skin .item-container-detail h3, .jcarousel-skin .item-container-detail .description, .jcarousel-skin .item-container-detail .viewmore {
    margin-left: 10px;   
}
.jcarousel-skin .item-container-detail .link-smallerthanmedium-green a, .jcarousel-skin .item-container-detail .link-smallerthanmedium-blue a, .jcarousel-skin .item-container-detail .link-smallerthanmedium-red a, .jcarousel-skin .item-container-detail .link-smallerthanmedium-grey a {
    margin-bottom: 10px;
}
.jcarousel-control li, #pager li
{
	border-right-color: #E2E2E2 !important;
	border-right-style: solid !important;
	border-right-width: 1px !important;
	color: #131313 !important;
	display: inline !important;
	font-size: 11px !important;
	font-weight: bold !important;
	height: 0px !important;
	list-style-position: outside !important;
	list-style-type: disc !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 6px !important;
	margin-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	padding-right: 6px !important;
	padding-top: 0px !important;
	width: 0px !important;
	background: 0 !important;
}
/* product tabs */

#product-tabs ul li, #product-tabs ul li {
	display: inline; 
}
#product-tabs ul li a:link, #product-tabs ul li a:visited, #product-tabs ul li a:link, #product-tabs ul li a:visited
{
	display: block;
	height: 43px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	color: #727272; 
}
#product-tabs.green ul li a:link, #product-tabs.green ul li a:visited {background: url(/images/right-tab_green.png) top right no-repeat;}
#product-tabs.red ul li a:link, #product-tabs.red ul li a:visited {background: url(/images/right-tab_red.png) top right no-repeat;}
#product-tabs.blue ul li a:link, #product-tabs.blue ul li a:visited {background: url(/images/right-tab_blue.png) top right no-repeat;}
#product-tabs.grey ul li a:link, #product-tabs.grey ul li a:visited {background: url(/images/right-tab_grey.png) top right no-repeat;}
#product-tabs ul li a span
{
	display: block;
	height: 35px;
	float: left; 
	padding: 8px 6px 0px 7px;
}
#product-tabs.green ul li a span {background: url(/images/left-tab_green.png) top left no-repeat;}
#product-tabs.red ul li a span {background: url(/images/left-tab_red.png) top left no-repeat;}
#product-tabs.blue ul li a span {background: url(/images/left-tab_blue.png) top left no-repeat;}
#product-tabs.grey ul li a span {background: url(/images/left-tab_grey.png) top left no-repeat;}

#product-tabs.red ul li a:hover, #product-tabs.red ul li a.selected,
#product-tabs.green ul li a:hover, #product-tabs.green ul li a.selected,
#product-tabs.blue ul li a:hover, #product-tabs.blue ul li a.selected,
#product-tabs.grey ul li a:hover, #product-tabs.grey ul li a.selected {
	background-position: bottom right;
}
		
#product-tabs ul li a:hover span, #product-tabs ul li a.selected span {
	background-position: bottom left;
	color: #ffffff;
	cursor: pointer; 
}
/*Brochure*/
.link-large, .faqs-title
{
	width: 540px;
	height: 33px;
	color:#FFFFFF !important;
	font-size: 16px;
	line-height:30px;
	padding-left:10px;
	text-transform:capitalize;
	font-weight: bold;
}
.samplerequest-wrapper.roofing .link-large 
{
    background: transparent url(/images/large-link_red.png) no-repeat left;
}
.samplerequest-wrapper.roofing .link-large.active
{
    background: transparent url(/images/large-link-down_red.png) no-repeat left;
}
#brochure-roofing .link-large, #samplerequest-roofing .link-large, #faqs-roofing, #toggle-wrapper .link-large, #toggle-wrapper .red {
	background: transparent url(/images/large-link_red.png) no-repeat left;
}
#brochure-roofing .link-large.active, #samplerequest-roofing .link-large.active, #faqs-roofing.active, #toggle-wrapper .red.active {
	background: transparent url(/images/large-link-down_red.png) no-repeat left;
}
#brochure-cladding .link-large, #samplerequest-cladding .link-large, #faqs-cladding, #toggle-wrapper .blue {
	background: transparent url(/images/large-link_blue.gif) no-repeat left;
}
#brochure-cladding .link-large.active, #samplerequest-cladding .link-large.active, #faqs-cladding.active, #toggle-wrapper .blue.active {
	background: transparent url(/images/large-link-down_blue.gif) no-repeat left;
}
#brochure-profiled-sheeting .link-large, #samplerequest-profiled-sheeting .link-large, #faqs-profiledsheeting, #toggle-wrapper .green {
	background: transparent url(/images/large-link_green.gif) no-repeat left;
}
#brochure-profiled-sheeting .link-large.active, #samplerequest-profiled-sheeting .link-large.active, #faqs-profiledsheeting.active, #toggle-wrapper .green.active {
	background: transparent url(/images/large-link-down_green.gif) no-repeat left;
}
#brochure-building-boards .link-large, #samplerequest-building-boards .link-large, #faqs-buildingboards, #toggle-wrapper .grey {
	background: transparent url(/images/large-link_grey.gif) no-repeat left;
}
#brochure-building-boards .link-large.active, #samplerequest-building-boards .link-large.active, #faqs-buildingboards.active, #toggle-wrapper .grey.active {
	background: transparent url(/images/large-link-down_grey.gif) no-repeat left;
}
#brochure-building-boards .brochure-intro table.row .title a:hover, #brochure-profiled-sheeting .brochure-intro table.row .title a:hover, #brochure-cladding .brochure-intro table.row .title a:hover, #brochure-roofing .brochure-intro table.row .title a:hover
{
	color:#131313;
}
#brochure-roofing .brochure-intro table.row .title a {color:#C11A43;}
#brochure-cladding .brochure-intro table.row .title a {color:#396D8C;}
#brochure-profiled-sheeting .brochure-intro table.row .title a {color:#417908;}
#brochure-building-boards .brochure-intro table.row .title a {color:#656c70;}
/*Sample*/
.samplerequest-wrapper.roofing .productName {color:#C11A43;}
#samplerequest-roofing .productName {color:#C11A43;}
#samplerequest-cladding .productName {color:#396D8C;}
#samplerequest-profiled-sheeting .productName {color:#417908;}
#samplerequest-building-boards .productName {color:#656c70;}
.brochure-wrapper .intro-fixed, .samplerequest-wrapper .intro-fixed {height:33px;}



#top-news-section-scroller {
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 3px #e5e5e5;
    padding: 10px 0;
    float: left;
    width: 100%;
    margin-bottom:10px;
}
#top-news-section-scroller .image {
    float: left;
    margin-right: 10px;   
}
#top-news-section-scroller h1,
#top-news-section-scroller h3 {
    margin-bottom: 5px;
    float:left;
    width:650px;
}
#top-news-section-scroller .description,
#top-news-section-scroller h3 {
    margin-bottom: 10px;   
}
#top-news-section-scroller div.item {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
/* jQuery lightBox plugin css */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-image 
{
	border: 1px solid #bcbeb0;
}
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px;
}
#lightbox-container-image-data {
	padding: 0; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
a#lightbox-secNav-btnClose {
	width: 66px;
	height: 17px; 
	float: right;
	background: transparent url(/images/lightbox-btn-close.gif) no-repeat top right;
	margin-bottom: 0.7em;	
}
a:hover#lightbox-secNav-btnClose  
{
	background-position: 0 -17px;
}

.nodata, .no-items
{
	border:1px solid #C0BFB3;
	border-spacing:0;
	margin:4px;
	background-color:#E5E5E5;
	font-weight:normal;
	padding:5px;
	width:538px;
}

table.nodata
{
	width:550px;
	padding:0px;
}

.no-items
{
	margin:0px;
	width:542px; 
}

#main-content-large .no-items
{
	width:740px;
}

td.nodata
{
	border:0;
	padding:8px !important;
}

.next-tab
{
	float:left;
	margin:4px;
	text-align:right;
	width:550px;
}

.next-tab a
{
	font-weight:700; 
}
#listing-news-scroller h4 
{
	font-size: 15px;
	font-weight: normal;
}

/* --- Promo blocks - GR --- */
/* ------------------------- */

#promowrapper {
    float: left;
    width: 960px;
    border-bottom: 3px solid #e5e5e5;
    padding-bottom: 10px;
}

#promowrapper .header {
    height: 44px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

#promowrapper .header .promotitle, #promowrapper .header .solutiontitle { float: left; margin-top: 14px; }

#promowrapper .header .promotitle { 
    width: 318px;
    margin-left: 1px;
}

#promowrapper .header .solutiontitle { 
    width: 430px;
    margin-left: 7px;
}

#promowrapper #promoblock, #promowrapper #solutionblock { float: left; height: 235px; }

#promowrapper #promoblock {
    width: 318px;
    margin-right: 8px;
    position: relative;
}

#promowrapper #promoblock .bgimage {
    position: absolute;
}

#promowrapper #promoblock .content {
    position: relative;
    height: 100%;
    width: 100%;
}

#promowrapper #promoblock .content .primarytitle, #promowrapper #promoblock .content .secondarytitle {
    float: left;
    padding: 0 0 0 10px;
    width: 308px;
}

#promowrapper #promoblock .content .primarytitle { height: 54px; margin-top: 48px; }

#promowrapper #promoblock .content .secondarytitle { height: 31px; }

#promowrapper #promoblock .content .description {
    height: 52px;
    width: 280px;
    float: left;
    margin: 0 0 0 6px;
    border: 1px solid #c0bfb3;
    padding: 12px;
}
.primarytitle,.secondarytitle 
{
	font-family:HelveticaNeueW01-45Ligh;
}
#promowrapper #promoblock .content .description .link { margin-top: 6px; }

#promowrapper #promoblock .content .description .link a {
    color: #d1032c;
    font-weight: 700;
}

#promowrapper #promoblock .content .description .link a:hover {
	opacity: 1;
	filter:alpha(opacity=100);
	color: #1A1818;
}

#promowrapper #promoblock .content .description .link a:hover img {
	opacity: 0.6;
	filter:alpha(opacity=60);
}

#promowrapper #promoblock .content .description .link a img {
    margin-left: 5px;
    filter:alpha(opacity=100);
	color: #1A1818;
}

#promowrapper #promoblock .content .promotext {
    float: left;
    font-size: 12px;
    font-weight: 700;
    color: #FFFFFF;
    margin: 5px 0 0 8px;
}

#promowrapper #solutionblock {
    width: 634px;
}

#promowrapper #solutionblock .jcarousel-skin .jcarousel-item, #promowrapper #solutionblock .jcarousel-skin .jcarousel-clip-horizontal {
    width: 634px;
    height: 235px;
}

#promowrapper #solutionblock .jcarousel-skin {
    float: left;
    border: none;
    padding: 0;
    height: 235px;
    width: 634px;
}

#promowrapper #solutionblock .jcarousel-skin .jcarousel-container-horizontal {
    width: 634px;
    height: 235px;
    border: none;
}
#promowrapper #solutionblock .jcarousel-control {
	float: right;
	margin-top:-268px;
	position: relative;
	z-index: 3;
}

#promowrapper #solutionblock .sectiontitle {
    float: left;
    width: 634px;
    margin-bottom: 5px;
}

#promowrapper #solutionblock .image {
    height: 197px;
    width: 385px;
    float: left;
    margin-right: 27px;
}

#promowrapper #solutionblock .detail, #promowrapper #solutionblock .detail .blocktitle, #promowrapper #solutionblock .blockdescription {
    float: left;
    width: 222px;
}

#promowrapper #solutionblock .detail .blocktitle {
    margin-top: 16px;
}

#promowrapper #solutionblock .blockdescription {
    font-size: 12px;
    margin-top: 16px;
    line-height: 16px;
}

/* --- Stockist Import - GR --- */
/* ---------------------------- */

#stockist-info, #stockist-msg pre
{
    width: 100%;
    border: 1px dashed #a1a1a1;
    background-color: #f0f0f0;
    padding: 6px;
    margin: 0 0 20px 0;
}
#stockist-msg pre { white-space: pre-wrap; }
#stockist-info span 
{
    color: #FF0000;
    font-weight: 700;
}
#stockist-msg
{
    margin: 20px 0 0 0;
}
#stockist-msg span 
{
    margin: 0 0 20px 0;
    display: block;
}
.stockist-import .import-button 
{
    padding: 5px;
}

/******** New eviroment section styles *********/
#environment-fader-wrapper {width:748px; padding:4px; border: 1px solid #c0bfb3;float:left;}
#environment-fader-left{width:216px;float:left;}
a.environment-fader-item:link{color:#ffffff;}
a.environment-fader-item{color:#ffffff !important; height:84px;float:left;margin-top:4px;background: transparent url(../images/LargeButton_brown_off.png) no-repeat top left;padding: 6px 28px 0 10px;width: 175px;}
a.environment-fader-item.first{margin-top:0;}
a.environment-fader-item.activeSlide{background: transparent url(../images/LargeButton_brown_on.png) no-repeat top left;}
#environment-fader-right{width:532px; background-color:grey; float:left; position:relative; height:466px;}

/******** Case studies section styles *********/
#case-studies-fader{width:756px; border:1px solid #c0bfb3;height:506px;}
#case-studies-fader img { height: 506px; }
.fader-button{width:34px; height:155px; position:absolute; top:177px;cursor:pointer;}
#cs-prev.fader-button{ background: transparent url(../images/fader-buttons.png) no-repeat top left; left:15px;z-index:100;}
#cs-next.fader-button{ background: transparent url(../images/fader-buttons.png) no-repeat top right; right:15px;z-index:100;}
#cs-prev.fader-button:hover{ background: transparent url(../images/fader-buttons-hover.png) no-repeat top left; left:15px;z-index:100;}
#cs-next.fader-button:hover{ background: transparent url(../images/fader-buttons-hover.png) no-repeat top right; right:15px;z-index:100;}
#cs-fader-wrapper{position:relative;}
.cs-sideMenuHeading{background-color:#f2f2f2;color:#727272;padding-left:19px;}

/* Case Study Selector */
#casestudyselector-wrapper 
{
    border-top: 1px solid #D1D1D1;
    clear: both;   
}

#casestudyselector-wrapper .no-items 
{
    margin-top: 35px; 
}

#casestudyselector-wrapper .label 
{
    width: 180px;
    display: inline;
    float: left;
}

#casestudyselector-wrapper .title 
{
    font-size: 14px;
    color: #727272;
    padding: 10px 0;
}

#casestudyselector-wrapper .title select 
{
    border: 1px solid #D1D1D1;
    color: #727272;
    width: 200px;
}

#casestudyselector-wrapper .item-wrapper 
{
    margin: 35px 0;
}

#casestudyselector-wrapper .item-wrapper .item
{
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    margin: 0 0 15px 0;
    background-color: #f2f2f2;
}

#casestudyselector-wrapper .item-wrapper .item.alt 
{
    background-color: #FFFFFF;
}

#casestudyselector-wrapper .item-wrapper .item .thumbnail 
{
    float: left;
    width: 77px;   
}

#casestudyselector-wrapper .item-wrapper .item .title 
{
    float: left;
    margin: 0 0 0 20px;
    font-size: 14px;
    font-weight: 700;
    width: 215px;
}

#casestudyselector-wrapper .item-wrapper .item .subtitle 
{
    float: left;
    padding: 10px 0 0 0;
    margin: 0 0 0 30px;
    font-size: 14px;
}

#left-navigation .casestudy-overview 
{
    float: left;
    border: 1px solid #D1D1D1;
    margin: 20px 0 0 0;
    padding: 10px;
    width: 158px;
}
#left-navigation .casestudy-overview p
{
    font-size:10px;
}

#left-navigation .casestudy-overview *
{
    color: #727272;
}

.map-area {
    width: 450px; 
    height: 600px; 
    margin: 0px 10px 15px 0px;
    border: solid 1px #333;
    float:left;
}
.map-locations 
{
    float:left;
    width: 295px;
}
.map-location-area 
{
    background: none repeat scroll 0 0 #F2F2F2;
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0;
    padding: 4px 10px;
}
.map-distance 
{
    color:Red;
}
.stockist-newSearch 
{
    float:left;
    margin:10px 0px 15px 0px;
    clear:left;
    width:250px;
}

/* Stockist search and result page styling */

.stockist-search-button 
{
	/*float: left;*/
	width: 68px;
	height: 22px;
	margin-top: 0px;
	vertical-align: -38%\0/;
	border: none;
	background: transparent url(/images/search-button.gif) no-repeat;
	cursor: pointer;
} 
.stockist-search-button:hover
{
	background-position:0 -22px;
}
.stockist-search-required 
{
    margin-right:10px;
}
.stockist-search-input 
{
    /*float:left;*/
}
.stockist-search { margin-bottom: 5px; }
.stockist-search span
{
    width: 120px;
    float: left;
}
.stockist-search-example
{
    margin:5px 0px 0px 120px;
}
.stockist-search-did-u-mean {
    padding-left: 120px; 
    margin-top: 10px;
}
.stockist-search-incorrectAdd 
{
    margin-top:10px;
    padding-left: 120px;
    width: 480px;
}

/* Clay landing page styling */
/* ------------------------- */

#breadcrumb.fullwidth
{
    background: transparent url('/images/bread-crumb_red1.gif') no-repeat top right;
}
.tab_container {
	border: 1px solid #e5e5e5;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	margin-left: 0px;
    width: 956px;
    min-height:100px;
}
.tab_container p 
{
    font-size: 11px;
    padding: 10px;
    color:#727272;
}
    
.tab_content {
}
.tab_container a
{
    color:#C11A43;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	/*border-bottom: 1px solid #e5e5e5;*/
	/*border-left: 1px solid #e5e5e5;*/
	width: 100%;
}
ul.tabs li {
	float: left;
	padding: 0;
	height: 32px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 32px; /*--Vertically aligns the text within the tab--*/
	border: none;
	border-left: none;
	margin: 0px 2px -1px 0px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	width:158px;
	background: url(/images/tab-off.png) no-repeat transparent;
}
ul.tabs li a {
    display: block;
    font-size: 11px;
    line-height: 11px;
    outline: medium none;
    padding: 6px;
    text-decoration: none;
    width: 123px;   
}
ul.tabs li a:hover {
	
}
html ul.tabs li.active, html ul.tabs li.active a:hover, html ul.tabs li.active a  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: url(/images/tab-active.png) no-repeat transparent;
	/*border-bottom: 1px solid #fff;*/ /*--Makes the active tab look like it's connected with its content--*/
	margin-left:0px;
	height:33px;
	font-weight:bold;
	width:158px;
}
#landingpagehead {
	float: left;
	width: 960px;
	margin-top: -9px;
	z-index: 6;
}
#landingpagehead #pics {  
    height:  310px;  
    width:   960px;  
    padding: 0;  
    margin:  0;
} 
 
#landingpagehead #pics img {  
    width:  960px; 
    height: 310px; 
    top:  0; 
    left: 0;
    background-color: Transparent !important;
}
#landingpagehead #pager a.activeSlide
{
    color:#EE0000;
}
#landingpagehead .controls
{
    float:right;
    margin:15px 0px 0px 0px;
}
#landingpagehead #next, #landingpagehead #prev, #landingpagehead #pager
{
    float:left;
    margin: 0px 3px;
    font-size:11px;
    font-weight:bold;
    color:#727272;
    cursor:pointer;
}
#landingpagehead #pager a
{
    margin:0px 3px;
    color:#727272;
    border-right:1px solid #E2E2E2;
    padding-right:7px;
}
#landingpagehead .sub-heading
{
    margin:10px 0px 5px 0px;
    float:left;
}
#landingpageproductsection
{
    border-top: 1px solid #E5E5E5;
    padding-top: 10px;
    width: 960px;
    float: left;
    margin: 0 0 18px 0;
}
#landingpageproductsection .box 
{
    height: 227px;
    border: 1px solid #bebfb7;
    width: 300px;
    float: left;
    padding: 4px;
}
#landingpageproductsection #dynamicproduct 
{
    margin:0 15px;   
}
#landingpageproductsection #productselector 
{
   width: 625px;
   margin-right: 15px; 
}
#landingpageproductsection #productselector #selector 
{
    width: 300px;
    float: left;
    margin:-1px 1px 0 0;
}
#landingpageproductsection #productselector #panels 
{
    background-color: #F2F2F2;
}
#landingpageproductsection #productselector #selector .product-text 
{
    float: left;
    margin-top:10px;
    padding:0 26px 0 6px;
}
#landingpageproductsection .quicklink 
{
    width: 310px;
    float: left;
    margin-top: 6px;
}
#landingpageproductsection .quicklink.middle 
{
    margin: 6px 15px 0 15px;
}
#landingpageproductsection .quicklink p
{
	float: left;
	font-size: 15px;
	color: #1a1818;
	padding: 0px;
	margin: 0px;
}
#landingpageproductsection .quicklink a
{
    opacity: 0.8;
	filter:alpha(opacity=80);
	float: left;
}
#landingpageproductsection .quicklink a:hover
{
	opacity: 1;
	filter:alpha(opacity=100);
	cursor: pointer;
	text-decoration: none;
}
#landingpageproductsection .product-content p
{
    padding: 0 8px 8px 8px;
    font-size: 12px;
    line-height:15px;
}
#landingpageproductsection .product-content .product-title-link, #landingpageproductsection .box .product-title-link
{
    margin: 10px 0 21px 0;
    height: 40px;
    padding: 0 8px 0 8px; 
}
#landingpageproductsection .product-content .product-title-link a, #landingpageproductsection .box .product-title-link a
{
    font-size: 18px;
}
#landingpageproductsection .productselector .product-body 
{
    border: medium none;
    float: left;
    height: 162px;
    vertical-align: bottom;
    width: 300px;
}
#landingpageproductsection #productselector .product-content 
{
    display: none;
}
#landingpageproductsection #staticproduct .product-content,
#landingpageproductsection #productselector .product-content 
{
    height: 227px;
    overflow: hidden;
}
#landingpageproductsection #staticproduct .product-content .product-img,
#landingpageproductsection #productselector .product-content .product-img { overflow:hidden; }

/* --------- Second Level DROP DOWN Navigation Styles --------- */

#header_section .top-navigation li ul
{
    float: left;
    position: absolute;
    top: 40px;
    z-index: 10;
    clear:left;
}

#header_section .top-navigation li ul li
{
    display: block;
    float: none;
    font-size: 12px;
    font-weight: bold;
    margin-left: 0;
    position: relative;
    width: 180px;
    z-index: 4;
}
#header_section .top-navigation li ul.sub-nav li.selected ul
{
	display: inline;
}
#header_section .top-navigation li ul.sub-nav li
{
	float: left;
	display: inline;
	list-style: none;
	text-transform: capitalize;
	font-size: 13px;
	list-style: none;
	padding: 0;
	clear: both;
	margin-right: 0px;
}
#header_section .top-navigation li ul.sub-nav li a
{
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: capitalize;
	font-size: 13px;
	width: 140px;
	margin-left: 20px;
	border-bottom: 1px solid #DB3C5C;
	display: inline;
	text-align:left;
	font-weight:normal;
	padding: 3px 0;
}
#header_section .top-navigation li ul.sub-nav li a:hover 
{
	color: #EB92A3;
}
#header_section .top-navigation li ul.sub-nav li.selected a
{
	font-weight: bold;
	color: #c11a43;
}
#header_section .top-navigation li ul.sub-nav li.last
{
    background:none!important;
}
#header_section .top-navigation li ul.sub-nav li a.first
{
    border-bottom:none;
}
#header_section .top-navigation li ul.sub-nav li.first
{
    height:42px;
}
#header_section .top-navigation li ul.sub-nav li.first a 
{
    border: none !important;
}
.link-small-medium a {
	background: transparent url(/images/small-medium-link-red-on.gif) no-repeat left;
	float: left;
	width: 294px;
	height: 20px;
	padding-top: 6px;
	padding-left: 7px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-transform: capitalize;
	text-decoration: none;
}
#nav-corners-profiledSheeting {
    background: url("/images/nav-corners-red.gif") no-repeat left;
    height: 15px;
    width: 180px;
}
#nav-corners-roofing {
    background: url("/images/nav-corner-red.gif") no-repeat left;
    height: 15px;
    width: 180px;
}
/* Drop down nav colours */
#header_section .top-navigation li ul#buildingBoards li a
{
    border-bottom:1px solid #9EA3A7;
	color:#ffffff;
}
#header_section .top-navigation li ul#buildingBoards li a:hover {
	color:#9EA3A7;
}
#header_section .top-navigation li ul#buildingBoards li.selected a {
	font-weight: bold;
	color:#9EA3A7;
}
#header_section .top-navigation li ul#buildingBoards li
{
    background:#656C70;
}
#header_section .top-navigation li ul#buildingBoards li #nav-corners-roofing {
    background: url("/images/nav-corner-grey.gif") no-repeat left;
}
#header_section .top-navigation li ul#profiledSheeting li a
{
    border-bottom:1px solid #8AAD68;
	color:#ffffff;
}
#header_section .top-navigation li ul#profiledSheeting li a:hover {
	color:#8AAD68;
}
#header_section .top-navigation li ul#profiledSheeting li.selected a {
	font-weight: bold;
	color:#8AAD68;
}
#header_section .top-navigation li ul#profiledSheeting li
{
    background:#417908;
}
#header_section .top-navigation li ul#profiledSheeting li #nav-corners-roofing {
    background: url("/images/nav-corner-green.gif") no-repeat left;
}
#header_section .top-navigation li ul#cladding li a
{
    border-bottom:1px solid #89a8ba;
	color:#ffffff;
}
#header_section .top-navigation li ul#cladding li a:hover {
	color:#89A8BA;
}
#header_section .top-navigation li ul#cladding li.selected a {
	font-weight: bold;
	color:#8aad68;
}
#header_section .top-navigation li ul#cladding li
{
    background:#396D8C;
}
#header_section .top-navigation li ul#cladding li #nav-corners-roofing {
    background: url("/images/nav-corner-blue.gif") no-repeat left;
}

/* New Technical Services */
#techserv-header {
    margin-top: -9px;
    width: 780px;
    height: 133px;
    float: left;
    background: transparent url("/images/tech-banner.png") top left;
}
#techserv-header h2 {
    margin: 0 0 0 20px;
    padding: 0px;
}
#techserv-header h3 {
    margin: 0 0 0 20px;
}
#techserv-header p {
    padding: 0;
    font-weight: 700;
    color: #FFFFFF;
    margin: 20px 0 0 20px;
}
#techserv-body {
    margin-top: 12px;
    float: left;
}
#techserv-body .link {
    display: inline;
    margin-right: 12px;
    position: relative;
    float: left;
}
#techserv-body .link.last {
    margin-right: 0;
}
#techserv-body .link .content {
    position: absolute;
    top: 130px;
    padding: 0 10px 0 15px;
    z-index: 100;
    left: 0;
}
#techserv-body .link .content h1 {
    padding: 0;
    font-size: 25px;
}
#techserv-body .link .content .desc {
    color: #FFFFFF;
    font-size: 11px;
}
#techserv-body .link .content .arrow {
    background: transparent url("/images/white-arrow.png");
    height: 14px;
    width: 8px;
    display: inline;
    margin-left: 8px;
    padding-left: 4px;
}

/* Me Landing */
#melanding {
    background: transparent url("/images/MeImages/melanding.png");
    height: 703px;
    width: 960px;
    float: left;
}
#melanding .contact {
    background: transparent url("/images/MeImages/me-contact.png");
    height: 379px;
    width: 217px;
    float: left;
    margin: 293px 0 0 20px;
}
#melanding .contact .followme {
    margin: 50px 0 0 0;
    float: left;
}
#melanding .contact .clickhere {
    background: transparent url("/images/MeImages/me-clickherelink.png");
    height: 20px;
    width: 73px;
    float: left;
    margin: 106px 0 0 122px;
}
#melanding .contact .clickhere:hover {
    background-position: 0 20px;
}
#melanding .contact .email {
    background: transparent url("/images/MeImages/me-emaillink.png");
    height: 27px;
    width: 216px;
    float: left;
    margin: 98px 0 0 0;
}
#melanding .contact .email:hover {
    background-position: 0 27px;
}
#melanding .links {
    width: 708px;
    float: left;
    margin: 293px 0 0 0;
}
#melanding .links .box {
    width: 216px;
    height: 113px;
    float: left;
    display: inline;
    margin: 0 0 20px 20px;
}

/* Sample Brochure Landing */
#samplebrochure-body {
    margin-top: 12px;
    float: left;
    width: 560px;
}
#samplebrochure-body .link {
    display: inline;
    margin-right: 11px;
    position: relative;
    float: left;
}
#samplebrochure-body .link.last {
    margin-right: 0;
}
#samplebrochure-body .link .content {
    position: absolute;
    top: 90px;
    padding: 0 10px 0 10px;
    z-index: 100;
    left: 0;
}
#samplebrochure-body .link .content h4 {
    padding: 0;
    font-size: 19px;
    color: #FFFFFF;
}
#samplebrochure-body .link .content .desc {
    color: #FFFFFF;
    font-size: 11px;
}
#samplebrochure-body .link .content .arrow {
    background: transparent url("/images/white-arrow.png");
    height: 14px;
    width: 8px;
    display: inline;
    margin-left: 8px;
    padding-left: 4px;
}
/* --------- New Aspects sub section styles
Added by Luke McLean 20/09/2011 ---------*/
#main-image 
{
	float: left;
    margin-top: -9px;
    position: relative;
    width: 960px;
    z-index: 96;
}
#content-overlay 
{
	position: absolute;
	width: 400px;
	z-index: 98;
	top: 40px;
	left: 28px;
}
#content-overlay p 
{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 700;
	padding: 0;
    margin-bottom: 10px;
}
#content-overlay h1
{
	font-family: HelveticaNeueW01-45Ligh, Arial;
	font-weight: 500;
	font-size: 30px;
	color: #FFFFFF;
}
#navigation
{
	float: left;
	width: 700px;
    height: 49px;
    margin: 0 0 25px 0;
}
#navigation ul 
{
	padding: 0;
	margin: 15px 0 0;
}
#navigation ul li 
{
	float: left;
	font-size: 25px;
	line-height: 30px;
	display: inline;
	padding: 0;
	margin-right: 34px;
}
#navigation ul li.selected,#navigation ul li
{ 
	font-family:HelveticaNeueW01-Thin;
}
#navigation ul li a 
{
    font-size: 25px;
	line-height: 30px;
	color: #1a1818;
}
#container 
{
	float: left;
	width: 960px;
}
#container h1
{
	font-family:HelveticaNeueW01-Thin;
}
#main 
{
	float: left;
	width: 633px;
}
#sidebar 
{
	float: left;
	width: 312px;
    padding-left: 15px;
}
/* --- Newsletter block Styles --- */
.newsletterBlock 
{
	float: left;
	position: relative;
	width: 260px;
    margin-top: 16px;
}
.newsletter 
{
	position: absolute;
	background: #d1032c;
	border: #d10830 2px solid;
}
.newsletterBlock .title 
{
	float: left;
	width: 256px;
	height: 29px;
	background: transparent url("/images/aspects/sprit.png") repeat-x 0 -65px;
}
.newsletterBlock .title:hover a
{
    color: #f1b4c0;
}
.newsletterBlock .title a 
{
	float: left;
	width: 245px;
    height: 29px;
    font-family: Arial;
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    color: #ffffff;
	background: transparent url("/images/aspects/sprit.png") no-repeat right -94px;
	padding-left: 11px;
}
.newsletterBlock .title a.active 
{
	background: transparent url("/images/aspects/sprit.png") no-repeat right -117px;
}
.newsletterBlock .subscribe 
{
	display: none;
	float: left;
	width: 240px;
	padding: 10px 3px 13px 13px;
}
.newsletterBlock .subscribe span
{
    float: left;
}
.newsletterBlock .subscribe .email 
{
	float: left;
	width: 223px;
	height: 23px;
	margin: 0 0 5px;
	border: #ab0b2a 1px solid;
    font-size: 13px;
    color: #575656;
    padding: 0 0 0 5px;
}
.newsletterBlock .subscribe .organisation 
{
	float: left;
	width: 230px;
	height: 23px;
	font-size: 13px;
	margin: 0 0 10px;
	border: #ab0b2a 1px solid;
	padding: 0 0 0 2px;
	color: #575656;
    font-family: Arial,Helvetica,sans-serif;
}
.newsletterBlock .subscribe .submit 
{
	float: right;
	width: 143px;
	height: 25px;
	border: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #d10830;
	text-align: left;
	background: #ffffff url("/images/aspects/sprit.png") no-repeat right -5px;
    padding: 0 0 1px 5px;
    margin: 0 12px 0 0;
}
.newsletterBlock .subscribe .submit:hover 
{
	cursor: pointer;
    background-color: #191818;
    color: #FFFFFF;
    background-position: right -224px;
}
/* --- Twitter block Styles --- */
#TwitterBlockBottom
{
    float: left;
    background: #f2f2f2 url("/images/aspects/twitter-bottom.png") no-repeat top left;
    width: 312px;
    height: 60px;
    margin-bottom: 30px;
}
#TwitterBlock
{
	float: left;
	background: #f2f2f2 url("/images/aspects/twitter-top.png") no-repeat top left;
    width: 312px;
}
#TwitterBlock .comment
{
    min-height: 140px;
    background-color: #f2f2f2;
    margin: 11px 15px 0 15px;
}
#TwitterBlock .links
{
    margin: 0px 15px;
}
#TwitterBlock p
{
    font-family: Georgia;
    font-style: italic;
    font-size: 18px;
    color: #42494c;
    line-height: 21px;
    padding-bottom: 7px;
}
#TwitterBlock p.sender
{
    font-family: Georgia;
    font-size: 14px;
    color: #d1032c;
    line-height: 16px;
    font-style: normal;
    height: 20px;
    padding-bottom: 9px;
}
#TwitterBlock .addthis_button
{
    margin-left: 96px;    
}
#TwitterBlockBottom .twitterlink
{
    float: left;
    margin: 25px 0 0 137px;
}
#TwitterBlockBottom .twitterlink:hover
{
    opacity:0.7;
    filter:alpha(opacity=70);
}
/* --- Featured block Styles --- */
.featuredBlock
{
	float: left;
	width: 100%;
    margin-bottom: 8px;
}
.featuredBlock .subheading, #ArticlePostComment .subheading, #DisplayArticleComments .subheading, .scPollMain .subheading
{
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	line-height: 24px;
	color: #d1032c;
	margin: 0 0 15px;
}
.featuredBlock .itemWrapper 
{
    float: left;
	width: 100%;
	background: url("/images/aspects/featuredBackground.png") repeat 0 0;
}
.featuredBlock .item 
{
	float: left;
	width: 147px;
	height: 155px;
	background: #f2f2f2;
	margin: 0 15px 15px 0;
}
.featuredBlock .item:hover .image
{
    opacity:0.7;
    filter:alpha(opacity=70);
}
.featuredBlock .item:hover .title a
{
    color: #C11A43;
}
.featuredBlock .item.last
{
    margin-right: 0px;
}
.featuredBlock .image 
{
	float: left;
	width: 137px;
	height: 78px;
	margin: 5px;
}
.featuredBlock .year
{
    margin-top: 60px;
    font-size: 25px;
    text-align: center;
}
.featuredBlock .title 
{
	float: left;
	margin: 1px 10px 10px;
}
.featuredBlock .title a
{
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #191818;
}
/* --- Carousel block Styles --- */
.carouselBlock 
{
	float: left;
	margin: 0 15px 25px 0;
}
.carouselBlock .title 
{
	float: left;
}
.carouselBlock h3 
{
	font-family:HelveticaNeueW01-45Ligh;
	font-size: 21px;
	line-height: 24px;
	font-weight: normal;
	color: #d1032c;
	margin: 0 0 10px;
}
.mostReadCarousel,
.mostReadCarousel .slide 
{
	float: left;
	width: 633px;
	height: 180px;
}
.mostReadCarousel .slide 
{
	background: #f2f2f2;
}
.mostReadCarousel .slide .content 
{
	float: left;
	width: 324px;
}
.mostReadCarousel .slide .description 
{
	float: left;
	width: 299px;
	height: 139px;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: #42494c;
	padding: 11px 10px 0 15px;
}
.mostReadCarousel .slide .description h5 
{
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
	color: #42494c;
	margin: 0 0 10px;
    letter-spacing: -1px;
}
.mostReadCarousel .slide .description h5:hover
{
    color: #D1032C;
}
.mostReadCarousel .slide .description p 
{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: #42494c;
	padding:0;
}
.mostReadCarousel .slide .link 
{
	margin: 7px 0 0 15px;
}
.mostReadCarousel .slide .link a 
{
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	color: #d1032c;
	background: transparent url("/images/aspects/sprit.png") no-repeat right -46px;
	padding-right: 20px;
}
.mostReadCarousel .slide .link a:hover
{
    color: #191818;
    background-position: right -211px;
}
.mostReadCarousel .slide .image 
{
	float: left;
	width:299px;
	height:170px;
	margin: 5px;
}
.carouselBlock .pager
{
    margin-top: 7px;    
}
.pager
{
	float: right;
}
.numbers 
{
	float: left;
}
.pager .numbers a 
{
	margin: 0 8px 0 0;
	padding: 0 7px 0 0;
	border-right: 1px solid #E5E5E5;
}
.pager .numbers a,
.pager .numbers a:link, 
.pager .numbers a:visited
{
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #727272;
}
.pager .numbers a:hover,
.pager .numbers a.active 
{
	color: #c11a43;
}
.pager .prev, .pager .next
{
    font-size: 10px;
    color: #abaaaa;
    float: left;
}
.pager .prev 
{
    margin: 2px 12px 0 0;
}
.pager .next
{
    margin: 2px 0 0 1px;
}
/* --- Video block Styles --- */
.videoBlock 
{
	float: left;
}
.videoBlock .subheading
{
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	line-height: 24px;
	color: #d1032c;
	margin: 0 0 15px;
}
.videoBlock .item
{
	float: left;
	width: 147px;
	margin-right: 15px;
}
.videoBlock .item.last
{
    margin-right: 0px;
}
.videoBlock .link
{
	float: left;
	margin-top: 14px;
}
.videoBlock .item .image 
{
	float: left;
	position: relative;
	width: 137px;
	height: 78px;
	padding: 4px;
	border:#c0bfb3 1px solid;
    margin-bottom: 6px;
}
.videoBlock .item .image:hover
{
    opacity:0.7;
    filter:alpha(opacity=70);
}
.videoBlock .item .playButton 
{
	position: absolute;
	top: 12px;
	left: 42px;
	width: 62px;
	height: 62px;
	background: transparent url("/images/aspects/sprit.png") no-repeat 0 -149px;
}
.videoBlock .item .playButton:hover 
{
	cursor: pointer;
}
.videoBlock .item .description 
{
	float: left;
	width: 147px;
}
.videoBlock .item .description,
.videoBlock .item .description p
{
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: #42494c;
	padding: 0;
}
.videoBlock .link a, #TwitterBlock .more, #topComments .more, #ArticlePostComment .more
{
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	color: #d1032c;
	background: transparent url("/images/aspects/sprit.png") no-repeat right -46px;
	padding-right: 20px;
}
.videoBlock .link a:hover, #TwitterBlock .more:hover, #topComments .more:hover, #ArticlePostComment .more:hover
{
    color: #191818;
    background-position: right -211px;
}
#topComments .more { float: right; }
/* --- Top Comments block Styles --- */
#topComments
{
    float: left;
	width: 282px;
	background: #ffffff url("/images/aspects/TopCommentbg.gif") no-repeat left 22px;
    width: 312px;
    margin-bottom: 17px;
}
#topComments h3
{
	font-family:HelveticaNeueW01-45Ligh;
}
#topComments ul
{
    list-style-type: none;
    margin: 8px 0 14px 28px;
}
#topComments ul li
{
    padding-bottom: 0px;
    height: 60px;
    margin-bottom: 40px;
}
#topComments ul li.last
{
    margin-bottom: 0px;
}
#topComments p
{
    padding-bottom: 0px;
    font-size: 12px;
    line-height: 16px;
}
#topComments .date
{
    margin-right: 30px;
    text-align: left;
    color: #D1032C;
    font-family: Georgia;
    font-size: 14px;
    font-style: normal;
}
#topComments p a
{
    color: #191818;
}
#topComments p a:hover
{
    color: #C11A43;
}
/* --- Promotion block Styles --- */
.promoBlock 
{
	float: left;
	width: 282px;
	padding: 11px 15px 15px;
	margin-right: 15px;
	background: #d1032c;
	color: #ffffff;
    margin-bottom: 30px;
}
.promoBlock h3 
{
	font-family:HelveticaNeueW01-Thin;
	font-size: 21px;
	line-height: 24px;
	color: #ffffff;
	margin:0 0 10px;
}
.promoBlock h3 a 
{
	color: #ffffff;
}
.promoBlock p 
{
	color: #ffffff;
	padding: 0;
	margin: 0;
    font-size: 12px;
}
.promoBlock .link 
{
	margin-top: 14px;
}
.promoBlock .link a 
{
	font-family: Arial;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
	background: transparent url("/images/aspects/sprit.png") no-repeat right -30px;
	padding-right: 20px;
}
.promoBlock .link a:hover
{
    color: #191818;
    background-position: right -211px;
}
/* --- Most Recent block Styles --- */
.mostRecentBlock 
{
	float: left;
	width: 312px;
}
.mostRecentBlock ol
{
	padding: 0;
	margin: 0;
}
.mostRecentBlock ol li 
{
	font-size: 18px;
	line-height: 21px;
	color: #191818;
    padding-left: 8px;
    list-style-position: inside;
	background: transparent url("/images/sprit.png") no-repeat 0 -5px;
	border-top:#f2f2f2 1px dashed;
}
.mostRecentBlock ol li:first-child 
{
	border-top: none;
}
.mostRecentBlock ol li div 
{
	float: right;
	width: 270px;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	color: #42494c;
	
}
/* --- Article Post Comment Block Styles --- */
#ArticlePostComment
{
    margin-bottom: 30px;
}
#ArticlePostComment table
{
    background-color: #f2f2f2;
    width: 100%;
}
#ArticlePostComment table td
{
    font-size: 12px;
    padding: 5px 5px 5px 0;
}
#ArticlePostComment table td input, #ArticlePostComment table td textarea
{
    width: 510px;
}
#ArticlePostComment p
{
    font-weight: 700;
}
/* --- Display Article Comments Block Styles --- */
#DisplayArticleComments ul
{
    list-style-type: none;
}
#DisplayArticleComments ul li
{
    list-style-type: none;
    padding: 10px 0 0 0;
    margin-bottom: 25px;
    background: transparent url("/images/aspects/greyborder.png") repeat-x left top;
}
#DisplayArticleComments ul li p
{
    padding-bottom: 0;
}
#DisplayArticleComments ul li .name
{
    font-weight: 700;
    padding-bottom: 12px;
}
#DisplayArticleComments ul li .comment
{
    padding-bottom: 12px;
}
#DisplayArticleComments ul li .date
{
    color: #727272;
    font-family: Georgia;
    font-size: 14px;
}
#DisplayArticleComments .NumberPosts
{
    margin: 10px 0;
    font-weight: 700; 
}
/* --- Bottom Panel Columns Block Styles --- */
#bottom-panel
{
    float: left;
    margin: 8px 0 40px 0;
}
#bottom-panel .col1, #bottom-panel .col2, #bottom-panel .col3
{
    float: left;
    width: 312px;
    min-height: 100px;
}
#bottom-panel .col2
{
    margin: 0px 12px;
}
/* --- Pole Block Styles --- */
.scPollMain 
{
	float: left;
	width: 312px;
    margin-bottom: 30px;
    position: relative;
    min-height: 248px;
}
.scPollMain p
{
    color: #42494c;
    width: 100px;
    position: relative;
    z-index: 1;
}
.scPollMain .subheading
{
    margin-bottom: 11px;
}
.scPollMain .scPollOptionItem
{
    display: inline;
    width: 30px;
    position: relative;
    z-index: 1;
}
.scPollMain .scPollOptionItem a
{
    font-weight: 700;
    font-size: 14px;
    padding: 4px 25px 4px 5px;
    margin: 0 10px 0 0;
    color: #FFFFFF;
    background: url("/images/aspects/sprit.png") no-repeat scroll right -245px #d1032c;
}
.scPollMain .scPollOptionItem a.alt
{
    color: #45494c;
    background-position: right -268px;
}
.scPollMain .scPollOptionItem a:hover
{
    background-color: #000000 !important;
    color: #FFFFFF;
    background-position: right -245px;
    
}
.scPollMain .scPollOptionResults {
    height: 220px;
    position: absolute;
    right: 0;
    top: 28px;
    width: 220px;
}
.scPollMain .scPollOptionResults .overlay {
    position: absolute;
    right: 0;
    top: 0px;
}
.scPollMain .scPollThankYou
{
    position: relative;
    margin-top: 5px;
}
.scPollMain .scPollVotingWrapper
{
    margin-top: 48px;
}

/* Sample Request */
#contact-content .ProjectDetailRadio input, #contact-content .ProjectDetailRadio label
{
    margin-right: 5px;
}
#contact-content .WorkingOnProject span
{
    margin-top: 10px;
}
#contact-content .ProjectDetailRadio { display: block; margin-bottom: 5px; }
h1, h2,h4
{
	font-family:HelveticaNeueW01-Thin;
}
h3
{
	font-family:HelveticaNeueW01-45Ligh;
}
.flashvid-wrapper {
    position: relative;
}
