/* ========================================================================================
UKN Group: Main Style Sheet 
Version:1.0
Author: Raphael Marsh
Email: raf_marsh@hotmail.com
Website: in development
Date: 10 October 2007
=========================================================================================== */

/* Imported Styles
=========================================================================================== */



/* CLEARFIX
=========================================================================================== */
.clearfix,
.footer,
#secondary-nav,
.mainContent
{
overflow:hidden;
}

/* ADD TAG NAME HERE TO REMOVE YOUR HEADER OFF THE SCREEN (Screen Reader -> accessibility)
=========================================================================================== */
.accessibility,
.hidevis
{
  position:absolute;
  top:0;
  left:-90000px;
  visibility:hidden;
  height:0;
  width:0;
}

/* Generic Elements
=========================================================================================== */
* {
  margin:0;
  padding:0;
  line-height:1.4em;
  list-style:none;
}  
body {
  font-family:Arial, Verdana, sans-serif;
  font-size:62.5%;
  background:#151515 url(../images/generic-img/body-bg.gif) top repeat-y;
  list-style:none;
  height:100%;
  text-align: left; 
  min-width: 928px;
  behavior: url("style/csshover2.htc");
}
.clear {
  clear:both;
}
h1 {
  font-size: 2.4em;
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.4em;
}
div#wrapper {
  width: 928px;  position:relative; margin: 0 auto;  border:0;
}
div#branding {
  position:relative; top:0; display:block; height: 102px; width:928px;
  background:url(../images/generic-img/branding-bg.gif) repeat-x;
}
#branding h1 a {
  position:absolute; top:11px; left:16px; width:211px; height:41px; text-indent:-1000em;
  background:url(../images/generic-img/ukngroup-logo.gif) no-repeat;
}
#branding h2 a {
  position:absolute; top:11px; left:300px; width:346px; height:41px; text-indent:-1000em;
  background:url(../images/generic-img/ukngroup-number.gif) no-repeat;
}

/* Structural
=========================================================================================== */
div#content-wrapper {
  width: 740px; float:right; background:#FFFFFF; height:100%;
}
#primaryContent {
  float:left; display:inline; width: 515px;  margin: 18px 0 10px 20px; 
}
div#secondaryContent {
  float:right; width: 187px; margin: 18px 3px 10px 0px;
}
div#SideContent {
  position:absolute; left:0; top:102px; display:block; float:left; width: 188px; height:auto;
  background:url(../images/generic-img/sidecontent-bg.gif) top repeat-y;
}
div#NewsContent {
  position:absolute; left:0; top:0; display:block; float:left; width: 188px; height:auto;
  background:url(../images/generic-img/sidecontent-bg.gif) top repeat-y;
}
div#loginContent {
  float:left; display:inline; width: 740px;  margin: 18px 0 10px 20px;
}
div#header {
  float:right; width: 740px;  height:200px;
}
#company-information #header {
  background:url(../images/company-img/header-home.jpg) no-repeat;
}
div#header_services {
  float:right; width: 740px;  height:150px;
}
#company-information #header_services {
  background:url(../images/company-img/header-services.jpg) no-repeat;
}
div#header_industries {
  float:right; width: 740px;  height:150px;
}
#company-information #header_industries {
  background:url(../images/company-img/header-industries.jpg) no-repeat;
}
div#header_companyinfo {
  float:right; width: 740px;  height:150px;
}
#company-information #header_companyinfo {
  background:url(../images/company-img/header-companyinfo.jpg) no-repeat;
}
div#header_news {
  float:right; width: 740px;  height:150px;
}
#company-information #header_news {
  background:url(../images/company-img/header-news.jpg) no-repeat;
}
div#header_enterprise {
  float:right; width: 740px;  height:150px;
}
#company-information #header_enterprise {
  background:url(../images/company-img/header-enterprise.jpg) no-repeat;
}
div#header_smb {
  float:right; width: 740px;  height:150px;
}
#company-information #header_smb {
  background:url(../images/company-img/header-smb.jpg) no-repeat;
}
div#header_solutions {
  float:right; width: 740px;  height:150px;
}
#company-information #header_solutions {
  background:url(../images/company-img/header-solutions.jpg) no-repeat;
}
div#header_partners {
  float:right; width: 740px;  height:150px;
}
#company-information #header_partners {
  background:url(../images/company-img/header-partners.jpg) no-repeat;
}
div#header_commercial {
  float:right; width: 740px;  height:150px;
}
#company-information #header_commercial {
  background:url(../images/company-img/header-commercial.jpg) no-repeat;
}
div#header_government {
  float:right; width: 740px;  height:150px;
}
#company-information #header_government {
  background:url(../images/company-img/header-government.jpg) no-repeat;
}
div#header_health {
  float:right; width: 740px;  height:150px;
}
#company-information #header_health {
  background:url(../images/company-img/header-health.jpg) no-repeat;
}
div#header_education {
  float:right; width: 740px;  height:150px;
}
#company-information #header_education {
  background:url(../images/company-img/header-education.jpg) no-repeat;
}
div#header_about {
  float:right; width: 740px;  height:150px;
}
#company-information #header_about {
  background:url(../images/company-img/header-about.jpg) no-repeat;
}
div#header_careers {
  float:right; width: 740px;  height:150px;
}
#company-information #header_careers {
  background:url(../images/company-img/header-careers.jpg) no-repeat;
}
div#header_locations {
  float:right; width: 740px;  height:150px;
}
#company-information #header_locations {
  background:url(../images/company-img/header-locations.jpg) no-repeat;
}
div#header_contact {
  float:right; width: 740px;  height:150px;
}
#company-information #header_contact {
  background:url(../images/company-img/header-contact.jpg) no-repeat;
}
div#header_success {
  float:right; width: 740px;  height:150px;
}
#company-information #header_success {
  background:url(../images/company-img/header-success.jpg) no-repeat;
}
div#header_newsletter {
  float:right; width: 740px;  height:150px;
}
#company-information #header_newsletter {
  background:url(../images/company-img/header-newsletter.jpg) no-repeat;
}
div#header_ad {
  float:right; width: 740px;  height:150px;
}
#company-information #header_ad {
  background:url(../images/company-img/header-ad.jpg) no-repeat;
}
div#header_appdel {
  float:right; width: 740px;  height:150px;
}
#company-information #header_appdel {
  background:url(../images/company-img/header-appdel.jpg) no-repeat;
}
div#header_backup {
  float:right; width: 740px;  height:150px;
}
#company-information #header_backup {
  background:url(../images/company-img/header-backup.jpg) no-repeat;
}
div#header_printing {
  float:right; width: 740px;  height:150px;
}
#company-information #header_printing {
  background:url(../images/company-img/header-printing.jpg) no-repeat;
}
div#header_exchange {
  float:right; width: 740px;  height:150px;
}
#company-information #header_exchange {
  background:url(../images/company-img/header-exchange.jpg) no-repeat;
}
div#header_infrastructure {
  float:right; width: 740px;  height:150px;
}
#company-information #header_infrastructure {
  background:url(../images/company-img/header-infrastructure.jpg) no-repeat;
}
div#header_remote {
  float:right; width: 740px;  height:150px;
}
#company-information #header_remote {
  background:url(../images/company-img/header-remote.jpg) no-repeat;
}
div#header_security {
  float:right; width: 740px;  height:150px;
}
#company-information #header_security {
  background:url(../images/company-img/header-security.jpg) no-repeat;
}
div#header_utc {
  float:right; width: 740px;  height:150px;
}
#company-information #header_utc {
  background:url(../images/company-img/header-utc.jpg) no-repeat;
}
div#header_storage {
  float:right; width: 740px;  height:150px;
}
#company-information #header_storage {
  background:url(../images/company-img/header-storage.jpg) no-repeat;
}
div#header_uem {
  float:right; width: 740px;  height:150px;
}
#company-information #header_uem {
  background:url(../images/company-img/header-uem.jpg) no-repeat;
}
div#header_virtualisation {
  float:right; width: 740px;  height:150px;
}
#company-information #header_virtualisation {
  background:url(../images/company-img/header-virtualisation.jpg) no-repeat;
}
div#header_login {
  float:right; width: 740px;  height:150px;
}
#company-information #header_login {
  background:url(../images/company-img/header-login.jpg) no-repeat;
}
div#contactnumber {
	position:absolute;
	left:16px;
	top:70px;
	width: 152px;
}
#contactnumber p {
  font-size:1.6em; font-weight:normal; color:#464646;
}

/* UKN User Details
=========================================================================================== */
#UserPanel {
  position:absolute; right:10px; top:8px; width:auto;
}
#UserPanel p {
  font-size:1.1em;
}
#UserPanel a {
  color:#000000; text-decoration:underline;
}
#UserPanel a:hover {
  text-decoration:none;
}
#UserPanel span.spacer {
  padding:0 6px;
}
#UserPanel span.username {
  color:00aeef;
}
div#SearchBox {
  position:absolute; right:10px; top:33px; width:auto; height:auto;
}
input#Search {
  position:absolute; color:#556849; width: 150px; height:auto; right:93px;
}
#Search .Search {
  width:84px; height:18px; padding-bottom:3px;
}

/* Secondary Navigation
=========================================================================================== */
div#secondary-nav {
  text-align:left; width:186px; margin:0 1px; max-height:100%; display:block; float:left; clear:both;
}
#secondary-nav ul {
  margin: 0; padding: 0; list-style-type: none;
}
#secondary-nav li {
  display: inline; /* :FUDGE: Removes large gaps in IE/Win */
}
#secondary-nav a { /* Main button - normal */
  font-size:1.1em; color: #FFFFFF; display: block; min-height:1.6em; text-decoration: none; padding:0.1em 1.5em;
  background:url(../images/generic-img/secondary-nav-norm.gif) repeat-y; border-bottom:#FFFFFF 1px solid;
}
#secondary-nav a:hover, .selected a { /* Main button - rollover */
  background:url(../images/generic-img/secondary-nav-rolldown.gif) top no-repeat;
}
#secondary-nav .active a { /* Main button - active */
  background:url(../images/generic-img/secondary-nav-active.gif) top no-repeat;
}
#secondary-nav .top a { /* Main button - top */
  background:url(../images/generic-img/secondary-nav-top.gif) top no-repeat;
}
#secondary-nav .top a:hover, .selected a { /* Main button - rollover */
  background:url(../images/generic-img/secondary-nav-rolldown.gif) top no-repeat;
}
#secondary-nav .subactive a { /* Main button - subactive */
  background:url(../images/generic-img/secondary-nav-subactive.gif) top no-repeat;
}
#secondary-nav .subactive a:hover, .selected a { /* Main button - rollover */
  background:url(../images/generic-img/secondary-nav-roll.gif) top no-repeat;
}
#secondary-nav .subinactive a { /* Main button - subactive */
  background:url(../images/generic-img/subcategory-norm.gif) top repeat-y;
}
#secondary-nav .subinactive a:hover, .selected a { /* Main button - rollover */
  background:url(../images/generic-img/secondary-nav-roll.gif) top no-repeat;
}
#secondary-nav .bottom a { /* Main button - bottom */
  background:url(../images/generic-img/secondary-nav-bottom.gif) top no-repeat;
}
#secondary-nav .subcategoryactive a {
  background:#000000;
}

/* NewsFeed
=========================================================================================== */
/*.SideTitle h2 {
  float:left; width:100%; height:19px; font-size:1.1em; color:#FFFFFF; text-indent:18px; padding-top:2px;
  background:url(../images/generic-img/newstab.gif) top right no-repeat; margin-bottom:8px;
}
.SideTitle h2 a {
  color:#ffffff; text-decoration:none;
}*/
div.NewsFeed { 
  float:left; width:152px; padding:0 18px 20px 17px;
}
.NewsFeed h3 {
  font-size:1.3em; color:#FFFFFF; padding-top:10px; line-height:1.3em;
}
.NewsFeed p {
  font-size:1.1em; color:#FFFFFF; line-height:1.3em;
}
.NewsFeed p.date {
  color:#2cbbcb; padding-top:2px; padding-bottom:3px;
}
.NewsFeed a {
  font-size:1.1em; color:#2cbbcb; text-decoration:underline;
}
.NewsFeed a:hover {
  text-decoration:none;
}

/* Generic Content Styles
=========================================================================================== */
#primaryContent h1 {
  font-size:1.7em; color:#fb2a25; padding-bottom:10px;
}
#primaryContent h2 {
  font-size:1.2em; font-weight:bold; color:#434343;
}
#primaryContent h3 {
  font-size:1.3em; font-weight:bold; color:#434343;
}
#primaryContent h4 {
  font-size:1.7em; color:#fb2a25; padding-top: 7px; padding-bottom:7px;
}
#primaryContent p {
  font-size:1.1em; color:#484848; line-height:1.4em;
}
#primaryContent p.small {
	font-size:1.0em;
}
#primaryContent ul {
  font-size:1.1em; color:#484848;
}
#primaryContent ul li {
  padding-left:16px; padding-bottom:3px;
  background:url(../images/generic-img/content-bullet-01.gif) 3px left no-repeat;
}

/* Login Content Styles
=========================================================================================== */
#loginContent h1 {
  font-size:1.7em; color:#fb2a25; padding-bottom:10px;
}
#loginContent h2 {
  font-size:1.2em; font-weight:bold; color:#434343;
}
#loginContent p {
  font-size:1.1em; color:#484848; line-height:1.4em;
}
#loginContent ul {
  font-size:1.1em; color:#484848;
}
#loginContent ul li {
  padding-left:16px; padding-bottom:3px;
  background:url(../images/generic-img/content-bullet-01.gif) 3px left no-repeat;
}

/* Content Feature Panel
=========================================================================================== */
div.content-panel-outer {
  float:left; width:254px; min-height:110px;
  background:url(../images/generic-img/cont-feat-top.gif) top no-repeat;
}
div.content-panel-inner {
  margin-top:5px; padding:4px 8px 14px 8px; min-height:110px;
  background:url(../images/generic-img/cont-feat-bot.gif) bottom no-repeat;
}
.content-panel-inner h3 {
  font-size:1.1em; color:#000000; font-weight:bold; padding-bottom:4px;
}
.content-panel-inner p {
  font-size:1.1em; color:#969696;
}
.content-panel-inner p a {
  color:#000000; text-decoration:underline;
}
.content-panel-inner p a:hover {
  color:#fb2a25; text-decoration:none;
}
.content-panel-inner img {
  float:right; right:5px; padding-left:14px; width:auto;
}
.panelright {
  position:absolute;
  right:204px;
}

/* Quotation
=========================================================================================== */
blockquote {
  width:auto; text-align:left; font-size:1.1em; line-height:1.4em; color:#484848; padding-bottom:2em;
  background:url(../images/generic-img/quotebox-bot.gif) bottom no-repeat; 
}
#quote-title {
  font-size:1.1em; color:#fb2a25; font-weight:bold; padding:0.8em 0 0.3em 0.8em; height:1%;
  background:url(../images/generic-img/quotebox-top.gif) top no-repeat;
}
#quote {
  font-style:italic; padding:0 0.8em 0.4em 0.8em;
}
#author {
  font-weight:bold; padding:0 0.8em;
}
#position {
  padding:0 0.8em;
}
#image {
  padding: 10px 0px 0px 33px;
}
#rightcol {
  height:1%; float:right;
}
.newsform {
  padding:15px 15px 15px 20px;
}
input.newsletter {
  width:140px; color:#7B7E82; padding:0px 2px 0px 2px; margin:0px 0px 3px 0px; 
  font:11px/1.3em Arial,Tahoma,Helvetica,sans-serif;
}
input.button {
  padding:0px 4px 0px 4px; margin:0px 0px 2px 0px; 
  font:11px/1.3em Arial,Tahoma,Helvetica,sans-serif;
}
.submit {
  float:right; margin: 5px;
}

/* Right Hand Feature Panels
=========================================================================================== */
.featurebox {
  float:right; width: 187px; margin: 10px 3px 10px 0px;
}

/* Global text links
=========================================================================================== */
.ukn-content-link {
  color:#fb2a25;
  text-decoration:underline;
}
.ukn-content-link:hover {
  text-decoration:none;
}
.external {
  color:#fb2a25;
  background: url(../images/generic-img/external.gif) no-repeat right top;
  padding-right:9px;
}
.external:hover {
  text-decoration:none;
}
.ukn-back-link {
  color:#fb2a25;
  font-size:0.9em;
  float:right;
  padding-right:9px;
  text-decoration:underline;
}
.ukn-back-link:hover {
  text-decoration:none;
}

/* Footer
=========================================================================================== */
div.footer {
  position:relative; margin-top:10px; width:auto; clear:both; height:39px; background:#1a1a1a;
}
.footer p {
  font-size:1.1em; position:absolute; color:#FFFFFF; left:21px; top:10px; width:auto;
}
.footer p a {
  color:#FFFFFF; text-decoration:underline;
}
.footer p a:hover {
 text-decoration:none;
}
.footer img {
  float:right; padding-right:20px; padding-top:4px;
}