/* ************************************************** */
/* KINGSPAN WEBSITE STYLE DEFINITION                  */
/*                                                    */
/*                                                    */
/* ************************************************** */

body 
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff;
	text-align:center;
}

#container
{
	width: 952px;
	margin: 0 auto;
	text-align:left;
	
}

#header
{
	height: 98px;
	background-color:#004990;
}

#subcontainer
{
	background: #fff;
}



/* ************************************************** */
/* LEFT NAVIGATION                                    */
/* ************************************************** */
#left_nav
{
	width: 240px;
	border-top: solid 30px #f1f1f2;
	float: left;
}

#left_nav ul
{
	margin: 5px 0 0 10px;
	padding: 0;
	list-style-type: none;
}

#left_nav li
{
	padding: 5px 0;
}

#left_nav a, #left_nav a:link, #left_nav a:visited
{

	text-decoration: none;
	border-bottom: none;
}

#left_nav a:hover
{
	text-decoration: none;
	border-bottom: solid 1px;
}

#left_nav a.on, #left_nav a.on:link, #left_nav a.on:visited
{
	text-decoration: none;
	border-bottom: dotted 1px;
}

#left_nav a.on:hover
{
	text-decoration: none;
	border-bottom: solid 1px;
}

#left_nav ul.left_nav_L1 li a:visited, #left_nav ul.left_nav_L1 li a:active, #left_nav ul.left_nav_L1 li a:link
{
	color: #004990;
}
#left_nav ul.left_nav_L1 li a:hover
{
	color: #676869;
}

#left_nav ul.left_nav_L2 li a:visited, #left_nav ul.left_nav_L2 li a:active, #left_nav ul.left_nav_L2 li a:link
{
	color: #9d7f53;
}
#left_nav ul.left_nav_L2 li a:hover
{
	color: #676869;
}

#left_nav ul.left_nav_L3 li a:visited, #left_nav ul.left_nav_L3 li a:active, #left_nav ul.left_nav_L3 li a:link
{
	color: #676869;
}

#left_nav ul.left_nav_L3 li a:hover
{
	color: #676869;
}

/* ************************************************** */
/* LCONTENTS                                          */
/* ************************************************** */
#content
{
	width: 712px;
	float: left;
	color: #676869;
}

#content a, #content a:link, #content a:visited
{
	color: #004990;
	text-decoration: none;
}

#content a:hover
{
	color: #004990;
	text-decoration: underline;
}

#subcontent
{
	padding: 0 20px 0 10px;
	clear: both;
}

#subcontent a, #subcontent a:link, #subcontent a:visited
{
	color: #676869;
	text-decoration: underline;
}

#subcontent a:hover
{
	color: #004990;
	text-decoration: underline;
}


#subcontent_products
{
	padding-left: 10px;
}

#products_description
{
	float: right;
	width: 294px;
	height: 297px;
	margin: 3px 0 0 20px;
	zborder: solid 1px red;
}

/* ************************************************** */
/* NEWS                                          */
/* ************************************************** */

#subcontent_news
{
	padding: 0 0 0 10px;
	width: 470px;
	float: left;
}

#subcontent_news li
{
	margin-left: -25px;
}

p.p_news
{
	color: #004990;
	background: #ccc;
	height: 40px;
	padding: 10px 0 0 10px;
}

div#news_description
{
	float: right;
	width: 210px;
	margin-top: 31px;
	padding-right: 10px;
}

div#news_description table
{
	border-collapse: collapse;
}

div#news_description table td
{
	vertical-align: top;
	padding: 3px;
}

div.subcontent_literature
{
	float: left;
	width: 330px;
	margin-top: 5px;
	margin-bottom: 10px;
	zborder: solid 1px red;
}

img.img_description
{
	margin-right: 20px;
	border: none;
}

p.heading 
{
	color: #004990;
}

p.p_literature
{
	color: #004990;
	background: #ccc;
	height: 25px;
	padding: 10px 0 0 10px;
	clear: both;
}

div.table_index
{
	width: 230px;
	height: 150px;
	float: left;
	zborder: solid 1px red;
	margin-top: 20px;
}

div.table_firelogo
{
	width: 178px;
	height: 150px;
	float: left;
	zborder: solid 1px red;
	margin-top: 20px;
}

div.transparent
{
	filter:alpha(opacity=90);
	background-color:green;
	display:none;
	width:170;
	height:100;
	position:absolute;
	color: white;
	border: 1 green solid;
}

/* This is where you can customize the appearance of the tooltip */
div#tipDiv
{
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	z-index:10000;
	background-color:#004990;
	border:1px solid #336; 
	width:250px;
	padding:4px;
	color:#fff;
	font-size:11px;
	line-height:1.2;
}

/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1
{
	font-size:12px;
	color:#336;
	font-style:italic;
}

div.tp2
{
	font-weight:bolder;
	color:#337;
	padding-top:4px;
}



/* ************************************************** */
/* FOOTER                                             */
/* ************************************************** */
#footer
{
	clear: both;
	background: #939598;
	height: 15px;
	padding: 8px 0;
	text-align: center;
	color: #fff;
	font-size: 10px;
	border-top: solid 30px #fff;
}

#footer a, #footer a:link, #footer a:visited
{
	color: #fff;
	text-decoration: none;
}

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

#footer p
{
	float: left;
	margin: 0;
	padding: 0;
}

#footer ul
{
	margin: 0;
	padding: 0;
}

#footer li
{
	display: inline;
}


/*========== gallery ============*/
#gallery {
	margin-left: 50px;
}
.galimg {
	background: url(../images/galback.jpg) no-repeat center top;
	width: 200px;
	height: 186px;
	text-align: center;		
}
.galtxt {
	text-align: center;
	padding-top: 5px;
	font-size: 12px;
}
.librarycontent { padding:0 10px; }
.librarycontent form { 
	padding-top: 10px; 
	color: #004990;
}
.imgline { padding-bottom: 20px; }

/*=========== rolling news ===============*/
.rolling_news {
	background: url(../images/whats-new-bg.jpg) no-repeat left top;
	height: 27px;
	margin-top: 20px;
	padding: 5px 20px 0 90px;
	color: #000000;
}
.rolling_news img {
	padding-left: 20px;
}
.rolling_news marquee { margin-left: 40px; }
.barheader {
	height: 23px;
	margin: 20px 0;
	background-color: #CCCCCC;
	padding: 7px 0 0 10px;
	color: #004990;
	font-size: 13px;
}

/*=========== user login ===============*/
#userlogin { margin-left: 100px; }
#userlogin .loginClear { clear: both; }
#userlogin .loginLeft,
#userlogin .loginRight {
	width: 80px;
	height: 26px;
	color: #004990;
	font-size: 12px;	
	float: left;
	margin-bottom: 5px;
}

#userlogin .register {
	padding-top: 10px;
	color: #666666;
	padding-left: 80px;
}
#userlogin .register a {
	color: #666666;
	text-decoration: none;
}
#userlogin .register a:hover { text-decoration: underline; }




.registrationForm td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.registrationForm .warning {
	color: #990000;
	padding: 10px 0;
}
.registrationForm .notes {
	color: #990000;
	font-size: 11px;
	padding-top: 5px;
}


/* ADVERTISEMENT */
#advertisement img { 
	margin: 0 20px 20px 0; 
	border: solid 1px #666666;
}
#advertisement p {
	padding: 0;
	margin: 0;
}

/* 	PRODUCT OVERVIEW */
.prodoverview {
	width: 170px;
	float: left;
	margin: 0 10px 20px 0;
	text-align: center;
	color: #004990;
	font-size: 11px;
}
.prodoverview img { 
	border: solid 1px #666666;
	margin-bottom: 5px;
}