@charset "utf-8";
/* CSS Document for PDI Training Solutions */

html, body, ul, ol, li, p, h1, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000; line-height: 16px; background: url(images/body-bkg-red.jpg) repeat-x; padding-top: 1px;}
body#green {background: url(images/body-bkg-green.jpg) repeat-x;}

.bold {font-weight: bold;}
p {margin-bottom: 15px}
p.clear, br.clear {clear: both;}
p.right {text-align: right;}
p.smltxt {font: 10px Verdana, Arial, Helvetica, sans-serif;}
.nomarg {margin-bottom: 0;}
a img {border: none;}
h1, h2 {font: 220% Arial, Helvetica, sans-serif; color: #000; margin-bottom: 15px;}
h1 span, h2 span {font: 70% Arial, Helvetica, sans-serif; color: #585858;}
h3 {font: 160% Arial, Helvetica, sans-serif; color: #575757;}
p.smlheading {font: bold 120% Arial, Helvetica, sans-serif; color: #4171AF; margin-bottom: 5px;}
p.hdg { font: 130% Arial, Helvetica, sans-serif; color: #A01B22; margin-bottom: 2px; }
img.right {float: right; margin-left: 15px; margin-bottom: 10px;}
img.left {float: left; margin-right: 15px; margin-bottom: 10px;}
p.white {color: #FFF;}
p.white a {color: #FFF;}

#wrapper {width: 994px; margin: auto auto;}

.header {height: 150px; position: relative; top: 0px; z-index: 3;}
.header ul.topNav {background: url(images/topNav-bkg.jpg) no-repeat left bottom; margin-left: 637px; padding-left: 14px; height: 21px; }
.header ul.topNav li {display: inline; list-style-type: none;}
.header ul.topNav li a:link, .header ul.topNav li a:visited {color: #FFF; text-decoration: none; padding: 5px 8px; background: #000; border-right: 1px solid #666; font: 11px Verdana, Arial, Helvetica, sans-serif;display: block; float: left; text-align: center;}
.header ul.topNav li a:hover {text-decoration: underline;}
.header ul.topNav li a#bookmark:link, .header ul.topNav li a#bookmark:visited {background: #606060;}
.header h1.sentence {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; float: left; text-align: right; width: 620px; padding: 5px 0 0 0; margin: 0; border: none; }
.header img.logo {float: left;}
.header p.telephone {text-align: right; font: 21px Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 0; padding: 0; float: right;}
.header p.telephone span {font-size: 14px;}
.header p.telephone a:link, .header p.telephone a:visited {color: #000;}
.header p.telephone a:hover {color: #C00; text-decoration: none;}
.header ul.mainNav {width: 734px; background: red; display: block; position: absolute; top: 88px; right: 0px;}
.header ul.mainNav li {list-style-type: none; display: inline; background: #FFF;}
.header ul.mainNav li a:link, .header ul.mainNav li a:visited {background: #808080 url(images/mainNav-bkg.jpg) repeat-x; border-right: 1px solid #000; padding: 17px 0; text-decoration: none; color: #FFF; text-align: center; float: left; font: 11px Verdana, Arial, Helvetica, sans-serif; display: block;}
.header ul.mainNav li a:link#trainingManualPrinting, .header ul.mainNav li a:visited#trainingManualPrinting {width: 119px;}
.header ul.mainNav li a:link#trainingManualPrintingActive, .header ul.mainNav li a:visited#trainingManualPrintingActive {background: #5E0F13 url(images/mainNav-bkg-o.jpg) repeat-x; width: 119px; border-right: 1px solid #D3232D;}
.header ul.mainNav li a:link#trainingPacks, .header ul.mainNav li a:visited#trainingPacks {width: 76px;}
.header ul.mainNav li a:link#trainingPacksActive, .header ul.mainNav li a:visited#trainingPacksActive {background: #5E0F13 url(images/mainNav-bkg-o.jpg) repeat-x; width: 76px; border-right: 1px solid #D3232D;}
.header ul.mainNav li a:link#conferenceMaterials, .header ul.mainNav li a:visited#conferenceMaterials {width: 136px;}
.header ul.mainNav li a:link#conferenceMaterialsActive, .header ul.mainNav li a:visited#conferenceMaterialsActive {background: #5E0F13 url(images/mainNav-bkg-o.jpg) repeat-x; width: 136px;border-right: 1px solid #000;}
.header ul.mainNav li a:link#eLearning, .header ul.mainNav li a:visited#eLearning {width: 141px;}
.header ul.mainNav li a:link#eLearningActive, .header ul.mainNav li a:visited#eLearningActive, .header ul.mainNav li a:hover#eLearning {background: #003300 url(images/mainNav-bkg-green.jpg) repeat-x; width: 141px;border-right: 1px solid #009764;}
.header ul.mainNav li a:link#usb, .header ul.mainNav li a:visited#usb {width: 166px;}
.header ul.mainNav li a:link#usbActive, .header ul.mainNav li a:visited#usbActive, .header ul.mainNav a:hover#usb {background: #003300 url(images/mainNav-bkg-green.jpg) repeat-x; width: 166px;border-right: 1px solid #009764;}
.header ul.mainNav li a:link#printing, .header ul.mainNav li a:visited#printing {width: 90px;}
.header ul.mainNav li a:link#printingActive, .header ul.mainNav li a:visited#printingActive, .header ul.mainNav li a:hover#printing {background: #003300 url(images/mainNav-bkg-green.jpg) repeat-x; width: 90px;border-right: 1px solid #009764;}

.header ul.mainNav li a:hover, .header ul.mainNav li a#active:link, .header ul.mainNav li a#active:visited {background: #5E0F13 url(images/mainNav-bkg-o.jpg) repeat-x; border-right: 1px solid #D3232D;}

.header ul.mainNav li ul {position: absolute; top: 60px; display: none; width: 160px; left: 0px; z-index: 300;}
.header ul.mainNav li ul#trainingManualPrintingUL {left: 0px;}
.header ul.mainNav li ul#trainingPacksUL {left: 119px;}
.header ul.mainNav li ul#conferenceMaterialsUL {left: 196px;}
.header ul.mainNav li ul#eLearningUL {left: 333px;}
.header ul.mainNav li ul#usbUL {left: 475px; width: 200px;}
.header ul.mainNav li ul#printingUL {left: 558px;}

.header ul.mainNav li:hover ul, .header ul.mainNav li.over ul {display: block;}

.header ul.mainNav li ul a:link, .header ul.mainNav li ul a:visited {text-decoration: none; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 5px 7px; text-decoration: none; display: block; background: #FFF; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; text-align: left; width: 160px; border-left: 1px solid #999; border-bottom: 1px solid #999; border-right: 1px solid #999;}
.header ul.mainNav li ul a:hover {background-color: #333; color: #FFF; border-right: 1px solid #000; border-left: 1px solid #000;}
.header ul.mainNav li ul#usbUL a:link, .header ul.mainNav li ul#usbUL a:visited {width: 200px;}

/* Fix IE. Hide from IE Mac \*/
* .header ul.mainNav ul li {float: left;}
* .header ul.mainNav ul li a {height: 1%;}
/* End */



.topSection {margin-top: 6px; height: 252px; z-index: 0;}
.topSection ul.subNav {background: url(images/subNav-bkg.jpg) no-repeat bottom right; height: 222px; width: 220px; padding: 15px; float: left;}
.topSection ul.subNav#greenSubNav {background: url(images/subNav-bkg-green.jpg) no-repeat bottom right;}
.topSection ul.subNav li {list-style-type: none;}
.topSection ul.subNav li a:link, .topSection ul.subNav li a:visited {border-bottom: 1px solid #CCC; padding: 5px 0; width: 220px; display: block; text-decoration: none; color: #FFF;}
.topSection ul.subNav li a:hover {font-weight: bold;}
.topSection .topImg {float: left; width: 526px; background: #FFF url(images/topImgs/topImg_Flash_bkg.jpg) no-repeat right; height: 252px; z-index: 1;}
.topSection form.quote {margin-left: 776px; background: url(images/quote-bkg.jpg) repeat-x; height: 252px; width: 193px; padding: 15px 15px 0px 10px;}
.topSection form.quote#greenQuote {background: url(images/quote-bkg-green.jpg) repeat-x;}
.topSection form.quote img.Hdg {margin-left: 93px; margin-bottom: 5px; margin-top: 5px;}
.topSection form.quote p {margin-bottom: 7px;}
.topSection form.quote p label.bold {font-weight: bold;}
.topSection form.quote p label {float: left; width: 54px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-align: right; padding-top: 2px;}
.topSection form.quote p input {margin-left: 10px; border: 1px solid #999; background: #FFF; font: 10px Verdana, Arial, Helvetica, sans-serif; padding-left: 2px; width: 123px;}
.topSection form.quote p select {margin-left: 10px; border: 1px solid #999; background: #FFF; font: 10px Verdana, Arial, Helvetica, sans-serif; padding-left: 2px; width: 129px;}
.topSection form.quote p input.submit {background: url(images/submit-button.jpg) no-repeat; width: 24px; height: 24px; display: block; border: none; padding: 0; margin-left: 170px; margin-bottom: 10px;}
.topSection form.quote p.smlTxt {text-align: right; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF;}
.topSection form.quote p#quantity {display: none;}
.topSection form.quote p#TrainingManuals {display: none;}
.topSection form.quote p#quantityMain {display: none;}
.topSection #fadeshow1 {width: 776px; float: left; z-index: 1; position: relative;}

.flashMsg {width: 390px; margin-bottom: 0; background: url(images/flashMsg-bkg.gif) no-repeat; text-align: center; color: #999; margin-left: 250px;}

.content {padding: 30px 15px 15px 15px;}
.content a:link, .content a:visited {color: #000;}
.content a:hover {color: #C00; text-decoration: none;}
.content ul {margin-bottom: 10px;}
.content ul li {list-style-type: square; list-style-position: outside; margin-left: 15px; padding-bottom: 5px;}
.content .featureRight {float: right; border-left: 60px solid #FFF; margin-bottom: 30px; width: 250px; }
.content .featureRight#conference {width: 430px; margin-right: 20px;}
.content p.top {background: #921920; padding: 7px 10px; font: 120% Arial, Helvetica, sans-serif; color: #FFF; margin-bottom: 0px;}
.content p.top#greenTop {background: #006C39}
.content p.top span {font-size: 90%;}
.content .bottom {background: #F4F4F4; padding: 10px 10px 0 10px; border-bottom: 15px solid #FFF;}
.content .bottom ul li {list-style-type: none; background: url(images/featureRight-list-bkg.gif) no-repeat left top; padding-left: 15px; margin-left: 0;}
.content .bottom ul.green li {list-style-type: none; background: url(images/featureRight-list-bkg-green.gif) no-repeat left top; padding-left: 15px; margin-left: 0;}
.content .feature {background: #F4F4F4 url(images/feature-bkg.jpg) repeat-x bottom; padding: 15px 15px 1px 15px; margin-bottom: 15px; width: 620px;}
.content .feature .worldmap {background: url(images/world-map.jpg) no-repeat bottom right;}
.content p.arrow {background: url(images/grey-arrow-sml.gif) no-repeat left top; padding-left: 15px;}
.content .featureBox {float: left; width: 450px; margin-right: 15px;}

.content table {padding: 2px; float: right; margin-left: 60px; margin-bottom: 30px}
.content table td {padding: 5px; margin: 1px;}
.content table tr.norm {background: #F4F4F4;}
.content table td.hdr {background: #000; color: #FFF;}
.content table td.topHdg {background: #FFF; position: relative; top: -5px;}
.content table tr.alt {background: #EAEAEA;}

.content .map {float: right; margin-left: 60px; margin-bottom: 30px; text-align: right; color: #000;}
.content .map a {color: #000;}
.content p.contactHdg {background: #EAEAEA; padding: 2px 5px; float: left; width: 80px; margin-bottom: 1px;}
.content p.contactDetails {padding: 2px 5px; margin-left: 100px; margin-bottom: 1px;}

.content ul.sitemap li {background: url(images/arrow-grey.gif) no-repeat; padding-left: 15px; list-style-type: none;}
.content ul.sitemap li ul {margin-top: 5px;}

.content .exhibit { background: url(images/footer-bkg.jpg) repeat-x; margin-bottom: 15px; padding: 10px; width: 445px; float: left; margin-right: 15px; height: 160px; }
.content .exhibit img { float: left; }
.content .exhibit p {margin-left: 160px;}
.content .exhibit img#roller {padding-left: 50px;}

.footer {clear: both; border-top: 1px solid #CCC; color: #999; font: 10px Verdana, Arial, Helvetica, sans-serif; background: url(images/footer-bkg.jpg) repeat-x; }
.footer .footerTxt {width: 994px; margin: auto auto; background: url(images/footer-bkg.jpg) repeat-x; border-top: 1px solid #CCC; padding-top: 6px; position: relative; top: -1px;}
.footer .footerTxt a:link, .footer .footerTxt a:visited {color: #999;}
.footer .footerTxt .left {float: left; width: 520px; padding-left: 10px; }
.footer .footerTxt .right {margin-left: 520px; text-align: right; padding-right: 10px; }
.footer .footerTxt .right img {margin-left: 15px; margin-top: 10px;}