@charset "utf-8";
/* U-Value CSS Document */

* {margin:0;padding:0;}
html {}
abbr, acronym {cursor: help;}
div.hr {clear: both;height: 0px;font-size: 0px;line-height: 0px;}
div.hr hr {display: none;}
#brands-page #content .gutter hr {margin-bottom:10px; color:#fff;border:1px dashed #333;}
body {
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	padding: 0;	
	margin:0;	
	font-size:76%;
	background: #fff url(../i/back_uvalue.gif) top left repeat; 	
	color:#333333;
	height:100%;
	}
/* LINKS General 
------------------------------------------------------------------ */
a, a:link, a:visited {color:#91171a; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}	
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#fff;}
/* General Lists
------------------------------------------------------------------ */
#content .gutter ul, #sidebar .gutter ul {/*list-style-type:none;*/}
#content .gutter li, #sidebar .gutter li {line-height:1.3em;}
#content .gutter ul li, #sidebar .gutter ul li {padding:5px;/*border-bottom: 1px dotted #ccc;*/}
#content .gutter ol, #sidebar .gutter ol {padding:0 0 0 20px;}
#content .gutter ol li, #sidebar .gutter ol li {padding-bottom:5px;}
/*ul.sitemap { list-style-type:image; list-style-image:url(../i/green-arrow.gif) no-repeat center left; padding: 0 0 0 50px;}
ul.sitemap li {list-style-image:url(../i/green-arrow.gif) no-repeat center left; padding:5px 0 5px 0;border:none;}*/
#content .gutter ul, #sidebar .gutter ul {padding-left:20px;padding-bottom:1em;}	
/* Header Div Area  
------------------------------------------------------------------ */	
#header {width:965px; height:168px; margin:0 auto;}
#header h1 {text-indent:-9999px;}
#header h1.logo a {
	background: url(../i/logo.gif) top left no-repeat;
	float:left;
	width: 563px;
	height: 168px;
	display: block;
	text-decoration: none;
	}
#header h1.logo a:hover {background: url(../i/logo.gif) 0 -150px no-repeat;}

#header h6.banner {text-indent:-9999px;}
#header h6.banner a {
	background: url(../i/banner.gif) top left no-repeat;
	float:right;
	width: 468px;
	height: 60px;
	display: block;
	text-decoration: none;
	margin-top:-120px;
	}
#header h6.banner a:hover {background: url(../i/banner.gif)}
/* Top Menu Div Area
------------------------------------------------------------------*/
div#topnav {
	clear:both;
	background:transparent url(../i/top-menu.gif) top left no-repeat;
	position: relative;
	width: 570px;
	height: 19px;
	overflow: hidden;
	float:right;
	margin-top:-19px;
	margin-right:8px;
	}
div#topnav ul#topmenu {height: 19px; width: 570px; background: transparent url(../i/top-menu.gif) top left no-repeat; position: relative;}
div#topnav ul#topmenu li {list-style: none; position: absolute; top: 0; padding:0; border:none;}	
ul#topmenu li, ul#topmenu a {height: 19px;display: block;}

div#topnav ul#topmenu li a {text-indent: -9999px;text-decoration: none;	}
div#topnav ul#topmenu li {text-indent: -9999px;text-decoration: none;}	

#sitemap	{left: 144px; width: 124px;}
#disclaimer	{left: 291px; width: 124px;}
#links {left: 438px; width: 124px;}

#sitemap a:hover {background: transparent url(../i/top-menu.gif) -144px -19px no-repeat;}
#disclaimer a:hover {background: transparent url(../i/top-menu.gif) -291px -19px no-repeat;}
#links a:hover	{background: transparent url(../i/top-menu.gif) -438px -19px no-repeat;}
/* Top Menu navigation "active tabs"
------------------------------------------------------------------*/
body#sitemap-page #sitemap {background: transparent url(../i/top-menu.gif) -144px -19px no-repeat;}
body#disclaimer-page #disclaimer {background: transparent url(../i/top-menu.gif) -291px -19px no-repeat;}
body#links-page #links {background: transparent url(../i/top-menu.gif) -438px -19px no-repeat;}

/* Main Menu Div Area dealt with in ddsmoothmenu.css
------------------------------------------------------------------*

/* Main Content Wrap Div Area
------------------------------------------------------------------*/
#wrap {background: #520000 url(../i/red-page-bg.gif) top left no-repeat;width:965px; height:100%; margin:0 auto;}	
#wrap .gutter {padding:8px;}
#flash1 {height:198px;}
#flash2 {width:518px;height:434px;float:left; z-index:50;}
#home-content {float:right;width:431px;height:434px;background:#f2f2f1;}
#wrap2 {clear:both;float:left;width:949px;background:url(../i/wrap3-bg.gif) top left repeat-y;}
#content {width:678px;background:#fff;float:left;}
body#case-studies-page #content, body#installation-page #content {width:100%;}
#content .gutter {padding: 30px 55px;}
#content .gutter img {float:right;border:5px solid #c7c7c7; margin:0px 0px 15px 15px;}
#content .gutter table td img {float:right;border:5px solid #c7c7c7; margin:0px;}
#content .gutter div.entry {margin-bottom:1em;border-bottom:1px dotted #999;}
#sidebar {width:271px; background:#fff url(../i/sidebar.gif1) top left no-repeat;float:right;}
#sidebar .gutter {padding: 20px 10px;}
#footer {clear:both;background: #520000 url(../i/footer.gif) top left no-repeat; width:965px; height:100%; margin:0 auto; padding-top:20px;}
#footer .gutter {text-align:center;color:#fff;}

/* HOME-CONTENT BOX AREAs + TABS
------------------------------------------------------------------*/
.tabs {width:375px;margin:10px auto;}
#home-content ul.tabNavigation {list-style: none;margin: 0;padding: 0;background:#fff url(../i/box-tabs.gif) top left no-repeat;height:33px;width:375px;position:relative;}
#home-content ul.tabNavigation li {list-style: none; position: absolute; top: 0; padding:0; border:none;}
#home-content ul.tabNavigation li, #home-content ul.tabNavigation a {height: 28px;display: block;}
#home-content ul.tabNavigation li a {text-indent: -9999px;text-decoration: none;}
#home-content ul.tabNavigation li {text-indent: -9999px;text-decoration: none;}

#welcome {left: 0px; width: 111px;}
#latest {left: 114px; width: 132px;}
#welcome  a:hover {background:transparent url(../i/box-tabs.gif) 0px 33px no-repeat;}
#latest a:hover {background:transparent url(../i/box-tabs.gif) -114px -33px no-repeat;}
#welcome a.selected {background: transparent url(../i/box-tabs.gif) 0px 33px no-repeat;}	
#latest a.selected {background: transparent url(../i/box-tabs.gif) -114px -33px no-repeat;}

div.box1 {width:355px;background: #fff url(../i/box-bg.gif) bottom left no-repeat;padding:0px 10px; height:180px;	margin-top:-5px;}	

div.scroll {height:150px; margin:5px; overflow-x: hidden; overflow-y: scroll;}
div.scroll p {padding:5px;}
div.scroll div.entry {margin:0 5px;border-bottom:1px dotted #999;}


h5.install {background:transparent;margin:0;padding:0;text-indent:-9999px;}
h5.install a {
	background: url(../i/installation.gif) no-repeat;
	margin:0 auto;
	width: 375px;
	height: 174px;
	display: block;
	text-decoration: none;
	}
h5.install a:hover {background: url(../i/installation.gif) 0 -174px no-repeat;}

#content .gutter h6 {background:transparent;margin:0;padding:0;text-indent:-9999px;}
#content .gutter h6 a {
	background: url(../i/download_brochure.gif) no-repeat;
	width: 191px;
	height: 28px;
	display: block;
	text-decoration: none;
	}
#content .gutter h6 a:hover {background: url(../i/download_brochure.gif) 0 -28px no-repeat;}

/* Typography
------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {color:#91171a;}
h2 {font-size:16px;font-weight:bold;}
h2.title {padding-bottom:1em;}

#home-content p, #content .gutter p {padding: .5em 0 0.5em 0;line-height:1.4em;font-size:1em;}
#home-content p.title, #home-content p.title a {font-weight: bold;padding:1em 0 0 0; line-height:1em;}
#home-content p.date {padding: 0.8em 0 0.8em 0; font-size:.9em;line-height:.8em;margin:0; font-style: italic; text-align:left;color:#666; }
p.date {padding: 0em 0 0.8em 0; font-size:.9em;line-height:.8em;margin:0; font-style: italic; color:#666; }
#content h4 {font-size:11px;font-weight:normal;}
/* ArrowListMenu JQuery CSS
------------------------------------------------------------------ */
.arrowlistmenu{
width: 100%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #91171a;
background: transparent url(../i/plus.gif) no-repeat center right;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
/*border-bottom: 1px dotted #5e5e54;*/
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color: #000;
background:transparent url(../i/minus.gif) no-repeat center right;
}

.arrowlistmenu h3.menuheader {
background: transparent url(../i/sidemenu-bg-1.gif) no-repeat center right;	
width: 233px;height:35px;
text-align:right;
padding:22px 10px 0px 0px;
color:#666;
margin-bottom:-15px;
	}
.arrowlistmenu h3.openheader {background: transparent url(../i/sidemenu-bg-2.gif) no-repeat center right;	color:#fff;}

.arrowlistmenu h3.openheader2, h3.openheader2 {background: transparent url(../i/sidemenu-bg-2.gif) no-repeat center right;	color:#fff;
width: 233px;height:35px;
text-align:right;
padding:22px 10px 0px 0px;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
margin-bottom:-15px;}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/list-style-type: none;margin: 0;padding: 0;
margin-top: 10px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{padding: 0px; /*bottom spacing between menu items*/border-bottom:none;}

.arrowlistmenu ul li a{
color:#91171a ;
background: ; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 15px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
/*border-bottom: 1px solid #dadada;*/
font-size: 11px;
text-align:right;
border-bottom:1px solid #cacaca;
}

.arrowlistmenu ul.arrow2 li a{
border-bottom: 1px dotted #fff;
padding: 2px 0 4px 0;
padding-left: 15px; /*link text is indented Xpx*/
}

.arrowlistmenu ul li a:visited{
color: ;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #4379c3;
background: /*#eaf3fb*/ url(../i/green-arrow.gif) no-repeat center left;
}
.arrowlistmenu ul li a.current, .arrowlistmenu ul li a.current:link{ /*hover state CSS*/
color: #4379c3;
background: /*#eaf3fb*/  url(../i/green-arrow.gif) no-repeat center left;
}

/* Tables
------------------------------------------------------------------*/
table {
	margin-bottom:10px;
	width:100%;
/*	border:1px solid #024d82;*/
	border-bottom:none;
	}
table th, table td {
	padding: 6px 6px;
	text-align:left;
	border-bottom:1px solid #fff;
	font-size:11px;
	vertical-align:top;
	}	
table th {
	color:#fff;
	background:#81a6c1;
	}	

table td a {
	display:block;
	font-weight:bold;
	}
table tr {
	background:#f0f0f0;
	}
table tr.alt {
	background:#f0f0f0;
	height:125px;
	}	
table tr.alt td {vertical-align:top;}

table .image_table {
	width: 300px;
	float: center;
	
	}

/* Mailing List - Contact Form
------------------------------------------------------------------*/
div.box3 {width:233px;background: #fff url(../i/contact-box-b.gif) bottom left no-repeat;padding-bottom:20px; /*height:180px;	margin-top:-5px;*/margin-bottom:20px;}
body#products-page div.box3 {margin-top:20px;}
h5.enquiry {background: url(../i/enquiry.gif) no-repeat;margin:0;padding:0;text-indent:-9999px;width: 233px;height: 35px;}
h5.mailing {background: url(../i/mailing-list.gif) no-repeat;margin:0;padding:0;text-indent:-9999px;width: 233px;height: 35px;}

/* Other Stuff
------------------------------------------------------------------*/

iframe {border: 1px solid #91171a;}

#sidebar form {width:230px;margin-left:17px;}

#sidebar .input {
 border:        1px solid #e21a22;
 color:             #000;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         10px;
 padding:           3px;
 margin:        	5px 0 10px 0;
 background:#f6f6f6;
} 

p.bbd, p.bbd a, p.bbd a:hover {color:#720C04;padding:10px 0 20px 0;}