/*-----------------------------------------------------------------------------
Intervet product/disease site

version:   2.0
author:    Ed Merritt
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.3em; }
body {font: 75% Helvetica, Arial, sans-serif; color: #333; text-align: center; margin: 0 10px; padding-bottom: 20px; background: url(/images/layout/bkg2.png) top repeat-x #f5f5f5;}

#wrapper {margin: 0 auto; text-align: left; width: 100%; min-width: 700px; max-width: 90em; padding-left: 10px; }
#container {position: absolute; height: auto !important; height: 100%; min-height: 100%; width: auto; min-width: 700px; max-width: 90em; background: #fff; padding-right: 20px; margin-left: -10px; margin-right: 10px;}
      
#page {float: left;margin-bottom: 5.3em; width: 100%;}
#footer {position: absolute; bottom: 0; left: 0; width: 100%;}
#shade_tl {position: absolute; top: 0; left: -10px; width: 10px; height: 100%; z-index: 100; background: url(/images/layout/pageShadow2.png) left repeat-y;}
#shade_tr {position: absolute; top: 0; right: -10px; width: 10px; height: 100%; z-index: 100; background: url(/images/layout/pageShadow2.png) right repeat-y;}
.clear {display: block; max-height: 1px; overflow: hidden; clear: left;}
.copyright {font-size:90%;text-align:right;}
.bkgdark {background-image: url(/images/layout/bkg.png);}
.bkglight {background-image: url(/images/layout/bkg2.png);}
.headerdark #header {background-image: url(/images/layout/header.png);}
.headerlight #header {background-image: url(/images/layout/header2.png);}

.bodyImageLeft {
border: 2px solid rgb(230, 236, 209);
margin: 0pt 1em 0.5em 0;
padding: 1px;
}
.bodyImageRight {
border: 2px solid rgb(230, 236, 209);
margin: 0pt 0pt 0.5em 1em;
padding: 1px;
}

#popup {background-color: #fff; margin-top: 20px;}

/* =Columns (Global)
-----------------------------------------------------------------------------*/

 .cols1 {display: block; position: relative; float: left; width: 6.25%; z-index: 30;}
 .cols2 {display: block; position: relative; float: left; width: 12.5%; z-index: 30;}
 .cols3 {display: block; position: relative; float: left; width: 18.75%; z-index: 30;}
 .cols4 {display: block; position: relative; float: left; width: 25%; z-index: 30;}       /* one col */
 .cols5 {display: block; position: relative; float: left; width: 31.25%; z-index: 30;}
 .cols6 {display: block; position: relative; float: left; width: 37.5%; z-index: 30;}
 .cols7 {display: block; position: relative; float: left; width: 43.75%; z-index: 30;}
 .cols8 {display: block; position: relative; float: left; width: 50%; z-index: 30;}       /* two col */
 .cols9 {display: block; position: relative; float: left; width: 56.25%; z-index: 30;}
.cols10 {display: block; position: relative; float: left; width: 62.5%; z-index: 30;}
.cols11 {display: block; position: relative; float: left; width: 68.75%; z-index: 30;}
.cols12 {display: block; position: relative; float: left; width: 75%; z-index: 30;}       /* three col */
.cols13 {display: block; position: relative; float: left; width: 81.25%; z-index: 30;}
.cols14 {display: block; position: relative; float: left; width: 87.5%; z-index: 30;}
.cols15 {display: block; position: relative; float: left; width: 93.75%; z-index: 30;}
.cols16 {display: block; position: relative; float: left; width: 100%; z-index: 30;}       /* four col */

.cols12 .cols12 {width: 100%;}       /* three col */
.cols12 .cols11 {width: 91.666%;}
.cols12 .cols10 {width: 83.333%;}
.cols12 .cols9 {width: 75%;}
.cols12 .cols8 {width: 66.666%;}     /* two col */
.cols12 .cols7 {width: 58.333%;}
.cols12 .cols6 {width: 50%;}        /* 2 halves */      
.cols12 .cols5 {width: 41.666%;}
.cols12 .cols4 {width: 33.333%;}       /* one col */
.cols12 .cols3 {width: 25%;}

.cols8 .cols8 {width: 100%;}     /* two col */
.cols8 .cols7 {width: 87.5%;}
.cols8 .cols6 {width: 75%;}
.cols8 .cols5 {width: 62.5%;}
.cols8 .cols4 {width: 50%;}     /* one col */
.cols8 .cols3 {width: 37.5%;}

.cols6 .cols6 {width: 100%;}
.cols6 .cols4 {width: 66.66%;}
.cols6 .cols3 {width: 50%;}

.cols4 .cols4 {width: 100%;}
.cols4 .cols3 {width: 75%;}

.cols3 .cols3 {width: 100%;}

.col {margin: 0 0 0 20px; padding-bottom: 20px;}

.contentColumnLeft {display: block; float: left; width: 47%; padding-right: 3%; margin: 0 0 20px 0;}
.contentColumnRight {display: block; float: left; width: 47%; padding-left: 3%; margin: 0 0 20px 0;}

.fullWidth {padding-right: 20px;}
.homeBanner {position: relative; overflow: hidden; padding-right: 20px;}
.homeBanner .fullWidthImg {padding-right: 20px;}
.homeBanner .cols8 {position: absolute; bottom: 20px; left: 0;}
.homeBanner .col { margin-bottom: 0;}
.homeBanner .box {-moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;}
.homeBanner .corner {display: none;}
.homeBanner img {margin-bottom: 0;}
.homeBanner h1 {margin-top: -0.4em;}


#javaNotification .col {border: 1px solid #FFDE9F; margin-bottom: 20px; padding: 10px 20px; background: #FFFECD;}
#javaNotification h3 {color: #a71212;}



/* Header
-----------------------------------------------------------------------------*/
/*
#header {background: url(/images/layout/headerCorner2.png) bottom right no-repeat; padding-bottom: 25px;}
*/
#header {padding-bottom: 20px; background: url(/images/layout/header2.png) bottom repeat-x;}
#header .col {margin-bottom: 0; background: none; padding-bottom: 0; font-size: 2.5em; color: #fff;}
#pageTitle {margin-top: 15px;}
.fakeTitle {display: none;}
#header img {width: auto; margin: 10px 0 -15px;}



#header #search {display: block; position: absolute; top: 50%; right: 20px; margin-top: -12px;}
#header #search p {float: right; display: inline; min-width: 165px; padding-left: 19px; position: relative; top: 4px; text-align: right;}
#header #search form {display: inline; float: right;}
#header #search fieldset {border: none; display: inline;}
#header #search #sField {width: 180px;border: 1px solid #ddd;padding: 1px 10px 1px 2px; background: #fff; font: 1em Helvetica, Arial, sans-serif;}
#header #search #sButton {position: relative; top: 4px;}
#header #search legend, #header #search label {display: none;}


/* Navigation
-----------------------------------------------------------------------------*/
#navigation {margin-bottom: 20px; background: #EF3121; position: relative; float: left; display: block; z-index: 99;}
#navigation .col {margin-bottom: 0; background: none; padding: 0;}
#navigation ul {list-style: none; margin: 0; float: left; display: block; font-size: 110%; margin-bottom: 0;}
#navigation li {float: left; margin: 1px 0; padding: 0; background-image: none;  display: inline; position: relative;}
#navigation a {float: left; color: #fff; font-weight: bold; padding: 0.3em 10px 0.4em; text-decoration: none;}
#navigation a:hover {background: url(/images/layout/navHover.png) repeat; border: none;}
#navigation li a, #navigation li a:visited {float: left; padding: 0.3em 10px 0.4em 10px; color: #fff; font-weight: bold; text-decoration: none; border: none;}
#navigation li a:hover, #navigation li a.childOpen {color: #fff}

#navigation li ul {display: none; position: absolute; z-index: 100; top: 2.05em; left: 0; width: 172px; border: 1px solid #a8a9ad; background: #fff; padding: 5px 0; font-size: 90.90%; margin: 0;}
#navigation li ul a,#navigation li ul a:visited {font-weight: normal; color: #000; width: 150px; padding: 2px 5px; border-left: 5px solid #fff; border-right: 3px solid #fff;}
#navigation li ul li.hasChild a {background: url(/images/haschild.gif) right no-repeat;}
#navigation li ul li.hasChild ul a {background-image: none; background-color: #fff;}
#navigation li ul a:hover, #navigation li ul li.hasChild ul a:hover {background-color: #ededed; background-image: none; border-left: 5px solid #fff; border-right: 3px solid #fff; color: #000;}
#navigation li ul li.hasChild a:hover {background: url(/images/haschild.gif) right no-repeat #ededed;}

#navigation li:hover ul {display: block;}
#navigation li ul ul {position: absolute; top: -7px; left: 168px; border: 1px solid #a8a9ad; font-size: 100%; z-index: 200;}

#navigation li.showUl ul {display: block;}
#navigation li.showUl ul ul {display: none;}
#navigation li.showUl ul li.showUl ul {display: block;}
#navigation li.showUl ul li.showUl ul li ul {display: none;}
#navigation li.showUl ul li.showUl ul li.showUl ul {display: block;}

.box {background: #F2F2F2 ; padding: 10px; margin: 0 0 20px 0;}


#footer {border-top: 1px solid #ccc; width: 97.9%; padding-right: 2.1%;}
#footer .col {margin-bottom: 0; padding: 12px 0;}
.footerLinks {margin: 0.8em 0 0 0;}
.spLogo, .spLogo .col img, #footer .col ul {margin-bottom: 0;}
#footer ul {list-style: none;}
#footer li {display: inline; margin-right: 1em; background-image: none;}
#footer a {text-decoration: none; color: #555;}
#footer a:hover {color: #000;}


/*  Body images
--------------------------------------------------------------------------------------*/
.fullWidthImg {width: 100%; margin: 0 0 1em 0;}
.bodyImg {padding: 1px; background: #fff;}
.floatRight {float: right;margin: 0 0 0.5em 1em;}
.floatLeft {float: left;margin: 0 1em 0.5em 0;}
.bodyImageCaptionRight {float:right;margin: 0 0 0.5em 1em;}
.bodyImageCaptionLeft {float:left;margin: 0 1em 0.5em 0;}
.bodyImageCaptionRight p, .bodyImageCaptionLeft p {font-size:90%;}


/*  Typography
--------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {color: #222; padding-top: 0.5em;}
h1, h2, h3, h4, h5, p, ul, ol {margin-bottom: 1em;}
h1 {font-size: 2.5em; font-weight: normal; margin-bottom: 0.5em; margin-top: -0.75em;}
h1 sup {font-size: 80%;}
h2 {font-size: 2em; font-weight: normal; margin-bottom: 0.5em;}
.col h2:first-child {margin-top: -0.75em;}
h3 {font-size: 1.3em; font-weight: bold;}
h4 {font-size: 1.15em; font-weight: bold;}
h5 {font-size: 1.05em; font-weight: bold;}
hr {border: none; border-bottom: 1px solid #ddd; margin: 0 0 2em 0; height: 1px; color: #ddd; padding-top: 1em;}
p {line-height: 1.4em;}
li {line-height: 1.25em;}

.box h2 {color: #222; font-size: 1.25em; margin: 0 0 8px;}
.box h3 {color: #555; font-size: 1.1em; margin: -10px -10px 8px; padding: 10px; border-bottom:1px solid #fff; background: url(/images/layout/shade5.png) repeat transparent;}
.box.blockFeature h3 {font-size: 1.25em; margin: 0 0 8px;}
.box h3 a, .box h3 a:visited {text-decoration: none;}
.box h3 a:hover {color: #000;}

.tinyPara {font-size: 75%;}
.smallPara {font-size: 90%;}
.largePara, .intro {font-size: 120%;}
.allCaps {text-transform: uppercase;}
.imgCaption {font-size: 95%;margin-top:-4px}

/*  Links
--------------------------------------------------------------------------------------*/
a {color: #ee3224; font-weight: bold; text-decoration: none;}
a:focus {outline: none;}
a img, a:hover img {border: none;}
a img {border: none;}
p a em {display: block; padding: 10px; margin: 1em 0; position: relative;}
p a:hover em {background-image: url(/images/shade5.png); cursor: pointer;}
a.expl, a.expl:visited {border-bottom: 1px dashed;}
a.expl:hover {text-decoration: none;}


/*  Lists
--------------------------------------------------------------------------------------*/
ul {list-style: none; margin-bottom: 10px;}
ol {margin: 0 0 10px 2em;}
li {line-height: 1.6em;}
ol ol, ul ol, ol ul, ul ul {margin-bottom: 0;}
ul li {padding-left: 10px; background: url(/images/layout/hasChild.gif) left 6px no-repeat;}
ol li {padding-left: 0; background-image: none;}
ul ul li {background: url(/images/layout/subNavChild.gif) left 4px no-repeat;}

#breadCrumbs {margin-top: -10px;color: #777;}
#breadCrumbs, #breadCrumbs ul {margin-bottom: 0;}
#breadCrumbs ul {list-style: none; font-size: 90%;}
#breadCrumbs li {display: inline; padding: 0; background-image: none;}
#breadCrumbs li:after {content: ' \BB\20'  ;font-size:130%;} /* \BB is the HEX code of the » character, \20 is the HEX code of a space. Unicode or HTML encoded characters are not displayed correctly since it's just parsed as text. */
#breadCrumbs li:last-child:after {content: '';}
#breadCrumbs a, #breadCrumbs a:visited {text-decoration: none; color: #777; font-weight: normal;}
#breadCrumbs a:hover {color: #000;}

#serviceLinks {float: right; padding-bottom: 1.8em;}
#serviceLinks li:after {content: '';}
#serviceLinks li {margin-left: 0.5em; border-left: 1px solid #ddd; padding-left: 0.5em;}
#serviceLinks li:first-child {margin-left: 0; border-left: none; padding-left: 0;}



/*  Forms
--------------------------------------------------------------------------------------*/
form * {font: 1em Helvetica, Arial, sans-serif;}
.universalForm {float: left; display: block; margin: 1em 0; width: 100%;}
.universalForm fieldset {border: 1px solid #ccc; padding: 1em; margin: 0 0 2em;}
.universalForm legend {font-size: 1.3em; font-weight: bold; padding: 0 0.5em; margin: 0 0 0 -0.5em;}
.universalForm h2 {font-size: 1.2em; font-weight: bold;}

.formCols {float: left; display: block; width: 100%; clear: both; margin: 0 0 10px 0;}
.formCols dt {float: left; display: block; width: 30%; margin-right: 5%; padding: 4px 0;}
.formCols dt, .formCols dt label { font-weight: bold;}
.formCols span {visibility: visible;}
.formCols .required span {visibility: visible; font-weight: bold; color: #CC0000;}
.formCols dd {float: left; display: block; width: 65%;}
.formCols dd input.fText, .formCols, .formCols dd textarea {display: block; width: 98%; padding: 0.3em; margin: 0;}
.formCols dd select {display: block; width: 102%; padding: 0.3em; margin: 0;}
.formCols dd input {width: auto; float: left; margin: 0 5px 5px 0;}
.formCols dd label {display: block; clear: both; margin: 0; padding: 0;}
.formCols + p {clear: left;}
.formCols span.displayNone {visibility: hidden;}
#fsubmit {display: block; width: 100%; background: #ccc; margin-top: -2em; padding: 0.5em 0;}
#fsubmit input {padding: 0.3em 2em; font-weight: bold;}
.wideFields dd {width: 100%;}


/*  Tables
--------------------------------------------------------------------------------------*/
table {margin: 0 0 20px 0;}
td, th {padding: 5px; vertical-align: top;}
th, tr.firstRow {border-bottom: 1px solid #d7d7d7; font-size: 1.1em; color: #8d8d8d; font-weight: bold;}
td {border-bottom: 1px solid #e6e6e6;}
tr.even {background: url(/images/layout/shade2.png) repeat transparent;}
tr td:first-child, tr th:first-child, th.first, td.first {padding-left: 10px;}
tr td:last-child, tr th:last-child, th.last, td.last {padding-right: 10px;}

.basic tr th, .basic tr td {border: none; padding-left: 0; padding-right: 0;}
.basic tr.alt {background: none;}
.basic td, .basic th {padding: 3px 0;}


/* Corners & Dots
-----------------------------------------------------------------------------*/
.corner {display: block; overflow: hidden; position: relative;}
.dot {display: block; width: 1px; height: 1px; overflow: hidden; position: absolute;}

#header .corner24BL {position: absolute; bottom: 0; right: 0;}
.corner24BL {width: 24px; height: 24px;}
.corner24BL .dot {background-color: #ef3121;}
.corner24BL .shape01 {height: 17px; bottom: 0; right: 0;}
.corner24BL .shape02 {width: 16px; bottom: 0; right: 1px;}
.corner24BL .shape03 {width: 13px; bottom: 1px; right: 1px;}
.corner24BL .shape04 {height: 12px; bottom: 2px; right: 1px;}
.corner24BL .shape05 {width: 5px; height: 5px; bottom: 2px; right: 2px;}
.corner24BL .shape06 {width: 4px; bottom: 7px; right: 2px;}
.corner24BL .shape07 {width: 3px; bottom: 8px; right: 2px;}
.corner24BL .shape08 {height: 2px; bottom: 9px; right: 3px;}
.corner24BL .shape09 {height: 3px; bottom: 9px; right: 2px;}
.corner24BL .shape10 {height: 4px; bottom: 2px; right: 7px;}
.corner24BL .shape11 {height: 3px; bottom: 2px; right: 8px;}
.corner24BL .shape12 {width: 3px; bottom: 2px; right: 9px;}
.corner24BL .shape13 {width: 2px; bottom: 3px; right: 9px;}
.corner24BL .dot01 {bottom: 23px; right: 0; filter: alpha(opacity=05); opacity: 0.05; -moz-opacity: 0.05;}
.corner24BL .dot02 {bottom: 22px; right: 0; filter: alpha(opacity=13); opacity: 0.13; -moz-opacity: 0.13;}
.corner24BL .dot03 {bottom: 21px; right: 0; filter: alpha(opacity=25); opacity: 0.25; -moz-opacity: 0.25;}
.corner24BL .dot04 {bottom: 20px; right: 0; filter: alpha(opacity=36); opacity: 0.36; -moz-opacity: 0.36;}
.corner24BL .dot05 {bottom: 19px; right: 0; filter: alpha(opacity=52); opacity: 0.52; -moz-opacity: 0.52;}
.corner24BL .dot06 {bottom: 18px; right: 0; filter: alpha(opacity=70); opacity: 0.70; -moz-opacity: 0.70;}
.corner24BL .dot07 {bottom: 17px; right: 0; filter: alpha(opacity=91); opacity: 0.91; -moz-opacity: 0.91;}
.corner24BL .dot08 {bottom: 17px; right: 1px; filter: alpha(opacity=14); opacity: 0.14; -moz-opacity: 0.14;}
.corner24BL .dot09 {bottom: 16px; right: 1px; filter: alpha(opacity=40); opacity: 0.40; -moz-opacity: 0.40;}
.corner24BL .dot10 {bottom: 15px; right: 1px; filter: alpha(opacity=65); opacity: 0.65; -moz-opacity: 0.65;}
.corner24BL .dot11 {bottom: 14px; right: 1px; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95;}
.corner24BL .dot12 {bottom: 14px; right: 2px; filter: alpha(opacity=26); opacity: 0.26; -moz-opacity: 0.26;}
.corner24BL .dot13 {bottom: 13px; right: 2px; filter: alpha(opacity=58); opacity: 0.58; -moz-opacity: 0.58;}
.corner24BL .dot14 {bottom: 12px; right: 2px; filter: alpha(opacity=92); opacity: 0.92; -moz-opacity: 0.92;}
.corner24BL .dot15 {bottom: 12px; right: 3px; filter: alpha(opacity=27); opacity: 0.27; -moz-opacity: 0.27;}
.corner24BL .dot16 {bottom: 11px; right: 3px; filter: alpha(opacity=64); opacity: 0.64; -moz-opacity: 0.64;}
.corner24BL .dot17 {bottom: 10px; right: 4px; filter: alpha(opacity=46); opacity: 0.46; -moz-opacity: 0.46;}
.corner24BL .dot18 {bottom: 9px; right: 4px; filter: alpha(opacity=87); opacity: 0.87; -moz-opacity: 0.87;}
.corner24BL .dot19 {bottom: 9px; right: 5px; filter: alpha(opacity=29); opacity: 0.29; -moz-opacity: 0.29;}
.corner24BL .dot20 {bottom: 8px; right: 5px; filter: alpha(opacity=74); opacity: 0.74; -moz-opacity: 0.74;}
.corner24BL .dot21 {bottom: 8px; right: 6px; filter: alpha(opacity=21); opacity: 0.21; -moz-opacity: 0.21;}
.corner24BL .dot22 {bottom: 7px; right: 6px; filter: alpha(opacity=69); opacity: 0.69; -moz-opacity: 0.69;}
.corner24BL .dot45 {bottom: 0; right: 23px; filter: alpha(opacity=05); opacity: 0.05; -moz-opacity: 0.05;}
.corner24BL .dot44 {bottom: 0; right: 22px; filter: alpha(opacity=13); opacity: 0.13; -moz-opacity: 0.13;}
.corner24BL .dot43 {bottom: 0; right: 21px; filter: alpha(opacity=25); opacity: 0.25; -moz-opacity: 0.25;}
.corner24BL .dot42 {bottom: 0; right: 20px; filter: alpha(opacity=36); opacity: 0.36; -moz-opacity: 0.36;}
.corner24BL .dot41 {bottom: 0; right: 19px; filter: alpha(opacity=52); opacity: 0.52; -moz-opacity: 0.52;}
.corner24BL .dot40 {bottom: 0; right: 18px; filter: alpha(opacity=70); opacity: 0.70; -moz-opacity: 0.70;}
.corner24BL .dot39 {bottom: 0; right: 17px; filter: alpha(opacity=91); opacity: 0.91; -moz-opacity: 0.91;}
.corner24BL .dot38 {bottom: 1px; right: 17px; filter: alpha(opacity=14); opacity: 0.14; -moz-opacity: 0.14;}
.corner24BL .dot37 {bottom: 1px; right: 16px; filter: alpha(opacity=40); opacity: 0.40; -moz-opacity: 0.40;}
.corner24BL .dot36 {bottom: 1px; right: 15px; filter: alpha(opacity=65); opacity: 0.65; -moz-opacity: 0.65;}
.corner24BL .dot35 {bottom: 1px; right: 14px; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95;}
.corner24BL .dot34 {bottom: 2px; right: 14px; filter: alpha(opacity=26); opacity: 0.26; -moz-opacity: 0.26;}
.corner24BL .dot33 {bottom: 2px; right: 13px; filter: alpha(opacity=58); opacity: 0.58; -moz-opacity: 0.58;}
.corner24BL .dot32 {bottom: 2px; right: 12px; filter: alpha(opacity=92); opacity: 0.92; -moz-opacity: 0.92;}
.corner24BL .dot31 {bottom: 3px; right: 12px; filter: alpha(opacity=27); opacity: 0.27; -moz-opacity: 0.27;}
.corner24BL .dot30 {bottom: 3px; right: 11px; filter: alpha(opacity=64); opacity: 0.64; -moz-opacity: 0.64;}
.corner24BL .dot29 {bottom: 4px; right: 10px; filter: alpha(opacity=46); opacity: 0.46; -moz-opacity: 0.46;}
.corner24BL .dot28 {bottom: 4px; right: 9px; filter: alpha(opacity=87); opacity: 0.87; -moz-opacity: 0.87;}
.corner24BL .dot27 {bottom: 5px; right: 9px; filter: alpha(opacity=29); opacity: 0.29; -moz-opacity: 0.29;}
.corner24BL .dot26 {bottom: 5px; right: 8px; filter: alpha(opacity=74); opacity: 0.74; -moz-opacity: 0.74;}
.corner24BL .dot25 {bottom: 6px; right: 8px; filter: alpha(opacity=21); opacity: 0.21; -moz-opacity: 0.21;}
.corner24BL .dot24 {bottom: 6px; right: 7px; filter: alpha(opacity=69); opacity: 0.69; -moz-opacity: 0.69;}
.corner24BL .dot23 {bottom: 7px; right: 7px; filter: alpha(opacity=18); opacity: 0.18; -moz-opacity: 0.18;}

.rounded .box {position: relative;}
.rounded .corner10TL {position: absolute; top: 0; left: 0; width: 10px; height: 10px;}
.rounded .corner10TR {position: absolute; top: 0; right: 0; width: 10px; height: 10px;}
.rounded .corner10BR {position: absolute; bottom: 0; right: 0; width: 10px; height: 10px;}
.rounded .corner10BL {position: absolute; bottom: 0; left: 0; width: 10px; height: 10px;}

.corner10TL .shape01 {top: 0; left: 0; width: 4px;}
.corner10TL .shape02 {top: 1px; left: 0; width: 2px;}
.corner10TL .shape03 {top: 2px; left: 0; height: 2px;}
.corner10TL .dot01 {top: 0; left: 4px; filter: alpha(opacity=71); opacity: 0.71; -moz-opacity: 0.71;}
.corner10TL .dot02 {top: 0; left: 5px; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10TL .dot03 {top: 0; left: 6px; filter: alpha(opacity=22); opacity: 0.22; -moz-opacity: 0.22;}
.corner10TL .dot04 {top: 0; left: 7px; filter: alpha(opacity=06); opacity: 0.06; -moz-opacity: 0.06;}
.corner10TL .dot05 {top: 4px; left: 0; filter: alpha(opacity=71); opacity: 0.71; -moz-opacity: 0.71;}
.corner10TL .dot06 {top: 5px; left: 0; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10TL .dot07 {top: 6px; left: 0; filter: alpha(opacity=22); opacity: 0.22; -moz-opacity: 0.22;}
.corner10TL .dot08 {top: 7px; left: 0; filter: alpha(opacity=06); opacity: 0.06; -moz-opacity: 0.06;}
.corner10TL .dot09 {top: 1px; left: 2px; filter: alpha(opacity=87); opacity: 0.87; -moz-opacity: 0.87;}
.corner10TL .dot10 {top: 1px; left: 3px; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10TL .dot11 {top: 1px; left: 4px; filter: alpha(opacity=05); opacity: 0.05; -moz-opacity: 0.05;}
.corner10TL .dot12 {top: 2px; left: 1px; filter: alpha(opacity=87); opacity: 0.87; -moz-opacity: 0.87;}
.corner10TL .dot13 {top: 3px; left: 1px; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10TL .dot14 {top: 4px; left: 1px; filter: alpha(opacity=05); opacity: 0.05; -moz-opacity: 0.05;}
.corner10TL .dot15 {top: 2px; left: 2px; filter: alpha(opacity=35); opacity: 0.35; -moz-opacity: 0.35;}

.corner10TR .shape01 {top: 0; right: 0; width: 4px;}
.corner10TR .shape02 {top: 1px; right: 0; width: 2px;}
.corner10TR .shape03 {top: 2px; right: 0; height: 2px;}
.corner10TR .dot01 {top: 0; right: 4px; filter: alpha(opacity=71); opacity: 0.71; -moz-opacity: 0.71;}
.corner10TR .dot02 {top: 0; right: 5px; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10TR .dot03 {top: 0; right: 6px; filter: alpha(opacity=22); opacity: 0.22; -moz-opacity: 0.22;}
.corner10TR .dot04 {top: 0; right: 7px; filter: alpha(opacity=06); opacity: 0.06; -moz-opacity: 0.06;}
.corner10TR .dot05 {top: 4px; right: 0; filter: alpha(opacity=71); opacity: 0.71; -moz-opacity: 0.71;}
.corner10TR .dot06 {top: 5px; right: 0; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10TR .dot07 {top: 6px; right: 0; filter: alpha(opacity=22); opacity: 0.22; -moz-opacity: 0.22;}
.corner10TR .dot08 {top: 7px; right: 0; filter: alpha(opacity=06); opacity: 0.06; -moz-opacity: 0.06;}
.corner10TR .dot09 {top: 1px; right: 2px; filter: alpha(opacity=87); opacity: 0.87; -moz-opacity: 0.87;}
.corner10TR .dot10 {top: 1px; right: 3px; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10TR .dot11 {top: 1px; right: 4px; filter: alpha(opacity=05); opacity: 0.05; -moz-opacity: 0.05;}
.corner10TR .dot12 {top: 2px; right: 1px; filter: alpha(opacity=87); opacity: 0.87; -moz-opacity: 0.87;}
.corner10TR .dot13 {top: 3px; right: 1px; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10TR .dot14 {top: 4px; right: 1px; filter: alpha(opacity=05); opacity: 0.05; -moz-opacity: 0.05;}
.corner10TR .dot15 {top: 2px; right: 2px; filter: alpha(opacity=35); opacity: 0.35; -moz-opacity: 0.35;}


.corner10BR .shape01 {bottom: 0; right: 0; width: 4px;}
.corner10BR .shape02 {bottom: 1px; right: 0; width: 2px;}
.corner10BR .shape03 {bottom: 2px; right: 0; height: 2px;}
.corner10BR .dot01 {bottom: 0; right: 4px; filter: alpha(opacity=71); opacity: 0.71; -moz-opacity: 0.71;}
.corner10BR .dot02 {bottom: 0; right: 5px; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10BR .dot03 {bottom: 0; right: 6px; filter: alpha(opacity=22); opacity: 0.22; -moz-opacity: 0.22;}
.corner10BR .dot04 {bottom: 0; right: 7px; filter: alpha(opacity=06); opacity: 0.06; -moz-opacity: 0.06;}
.corner10BR .dot05 {bottom: 4px; right: 0; filter: alpha(opacity=71); opacity: 0.71; -moz-opacity: 0.71;}
.corner10BR .dot06 {bottom: 5px; right: 0; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10BR .dot07 {bottom: 6px; right: 0; filter: alpha(opacity=22); opacity: 0.22; -moz-opacity: 0.22;}
.corner10BR .dot08 {bottom: 7px; right: 0; filter: alpha(opacity=06); opacity: 0.06; -moz-opacity: 0.06;}
.corner10BR .dot09 {bottom: 1px; right: 2px; filter: alpha(opacity=87); opacity: 0.87; -moz-opacity: 0.87;}
.corner10BR .dot10 {bottom: 1px; right: 3px; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10BR .dot11 {bottom: 1px; right: 4px; filter: alpha(opacity=05); opacity: 0.05; -moz-opacity: 0.05;}
.corner10BR .dot12 {bottom: 2px; right: 1px; filter: alpha(opacity=87); opacity: 0.87; -moz-opacity: 0.87;}
.corner10BR .dot13 {bottom: 3px; right: 1px; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10BR .dot14 {bottom: 4px; right: 1px; filter: alpha(opacity=05); opacity: 0.05; -moz-opacity: 0.05;}
.corner10BR .dot15 {bottom: 2px; right: 2px; filter: alpha(opacity=35); opacity: 0.35; -moz-opacity: 0.35;}


.corner10BL .shape01 {bottom: 0; left: 0; width: 4px;}
.corner10BL .shape02 {bottom: 1px; left: 0; width: 2px;}
.corner10BL .shape03 {bottom: 2px; left: 0; height: 2px;}
.corner10BL .dot01 {bottom: 0; left: 4px; filter: alpha(opacity=71); opacity: 0.71; -moz-opacity: 0.71;}
.corner10BL .dot02 {bottom: 0; left: 5px; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10BL .dot03 {bottom: 0; left: 6px; filter: alpha(opacity=22); opacity: 0.22; -moz-opacity: 0.22;}
.corner10BL .dot04 {bottom: 0; left: 7px; filter: alpha(opacity=06); opacity: 0.06; -moz-opacity: 0.06;}
.corner10BL .dot05 {bottom: 4px; left: 0; filter: alpha(opacity=71); opacity: 0.71; -moz-opacity: 0.71;}
.corner10BL .dot06 {bottom: 5px; left: 0; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10BL .dot07 {bottom: 6px; left: 0; filter: alpha(opacity=22); opacity: 0.22; -moz-opacity: 0.22;}
.corner10BL .dot08 {bottom: 7px; left: 0; filter: alpha(opacity=06); opacity: 0.06; -moz-opacity: 0.06;}
.corner10BL .dot09 {bottom: 1px; left: 2px; filter: alpha(opacity=87); opacity: 0.87; -moz-opacity: 0.87;}
.corner10BL .dot10 {bottom: 1px; left: 3px; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10BL .dot11 {bottom: 1px; left: 4px; filter: alpha(opacity=05); opacity: 0.05; -moz-opacity: 0.05;}
.corner10BL .dot12 {bottom: 2px; left: 1px; filter: alpha(opacity=87); opacity: 0.87; -moz-opacity: 0.87;}
.corner10BL .dot13 {bottom: 3px; left: 1px; filter: alpha(opacity=45); opacity: 0.45; -moz-opacity: 0.45;}
.corner10BL .dot14 {bottom: 4px; left: 1px; filter: alpha(opacity=05); opacity: 0.05; -moz-opacity: 0.05;}
.corner10BL .dot15 {bottom: 2px; left: 2px; filter: alpha(opacity=35); opacity: 0.35; -moz-opacity: 0.35;}

#sButton {position: relative;}
#sButton .dot {position: absolute; top: 0; left: 0; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7;}
#sButton .dot02 {right: 0;}
#sButton .dot03 {bottom: 0; right: 0;}
#sButton .dot04 {bottom: 0; left: 0;}


/*  Service Links

--------------------------------------------------------------------------------------*/
#serviceLinksBox {display: none;}
/*
.jsenabled #serviceLinksBox {display: none;}
*/
#serviceLinksBox {background: #efefef; border-bottom: 1px solid #bababa; padding-top: 1.4em; padding-bottom: 1em; margin: -20px 0 20px; }

#serviceLinksBox dl {margin-left: 20px; clear: both;}
#serviceLinksBox dl + dl {border-top: 1px solid #e5e5e5; padding-top: 0.4em;}
#serviceLinksBox dt {float: left; width: 25.5%; font-size: 1.1em; font-weight: bold; color: #666; padding: 0.7em 0;}
#serviceLinksBox dd {float: left; max-width: 74.5%;}

#serviceLinksBox ul {float: left; margin: 0 0 0.4em; padding: 0.4em; background: #e7e7e7; border: 1px solid #ddd; border-left-color: #ccc; border-top-color: #ccc; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#serviceLinksBox li {float: left; padding: 0; background: none; border: 2px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#serviceLinksBox li + li {margin: 0 0 0 0.3em;}
#serviceLinksBox li a {float: right; padding: 0 5px 2px; border: 1px solid #ccc; font-weight: normal; text-decoration: none; font-size: 0.9em; background: #fff; border: 1px solid #bbb; border-bottom-color: #888; border-right-color: #888; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#serviceLinksBox li a img {position: relative; top: 3px; margin-right: 1px;}
#serviceLinksBox li a:hover {border: 1px solid #aaa; border-bottom-color: #666; border-right-color: #666;}
#serviceLinksBox li:hover {border-color: #d5d5d5;}

.slClose {float: right; clear: both; position: relative; background: #666666; color: #fff; font: bold 11px Arial, Helvetica, sans-serif; cursor: pointer; padding: 1px 5px 1px 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.slClose span {display: none;}
.slClose:hover span {display: block; position: absolute; top: 2px; right: 25px; color: #666; font-weight: normal;}


/*	Top Navigation

--------------------------------------------------------------------------------------*/
#topnav a{display: block; text-decoration: none; color: #fff;}
#topnav a:hover{color: #fff;}
#topnav li{float: left; position: relative; margin: 0px;line-height:22px;}
#topnav ul {left: 0px;position:absolute;display:none;width:12em;line-height:22px;margin-top:20px;padding-top:4px;}
#topnav li ul a{width:105px;height:auto;float:left;margin:0px;}
#topnav ul li {padding: 0px;}
#topnav li ul ul {left: 125px; padding: 0 0 0 3px;}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul{display:none;}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul{display:block;}

/* 	Z-index specifically set for a good menu layout */
#navigation {z-index: 99;}
#serviceLinksBox {z-index: 2;}
.homeBanner {z-index: 3;}





/*  Sub Navigation

--------------------------------------------------------------------------------------*/
#subNav {margin: 0 0 20px;}
#subNav ul {display: block; list-style: none; border-top: 1px solid #ddd; margin: 0 0 20px;}
#subNav li {display: block; border-bottom: 1px solid #ddd; padding: 1px 0; background-image: none;}
#subNav a {display: block; padding: 2px 0 2px 10px; text-decoration: none;}
#subNav sup {display: none;}

#subNav li ul {display: block; width: 100%; list-style: none; border-top: 1px solid #ddd; margin: 1px 0 0 0; font-size: 95%;}
#subNav li ul li {display: block; width: 100%;}
#subNav li ul li:last-child, #subNav ul ul li.last-child {border: none;}
#subNav li ul li ul li {border: none;}
#subNav li ul li a {padding: 3px 0 3px 20px; background: url(/images/layout/subNavChild.gif) 10px 50% no-repeat; font-weight: normal;}
#subNav li ul li ul li a {padding: 1px 0 1px 30px; background: url(/images/layout/subNavChild.gif) 20px 50% no-repeat; font-weight: normal;}
#subNav li ul li ul li:first-child a, #subNav ul ul ul li.first-child a {padding-top: 3px;}
#subNav li ul li ul li:last-child a, #subNav ul ul ul li.last-child a {padding-bottom: 3px;}

#subNav a:visited {border: none;}
#subNav a:hover {border: none;}



.single img {width: 100%; border: 0.1em solid #fff; margin: 0 0 0.4em 0}
.single h3 {background: none;}
.boxLink:hover, .singleHover {background-image: url(/images/layout/shade5.png); cursor: pointer;}
.boxLink:hover h3, .singleHover h3 {color: #000; text-decoration: underline;}

small {font-size: 0.95em;}

.readMore {text-align: right; margin-bottom: 0;}
.readMore a {text-decoration: none;}
.readMore span {font-weight: bold; font-size: 2.5em; font-family: Arial, Helvetica, sans-serif; line-height: 0px; position: relative; bottom: -0.11em; text-decoration: none;}

blockquote {margin: 0 0 2em; padding-top: 0.5em;}
blockquote .quote {font-size: 3em; font-weight: bold; padding: 1em 0.1em 0 0;line-height: 0em;}
blockquote .quote span {display: inline; line-height: 0em; position: relative; top: 0.3em; color: #aaa;}
blockquote p {display: inline; font: 1.5em Candara,Cambria Math,Arial,sans-serif; font-style: italic; line-height: 1.2em;}
.box blockquote {padding: 5px; margin: 0;}
cite {display: block; text-align: right; font: 1.2em "Times New Roman", Times, serif; font-style: italic;}
cite {margin: -1.5em 0 2em;}
.box cite {margin: 0;}

.doc, .txt, .rtf {background-image: url(/images/layout/icon-doc.gif) !important;}
.xls, .csv {background-image: url(/images/layout/icon-xls.gif) !important;}
.jpg, .jpeg, .gif, .png, .bmp {background-image: url(/images/layout/icon-image.gif) !important;}
.ppt {background-image: url(/images/layout/icon-ppt.gif) !important;}
.pdf {background-image: url(/images/layout/icon-pdf.gif) !important;}
.xxx {background-image: url(/images/layout/icon-xxx.gif) !important;}
.exe {background-image: url(/images/layout/icon-exe.gif) !important;}
.doc, .txt, .rtf, .xls, .csv, .jpg, .jpeg, .gif, .png, .bmp, .ppt, .pdf, .xxx, .exe {background-repeat: no-repeat !important; background-position: 10px 1.2em !important;}

.listBlock {display: block; border-top: 1px solid #ddd; margin: 2em 0;}
.listBlock li {display: block; padding: 1em 10px 1em 35px; border-bottom: 1px solid #ddd;}
.listBlock li:hover {background-image: url(/images/layout/shade5.png);}
.listBlock li h3 {margin: 0; font-size: 1.2em; padding-top: 0;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #FFFFE0;
visibility: hidden;
z-index: 100;
/*Shadow (IE only). Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);	HTML only*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}