/* Primary Frontend style */

* { margin: 0; padding: 0; } 

body {
	line-height: 1.6em;
	font-size: 70%;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	color: #b8bbbd;
	background-color: #060a0a;
}

object {
    color : #2b343b;
}
a {
	color: #838585;
	outline: none;
}

a img {
	border: none;
}    

span, p {
	margin-bottom: 20px;
	font-style: normal;
}

h1 {
	font-size: 1.8em;
	color: #FFFFFF;
	margin-bottom: 30px;
	margin-top: 10px;
}

h2 {
	font-size: 1.2em;
	color: #FF2222;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* LAYOUT (top-nav, side-nav, content, footer) */
#wrapper {
	background: #060a0a url(../images/style/background2.jpg) 0 0 no-repeat; 
	margin-left: auto;
	margin-right: auto;
	width: 805px;
	height: 760px;
}
#top {
	border-top: 1px solid black;
	height: 113px;
}
#top #company-logo {
	width: 197px;
	height:  94px;
	float: left;
}
#body-canvas {
	background-color: #2b343b;
	width:  805px;
	clear: both;
}
.canvas-top {
	background:url(../images/style/content-top.gif) no-repeat;
	height: 38px;
}
.canvas-top p.bread-crumb {
	margin-left:  215px;
	font-size: 0.9em;
	padding-top: 10px;
}

p.bread-crumb a {
	text-decoration: none;
}

p.bread-crumb a:hover {
	text-decoration: underline;
}

/* HOME PAGE STYLES */
.home-content .hero-image {
	margin-bottom: 25px;
}

.hero-image {
   	height: 283px;
    }
.home-content p {
	line-height: 1.5em;
	margin-bottom:  10px;
}
.home-content .date {
	color: #FFF;
	font-weight: bold;    
}
.home-content a {
	color: #D71920;
	text-decoration: none;
}
.home-content a:hover {
	text-decoration: underline;
}

/* Homepage left column */
div.left-col {
	width:  390px;
	float: left;
	padding-right: 20px;
}
.left-col .lattest-solutions-title {
	height: 30px;
    background: url(../images/style/home-lattest-solutions-title.gif) no-repeat -1px 0;
	}
.left-col .lattest-solutions {
	background: #2B343B;
	margin-bottom: 18px;
}
.lattest-solutions  {
	padding: 10px 10px 1px 13px;
}

.left-col .home-news-title {
	height: 28px;
    background: url(../images/style/home-news-title.gif) no-repeat 0 0;
	}
.left-col .home-news {
	background: #2B343B;
	margin-bottom: 20px;
}
.home-news {
	padding:  10px 10px 1px 13px;
}

/* Homepage right column */		
div.right-col {
	float: left;
	height: 340px;
	width: 390px;
	margin-bottom: 0px;
	}
div.right-col .lattest-product-title {
    height: 30px;
    background: url(../images/style/home-lattest-products-title.gif) no-repeat 0 1px;
    }
.right-col .lattest-product-box {
	background-color: #2B343B;
	margin-bottom: 20px;
	padding: 10px 0px 3px 13px;		
}
.lattest-product-box img {
}
.lattest-product-box p {
}

/* PRODUCT PAGES CONTENT STYLES */
div.content {
	float: left;
	height: auto;
	width: 565px;
	margin-left:  25px;
}
div.content p {
	font-size: 1.0em;
	color:  #B8BBBD;
}
div.content a {
	text-decoration: underline;
	color:  #fff;
}
div.content a:hover {
	text-decoration: underline;
	color: #D71920;
}

div.content-image {
	float: right;
	width: 285px;
	margin-left: 15px;
	margin-bottom: 15px;
}

div.content-image {
	float:  right;
	border: 3px solid #93999D;
	margin-bottom: 5px;
}
div.content-image p {
	margin-left: 5px;
	font-style: italic;
	font-size: 0.9em !important;
	color:  #FFFFFF !important;
}    



/* Below is used on images inserted into general content pages */
img.content-image {
  padding: 0 0 0 0;
/*  border: solid 3px #b8bbbd; */
  margin: 10px 15px 10px 15px;
}

img.product-image {
  padding: 0 0 0 0;
/*  border: solid 3px #b8bbbd; */
  margin: 10px 15px 10px 15px;
  float: right;
}


/* Product Gallery */

#gallery {
  clear: both; 
}

div.gallery-content {
	float: left;
	height: 100%;
	width: 585px;
	margin-left:  25px;
}
div.gallery-box {
	border: 2px solid #40484f;
	width: 171px;
	height: 240px;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	overflow: hidden;
	font-size: 0.95em;
}
.gallery-box:hover {
	border: 2px solid #d71920;
}
.gallery-box img {
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  display: block; 
}

a.gallery {
  width: 165px;
  background-color: #FFFFFF;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3px;
  margin-bottom: 3px;
}

.gallery-box p {
	margin: 0px 3px 5px 10px;
	overflow: hidden;
	line-height: 1.2em; 
}

div.image-and-text-area {
    height: 215px;
    }
a.gallery-more {
  margin-left: 10px;
}

a.gallery-more, .gallery-box a {
	color: #d71920;
	text-decoration: none;
}
a.gallery-more:hover, .gallery-box a:hover {
	text-decoration: underline;
} 

/* Listing of products within the content area (1 column list) */
div.content ol,
div.content ul {
  margin: 0 0 5px 20px;
} 


div.content ul li {
	padding-left: 10px;
	background: url(../images/style/list-bullet.gif) 0px 5px no-repeat;
} 
div.content ol li {
    list-style: decimal;
}
div.content ul li a {
	color: #b8bbbd;
} 


/* Listing of other products of same group in a list of 3 colums */
.three-col {
	margin-top: 30px;
}
.three-col ul li {
	float: left;
	margin-right:  80px;
	padding-bottom: 5px;
}
.three-col ul li a {
	color: #B8BBBD;
}
/*.three-col ul li:hover,*/
.three-col ul li a:hover {
	color: #D71920;
}

/* For news signup form in company-news page */     
.signup-news {
	background-color: #40484F;
	color: #b8bbbd;
	padding-top: 15px !important;
	padding-left: 10px;
	padding-right: 10px;
	text-indent: 0px !important;
	/*height:  150px !important;*/
	border-bottom: none !important;
	margin-top: 10px;
}
.signup-news input {
	width: 150px;
	color: #666;
}
.news-submit-btn {
	margin-top: 15px;
	width:  77px !important;
	height: 21px !important;
	margin-left: 40px;
	background:	url(../images/style/subscribe-button.gif) 0 0 no-repeat;
	border: none;
	cursor: pointer;
}
.news-submit-btn:hover {
	background:	url(../images/style/subscribe-button-hover.gif) 0 0 no-repeat;	
}

/* Contact Us Styles */
.address-box {
	width: 200px;
	float:  left;
	margin-bottom: 15px;
}
.address-box p {
	margin-bottom: 10px;
}
.contact div {
	margin-bottom: 10px;
}

.contact label {
	float: left;
	width: 78px;
}
.contact #postcode {
	width: 100px;
}
.contact #subscribe {
	float: left;
	margin-top: 10px;
	margin-left: 65px;
	margin-right: 10px;
}
.contact .subscribe {
	width: 400px;
	font-size: 0.9em;
	float: left;
}
.contact #submit {
	margin-left: 65px;
	margin-top: 25px;
	background: url(../images/style/send-button.gif) 0 0 no-repeat;
	width: 101px;
	height: 25px;
	border: none;
	cursor: pointer;
}
.contact #submit:hover {
	background: url(../images/style/send-button-hover.gif) 0 0 no-repeat;
}

/* FOOTER */    
#footer {
	clear: both;
	font-size: 0.9em;
	margin-top: 30px;
	color: #4d5254;
	font-weight: bold;
}
#footer p {
    text-align: center;
    }
#footer a {
	text-decoration: underline;
}
#footer a:hover {
	color:  #fff;
}
#footer span.footer-spacer {
	margin-right: 10px;
	margin-left: 10px;
}

/* Other generic/shared styles */
/* Improves the visibility of "+" in menu */
.bold {
	font-weight: bold;
	text-decoration: none !important;
}

.larger {
	font-size: 1.2em;
}
.smaller {
	font-size: 0.8em;
}    
.white {
	color: #fff !important;
} 

/* Gives a padding at the bottom of the content canvas*/
.spacer {
	height: 40px;
	width:  100%;
	clear: both;
}
.red-text {
	font-weight: bold;
	color: #D71920 !important;
}
.green-text {
    font-weight: bold;
    color: #69dc33;
    }
/* Border between hero image */
.border-thick-top {
	margin-top:  78px;
	border-bottom: 3px solid black;
}
.border-thin-top {
	border-bottom: 1px solid black;
	margin-top:  -15px;
}
.border-thin {
	border-top: 1px solid black;
	padding-top: 20px;
	clear: both;
}    
.border-thick-bottom {
	margin-top:  -13px;
	margin-bottom: 17px;
	border-bottom: 3px solid black;
}
.border-thin-bottom {
	border-bottom: 1px solid black;
	margin-top:  -53px;
}

/* PDF dowload link style */
div.download{
	background: url(../images/icons/pdf-icon.gif) 0px 0px no-repeat;
	margin-bottom: 20px;
}
div.download img {
	float: left;
}
div.download p {
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: 30px;
	font-size: 1.0em;
	color: #FFF;
}
div.download a {
	text-decoration: none !important;
}
div.download a:hover {
	text-decoration: underline !important;
}

/* New top nav - does not use menu.js */

dl, dt, dd, ul, li {
  list-style-type: none; 
}

#menu {
  width: 600px;
  height: 30px;
  overflow: hidden;
  clear: right !important;
  float: right;
  margin-top: 20px;
}

.menu-right {
  float: right;
}

#menu a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#menu a:hover {
	color: #000;
}
#menu dt a{
    color: #93999d;
    }
#menu dt a:hover {
    color: #FFFFFF;
    }
#menu .menu-box {
   float: left;
   margin: 0px 2px 0px 0px;
   padding-left: 14px;
}

#menu .menu-box a { 
   padding-bottom: 5px;
   padding-right: 12px;
}

.selected,
#menu .menu-box:hover {
	background: url('../images/style/topnavbutton_left_small.gif') 0px 0px no-repeat;          
}
.selected a,
#menu .menu-box:hover a { 
	background: url('../images/style/topnavbutton_right_small.gif') right 0px no-repeat;          
}
.selected dt a {
    color: #FFFFFF !important;
    }
#menu .menu-box:hover dt a {
    color: #FFFFFF;
    }
#menu dt a {
   display: block;
   padding-top: 5px;
}
#menu dd {
  margin-left: -15px;
  position: absolute;
}

#menu ul {
	display: none;
} 
#menu ul li a {
  background: none !important;
  margin-left: 12px;
  width: 150px;
  display: block;
  }
#menu ul li {
	background: url('../images/style/nav/top/menu-list-mid2.gif') 0 0 no-repeat;
	height: 18px;
	width: 200px; 
	overflow: hidden;
}
#menu ul li.menu-list-top {
	background: url('../images/style/nav/top/menu-list-topcap.gif') 0px 10px no-repeat; 
   margin-top: -8px;
}
#menu ul li.menu-list-bottom {
	background: url('../images/style/nav/top/menu-list-bottomcap.gif') 0px 0px no-repeat;
	height: 23px;
}

#menu .menu-box:hover ul {  
	display: block;
}  

 /*Side nav styles here*/ 

.side-nav {
	height: 100%;
	width: 175px;
	float: left;
	margin-left:  15px;
	margin-top:  -25px;
}
.side-nav li {
	height: 20px;
	background-color: #40484F;
}
.side-nav li a {
	 display: block;
	 width: 170px;
	 padding: 4px 0px 4px 0px;
	 text-decoration: none;
	 color: #FFFFFF;
}
.side-nav li a:hover {
	color: #000;
	font-weight: bold;
}

.side-nav-lvl1 {
  color: #FFFFFF;
}
.side-nav-lvl1 li.bottom:hover,
.side-nav-lvl1 li.bottom {
	height: 50px;
	margin-top: -1px;
	background: url('../images/style/nav/side/side-nav-bottom2.gif') 0px 0px no-repeat;
	border-top: 1px dotted #2b343b;
}
ul.side-nav-lvl1 li {
  	height: auto;
	border-top: 1px dotted #2b343b;
}
ul.side-nav-lvl1 li a {
	display: block;
	font-weight: normal;
	/*border: 1px dotted #999;*/
	padding-left: 12px;
	width: 163px;
	}

ul.side-nav-lvl1 li.current,	
ul.side-nav-lvl1 li a:hover {
   	background: url('../images/style/nav/side/current.png') 0px 1px no-repeat;
    }    
ul.side-nav-lvl1 li.current {
	font-weight: bold;
	color: #000;
}


ul.side-nav-lvl2 li a {
	color: #B8BBBD;
	padding-left: 20px;
	width: 155px;
	background: #51585F !important;
    }
ul.side-nav-lvl2 li.current,	
ul.side-nav-lvl2 li a:hover {
	color: #FFF;
	font-weight: normal;
	background-color: #40484F !important;  
}



ul.side-nav-lvl3 li a {
	padding-left: 30px;
	width: 145px;
	background-color: #40484F !important;    
}  
ul.side-nav-lvl3 li.current,	
ul.side-nav-lvl3 li a:hover {
	background-color: #2b343b !important;
}



ul.side-nav-lvl4 li a {
	padding-left: 40px;
	width: 135px;
	background-color: #2b343b !important;
    }  
ul.side-nav-lvl4 li.current,
ul.side-nav-lvl4 li a:hover {
    background-color: #2b343b !important;
    }

li.side-nav-header
{
	background: url('../images/style/nav/side/side-nav-bg.gif') 0px 0px no-repeat !important;
	font-size: 1.3em;
  	font-weight: bold;
	padding: 7px 0px 8px 0px;
	margin: 0px;
	height: 26px;
    border-bottom: none;
    text-indent: 15px;
}


/* SEARCH FORM */
#searchForm {
	margin: 5px 10px 0px 0px;
    float: right;
    }    
#searchForm input {
	height: 17px;
	color: #7d8994;
	padding-top: 2px;
	padding-left: 5px;
	border: 1px solid #2B343B;
    background-color: #060A0A;
    }
#searchForm input.search-btn {
	cursor: pointer;
	border: none;
	width: 20px;
	height: 25px;
    background: url(../images/icons/search_icon.gif) no-repeat 0px 5px;
    
    }

/* SEARCH PAGE CONTENT STYLES */

div.results {
	width: 565px;
}
span.result-tips {
    color: lightblue;
}
div.results p {
	font-size: 1.0em;
	color:  #B8BBBD;
}
div.results li, div.results p, div.results h1 {
        margin: 0 0 0 0;
}