/*--------------------------------------------------------------------------

www.nordis-signs.co.uk (c) Copyright 2006 Nordis

----------------------------------------------------------------------------*/



/* OVERRIDE COMMON TAGS
 -------------------------------------------------------------------------- */
html {height: 100%; }
body{
font: 70%/190% Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px;
height: 100%;
background-color: #000; 
}

/* TYPOGRAPHY
 -------------------------------------------------------------------------- */
div#wrapper{text-align: justify;  }
div#content{color: #000;}
h1 {font: bold 240%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;}
h2 {font: bold 140%/100% "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
div.instructions {color:#808080;  }

/* MODIFIERS
 -------------------------------------------------------------------------- */
.blue { color: #00a4e3 ;}
.hr { border-bottom: 1px solid #e8e9ea; vertical-align: middle; margin: 10px 0px; margin-top: 0px;}
/* Spacers */
.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }

div#content table { font-size: 100%; width: 80%;  } 



/* LAYOUT
 -------------------------------------------------------------------------- */
/* General */
div#wrapper{width: 95%;text-align: left; height: 100%; }
div.row { width: 100%; clear: both; }
/* Header */
div#header{ width: 100%; clear: both; margin: 10px 0px 0px 0px;  }
div#logo{clear: both; width: 100%;  }
div#banner{ width: 100%; clear: both; margin: 0px 0px 0px 0px; background-color: #e8e9ea; margin-top: 10px; }
div#bannerimage{ margin: 15px; margin-bottom: 0px;  height: 161px !important; background-color: #000; background: #000 url("../img/banner.png") top right no-repeat; }


/* Content ( Required some hacking to get it to render correctly in most browsers */
div#contentwrapper{background-color: #e8e9ea; padding: 15px; padding-bottom: 15px;  clear: both; height: 100%; }
/* Mozilla Hack */
html>body div#contentwrapper{ height: 750px; margin-bottom: 0px; }
/* Opera Hack 7+ Hack */
@media all and (min-width: 0px){
	div#contentwrapper
	{ 
		height: 650px; margin-bottom: 0px;
	}
}
/* Opera Hack 9 Specific */
div[id^="contentwrapper"]
{
	height: 650px; margin-bottom: 0px;
}
div#content{ clear: none; float: left; top: 0px; width: 60%; padding: 15px; }
div#content img { margin: 10px; }
div#contenttitle img { margin: 0px; padding: 0px;  }



/* Left Column */
div#leftnav{ width: 18%; float: left; clear: left; vertical-align: top; background-color: #fff; }
div.leftnavcontent { width: 100%; padding: 10px; color: #5c6d78; }
div.leftnavcontent ul { margin: 0px; padding: 0px; list-style-type: none; margin-top: 10px; }
/* Right Column */
div#rcwrapper {float:right; top:0px;background-color:#e8e9ea;width:18%; margin:0px;padding:0px; clear: right;  }

/* IE renders <asp:panel> as <DIV>, but Mozilla & Opera render it as <TABLE> ... hummh! strange *shrug* ...  */
.rcimage1 {background:  #e8e9ea url("../img/rcolumn_blue.png") bottom right no-repeat; height: 600px; text-align: right;   }
.rcimage2 {background:  #e8e9ea url("../img/rcolumn_green.png") bottom center no-repeat; height: 600px; text-align: right;  }
.rcimage3 {background:  #e8e9ea url("../img/rcolumn_3.png") bottom right no-repeat; height: 600px; text-align: right;   }
.rcimage4 {background:  #e8e9ea url("../img/rcolumn_4.png") bottom center no-repeat; height: 600px; text-align: right;  }
.rcimage5 {background:  #e8e9ea url("../img/rcolumn_5.png") bottom center no-repeat; height: 600px; text-align: right; }
.rcimage6 {background:  #e8e9ea url("../img/rcolumn_6.png") bottom center no-repeat; height: 600px; text-align: right; }
.rcimage7 {background:  #e8e9ea url("../img/rcolumn_7.png") bottom center no-repeat; height: 600px; text-align: right; }
.rcimage8 {background:  #e8e9ea url("../img/rcolumn_8.png") bottom center no-repeat; height: 600px; text-align: right;   }

div.breadcrumbs{ width: 100%; clear: both; color: #009ce4; }
div.breadcrumbs ul { list-style-type: none; margin: 0px; padding: 0px;  }
div.breadcrumbs ul li { list-style-type: none; margin: 0px; padding: 0px; display: inline; padding-right: 2px;}
ul#crumbs img { vertical-align: middle; margin: 2px; padding: 2px; margin-right: 6px;  }

/* Footer */
div#footer {width: 100%; clear: both; margin: 15px 0px;  color: #fff;}
div#footerleft{float: left; clear: left; }
div#footerright{float: right; clear: right; } 
div#footerleft ul, #footerright ul {
margin: 0px; padding: 0px; display: block; }
div#footerleft ul li, #footerright ul li{
list-style: none;display:inline; border-right: 1px solid  #00a4e3; padding-left: 5px;  }

/* Hack for Mozilla / Opera */
html>body div#footerleft ul li {  padding-right: 5px; }
html>body div#footerright ul li {  padding-right: 5px; }


div#footer li.lastitem { border-right: 1px solid #000; }
div#footer a:link, #footer a:visited{color: #00a4e3; text-decoration: none; font-weight: normal;}
div#footer a:active, #footer a:hover{color: #00a4e3; text-decoration: none; font-weight: normal; border-bottom: 1px solid #00a4e3;}

/* FORMS
 -------------------------------------------------------------------------- */
.buttonwrapper{
padding: 5px; background-color: #e6e3d2;  vertical-align: middle; border: 1px solid #565654; 
}
.textfield{ background-color: #f9f8f2; color: #a19983; font-family: "Trebuchet MS"; border: 1px solid #a19983; vertical-align: middle;  }
.textfield, .textarea  { padding: 5px; }


/* NAVIGATION
 -------------------------------------------------------------------------- */
#menu a {float: left;display: block;text-decoration: none;padding: 0 .6em;}
#menu a:link, #menu a:visited { color: #767674; }
#menu a:active, #menu a:hover { color: #000; }
#menu .current_page_item a, #menu .current_page_item a:visited{color: #000 !important;}
#menu  {text-transform: lowercase; clear: both; }
#menu ul, #menu ul li {list-style: none;display:inline;}

/* For Sitemap Page */
ul#pages li { list-style-image: url("../img/document.gif"); }
li.channels { list-style-image: url("../img/folder.gif"); }

/* LINKS
 -------------------------------------------------------------------------- */
a:link, a:visited { color: #fff; text-decoration: none; font-weight: bold;}
a:active, a:hover { color: #fff; text-decoration: underline; font-weight: bold;}
div.leftnavcontent a:link, div.leftnavcontent a:visited {color: #5c6d78; font-weight: normal;}
div.leftnavcontent a:active, div.leftnavcontent a:hover {color: #5c6d78; font-weight: normal;}
div#content a:link, div#content a:visited { color: #404040; text-decoration: none; }
div#content a:active, div#content a:hover { color: #404040; border-bottom: 1px solid #404040; background-color: #dcdada; text-decoration: none; }
ul#crumbs li a:link, ul#crumbs li a:visited {color: #009ce4; }
ul#crumbs li a:active, ul#crumbs li a:hover {color: #009ce4; border-bottom: 1px solid #009ce4; }

/* ROUNDED CORNERS ON BANNER
----------------------------------------------------------------- */
/*top*/
div#rcornertop {margin: 0px; padding: 0px;  background-color: #e8e9ea; height: 5px; width: 100%; clear: both;  }
.tl { float: left; width: 10px;  }
.tr { float: right; width: 10px; }
.c5, .c3, .c2, .c1 {float: left;background-color: #000; font-size: 0;overflow: hidden; }
.tr .c5, .tr .c3, .tr .c2, .tr .c1 { float: right; }
.c5 { height: 5px; width: 1px;}
.c3 { height: 3px; width: 1px; }
.c2 { height: 2px; width: 1px; }
.c1 { height: 1px; width: 2px; }
/*bottom*/
div#rcornerbottom {margin: 0px; padding: 0px;  background-color: #e8e9ea; height: 5px; width: 100%; clear: both; }
.bl { float: left; width: 10px;  }
.br { float: right; width: 10px; }
.cc5, .cc3, .cc2, .cc1 {float: left;background-color: #000; font-size: 0;overflow: hidden; }
.br .cc5, .br .cc3, .br .cc2, .br .cc1 { float: right; }
.cc5 { height: 5px; width: 1px;}
.cc3 { height: 3px; width: 1px; margin-top: 2px;}
.cc2 { height: 2px; width: 1px; margin-top: 3px;}
.cc1 { height: 1px; width: 2px; margin-top: 4px;}


/* Debugging */
div#testblock{background-color:#330099; width: 100%; clear: both; }

/* Overide console links */
table.container a {color: #000;} 
table.container a:visited, table.container a:active {color: #000;}