/* Ultimate Fire and Security Solutions Ltd */

html {}
body {margin: 0em; background: url(../images/layout/main-bg.jpg) top repeat-x #FFFFFF; color: #000000; font-size: 12px; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif;}


/* Main page : Layout */
#top-bar {height: 25px;}
#top-bar a {color: #666666; text-decoration: none;}

.bar-yellow {background: #FFBB00; text-align: right; font-size: 10px; color: #666666;}
.bar-orange {background: #FF5800; text-align: right; font-size: 10px; color: #666666;}
.bar-green {background: #AAFF00; text-align: right; font-size: 10px; color: #666666;}
.bar-blue {background: #00F4FF; text-align: right; font-size: 10px; color: #666666;}
.bar-pink {background: #FF0089; text-align: right; font-size: 10px; color: #666666;}

#body-main {width: 800px; margin: 0em auto 0em auto;}

/* header */
#header-area {height: 120px;}
.header-inner {padding-top: 30px; text-align: left;}

.header-nav {float: right; padding: 45px 20px 0px 0px;}
.nav-inner {width: 340px; height: 49px; background: url(../images/layout/nav-bk.png) center no-repeat;}

#mainnav {border: 0; padding: 18px 0 0 4px; margin: 0; text-align: center;}
#mainnav li {float: left; list-style: none; padding: 0; font-size: 10px; width: 65px; margin: 0px; border-right: 1px solid #8D8A8A;}

#mainnav li.end {float: left; list-style: none; padding: 0; font-size: 10px; width: 65px; margin: 0px; overflow: hidden; border: 0;}
#mainnav li a {color: #FFFFFF; text-decoration: none; font-weight: bold; text-align: center; width: 100%;}
#mainnav li a:hover {color: #CCCCCC;}

#mainnav li a.yellow:hover {color: #CCCCCC; border-bottom: 2px solid #FFBB00;}
#mainnav li a.orange:hover {color: #CCCCCC; border-bottom: 2px solid #FF5800;}
#mainnav li a.green:hover {color: #CCCCCC; border-bottom: 2px solid #AAFF00;}
#mainnav li a.blue:hover {color: #CCCCCC; border-bottom: 2px solid #00F4FF;}
#mainnav li a.pink:hover {color: #CCCCCC; border-bottom: 2px solid #FF0089;}

#mainnav li.yellow {border-bottom: 2px solid #FFBB00;}
#mainnav li.orange {border-bottom: 2px solid #FF5800;}
#mainnav li.green {border-bottom: 2px solid #AAFF00;}
#mainnav li.blue {border-bottom: 2px solid #00F4FF;}
#mainnav li.pink {border-bottom: 2px solid #FF0089; border-right: 0px;}


/* Flash */
#head-spacer {height: 30px;}
#flash-area {margin: 0; padding: 0; border: 0;}

/* Main content */

#body-area {padding: 0; margin: 0; border: 0;}

#panel-hold {padding: 10px 0 0 0;}

#panel-left {width: 200px; height: 500px; float: left; background: url(../images/layout/small-panel.png) top no-repeat; padding: 0; margin: 0; border: 0;}
#panel-right {width: 590px; min-height: 500px; float: left; margin: 0 0 0 10px; background: url(../images/layout/large-panel.png) top no-repeat; padding: 0; border: 0;}

/*
html>body #panel-left {width: 200px; min-height: 500px; float: left; background: url(../images/layout/small-panel.png) center no-repeat; padding: 0; margin: 0; border: 0;}
html>body #panel-right {width: 590px; min-height: 500px; float: left; margin: 0 0 0 10px; background: url(../images/layout/large-panel.png) center no-repeat; padding: 0; border: 0;}
*/


.left-nav {text-align: left; padding: 10px;}
.right-content {text-align: left; padding: 10px;}

#sidenav {border: 0; padding: 0; margin: 0;}
#sidenav li {float: left; list-style: none; padding: 0; padding-left: 10px; font-size: 13px; height: 30px; width: 100%; margin: 0px; overflow: hidden;}
#sidenav li a {color: #000000; text-decoration: none; text-align: left; padding-top: 10px; display: block; width: 100%; height: 100%;}
#sidenav li a:hover {color: #999999;}

#sidenav li a.yellow {border-left: 5px solid #FFBB00;}
#sidenav li a.orange {border-left: 5px solid #FF5800;}
#sidenav li a.green {border-left: 5px solid #AAFF00;}
#sidenav li a.blue {border-left: 5px solid #00F4FF;}
#sidenav li a.pink {border-left: 5px solid #FF0089;}

.content-on {display: block;}
.content-off {display: none;}

.content-on h1 {font-size: 18px; color: #000000; margin: 0em;}
.content-on h2 {font-size: 16px; color: #000000; margin: 0em;}
.content-on h3 {font-size: 14px; color: #000000; margin: 0em;}
.content-on p {font-size: 13px;}
.content-on p a {font-size: 13px; color: #000000;}
.content-on p a:hover {font-size: 13px; color: #999999;}

.pageBlock {border-bottom: 1px solid #EFEFEF; padding: 5px 0px 0px 10px;}
.pageBlock p {font-size: 13px;}
.pageBlock p a {font-size: 13px; color: #000000;}
.pageBlock p a:hover {font-size: 13px; color: #999999;}

.blockImage {float: right; margin: 12px;}

.clear {clear: both; height: 10px; overflow: hidden;}

/* Footer */
#footer {}
.feet {padding: 25px 0 25px 0;}
.foot-links {font-size: 11px; color: #666666;}
.foot-links a {font-size: 11px; color: #666666; text-decoration: none;}
.foot-links a:hover {font-size: 11px; color: #666666; text-decoration: underline;}

.footer-notes {font-size: 10px; color: #666666; padding: 15px 0 0 0;}
.footer-notes a {font-size: 10px; color: #666666; text-decoration: none;}
.footer-notes a:hover {font-size: 10px; color: #666666; text-decoration: underline;}

/* Misc */
#preload {display: none; height: 0px; overflow: hidden;}