body {font-family: Arial, Helvetica, sans-serif;font-size: .9em;margin: 0;padding: 0;}
#head {text-align: center;background: #eee url(images/bg2.jpg) center top no-repeat;}
#head img {padding: 17px 0 15px 0;}
p#accessible, p#disclaimer {position: absolute;left:-999em;}
#navwrap {text-align: center;float: left;width: 99.99%;background: #555 url(images/but-grade.gif) 0px 85% repeat-x;}
#backlinks {font-size: .75em;color: #444;padding-bottom: 10px;text-align: left;padding-left: 5px;}
#backlinks a {color: #444;}
#contentwrap {max-width: 900px;min-width: 480px;margin-left: auto;margin-right: auto;background-color: #fff;clear: both;padding-top: 10px;}
/* #sidenav, #content and part #content p and #contentwrap are in contentxxx.css   */
h1 {color: #999;font-size: 1.7em;}
h2 {font-size: 1.15em;}
#content p, #content dl, #feedbackLi {color: #555;font-size: .9em;line-height: 1.5em;}
#content p.safety {font-size: .75em;margin-top: 20px;color: #777;}
#content p.time {color: #DB75D6;}
#content p.tip {color: #61BEE4;}
#accessh1 {background: url(images/disabled-logo.gif) left center no-repeat;padding-left: 30px;}
#contacth1 {background: url(images/telephone-blk-answer.png) left center no-repeat;padding-left: 30px;}
#sitemaph1 {background: url(images/sitemap-icon.gif) left center no-repeat;padding-left: 30px;}
#sitemaph2 {text-align: center;background: url(images/sitemap-branch.gif) bottom center no-repeat;margin: 0;padding: 0;padding-bottom: 7px;}
#sitemaph2 a {color: #999;text-decoration: none;}
dl.wax {float: left;width: 250px;}
dl.wax dt {font-weight: bold;}
table {color: #555;font-size: .9em;}
.access-table {text-align: center;}
#table-space {padding-bottom: 10px;}
.greyed-tr {background-color: #eaeaea;}
.clrB {clear: both;}
img {border: none;}
.stdimg {padding:10px;margin-left:5px;border: 1px solid #ccc;background-color: #eeefef;}
.rightimg {float:right;padding:10px;margin-left:10px;border:1px solid #ccc;background-color: #eeefef;}
.leftimg {float:left;padding:10px;margin-right:10px;border:1px solid #ccc;background-color: #eeefef;}
.productpic-l {float: left;width: 100px;padding: 10px;background-color: #eee;border: 1px solid #ddd;margin-right: 10px;background: #E8EAFA url(images/but-grade.gif) bottom repeat-x;}
.productpic-r {float: right;width: 100px;padding: 10px;background-color: #eee;border: 1px solid #ddd;margin-left: 10px;background: #E8EAFA url(images/but-grade.gif) bottom repeat-x;}

/* ###### M E N U  S T Y L E S ###### */
/* utility bar */
#utils {text-align: right;background: #FBFCFE;padding: 1px 20px;margin: 0;list-style: none;}
#utils li {display: inline;padding: 0px 5px;}
#utils a {color: #667;font-size: .9em;text-decoration: none;}
#utils a:hover {text-decoration: underline;color: #454550;}
.skip {position:absolute;left: -999em;overflow: hidden;}
.skip:active, .skip:focus {position: absolute;left: 20px;background-color: #EDEEFC;overflow: visible; /* fix so skip links display in IE */}
/* main menu bar */
#mainnav {text-align: center;margin-left: auto;margin-right: auto;width: 50.4em;}
#mainnav ul {float: left;list-style: none;margin: 0;padding: 0;margin-left: auto;margin-right: auto;}
#mainnav ul li {float: left;margin: 0;padding: 0;list-style: none;}
#mainnav ul a {float:left;padding: 10px 1em;text-transform: uppercase;text-decoration: none;color: #E6E8FA;color:#F5F8FC;background: #333 url(images/but-grade.gif) bottom repeat-x;
	border-left: 1px solid #555;border-right: 1px solid #333;height: 1.4em;line-height: 1.4em;}
#mainnav ul a:hover {text-decoration: underline;}
#mainnav ul a#active {border-bottom: 4px solid #F87036;margin-bottom: -4px;}
/* main menu special styles */
#mainnav li#homebutton, #mainnav li#hactive {background: #333 url(images/but-grade.gif) bottom repeat-x;}
#mainnav li#homebutton a {background: url(images/homeicon1.png) center center no-repeat;padding: 10px 1em;}
#mainnav li#homebutton a:hover {background: url(images/homeicon.png) center center no-repeat;}
#mainnav li#hactive a {background: url(images/homeicon.png) center center no-repeat;border-bottom: 4px solid #F87036;margin-bottom: -4px;}
.access {position: absolute;left: -999em;}
#mainnav li#tele {background: #333 url(images/but-grade.gif) bottom repeat-x;}
#mainnav li#tele a {background: url(images/telephone-wht.png) center center no-repeat;padding: 10px 1em;}
#mainnav li#tele a:hover {background: url(images/telephone-wht-answer.png) center center no-repeat;}
#popuptel {position: absolute;left:-999em;}
#popuptel span {color: #666;}
#mainnav li#tele:hover #popuptel {position: absolute;top:73px;left: 75%;border: 1px solid #999;background-color: #e6e8fa;font-weight: bold;
	padding: 5px;text-align: left;}
/* side menu */
/* #sidenav is in contentxxx.css   */
#sidenav a {display: block;color: #666;text-decoration: none;padding: 3px 0px 3px 0px;}
#sidenav a:hover {text-decoration: underline;}
#sidenav a#selected {font-weight: bold;}

/* FORMS */
form {border: none;color: #444;}
#emailfriend {margin-left: auto;margin-right: auto;max-width: 860px;min-width: 460px;font-size: .8em;background: #aaa url(images/but-grade.gif) 0px 20% repeat-x;
	padding: 5px 10px;}
#emailfriend2, #feedback {border: 1px solid #bbb;padding: 15px;}
#sent-email {border: 1px solid #999;padding:10px 20px;}
#emailfriend fieldset {border: none;padding: 0;margin: 0;}
#emailfriend2 fieldset, #feedback fieldset {border: none;padding: 15px 15px 0 15px;}
#emailfriend legend {padding-bottom: 3px;}
#emailfriend span {float: left;width: 24.9%;}
#emailfriend input, #emailfriend label {display: block;color: #222;}
#content p.thanks {font-size: 1.2em;color: #2FC731;}
#content p#tryagain {color:red;font-size:1.2em;}
.valid {color:red;font-size:0.9em;}
.submit {float: right;}
.ql-highlight {color: #bbb;}
#quicklinks ul a:hover {text-decoration: underline;color: #666;}
#pico {text-align: center;font-size: .9em;padding: 20px;color: #aaa;}
#pico a {color: #aaa;text-decoration: none;}
#pico a:hover {color: #333;}

/* services and website home  */
.float {border: 0px solid #bbb;float: left;width: 50%;}
.float ul {list-style: none;margin: 0;padding: 0;float: left;}
.float ul li {background: url(images/but-grade.gif) 0px 90% repeat-x;padding: 20px 0 20px 0;width: 140px;margin: 0 10px 10px 0;text-align: center;float: left;}
.float ul a {background-color: #e6e8fa;display: block;font-weight: bold;text-decoration: none;color: #444;font-size: .9em;padding: 3px 0;margin: 0 2px;
	border-top: 1px solid #444;border-left: 1px solid #444;border-right: 1px solid #aaa;border-bottom: 1px solid #aaa;}
.float ul a:hover {background-color: #90C3D1;color: #222;}
/* sitemap */
.sitemap, .sitemap ul {list-style: none;margin: 0;padding: 0;}
.sitemap {float: left;width: 49.9%;padding-top: 15px;}
#sm1 {background: url(images/sitemap-left.gif) top center no-repeat;}
#sm2 {background: url(images/sitemap-right.gif) top center no-repeat;}
.sitemap ul {padding-bottom: 30px;padding-top: 5px;}
.sitemap li {padding: 0;margin: 0;}
.sitemap a.section {font-size: 120%;color: #999;font-weight: bold;border-bottom: 3px solid #444;text-decoration: none;width: 85%;margin-left: 7%;
	display: block;text-align: center;}
.sitemap ul a {font-size: 80%;color: #666;padding-left: 20%;}
.sitemap ul ul {font-size: 90%;margin: 0;padding: 0 0 0 15px;}

/* #iefavmsg {display: none;} */
/* bottom bar and below */
#bottombar {clear: both;margin-left: auto;margin-right: auto;max-width: 900px;min-width: 480px;background: #333 url(images/but-grade.gif) 0px 85% repeat-x;
	margin-top: 0px;padding: 5px 0px;list-style: none;text-align: right;}
#bottombar li {display: inline;margin-right:20px;color: #ddd;}
#bottombar a {text-decoration: none;color: #E9E9E9;background: #333;}
#quicklinks {clear: left;margin-left: auto;margin-right: auto;padding-bottom: 30px;max-width: 880px;min-width: 480px;}
#quicklinks ul {float: left;width: 24.9%;border-left: 1px solid #ddd;list-style: none;padding: 0;margin: 0;text-align: center;}
#quicklinks ul.first {border: none;clear: left;}
#quicklinks ul a {color: #aaa;font-size: .8em;text-decoration: none;}
#marketing {list-style: none;margin: 0;padding: 0;margin-left: auto;margin-right: auto;padding-bottom: 15px;max-width: 880px;min-width: 480px;text-align: center;}
#marketing:after { /* to self clear float - non IE browsers */
    content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#marketing li {float: none;display: inline;border: 0px solid red;color:#555;font-size:.9em;}
#marketing a#linkedin {background: url(images/share/linkedin-trans.png) center left no-repeat;font-size:.8em;}
#marketing a#bebo {background: url(images/share/bebo-trans.png) center left no-repeat;font-size:.8em;}
#marketing a#del {background: url(images/share/del-trans.png) left center no-repeat;font-size:.8em;}
#marketing a#facebook {background: url(images/share/facebook-trans.png) left 50% no-repeat;font-size:.8em;}
#marketing a#digg {background: url(images/share/digg-trans.png) left center no-repeat;font-size:.8em;}
#marketing a#stumble {background: url(images/share/stumbleupon-trans.png) left center no-repeat;font-size:.8em;}
#marketing a#reddit {background: url(images/share/reddit-trans.png) left center no-repeat;font-size:.8em;margin-right:10px;}
#marketing a#linkedin:hover, 
#marketing a#bebo:hover,
#marketing a#del:hover, 
#marketing a#facebook:hover, 
#marketing a#digg:hover, 
#marketing a#stumble:hover,
#marketing a#reddit:hover {background-color: #fff;color: #444;}
#marketing a {padding: 3px 2px 2px 22px;display: inline-block;color: #999;font-size: .9em;text-decoration: none;}
#marketing a:hover {text-decoration: underline;color: #666;}