﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HTML TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body
{
    margin: 10px;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    line-height: 1.4em;
    color: #666666;
}
p
{
    margin: 10px 0;
}
p.no-padding-no-margin
{
    padding: 0;
    margin: 0;
}
hr
{
    color: #E5E5E5;
    background-color: #E5E5E5;
    height: 1px;
    border: 0;
    margin: 15px 0;
    _margin: 10px 0;
}
.whiteText
{
    color: #FFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HEADINGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.8em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    line-height: 1.1em;
    margin: 5px 0;
}
h1
{
    margin-bottom: 0;
}
h1, h2
{
    margin-top: 0px;
}
h2
{
    font-size: 1.3em;
}
h3
{
    font-size: 1.1em;
}
h3.small
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5
{
    font-size: 1.1em;
}
h6
{
    font-size: 1em;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link
{
    color: #d61719;
    text-decoration: none;
}
a:visited
{
    color: #980000;
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}
a:active
{
    color: #980000;
}



/***************************************************************************
    MASTER PAGE MENU
***************************************************************************/
#menuwrapper
{
    height: 20px;
}
.clearit
{
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}
#p7menubar
{
    left: 10px;
}
#p7menubar, #p7menubar ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
#p7menubar a
{
    display: block;
    text-decoration: none;
    padding: 2px 12px 3px 10px;
    font-size: 1.1em;
    color: #FFF;
    height: 25px;
    width: 75px;
    text-align: center;
}
#p7menubar a.trigger
{
    padding: 2px 12px 3px 10px;
    text-align: center;
}
#p7menubar li
{
    float: left;
    width: 10em;
    position: relative;
    text-align: left;
}
/* hide from IE mac \*/
#p7menubar li
{
    position: static;
    width: auto;
    text-align: left;
}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li
{
    width: 15em;
    text-align: left;
}
#p7menubar ul li a
{
    color: #FFF;
    padding: 2px 12px 3px 10px;
    text-align: left;
}
#p7menubar li ul
{
    position: absolute;
    display: none;
    background-color: #282E49;
    text-align: left;
}
#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a
{
    color: #FFF;
    background-color: #282E49;
    text-align: center;
    height: 15px;
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul
{
    display: block;
    text-align: left;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a
{
    color: #FFF;
    background-color: #282E49;
    text-align: left;
    width: 15em;
}
#p7menubar ul a:hover
{
    color: #FFF !important;
    background: url(/images/lnk-r-hover.png) repeat-x;
    width: 10em;
    text-align: left;
}
#p7menubar a:hover
{
    color: #FFF !important;
    background: url(/images/lnk-r-hover.png) repeat-x;
}



/***************************************************************************/
div#masterContainer
{
    text-align: left;
    width: 965px;
    margin: 0 auto;
}
/***************************************************************************/
div#masterHeader
{
    margin: 0;
}
/***************************************************************************/
.masterRightNavigation
{
    float: right;
    width: 175px;
    height: 210px; #height:225px;
}
/***************************************************************************/
div#masterRightExtra
{
    float: right;
    clear: right;
    width: 175px;
    border-left: dashed 1px #000;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px; #margin-top:-5px;
}
/***************************************************************************/
div#masterFooter
{
    clear: both;
}
/***************************************************************************/
div#masterContent
{
    clear: left;
    float: left;
    width: 765px;
    margin-top: 20px;
    text-align: center;
    z-index: 1;
}
#masterWrapper
{
    z-index: 1;
}
/***************************************************************************/






/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TOP INFORMATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#top-information
{
    height: 8em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
    color: #999999;
    font-size: .85em;
    position: relative;
    width: 965px;
}
#logo
{
    position: absolute;
    left: 0px;
    padding: 0 0 .2em 0;
}
#logo a
{
    color: #4A6BB3;
    text-decoration: none;
}
#HeaderQuote1
{
    position: absolute;
    left: 170px;
    top: -5px;
}
#HeaderQuote1 p
{
    line-height: .9em;
}
#HeaderQuote2
{
    position: absolute;
    left: 450px;
    top: -5px;
}
#HeaderQuote2 p
{
    line-height: .9em;
}

#top-information-home
{
    text-align: right;
    border-bottom: 1px dashed #CACACA;
    position: absolute;
    top: 0;
    right: 21%;
    height: 2em;
    width: 80px;
    padding: 0 1.5% 0 0;
}
#top-information-phone
{
    text-align: left;
    border-left: 1px dashed #CACACA;
    position: absolute;
    top: 0;
    left: 79.5%;
    height: 100%;
    padding: 0 0 0 2%;
}
#top-information-phone p
{
    line-height: .7em;
    margin-top: 5px;
}
#top-information-link
{
    text-align: center;
    border-left: 1px dashed #CACACA;
    position: absolute;
    top: 0;
    right: 0;
    height: 2em;
    width: 8.5%;
    padding: 0 0 0 1.5%;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MAIN NAV 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#nav-main
{
    background-color: Transparent;
    margin-left: auto;
    margin-right: auto;
    width: 965px;
    position: relative;
    text-align: center;
    z-index: 500;
}
#nav-main-left
{
    height: 20px;
    width: 78.5%;
    float: left;
    padding-left: 1%;
}
#nav-main-left .sb-inner
{
    background: #435296;
}
#nav-main-right
{
    width: 20.5%; #width:20.4%;
float:right;
height:20px;
}
#nav-main-right .sb-inner
{
    background: #282E49;
}
#navigation-right a
{
    color: #FFFFFF;
    display: block;
    float: right;
    font: bold 1.1em;
    line-height: 20px;
    padding: 0 20px;
    margin-right: 10px;
    text-decoration: none;
    text-align: center;
}
#navigation-right a:hover
{
    background: url(/images/lnk-r-hover.png) repeat-x;
    color: #FFF;
}






/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#masterFooter
{
    background: #282E49 url(/images/bg-nav.png) bottom left no-repeat;
    margin: 20px auto;
    padding: .1em 0 .1em 20px;
    position: relative;
    color: #a9c0db;
    font-size: .8em;
}
#masterFooter div
{
    background: #435296 url(/images/bg-nav-side1.png) bottom right no-repeat;
    width: 50%;
    position: relative;
    float: right;
    margin: -37px auto;
    top: 1px;
    height: 37px;
    text-align: right;
}
#masterFooter div a:link, #masterFooter div a:visited, #masterFooter div a:hover
{
    padding-right: 10px;
    vertical-align: text-bottom;
    text-decoration: none;
    color: #FFF;
}
#masterFooterSitemap table
{
    text-indent: 5pt;
    width: 60%;
}
#masterFooterSitemap table a:link, #masterFooterSitemap table a:visited, #masterFooterSitemap table a:hover
{
    text-decoration: none;
    color: Gray;
}

/*************************************************************************
 Master Right Menu
*************************************************************************/
#side_menu
{
    margin: 0 0 20px 0;
    background-color: Transparent;
}
#side_menu dt
{
    list-style: none;
}
#side_menu dt a
{
    color: #000;
    border: 0;
    margin: 0 0 1px 0;
    display: block;
    background: #FFF url(/images/side_menu.png) repeat-x;
    padding: 8px 10px;
}
#side_menu dt a:hover
{
    color: #000;
    background: #FFF url(/images/side_menu_hover.png) repeat-x;
}
/*************************************************************************/





/*************************************************************************
 Default Page
*************************************************************************/
div#masterDefault
{
    clear: left;
    float: left;
    width: 960px; /* put back to 765 if side bar is used */
    margin-top: 20px;
    text-align: center;
    z-index: 1;
}
#default-btm
{
    clear: both;
    float: left;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
.defBH
{
    color: #967D34;
    font-size: 1.75em;
}
.defBHx
{
    color: #967D34;
    font-size: 1em;
}
.defBHy
{
    color: #967D34;
    font-size: 1.3em;
}
.defBHp
{
    font-size: 1.2em;
    width: 70%; /* 80% */
    text-align: center;
    margin: 0 auto;
    padding-bottom: 10px;
}
#colThree
{
    margin: 10px 0 0 40px; /* 10px 0 0 40px; if side bar is used */
    text-align: center;
}
.colThirds
{
    float: left;
    width: 240px; /* put back to 170 if side is used */
    padding: 0px 40px 0 20px;
}
.colThirds_p_h
{
    color: #435296;
    font-size: medium;
    text-align: center; /* right */
    margin: 0 auto;
}
.colThirds p
{
    text-align: left;
}
.colThirdsBG
{
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    margin: 0 auto;
    margin-left: 15px; /* -10 */
    padding: 0px;
    width: 210px;
    height: 170px;
}
.colThirds img
{
    position: relative;
    bottom: 6px;
    right: 6px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
}
.colTopBG
{
    margin: 0 auto;
    padding: 0px;
    margin-top: -10px;
    width: 960px;
    height: 200px;
}
.colTopBGxxx img
{
    position: relative;
    bottom: 6px;
    right: 6px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
}
/*************************************************************************/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  CORPORATE */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Corporate
{
    clear: both;
    float: left;
    width: 90%;
    position: relative;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 20px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  CONTACT */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Contact
{
    clear: both;
    float: left;
    width: 78%;
    position: relative;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 10px;
}
.ContactTop
{
    width: 100%;
    float: left;
}
.ContactTopx
{
    width: 350px;
    float: left;
}
.ContactTop p
{
    line-height: .8em;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  TERMS OF USE */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#TermsOfUse
{
    clear: both;
    float: left;
    width: 75%;
    position: relative;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 20px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  PRIVACY */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Privacy
{
    clear: both;
    float: left;
    width: 75%;
    position: relative;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 20px;
}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  Default Main Inner Panel */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#DefaultMainPanel
{
    clear: both;
    float: left;
    width: 90%;
    position: relative;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 20px;
}
#DefaultMainPanel a:link, #DefaultMainPanel a:visited, #DefaultMainPanel a:hover, #DefaultMainPanel img
{
    border-style: none;
    text-decoration: none;
    z-index: 1000;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  SERVICE LOCATIONS */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#ServiceLocations
{
    clear: both;
    float: left;
    width: 70%;
    position: relative;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 20px;
}
#ServiceLocations h1
{
    text-align: left;
}
.ServiceLocationsXXX
{
    width: 300px;
    float: left;
}
.ServiceLocationsXXXx
{
    width: 300px;
    float: right;
}
.ServiceLocationsXXXx p
{
    text-align: right;
    line-height: .1em;
    font-size: xx-small;
}
.dgServiceLocations
{
    text-align: right;
    float: right;
    vertical-align: top;
}
.tablerow
{
    background-color: #FFFFFF;
    text-align: left;
    height: 10px;
}
.tablerowAlt
{
    background-color: #F5F5F5;
    text-align: left;
    height: 10px;
}
.imgCanada
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  GPRS IMAGES */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.GPRSimages
{
    float: left;
    width: 150px;
    text-align: center;
    padding-right: 20px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  SOLUTIONS */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.solutionBGL
{
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    margin-left: -10px;
    padding: 0px;
    width: 160px;
    height: 130px;
    margin-right: 10px;
}
.solutionBGL img
{
    position: relative;
    bottom: 6px;
    right: 6px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
    margin-right: 10px;
}
.solutionBGLs
{
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    margin-left: 0px;
    padding: 0px;
    width: 85px;
    height: 85px;
    margin-right: 10px;
}
.solutionBGLs img
{
    position: relative;
    bottom: 6px;
    right: 6px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
    margin-right: 0px;
}
.solutionBGLx
{
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    padding: 0px;
    padding-left: 10px;
    width: 160px;
    height: 130px;
    margin-right: 20px;
    z-index: -1;
}
.solutionBGLx img
{
    position: relative;
    bottom: 6px;
    right: 6px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
    margin-right: 0px;
    z-index: -1;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  PRODUCTS */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.productsBGL1
{
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    padding: 0px;
    width: 105px;
    height: 75px;
    margin-left: 20px;
}
.productsBGL1 img
{
    position: relative;
    bottom: 5px;
    right: 6px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
    margin-right: -4px;
}
.productsBGL2
{
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    padding: 0px;
    width: 198px;
    height: 103px;
    margin-left: 20px;
}
.productsBGL2 img
{
    position: relative;
    bottom: 6px;
    right: 6px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
    margin-right: 0px;
}
.productsBGL3
{
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    padding: 0px;
    width: 135px;
    height: 88px;
    margin-left: 20px;
}
.productsBGL3 img
{
    position: relative;
    bottom: 6px;
    right: 6px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
    margin-right: 0px;
}
.productsBGL4
{
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    padding: 0px;
    width: 213px;
    height: 150px;
    margin-left: 20px;
}
.productsBGL4 img
{
    position: relative;
    bottom: 6px;
    right: 6px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
    margin-right: 0px;
}
.productsBGL5
{
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    padding: 0px;
    width: 200px;
    height: 170px;
    margin-left: 20px;
}
.productsBGL5 img
{
    position: relative;
    bottom: 6px;
    right: 6px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
    margin-right: 0px;
}
.productsBGL6
{
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    padding: 0px;
    width: 200px;
    height: 100px;
    margin-left: 20px;
}
.productsBGL6 img
{
    position: relative;
    bottom: 6px;
    right: 6px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
    margin-right: 0px;
}
.productsBGL7
{
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    padding: 0px;
    width: 318px;
    height: 100px;
    margin-left: 20px;
}
.productsBGL7 img
{
    position: relative;
    bottom: 6px;
    right: 5px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
    margin-right: 0px;
}
.productsBGL8
{
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    padding: 0px;
    width: 205px;
    height: 90px;
    margin-left: 20px;
}
.productsBGL8 img
{
    position: relative;
    bottom: 6px;
    right: 5px;
    border: 1px solid #999999;
    padding: 4px;
    margin: 0px;
    margin-right: -4px;
}/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/




