@charset   "utf-8";

/* CSS Document */
/***************************************** reset *****************************************/
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  border: 0;
  }

/***************************************** elements **************************************/
body {
	margin: 0px;
	background: #464646 url('/gfx/patterns/pattern_strips_black_25pc.png') repeat center top;
  font-family: Arial, Helvetica, sans-serif;
  color: #808080;
  }
  
a { color: #0066ff; text-decoration: underline; }
a:link { color: #0066ff; }
a:active { color: #cc0000; }
a:visited { color: #0066ff; }
a:hover { color: #cc0000; }

.clear {
	clear: both;
	height: 0px;
  }
  
/***************************************** structure *****************************************/
#wrapper {
	width: 936px;
  margin: 10px auto;
  }

#brandSpaceOuter { }
#brandSpaceInner { padding: 0px 0px; } 

#contentContainer {
  float: left;
  width: 565px;
  margin-top: 10px;
  }
#contentOuter { }
#contentInner { padding: 8px 0px; }
#content {
  text-align: center;
  background: url('/gfx/content_bkg_cream.png') no-repeat center top;
  margin-top: 6px;
  }
#content .inner {
  height: 95%;
  overflow: auto;
  } 
#favouritesContainer {
  float: left;
  width: 278px;
  margin: 10px 8px 0px 0px;
  }
#favouritesOuter { }
#favouritesInner { padding: 8px 0px; }
#favouritesContent {
  text-align: left;
  background: url('/gfx/favourites_bkg_cream.png') no-repeat center top;
  margin-top: 6px;
  padding-top: 10px;
  }
#favouritesContentLeft {
  float: left;
  margin-left: 20px;
  width: 130px;
  }
#favouritesContentRight {
  float: left;
  text-align: right;
  width: 80px;
  }
  
#followUsContainer {
  float: left;
  width: 278px;
  margin: 10px 0px 0px 0px;
  }
#followUsOuter { }
#followUsInner { padding: 8px 0px; }
#followUsContent {
  text-align: left;
  background: url('/gfx/favourites_bkg_cream.png') no-repeat center top;
  margin-top: 6px;
  padding-top: 10px;
  z-index: 20;
  }
 #followUsContent, #favouritesContent {
  height: 60px;
  } 
#footerContainer {
  clear: both;
  width: 565px;
  margin: 10px 0px 20px 0px;
  float:left;
  }
#footerOuter { }
#footerInner { padding: 0px; }
  
#assetsContainer {
  float: right;
  width: 362px;
  margin-top: 10px;
  }
#assetsOuter { }
#assetsInner { padding: 8px 0px; }
#assetsNav {
  margin: 8px 10px 0px 10px;
  padding-top: 0px;
  position: relative;
  text-align: left;
  }
  
.inner {
  text-align: left;
  padding: 20px;
  }
  
/* ------------------------------- Generic Panel Styles ------------------------------ */
.outerPanel {
	text-align: center;
  background: #ffffff url('') repeat;
  border: 2px solid #000000;
  padding: 0px;
  }
.innerPanel {
	text-align: center;
  background: #999999 url('/gfx/patterns/pattern_strips_black_25pc.png') repeat;
	border: 2px solid #ffffff;
  padding: 4px 0px;
  }  
div.panelTitle {
  text-align: left;
  background: url('/gfx/navArrow_black.png') no-repeat left center;
  margin-left: 10px;
  padding-left: 14px;
  font-size: 10px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  position: relative;
  }

/* -------------------------------- Favourites Styles -------------------------------- */
#favouritesContent
{
	color: #808080;
}
#favouritesContentLeft {
  font-size: 10px;
  line-height: 13px;
  font-weight: normal;
  padding: 5px 10px 10px 0px;
  }
ul.favouritesIcon {
  list-style: none;
  }
ul.favouritesIcon li {
  float: left;
  padding: 4px;
  }
  
/* -------------------------------- Follow Us Styles -------------------------------- */
#followUsContent {
  font-size: 10px;
  line-height: 13px;
  font-weight: normal;
  color: #808080;
  padding: 0px 0px 10px 0px;
  }
#followUsContent .inner {
  padding: 14px 14px 0px 14px;
  }
ul.followUsIcon {
  list-style: none;
  }
ul.followUsIcon li {
  float: left;
  padding: 11px 6px 0px 2px;
  }
ul.followUsIcon li.last {
  padding-right: 0px;
  }
  
/* ---------------------------------- Footer Styles ---------------------------------- */
#footerInner {
	font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  text-align: left;
  color: #ffffff;
  }
#footerInner img {
	padding: 10px;
  }
#footerTitle {
  width: 370px;
  display:inline-block;
  vertical-align: bottom;
  padding: 0px 0px 14px 10px;
  }
#footerTitle a {
  font-weight: normal;
  text-decoration: none;
  color: #f78f1e;
  padding: 0px;
  }  
#footerTitle a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
  } 
  
/* --------------------------------- Content Styles ---------------------------------- */
#content {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  padding-bottom: 10px;
  }
#content h1 {
  font-size: 26px;
  line-height: 28px;
  font-weight: normal;
  color: #000000;
  padding: 20px 0px;
  }
#content h2 {
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  color: #000000;
  padding: 10px 0px;
  }  
#content h3 {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  padding: 10px 0px;
  }
#content p {
  padding-bottom: 10px;
  }
#content .disclaimer {
  font-size: 9px;
  line-height: 12px;
  padding-bottom: 10px;
  } 
.downloadBtn {
  display: inline-block;
  background: url('../gfx/download_cap.png') no-repeat right top;
  padding-top: 11px;
  padding-bottom: 10px;
  margin-top: 10px;
  }
.downloadBtn a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #999999;
  margin-top: 30px;
  }
.downloadBtn a:hover {
  color: #bc3829;
  }
.iconPDF a {
  background: url('../gfx/download_PDF.png') no-repeat left top;
  padding: 13px 5px 20px 40px;
  margin-right: 6px;
  }
.iconDOC a {
  background: url('../gfx/download_DOC.png') no-repeat left top;
  padding: 13px 5px 20px 40px;
  margin-right: 6px;
  }
  
.imgLeft {
  float: left;
  border: 2px solid #000000;
  margin: 10px 10px 10px 0px;
  } 
.imgRight {
  float: right;
  border: 2px solid #000000;
  margin: 10px 0px 10px 10px;
  } 
  
/* ----------------------------- Assets Navigation Styles ---------------------------- */
#assetsNav ul#accordion {
  position: relative;
  font-size: 12px;
  z-index: 0;
  list-style: none;
  }
#assetsNav ul#accordion li {
  background-image: url('/gfx/assetsNavLi_shadow.png');
	background-repeat: no-repeat;
	background-position: top;
  background-color: #cccccc;
  display: block;
  padding: 0px 14px 0px 20px;
  font-size: 11px;
  color: #000000;
  }
#assetsNav ul#accordion li.first {
  background-image: url('/gfx/spacer.gif');
  display: block;
  }
#assetsNav ul#accordion li a.head {
  background-image: url('/gfx/navArrow_white.png');
	background-repeat: no-repeat;
	background-position: left center;
  margin-left: -6px;
  padding-left: 16px;
  font-size: 11px;
  line-height: 3.4em;
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
  }
#assetsNav ul#accordion li.selected, #assetsNav ul#accordion li.selected a.head {
  background-color: #ffffff;
  }
#assetsNav ul#accordion li a.head:hover {
  text-decoration: underline;
  color: #cc33ff;
  }
#assetsNav ul#accordion li.selected a.head {
  background-image: url('/gfx/navArrow_black_down.png');
  color: #222222;
  }
#assetsNav ul#accordion li.selected a.head:hover  {
  color: #cc33ff;
  }
#assetsNav ul#accordion li.selected ul li, #assetsNav ul#accordion li ul li {
  background: none;
  }
#assetsNav ul#accordion li span {
  display: block;
  padding: 4px 0px 20px 0px;
  }
#assetsNav ul#accordion li p {
  padding: 4px 0px 20px 0px;
  }
      
/* --- Assets Styles: lists --- */
#assetsNav ul#accordion li ul {
  padding: 0px 0px 20px 0px;
  list-style: none;
  }
#assetsNav ul#accordion li ul li {
  background: url('/gfx/icon_links.png') no-repeat left top !important;
  margin-left: 0px;
  padding-left: 20px;
  border: 1px solid transparent;
  }
#assetsNav ul#accordion li ul li a {
  text-decoration: underline;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.5em;
  padding: 0px;
  margin: 0px;
  color: #ff6633;
  }
#assetsNav ul#accordion li ul li a:hover {
  color: #ccff33;
  }
  
/* --- Assets Styles: Flickr Images --- */   
#assetsNav ul#accordion li div.flickrContent {
  text-decoration: none !important;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.5em;
  padding: 0px 0px 20px 0px;
  margin: 0px;
  color: #8a1e04;
  }
  
.flickrLink {
  display: inline-block;
  background: url('../gfx/assetsLinkCap.png') no-repeat right top;
  padding: 0px !important;
  margin: 0px !important;
  }
.flickrLink a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #f78f1e;
  background: url('../gfx/assetsLinkBkg.png') no-repeat left top;
  padding: 2px 5px 8px 10px;
  margin-right: 4px;
  }
.flickrLink a:hover {
  color: #ff0000;
  }  
  
#assetsNav ul#accordion li ul.flickrFeed {
  padding-left: 10px;
  } 
#assetsNav ul#accordion li ul.flickrFeed li {
  background: none !important;
  display: inline;
  padding-left: 0px;
  }
#assetsNav ul#accordion li ul.flickrFeed li a {
  border: none !important;
  text-decoration: none !important;
  }
  
/* --- Assets Styles: List Icons --- */   
#assetsNav ul#accordion li ul.download {
  padding: 0px 0px 10px 0px;
  }  
#assetsNav ul#accordion li ul.audio li {
  background: url('/gfx/icon_audio.png') no-repeat left top !important;
  }
#assetsNav ul#accordion li ul.document li {
  background: url('/gfx/icon_documents.png') no-repeat left top !important;
  }
#assetsNav ul#accordion li ul.image li {
  background: url('/gfx/icon_images.png') no-repeat left top !important;
  }
#assetsNav ul#accordion li ul.video li {
  background: url('/gfx/icon_video.png') no-repeat left top !important;
  }

/* --- Assets Styles: Ask a Question Form --- */  
.askAQuestion form {
  margin-left: 8px;
  }
.askAQuestion form, .askAQuestion input, .askAQuestion textarea, .askAQuestion select, #pleaseWait {
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  }
.askAQuestion form label {
  display: inline-block;
  width: 60px;
  padding-bottom: 6px;
  margin-top:5px;
  }
.askAQuestion form input {
  border: 1px solid #000000;
  width: 16em;
  font-size: 11px;
  line-height: 1.5em;
  padding: 2px;
  margin-top:5px;
  }
.askAQuestion form input.submitBtn {
  width: 6em;
  font-size: 10px;
  text-transform: uppercase;
  margin-bottom: 10px;
  }
.askAQuestion form input.submitBtn:hover{
  color: #ff0000;
  }
.askAQuestion form textarea {
  border: 1px solid #000000;
  width: 22em;
  font-size: 11px;
  line-height: 1.5em;
  padding: 2px;
  }
li .askAQuestion form span {
  width: .5em;
  height: 5px;
  position: absolute;
  margin-left: -10px;
  display:none !important;
  }
#assetsNav ul#accordion li div.askAQuestion form ul li {
  background-image: none !important;
  margin-left: 0px;
  padding-left: 0px;
  color: #ff0000;
  }
#pleaseWait {
  display:none;
  float:left;
  }
  
li.selected .videoAsset object {
  display: block;
  padding-bottom: 20px;
  }
  
/* Unsubscribe */
.txtUnsub
{
	width: 250px;
	height: 20px;
	border: 1px solid #999999;
	padding-left: 5px;
	padding-top: 2px;
	margin-bottom: 10px;
}

.btnUnsub
{
	width: 100px;
	height: 24px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */