@charset "utf-8";

/*general*/
body {background-color: #eaeff2; margin: 0px; padding:0px}
div {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#363636}
img {border:0px}
a {color:#1b75bc; text-decoration:none}
a:hover {color:#f15a22; text-decoration:underline}
h1 {margin: 0px; padding:0px; color:#1b75bc; font-size:29px; font-family: Calibri, Arial, Helvetica, sans-serif; font-weight:normal}
h2 {margin: 0px; padding:0px; color:#1b75bc; font-size:16px; font-family: Calibri, Arial, Helvetica, sans-serif; font-weight:normal}
h3 {margin: 0px; padding:0px; font-size:17px; font-family: Calibri, Arial, Helvetica, sans-serif; font-weight:normal}
h4 {margin: 0px; padding:0px; font-size:16px; font-weight:normal}
.clr {clear:both}
.pageset {width:945px; margin:auto; background-color:#FFFFFF; padding-top:27px}
.content {width:905px; margin:auto; padding-bottom:20px}
.homecontent {width:905px; margin:auto; padding-bottom:3px}
.footer {width:925px; margin:auto; color:#9a9a9a; text-align:right; padding:10px}
.leftnav {width:171px; float:left; padding:10px 0px 13px 13px; background-color:#eaeff2}
.leftnav div {padding-left: 5px; font-size:12px; line-height:19px}
.leftnav a:hover {font-weight: bold}
.mainpage {float:right; width:696px}
.trailbar {font-size:9px; display:block; margin-bottom:10px}
.padd {padding-left: 6px}

/*navigation*/
.logo {float:left; width:auto}
.navigation {width:697px; float:right; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999}
.navigation ul {list-style:none; margin:0px; padding:0px;width:697px;}
.navigation ul li {float:left; display:block; margin-right:1px; width:88px}
.navigation ul li a {font-size: 15px; font-weight:bold; height:23px; padding:3px 0px 0px 6px; font-family: Calibri, Arial, Helvetica, sans-serif; display:block; color:#000000; background:url(images/nav-off.gif) no-repeat left top}
.navigation ul li a:hover {text-decoration:none; color:#1b75bc; background:url(images/nav-hover.gif) no-repeat left top;}
.navigation .on a {background:url(images/nav-on.gif) no-repeat left top; color:#FFFFFF}
.navigation .on a:hover {background:url(images/nav-on.gif) repeat-x left top; color:#FFFFFF}
.navigation #right {float: right}

/*products footer*/
.productsfooter {background:url(images/gradient.gif) repeat-x left top; border:1px solid #dfe7eb; padding: 10px 13px 13px 13px}
.group a {color:#666666}
.group a:hover {color:#f15a22; text-decoration:underline}
.productsfooter a h4 {color:#1b75bc; font-size:11px; margin-top:3px}
.productsfooter a:hover h4 {color:#f15a22; text-decoration:underline}
.productsfooter .group {float: left; width:195px; margin-right:15px; padding-left:5px}

/*homepage*/
.homepromo {width:362px; height:347px; display:block; background:url(images/homepromo-back.gif) #1b75bc repeat-x left top; text-align:right; float:left}
.homepromo .text {padding:20px 20px 20px 70px}
.homepromo .text h1 {border-right:5px solid #4382b4; display:block; padding-right:20px; margin-bottom:20px; color:#FFFFFF;}
.homepromo .text h2 {color:#FFFFFF; margin-bottom:20px}
.animation {float:right; width:540px; height:347px; display:block; background-color:#000000}

/*products page*/
.detailleft {width:375px; float:left}
.detailright {width: 250px; float:right; background-color:#eaeff2; padding:13px 13px 8px 13px}
.titlegradient {background:url(images/gradient.gif) repeat-x left top; border-top: 1px dotted #999999; padding:6px}
.titleblock {border-top: 1px dotted #999999; padding:6px; background:#eaeff2}
.gradient {background:url(images/gradient.gif) repeat-x left top; padding:6px; margin-top:1px}
.publication {width:330px; float:left; display:block; margin-bottom:10px; margin-right:10px}
.thumb {width:100px; float:left; display:block}
.details {width:200px; float:left; display:block; margin-left:10px}
.details a h3 {margin: 0px; padding:0px; color:#1b75bc; font-size:16px; font-family: Calibri, Arial, Helvetica, sans-serif; font-weight:normal}
.details a:hover h3 {color:#f15a22; text-decoration:underline}

/*styled hyperlinks*/
a.button {display: block; margin-top:5px; margin-bottom:5px; padding:5px 20px 5px 5px; color:#1b75bc; border:1px solid #1b75bc; background:url(images/h-arrow.gif) #ffffff no-repeat top right; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:14px}
a:hover.button {color:#ffffff; background:url(images/h-arrow-white.gif) #1b75bc no-repeat top right; text-decoration:none}
#prodfooter {width: 95px}
#leftnav {width: 125px}
#publication {width: 90px}
a.homepage {padding:5px 20px 5px 5px; color:#ffffff; border:1px solid #ffffff; background:url(images/h-arrow-white.gif) no-repeat top right; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:14px; width:95px;}
a:hover.homepage {color:#1b75bc; background:url(images/h-arrow.gif) #ffffff no-repeat top right; text-decoration:none}
a.digital {display: block; margin-top:5px; margin-bottom:5px; padding:5px 20px 5px 5px; color:#1b75bc; border:1px solid #1b75bc; background:url(images/view.gif) #ffffff no-repeat top right; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:14px}
a:hover.digital {color:#ffffff; background:url(images/view-white.gif) #1b75bc no-repeat top right; text-decoration:none}
a.web {display: block; margin-top:5px; margin-bottom:5px; padding:5px 20px 5px 5px; color:#1b75bc; border:1px solid #1b75bc; background:url(images/web.gif) #ffffff no-repeat top right; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:14px}
a:hover.web {color:#ffffff; background:url(images/web-white.gif) #1b75bc no-repeat top right; text-decoration:none}
a.subscribe {display: block; margin-top:5px; margin-bottom:5px; padding:5px 20px 5px 5px; color:#1b75bc; border:1px solid #1b75bc; background:url(images/subscribe.gif) #ffffff no-repeat top right; font-family: Calibri, Arial, Helvetica, sans-serif; font-size:14px}
a:hover.subscribe {color:#ffffff; background:url(images/subscribe-white.gif) #1b75bc no-repeat top right; text-decoration:none}