/* CSS Document */

body {margin: 0;}
body, #header, .bkgdark, .bkglight, .headerdark #header, .headerlight #header, .box h3 {background-image: none;}
#page {margin-bottom: 0;}
#header img  {padding-bottom:5px;}

.cols4 {width: 24.5%; overflow: hidden;}
.cols8 {width: 49%; overflow: hidden;}
.cols12 {width: 74.25%; overflow: hidden;}
.cols16 {width: 99%;}
.cols16 .cols8 {width: 49%}
.cols16 .cols4 {width: 24.5%}
.cols12 .cols6 {width: 49%;}
.cols12 .cols4 {width: 32.66%;}
.cols8 .cols4 {width: 49%;}

#shade_tl, #shade_tr {display: none;}
#wrapper {width: 760px /* fallback value */;
 width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? 
					document.documentElement.clientWidth : document.body.clientWidth) > 1011 ? 
				   "1050px" : 
				   ((document.compatMode && document.compatMode=='CSS1Compat') ? 
					 document.documentElement.clientWidth : document.body.clientWidth) < 801 ? 
				   "784px" : "98%");  margin: 0; padding: 0;}
#container {width: 100%; margin: 0; padding: 0;}

#navigation {padding-bottom: 1px; margin-top:-1px;}
#navigation a:hover {background: #fff; color: #000;} /* removed the !important flags on both css settings since it could not be overwritten */

#wrapper, #container {margin-bottom: -20px;}
#container {position: relative; min-height: 0;}

#footer {position: relative; bottom: 0; left: 0; margin: 0; padding: 0 10px 0 0; width: 100%; border-top: 1px solid #ccc;}
.box {position: relative;}

#breadCrumbs, #serviceLinks {position: relative;}

.box, a em {zoom: 1; position: relative;}
.rounded .corner10TR {top: -1px; right: -1px; zoom: 1;}
.rounded .corner10TL {top: -1px; left: -1px; zoom: 1;}
.rounded .corner10BR {bottom: -1px; right: -1px; zoom: 1;}
.rounded .corner10BL {bottom: -1px; left: -1px; zoom: 1;}

ul, ul li {zoom: 1;}
ul ol, ul ol li {zoom: 0 !important;}
p.quote {height: 1em;}
p a em {cursor: pointer;}

#serviceLinksBox {padding-bottom: 0;}
#serviceLinksBox dl {padding: 0;}
#serviceLinksBox dl + dl {padding-top: 0;}
#serviceLinksBox dt {padding: 5px 0 0 0;}
#serviceLinksBox dd {padding: 0; margin: -5px 0;}

#serviceLinksBox ul {text-align: left;}
#serviceLinksBox li {float: left; display: inline;}
#serviceLinksBox a {float: left !important;}
#serviceLinksBox li a img {margin-right: 0;}

tr.even {background: #eee;}

blockquote .quote {font-size: 1.2em; line-height: normal;}
blockquote .quote span {top: 0em;}

.universalForm {width: 99%;}
.universalForm legend {margin-bottom: 1em;}


img {zoom: 1;}

#toolsBasket dd#basketLatest {display: none;}
#basketLatestIframe {display: none; position: fixed; top: -20px; right: 50%; margin-right: -480px; height: 96px; width: 425px; overflow: hidden; z-index: 98;}
#basketLatest {display: none; opacity: 0; position: fixed; top: 0; right: 50%; margin-right: -480px; height: 86px; width: 294px; padding: 10px 10px 0 120px; overflow: hidden; z-index: 99;}

#breadCrumbs li {padding-left: 10px; padding-right: 5px; background: url(/images/layout/hasChild.gif) 2px 50% no-repeat;}
#breadCrumbs li:last-child {padding-left: 0; background: none;}
#breadCrumbs #serviceLinks li {padding-left: 10px; background: none;}

label {line-height: 1.7em;}

.formCols dd {width: 60%;}

/* LEFT MENU CSS FIXES IE ONLY */
/*#subNav li ul {position: relative; top: 5px;} -- REMOVED THIS TO FIX DOUBLE LINES IN LEFTMENU */
#subNav .last {border-bottom: none;}
#subNav li.lastExpandable, #subNav li.lastCollapsable {border-bottom: none; border-color: #ddd;}
#subNav li.lastExpandable ul li, #subNav li.lastCollapsable  ul li{border-color: #ddd;}