/*
define global styles
*/
body	
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 0px;
	padding: 0px;
	background-color: #6C6E71;
	background-image: url(/images/branding/bg-tile.gif);
}

#white			{color: #000000;}
#black			{color: #FFFFFF;}

.clear
{
	clear: both;
	display: none;
}


h1	
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 160%;
	font-weight: normal; 
	margin-top: 0px;
	margin-bottom: 5px;
}

h2
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 130%;
	color: #ED1D25;
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: 1em;
}

h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 120%;
	font-weight: bold;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 2px;
}

h4
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #ED1D25;
	font-size: 100%;
	font-weight: bold;
	line-height: 150%;
	margin: 0px;
}

p 				{line-height: 130%;	margin-top: 0px;margin-bottom: 1em;}
img				{border: 0px;}
a				{color: #ED1D25; text-decoration: none;}
a:hover 		{color: #ED1D25; text-decoration: underline;}
a:active		{outline: none;}
acronym 		{border-bottom: 1px dotted black;}
.invisible		{ display: none; }
.small			{font-size: 0.9em;}


/*
define styles for the containers 
*/

#outer-container 
{
	position: absolute;
	display: block;
	left: 50%;
	top: 20px;
	width: 740px;				
	margin-left: -370px;		
	display: block;	
}

#inner-container 
{
	border: 1px solid #D6D7D9;
}



/*
define styles for the coloured content containers 
*/

#black #content-container
{
	clear: both;
	background-image: url(/images/branding/content-tile-grey.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#white #content-container
{
	clear: both;
	background-image: url(/images/branding/content-tile-white.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}



/*
define css styles for content classes
*/
#content						
{
	margin-top: 165px;
	width: 565px; 
	float: right;
	padding-right: 20px;
	padding-bottom: 10px;
	
}

/*
define styles for left/right cols within main content 
*/
#content div.left			{width: 260px; float: left; padding-right: 10px;}
#content div.right			{width: 260px; float: right; padding-left: 10px;}


/*
define standard list styles when used inside content
*/
#content ul			
{
	padding-top: 0px;
	margin-top: 0px; 
	padding-left: 0px;
	margin-left: 0px; 
	border: 0px;
	list-style-type: none;
}

#content ul li
{
	text-decoration: none;
	margin-left: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-image: url(/images/nav/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-align: left;
}


#content ol li
{
	padding-bottom: 2px;
	padding-top: 2px;
}



/*
define other content highlights
*/

.highlight
{
	padding: 8px;
	color: #F3F0E9;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 110%;
	background-color: #5D5B56;
}


/*
homepage
*/

#home div
{
	padding: 10px;
	margin-bottom: 5px;
	background-color: #6D6F71;
	
}
#home h2
{
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	height: 30px;
	background-repeat: no-repeat;
}
#home h2 a 
{
	width: 250px; 
    height: 30px;
	display: block; 
	text-indent: -9999px; 
	text-decoration: none; 
}
#home a
{
	color: #FFFFFF;
}
#news a
{
	color: #FDBA47;
}
#home #contracts h2
{
	background-image: url("http://gsx.cd9design.net/image.gif?w=250&h=30&font=frutiger.ttf&size=22&color=FFFFFF&bgcolor=6D6F71&cache=true&x=-5&text=Prestigous+Contracts");
}
#home #new h2
{
	background-image: url("http://gsx.cd9design.net/image.gif?w=250&h=30&font=frutiger.ttf&size=22&color=FFFFFF&bgcolor=6D6F71&cache=true&x=-5&text=New+Products");
}
#home #export h2
{
	background-image: url("http://gsx.cd9design.net/image.gif?w=250&h=30&font=frutiger.ttf&size=22&color=FFFFFF&bgcolor=6D6F71&cache=true&x=-5&text=Export+Division");
}
#home #news h2
{
	background-image: url("http://gsx.cd9design.net/image.gif?w=250&h=30&font=frutiger.ttf&size=22&color=FFFFFF&bgcolor=6D6F71&cache=true&x=-5&text=Latest+News");
}
#home #brochure h2
{
	background-image: url("http://gsx.cd9design.net/image.gif?w=250&h=30&font=frutiger.ttf&size=22&color=FFFFFF&bgcolor=6D6F71&cache=true&x=-5&text=Request+Brochure");
}
#home #cdrom h2
{
	background-image: url("http://gsx.cd9design.net/image.gif?w=525&h=25&font=frutiger.ttf&size=22&color=FFFFFF&bgcolor=6D6F71&cache=true&x=-5&text=Request+new+interactive+guide+to+Firestop+Products+CD+Rom");
}
#home #cdrom h2 a 
{
	width: 545px;
}

/*
homepage boxes
*/

#contracts p, #new p, #export p, #news p, #brochure p, #cdrom p
{
	margin-right: 100px;
}

#new p {padding-right:180px;}


#contracts
{
	background: url(/images/homepage/icon_contracts.gif) no-repeat 98% 50%;
}

#new
{
	background: url(/images/homepage/fastight.gif) no-repeat 97% 50%;
}

#new a.imglink{
	display: block;
	float: right;
	width: 257px;
	height: 77px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 2px;
	zoom: 1;
	background: url(/images/homepage/fastigh.gif);
}

/*#new a.imglink span{
	display: none;
	float: right;
	width: 257px;
	height: 77px;
	margin-top: 2px;
}*/


#export object
{
	float: right;
	margin-top: -70px;
}

#brochure
{
	background: url(/images/homepage/icon_brochure.gif) no-repeat 98% 50%;
}

#cdrom
{
	background: url(/images/homepage/icon_cdrom.gif) no-repeat 98% 50%;
}


/*
end homepage boxes
*/


/*
product boxes
*/

#category-domus-logo
{
	background-color: #231F20;
}

#category-rockwool-logo
{
	background-color: #231F20;
}
#category-royalquickstop-logo
{
	background-color: #231F20;
}
#category-firebrake
{
	background-color: #FFDF00;
}

#category-linear
{
	background: url(/images/products/icons_linear.gif) no-repeat 98% 50%;
}

#category-linear:hover
{
	background: url(/images/products/icons_linear_over.gif) no-repeat 98% 50%;
}

#category-cavity
{
	background: url(/images/products/icons_cavity.gif) no-repeat 98% 50%;
}

#category-cavity:hover
{
	background: url(/images/products/icons_cavity_over.gif) no-repeat 98% 50%;
}

#category-sealants
{
	background: url(/images/products/icons_sealants.gif) no-repeat 98% 50%;
}

#category-sealants:hover
{
	background: url(/images/products/icons_sealants_over.gif) no-repeat 98% 50%;
}

#category-service
{
	background: url(/images/products/icons_service.gif) no-repeat 98% 50%;
}

#category-service:hover
{
	background: url(/images/products/icons_service_over.gif) no-repeat 98% 50%;
}

#category-plastic
{
	background: url(/images/products/icons_plastic.gif) no-repeat 98% 50%;
}

#category-plastic:hover
{
	background: url(/images/products/icons_plastic_over.gif) no-repeat 98% 50%;
}

#category-upgrade
{
	background: url(/images/products/icons_upgrade.gif) no-repeat 98% 50%;
}

#category-upgrade:hover
{
	background: url(/images/products/icons_upgrade_over.gif) no-repeat 98% 50%;
}

/*
end product boxes
*/

/*
product homepages
*/

#product-linear-gap-seals
{
	background: #FFDF00 url(/images/products/icons_linear-large.gif) no-repeat 15% 10%;
}

#product-cavity-barriers
{
	background: #EDBB2D url(/images/products/icons_cavity-large.gif) no-repeat 5% 10%;
}

#product-sealants
{
	background: #ECA032 url(/images/products/icons_sealants-large.gif) no-repeat 7% 6%;
}

#product-service-penetrations
{
	background: #EB7830 url(/images/products/icons_service-large.gif) no-repeat 5% 6%;
}

#product-plastic-pipework-trunking
{
	background: #DC5135 url(/images/products/icons_plastic-large.gif) no-repeat 10% 2%;
}

#product-upgrade-solutions
{
	background: #DC322F url(/images/products/icons_upgrade-large.gif) no-repeat 8% 7%;
}

#product-linear-gap-seals .product-copy-warpper, 
#product-cavity-barriers .product-copy-warpper, 
#product-sealants .product-copy-warpper, 
#product-service-penetrations .product-copy-warpper, 
#product-plastic-pipework-trunking .product-copy-warpper, 
#product-upgrade-solutions .product-copy-warpper
{
	width: 240px;
	background-color: #6D6F71;
	margin-left: 295px;
}

.product-copy-warpper
{
	padding: 10px;
}

.product-copy-warpper a
{
	color: #fff;
}

.product-copy-warpper a:hover
{
	color: #fff;
	text-decoration: underline;
}

/*
end product homepages
*/



/*
product tables
*/

table 	{margin-bottom: 1em;}

#black #fire-rating th		{padding: 1px 4px; text-align: left; background-color: #666666; border-left: 1px solid #000000; border-bottom: 1px solid #000000; }
#black #fire-rating td	 	{padding: 1px 4px; background-color: #999999; border-left: 1px solid #000000; border-bottom: 1px solid #000000; }
#black #fire-rating td.alt 	{background-color: #a0a0a0;}

#white #fire-rating th		{padding: 1px 4px; text-align: left; background-color: #BBBBBB; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#white #fire-rating td	 	{padding: 1px 4px; background-color: #D2D2D2; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#white #fire-rating td.alt 	{background-color: #E8E8E8;}



#building-regulations
{
	border: 2px solid #CCCCCC;
	background-image: url(/images/approved_doc_b.gif);
	background-repeat: no-repeat;
	background-position: 10px 14px;
	padding: 10px;
	padding-left: 50px;
	margin-bottom: 1em;
}


/*
define product list page
*/

#list div
{
	padding: 10px;
	margin-bottom: 5px;
}
#list ul li
{
	margin: 0px;
	padding: 0px;
	background-image: none;
}
#list h2
{
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	height: 30px;
	background-repeat: no-repeat;
}
#list h2 a 
{
	width: 250px; 
    height: 30px;
	display: block; 
	text-indent: -9999px; 
	text-decoration: none; 
}
#list a
{
	color: #FFFFFF;
}


#list #category-linear
{
	background-color: #FFDF00
}
#list #category-linear h2		
{
	background-image: url("http://gsx.cd9design.net/image.gif?w=250&h=30&font=frutiger.ttf&size=22&color=FFFFFF&bgcolor=FFDF00&cache=true&x=-5&text=Linear+Gap+Seals");
}

#list #category-cavity
{
	background-color: #EDBB2D
}
#list #category-cavity h2		
{
	background-image: url("http://gsx.cd9design.net/image.gif?w=250&h=30&font=frutiger.ttf&size=22&color=FFFFFF&bgcolor=EDBB2D&cache=true&x=-5&text=Cavity+Barriers");
}

#list #category-sealants
{
	background-color: #ECA032
}
#list #category-sealants h2		
{
	background-image: url("http://gsx.cd9design.net/image.gif?w=250&h=30&font=frutiger.ttf&size=22&color=FFFFFF&bgcolor=ECA032&cache=true&x=-5&text=Sealants");
}

#list #category-service
{
	background-color: #EB7830
}
#list #category-service h2		
{
	background-image: url("http://gsx.cd9design.net/image.gif?w=250&h=30&font=frutiger.ttf&size=22&color=FFFFFF&bgcolor=EB7830&cache=true&x=-5&text=Service+Penetrations");
}

#list #category-plastic
{
	background-color: #DC5135
}
#list #category-plastic h2		
{
	background-image: url("http://gsx.cd9design.net/image.gif?w=250&h=30&font=frutiger.ttf&size=22&color=FFFFFF&bgcolor=DC5135&cache=true&x=-5&text=Plastic+Pipework+%26+Trunking");
}

#list #category-upgrade
{
	background-color: #DC322F
}
#list #category-upgrade h2		
{
	background-image: url("http://gsx.cd9design.net/image.gif?w=250&h=30&font=frutiger.ttf&size=22&color=FFFFFF&bgcolor=DC322F&cache=true&x=-5&text=Upgrade+Solutions");
}

#category-domus
{
	background: url(/images/products/icons_upgrade.gif) no-repeat 98% 50%;
}

#category-domus:hover
{
	background: url(/images/products/icons_upgrade_over.gif) no-repeat 98% 50%;
}

#category-domus h1 a,
#category-domus h1 a:hover
{
	text-decoration: none;
}

#list #category-domus
{
	background-color: #DC322F
}


/*
define styles for logo
*/

#branding-logo 
{
	position: absolute;
	top: 20px;
	width: 160px; 
	height: 39px; 
	margin-bottom: 1em;
	background-image: url(/images/global/cd9-logo.gif); 
	background-repeat: no-repeat; 
}
	
#branding-logo a 
{
	width: 160px; 
	height: 39px; 
	display: block; 
	text-indent: -9999px; 
	text-decoration: none; 
}


/*
define styles for header 
*/
#header
{
	position: absolute;
	top: 0px;
	/* width: 100%; */
	width: 738px;
	height: 130px;
	left: 0px;
	margin-bottom: 1em;
	border: 1px solid #D6D7D9;
	background-color: #231F20;
	background-image: url('/images/branding/header.gif'); 
	background-repeat: no-repeat; 
	background-position: 0px -1px; 
	z-index: 10;
}
#header a
{
	background:transparent url(/images/landing/logo2.gif) no-repeat 17px bottom;
	display: block;
	width: 120px;
	height: 120px;
	text-indent: -9999px;
}
#header p.sales
{
	position: absolute;
	top: 41px;
	left: 591px;
	width: 126px;
	height: 57px;
	overflow: hidden;
}
#header p.sales span
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/images/sales.gif) no-repeat;
}



#news-flash
{
	position: absolute;
	top: 130px;
	width: 739px;
	background-color: #fff;
	color: #333;
	font-weight: bold;
	border-top: 1px solid #C6C8CA;
	border-bottom: 1px solid #C6C8CA;
	height: 22px;
}

#news-flash p, #news-flash span
{
	padding-left: 135px;
	margin: 0px;
	line-height: 21px;
}

#news-flash a
{
	color: #ED1E25;
}

	

/*
breadcrumbs
*/

#black #breadcrumbs
{
	font-size: x-small;
	color: #FFFFFF;
	margin-bottom: 1em;
}
#white #breadcrumbs
{
	font-size: x-small;
	color: #000000;
	margin-bottom: 1em;
}




/*
intro image
*/


#intro-image
{
	width: 458px;
	height: 105px;
	position: relative;
	margin: 10px 0 20px 0;
	overflow: hidden;
}

#intro-image h2{
	font-size: 2.3em;
	 
}
#intro-image h3{
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: normal;

}

#intro-image h2, #intro-image h3{
	margin: 0;
	color: #FFF;

}


/*
#intro-image span
{
	width: 100%;
	height: 100%;
	background: url(/images/leading-fire.gif) no-repeat;
	position: absolute;
}
*/



#white #line 		{border-bottom: 1px solid #CCCCCC; margin-bottom: 1em;}




/*
define css styles for footer
*/
#footer-container
{
	clear: both;
	position: absolute;
	display: block;
	left: 50%;
	width: 740px;				
	margin-left: -370px;		
	display: block;	
	border: 1px solid #D6D7D9;
	background-color: #FFFFFF;
}


#footer-inner
{
	padding-left: 8px;
}

#footer-outer p
{
	font-size: x-small;
	color: #FFFFFF;
}
#footer-outer a
{
	color: #FFFFFF;
}



/*
form styles
*/

input, select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

.form 		{padding: 1px 0px;}
.w300		{width: 160px;}
.w150		{width: 60px;}
.error		{color: red;}

.button {
	background:#ED1D25;
	border:0;
	color:#fff;
	padding: 2px 5px;
	cursor:pointer;}


/*
=fire-flash
*/

#fire-flash
{
	position: absolute;
	top: 154px;
	width: 135px;
	height: 150px;
	overflow: hidden;
	border: 0px;	
}
#fire-flash object
{
	border: 0px;
}

#arch_select {margin: 0 0 20px 0;}