﻿*{padding:0; margin:0; border:0}/*Sets border, padding and margin to 0 for all values*/
body, html{color:#282828; font-family:Verdana; font-size:100%; /*** Assuming a default browser text-size = 16px ***/line-height:1.125em; /*** 18px ***/background-color:#1a3491; background-image:url("../Images/background.gif"); background-position:center; background-repeat:repeat-y; text-align:center; /*** Centers the design in old IE versions ***/margin:0px 0px 5px 0px}
h1, h2, h3{font-weight:bold; /* To prevent bold text bleeding in Safari */padding:5px 0px 0px 0px; color:#1a3491; margin:0px 0px 0px 0px}
h1{font-size:1.5em}
#headerTxt{ text-align:center;  font-weight:bold;  position:relative;  top:22px;  left:1em;  width:28em;  float:left}
#success{font-size:1.25em; color:#1a3491; padding-top:5px}
#scalable{font-size:1em; color:#666; padding-top:15px}
h2{font-size:1.5em; padding-bottom:1em; /*** 18px ***/}
h3{font-size:1em; text-align:left; /*** 16px ***/}
h2.h2home{font-size:1.1em; padding-bottom:0.75em}
h3.under{border-bottom:solid 1px #C0C0C0}
p{padding:0.75em 0 0.75em 0}
a{color:#1a3491; text-align:left}
a:visited{color:#473491}
a:hover{color:#666}
blockquote{padding:1em 3em 1em 3em}
input, textarea{border:solid 1px #666; color:#282828; margin-top:5px; padding:2px; background-color:#fff}
.xx{margin:0px; _margin:-3px}
.submitbutton{cursor:pointer; border:none; background-color:#1a3491; font-weight:bold; color:#fff; width:10em; height:2em}
hr{height:1px; color:#C0C0C0; border:none; margin-top:1em}
* html hr{background-color:#C0C0C0}/* For IE only */
.strong{font-weight:bold}
img{border:none}
span.abb{color:#606060}
.cl{clear:both}
.point{cursor:pointer}
#frame{width:79em; /*** 950px ***/margin-right:auto; margin-left:auto; padding:0px; text-align:left; background-color:#fbfaf8; font-size:0.75em}
#contentheader{background-image:url(../Images/Banner.jpg); background-repeat:no-repeat; height:136px; padding:0px 0px 0px 0px; position:relative; z-index:20}
#flashversion{width:687px; height:60px; margin:20px 0 20px 0; text-align:center; padding:0; overflow:hidden; background:#fff; display:block}
#flash-swf{width:243px; height:116px; margin:3px 0 0 0; overflow:hidden; display:block; float:left}
#contentheaderR{height:136px; float:right; z-index:0}
#contentheaderR img{ width:332px;  height:122px;  padding:6px 6px 0px 0px}
#headerTxt h1{color:#800000;}
.breadcrumbbar{background-image:url(../Images/UnderHeader.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#1a3491; color:#fff; font-size:0.9em; /*** 11px ***/line-height:1.5em; height:2em; /*** 20px ***/padding:2px 0px 0px 5px; font-weight:bold; /* To prevent bold text bleeding in Safari */}
/* * html .breadcrumbbar{ *//* This is the Tan hack *//*height:2.125em; he\ight:2em}*/
a.BreadCrumbOther{text-decoration:underline}
a:link.BreadCrumbOther, a.BreadCrumbOther, a:visited.BreadCrumbOther{color:#fff}
a:hover.BreadCrumbOther{color:#97a6de}
#contentleft{width:17em; /*** 200px; ***/padding:0px; float:left}
.contentcenter{width:42.5em; /*** 525px ***/padding:5px 1em 2em 1em; float:left}
* html .contentcenter{width:41em; w\idth:42.5em}/* This is the Tan hack */
.contentcenter h3.intro{margin-top:0.5em}
.imgContain{float:right; position:relative; right:-1.5em; top:-0.375em; width:250px}
.csimg{margin:0px 0px 10px 20px}
.subcontent{width:59.5em; /*** 525px ***/padding:5px 1em 2em 1em; float:left; min-height:40em}
* html .subcontent{width:58em; w\idth:59.5em} /* This is the Tan hack */
a.PgLink{background:url(../Images/arrows.gif) no-repeat top left; background-position:0 -295px;padding-left:12px; color:#800000; font-weight:bold} /* link_arrow */
a.PgLink:visited{background-position:0 -171px;color:#473491} /* link_arrow_visited */
a.PgLink:hover{background-position:0 -17px;color:#666} /* link_arrow_over */
.contentcenter .ContentBoxes{margin:1em 0 1em 0}
.contentcenter .ContentLHS{float:left; width:20.5em}
.contentcenter .ContentRHS{float:right; width:20.5em}
.contentcenter .contentcenterIMG{float:right; height:100%; width:55px; border:none}
.contentcenter .contentcenterIMG img{width:50px; height:75px; margin-left:0.4167em}
#contentright, #whatsNewBox{width:17em; /*** 200px; ***/height:100%; float:right; color:#282828; background-color:#fbfaf8}
.space{height:0.25em; clear:both}
.space1{height:1em}
#whatsNewBox h3{    color:#800000; background:url(../Images/l_box_red_top.gif); background-repeat:no-repeat; height:26px; padding-left:10px}
#contentright h3{z-index:1; position:relative; margin:-2.67em 0 0 0.75em}
#contentright h3 a{background:url(../Images/arrows.gif) no-repeat top left; background-position:0 -141px;padding-left:1em; color:#1a3491} /* link_arrow_blue */
#contentright h3 a:visited{background-position:0 -171px;color:#473491} /* link_arrow_visited */
#contentright h3 a:hover{background-position:0 -17px;color:#666} /* link_arrow_over */
#contentright input.inputbox{width:13em; font-size:0.875em}
.submitbtn{font-size:1em; font-weight:bold;} /* To prevent bold text bleeding in Safari */
.rightboxtopimg{z-index:0; width:100%; height:2.5em; position:relative}
.rightboxcontain, .rightboxcontainbot{margin:0.25em 0 0 0; border-left:1px solid #C0C0C0}
.rightboxcontainbot{border-bottom:1px solid #C0C0C0}
.rightboxtxt{font-size:0.9167em; padding:0.5em 0em 1em 0.75em; min-height:80px}
.rightboximg{padding:0.5em 0em 0em 0.5em; float:right}
.HomeContainer{background:url('../images/shadow.png') no-repeat bottom right; padding:0 7px 7px 0}
.HomeTopRow, .HomeMidRow, .HomeBotRow{border:solid 1px #C0C0C0; background-color:White; padding:0 7px 7px 7px}
.HomeTopRow{min-height:13em}
.HomeMidRow{min-height:13.5em}
.HomeBotRow{min-height:11.5em}
.HomeTopRow h3, .HomeMidRow h3, .HomeBotRow h3{padding-bottom:0.5em}
.subcontent ul, .contentcenter ul{list-style-image:url(../Images/bullet_point.gif); padding-left:3em; margin-left:0px}
.subcontent ul{}
.subcontent ul li, contentcenter ul li{margin:0.75em 0px 0.75em 0px}
.HToggle{padding:0.75em 0px 0.75em 0px}
.HToggle h3.test, .HToggle h3.testOver, .HToggle h3.testActive, .HToggle h3.testActiveOver{background: url(../Images/arrows.gif) no-repeat top left; padding:0px 0px 0px 15px; cursor:pointer; text-decoration:underline}
.HToggle h3.test{background-position:0 -200px;color:#1a3491} /* down_arrow_blue */
.HToggle h3.testOver{background-position:0 -109px;color:#666} /* down_arrow_over */
.HToggle h3.testActive{background-position:0 -46px;} /* up_arrow_blue */
.HToggle h3.testActiveOver{background-position:0 -263px;color:#666} /* up_arrow_over */
.HToggle h3#faq2, .HToggle h3#faq8{height:2em; margin-bottom:1em}
.ToggleDiv{display:none; padding:0.75em 0px 0px 0px}
#Footer{background-color:#d8dced; border-top:solid 1px #d8dced; border-bottom:solid 1px #d8dced; height:4em; color:#1a3491; padding:5px 0px 0px 0px}
.FooterBarUnder{font-size:0.75em; padding:5px 10px 10px 10px; text-align:center; line-height:2.5em}
.FooterBarUnder a{color:#666}
.FooterBarUnder a:visited{color:#473491}
.FooterBarUnder a:hover{color:#282828}
.Footerdesc{text-align:center; font-size:0.875em}
.vertdiv{padding:0px 5px 0px 5px}
#ContactContainer{position:relative; top:-6.5em; left:0em; float:left; height:0px; width:0px}
#Contact{width:17em; height:6em; padding:0px 0px 0px 0px; background-color:White; font-weight:bold;border-right:solid 1px #d8dced; border-left:solid 1px #d8dced; line-height:2em} /* To prevent bold text bleeding in Safari */
.contacthead{text-align:center; background-color:#d8dced}
.contactsale{float:left; width:6em; padding-left:1em}
.contacttel{float:left}
.contactspacehoriz{clear:both; margin-bottom:1em}
.contactsat{text-align:right; padding-bottom:0.5em}
.contactpad{padding-bottom:0.5em}
.contactboxshadow{background:url('../images/shadow.png') no-repeat bottom right; padding:0em 0.5em 0.5em 0em; width:23.25em; height:14.75em; float:left}
.contactbox, .contactboxclient{border:solid 1px #C0C0C0; padding:0.5em 1em 0em 1em; width:21em; height:14em; background-color:White}
.contactbox td.space{width:1em}
.contactboxclient{position:relative}/* required for clients.aspx:AA and Telefocus */
.contactspacevert{width:3em; float:left; height:14.75em}
#contactonlineshad{height:6.75em}
#contactonline{height:6em}
#contactnewsletshad{height:10.5em}
#contactnewslet{height:9.75em}
#News{padding-bottom:0.75em}
.client{line-height:14em; text-align:center}
.client img{vertical-align:middle}
.clientAA{position:absolute; top:50%; margin-top:-5em; height:10em; width:14em; left:50%; margin-left:-7em}
.clientTF{position:absolute; top:50%; margin-top:-5em; height:10em; width:19em; left:50%; margin-left:-9.5em}
.testimonialimg{float:left; margin-right:10px}
.testimonialtext{float:right; width:440px}
.how_ultra_contain{width:650px; height:500px; float:left; margin-left:1em}
#mapDiv{width:650px; height:300px; position:relative}
#directionsDisplay{width:650px; height:300px; overflow:auto}
.red{color:Red}
.reglabel{width:30%}
.reginp{width:50%}
.top{vertical-align:top}
.news1, .news1para{float:left}
.news1{width:210px}
.news1 img{width:200px; height:150px; float:left}
.news1para{width:21em}
.news2img{float:right; width:61px; height:74px; padding:10px 10px 10px 0; border:none}
.nd{vertical-align:super; font-size:0.75em}
.hl{font-weight:bold; color:#505050}
#expo{ text-align:center;  padding:10px 0px 20px 0px}
/* Widget content container */
#goog-wm{width:800px; padding:1em; border:3px solid #aebd63; background-color:white}
/* Heading for "Closest match"*/
#goog-wm h3.closest-match{color:#8f2831; border-bottom:3px dashed #aebd63; padding-bottom:0.5em; font-size:170%; margin:0}
/* "Closest match"link*/
/*#goog-wm h3.closest-match a{}
/* Heading for "Other things"*/
/*#goog-wm h3.other-things{color:#8f2831}
/* "Other things"list item */
/*#goog-wm ul li{}
/* Site search box */
/*#goog-wm li.search-goog{display:list-item}
/* 004800green
136C42green
9A000Dred
800000red
1a3491blue */
/* .sprite-link_arrow_over{background-position:0 -20px}
.sprite-up_arrow_blue{background-position:0 -50px}
.sprite-up_arrow{background-position:0 -81px}
.sprite-down_arrow_over{background-position:0 -112px}
.sprite-link_arrow_blue{background-position:0 -143px}
.sprite-link_arrow_visited{background-position:0 -173px}
.sprite-down_arrow_blue{background-position:0 -203px}
.sprite-down_arrow{background-position:0 -234px}
.sprite-up_arrow_over{background-position:0 -265px}
.sprite-link_arrow{background-position:0 -296px} */

/* superfish.css */
/*** ESSENTIAL STYLES ***/.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}.sf-menu{line-height:1.0}.sf-menu ul{position:absolute;top:-999em;width:17em;/* left offset of submenus need to match (see below) */}.sf-menu ul li{width:100%}.sf-menu li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */}.sf-menu li{float:left;position:relative}.sf-menu a{display:block;position:relative}.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:2.5em;/* match top ul list item height */z-index:99}ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em}ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:17em;/* match ul width */top:0}ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em}ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;/* match ul width */top:0}/*** DEMO SKIN ***/.sf-menu{float:left;margin-bottom:1em}.sf-menu a{/*border-left:1px solid #1a3491;*/border-bottom:1px solid white;border-right:1px solid white;/*border:1px solid white;*/padding:.75em 1em;text-decoration:none;font-weight:bold}.sf-menu a,.sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*//*color:#13a;*/color:White}.sf-menu li{/*background-image:url(../Images/test2.gif);*/background:url(../Images/menu.gif) repeat top left;background-position:0 -150px;background-color:#354c9e}.sf-menu li li{/*background-image:url(../Images/test4.gif);*/background:url(../Images/menu.gif) repeat top left;background-position:0 -30px;background-color:#9c3939}.sf-menu li li li{/*background-image:url(../Images/test6.gif);*/background:url(../Images/menu.gif) repeat top left;background-position:0 -210px;background-color:#3b733c}.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{/*background:#4E744A;outline:0;*//*background-image:url(../Images/test5.gif);*/background:url(../Images/menu.gif) repeat top left;background-position:0 -90px;background-color:#7a7a7a;color:#FFF}/*** arrows **/.sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px;/* trigger IE7 hasLayout so spans position accurately */}.sf-sub-indicator{position:absolute;display:block;right:.75em;top:1.05em;/* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/arrows-ffffff.png') no-repeat -10px -100px;/* 8-bit indexed alpha png. IE6 gets solid image only */}a >.sf-sub-indicator{/* give all except IE6 the correct values */top:.8em;background-position:0 -100px;/* use translucent arrow for modern browsers*/}/* apply hovers to modern browsers */a:focus >.sf-sub-indicator,a:hover >.sf-sub-indicator,a:active >.sf-sub-indicator,li:hover >a >.sf-sub-indicator,li.sfHover >a >.sf-sub-indicator{background-position:-10px -100px;/* arrow hovers for modern browsers*/}/* point right for anchors in subs */.sf-menu ul .sf-sub-indicator{background-position:-10px 0}.sf-menu ul a >.sf-sub-indicator{background-position:0 0}/* apply hovers to modern browsers */.sf-menu ul a:focus >.sf-sub-indicator,.sf-menu ul a:hover >.sf-sub-indicator,.sf-menu ul a:active >.sf-sub-indicator,.sf-menu ul li:hover >a >.sf-sub-indicator,.sf-menu ul li.sfHover >a >.sf-sub-indicator{background-position:-10px 0;/* arrow hovers for modern browsers*/}/*** shadows for all but IE6 ***/.sf-shadow ul{background:url('../images/shadow.png') no-repeat bottom right;padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}.sf-shadow ul.sf-shadow-off{background:transparent}

/* superfish-vertical.css */
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/.sf-vertical,.sf-vertical li{width:16.5em;min-width:160px}/* this lacks ul at the start of the selector,so the styles from the main CSS file override it where needed */.sf-vertical li:hover ul,.sf-vertical li.sfHover ul{left:16.5em;/* match ul width */top:0}/*** alter arrow directions ***/.sf-vertical .sf-sub-indicator{background-position:-10px 0}/* IE6 gets solid image only */.sf-vertical a >.sf-sub-indicator{background-position:0 0}/* use translucent arrow for modern browsers*//* hover arrow direction for modern browsers*/.sf-vertical a:focus >.sf-sub-indicator,.sf-vertical a:hover >.sf-sub-indicator,.sf-vertical a:active >.sf-sub-indicator,.sf-vertical li:hover >a >.sf-sub-indicator,.sf-vertical li.sfHover >a >.sf-sub-indicator{background-position:-10px 0;/* arrow hovers for modern browsers*/}