/*  Main Overrides */
body
{
    padding: 0px;
    font-size: 10px;
    background: #ccddde;
 /*   background: #838587; */
    margin: 0px;
    color: #555555;
    font-family: verdana,helvetica,arial,sans-serif;
    color: #313335;
    background: url(/images/bg.jpg) #ccddde no-repeat center top;
    background: url(/images/bg.gif) #4c647f repeat-x;
}
div, img, table { border: 0; text-decoration: none; }
h1 { font-size:14px; color:#555555; }
h2 { font-size:12px; margin:0; padding:0;}
img{    margin: 0px;    padding: 0px;}
form { margin:0px; padding:0px; }
a, a:visited, a:active{    text-decoration: none;    color: #313335;}
a:hover{    color: #999999;}
input, select { font-size:10px; }

.redText { color: Red; }
.floatRight { float:right}
.floatLeft { float:left }

.addCompare { font-size:11px;  color:#a1a3a5; border:1px solid #e9e9e9; background:#f3f6f9; padding-left:5px; padding-right:5px;}
.addCompare:hover { color:Green; text-decoration:none;}
.removeCompare, .removeCompare a { text-decoration:none; font-size:11px;  color:#a1a3a5; border:1px solid #e9e9e9; background:#f3f6f9; padding-left:5px; padding-right:5px;}
.removeCompare:hover { color:Red; text-decoration:none;}
/*  Main Overrides --> END */

/* Main Page Layout -----------------------------------------------------------------------------------*/
#mainWrapper     { font-size: 1.2em; margin: 0px auto;width: 974px;position: absolute; margin-left:50%; 
                   left:-487px; top:0px; margin-top: 5px; border: solid 0px #333537; overflow: visible;background: #ffffff;}

#mainBanner      { width: 974px; background: url(/images/topBanner.ajpg) #172739;height: 50px;}
#mainBannerLogo  { position:relative; float: left; width: 300px; text-align: left; }
#mainBannerSearch{ position:relative; float: right; width: 674px; text-align: right;  vertical-align: middle; }
#searchContainer { border:1px solid #7190b3; width:200px; float:right; position:relative; top:5px; background: #000000}
#searchContainer input {}
.searchItem      { font-size: 12px; color: #ffffff; background: #000000; width:160px; padding: 0px; margin: 0; border:0;}
#mainMenu        { width: 972px; border-left: 1px solid #7190b3; border-right: 1px solid #7190b3;  }

#mainContent     { display:block; background-color: #ffffff;  background:#fff;overflow: visible;width:964px; margin-top:5px;
                   padding: 5px; padding-top: 0px; padding-bottom:20px; min-height:500px;}
#mainFooter      { border-top: 1px solid #7190b3; font-size: 0.92em; color:silver; background: #172739;  width: 974px;}
#mainFooter a    { color: silver; font-size: 0.92em;}
#mainFooterTC    { padding-right: 10px; text-align: right; }


/* END --> Main Page Layout ----------------------------------------------------------------------------*/

/* Main navigation DIV - Breadcrumbs */
#mainNavigation         { background:#ffffff;  border-bottom:1px solid #e9e9e9; height: 25px; width: 974px; position:relative;font-size: 10px; color: #4c647f; }
#mainNavigation a, #mainNavigation a, #mainNavigation a  { text-decoration: none; color: #4c647f; font-size: 10px; }
#mainNavigation a:hover { color: #4c647f;   }
#navigationLinks        { float: right; margin-right:10px;} 
#navigationCompare      { float: left; margin-left:10px; height:25px; margin-top:5px;} 
#mainNavigation ul      { margin: 0;  padding: 0;  display: block;  overflow: hidden;   }
#mainNavigation li      { list-style-type: none; width: auto; padding: 0px 0px 0 5px; float: left; display: block; line-height: 28px; }
/* END -- Main navigation DIV */




.galleryClose{    right: -10px;    background: url(/images/close.gif) no-repeat;    width: 27px;    text-indent: -9999px;    position: absolute;    top: -10px;    height: 26px;}

.galleryClose:hover{    background-position: center -26px;}

.galleryTop { width: 600px; height: 26px}
 
#gallery{    position: absolute;    left: 187px;    top: 100px;    width: 600px;    height: 630px;    background: white;    display: none;    z-index:9999; text-align:center; border:2px solid #4c647f}

#symbolGallery{    position: absolute;    left: 187px;    top: 100px;    width: 600px;    height: 630px;    background: white;    border: 1px solid #999999;    display: none;      z-index:9998; text-align:center;}
#symbolGallery table { text-align:left}

#accesGallery{    position: absolute;    left: 187px;    top: 100px;    width: 600px;    height: 630px;    background: white;    border: 1px solid #999999;    display: none;      z-index:1100; text-align:center;}

.highlightTerm { color:Red;}
.rightMargin { padding-right:10px; }

.underlineLink, .underlineLink:visited, .underlinkLink:active  { text-decoration:underline }

.galleryDiv    { width: 450px; overflow: hidden; height: 450px; position: relative; border:1px solid #e9e9e9; }
.galleryDiv li { float: left;position: relative;display: block;}
.galleryDiv ul { list-style-type: none; position: absolute; float: left; width: 4000px; padding: 0px; margin: 0px; display: block; }
.galleryImage  { width:450px ; height:450px; }
.galleryIcons  { width:450px; height:80px; text-align:center ; }
.galleryIcons img { border:1px solid #c1c3c5; }
.galleryIcons img:hover { border:1px solid #555555 }
.opaqueLayer{display:none;position:fixed;top:0px; left:0px;opacity:0.6;filter:alpha(opacity=60);background-color: #4c647f;z-Index:200;}
.symbolContainer {border:1px solid #c1c3c5;width:60px; height:75px; text-align:center; float:left; margin-right:5px; font-size:8px; }
.rangeContainer {border:1px solid #c1c3c5;width:75px; height:110px; text-align:center; float:left; margin-right:5px; font-size:8px; }
.rangeContainer:hover { border:1px solid #555555; }
.featureContainer img { width:50px; height:50px;  }
.productHeading { font-size:13px; background:#f3f5f7; text-align:center; height:20px; font-weight:bold; color:#555555;}
.FAQHeader { font-size:17px; font-weight:bold; color:#555555; text-decoration:underline;}

#productCompareTable { width:960px ;  font-size:11px; padding:0px; margin:0px; }
#productCompareTable a { text-decoration:underline}
#productCompareTable td { border-right:1px solid #e9e9e9; text-align:center; vertical-align:top;  }
#aboutUs { font-size:14px; }

#costCalculatorHeader { width:100%; font-size:18px; text-align:center; font-weight:bold; padding-bottom:20px;}
.costCalculatorInput { border:1px solid #a9a9a9; background: #f1f3f5;  }
.costCalculatorInput:focus { background:#e9e9e9;}

/* Main Page */
#frontPage { text-align: center; margin: auto; padding: 0px; z-index: -1}
#frontPage_Main { position:relative;  top:-5px; left: -5px; height:450px; width:974px; overflow:hidden; } 
#frontPage_Main_Menu { background:red; height:100px; width:974px; position:relative; background: url(/images/frontPage/tilesBG.png);  text-align:center  }
#frontPage_Main_Menu img { width:100px; height:100px; padding-left:5px;}
#frontPage_Main_Menu_Tile {}
#frontPage_Main_Menu_Text {position:absolute; top:320px; right:10px; color:White; font-size:18px;  }
#worldCup { width:200px; height: 100px; position: absolute; }


.mainTile {  position:relative; width:139px; height:100px; float:left;}

#frontPage_Tiles { width:960px; text-align:center; float:left; background: url(/images/tilesBG.gif) repeat-y 0px 0px }
#frontPage_Tiles #tile1 { width:240px; float:left;  }
#frontPage_Tiles #tile2 { width:478px; float:left; overflow:hidden;  }
#frontPage_Tiles #tile3 { width:240px; float:left; text-align:center;  }
#frontPage_Tiles #tile3 h1 { font-weight:normal; color: #4c647f;  }
#frontPage_Tiles #tile3 img { width:50px; height:50px; align:left; padding-right:5px; }
#frontPage_Tiles #tile3 h2 { font-weight:bold; color: #172739}
#frontPage_Tiles #tile3 p { text-align:left; padding-left:10px; color: #717375; font-size:10px; clear:both;}


/* END Main Page */

/* Ecoseal page */
.TableTabLRT{ background:#fafcfe; border: #d3d5d7 1px solid; border-bottom: 1px solid #fafcfe;}
#ecoText, #ecoText:visited,  #ecoText a  { font-size:12px; color: #007e3a;  } 
#ecoText a:hover { color:#888888;}
.TableTabB{  border:1px solid white; border-bottom:  #d3d5d7 1px solid}
.TableTabLRB{ background:#fafcfe; border: #d3d5d7 1px solid; border-top: 0px }
/* Ecoseal page --> END */

/* Admin Pages */
.editTable { font-size:11px; }
.editTable textbox, .editTable input { font-size:11px;}
#adminLinks{ width:200px;   text-align:center;  left:5px; top:5px; font-size:13px; color:Red; border:2px solid white; background:#e9e9e9;}
#adminLinks a { font-size:13px; color:Red;}
.errorMessage { font-size:11px; color:Red;}
#staffLinks { width:964px; font-size:15px; text-align:center; margin-top:20px;}
#staffLinks a { font-size:18px; }
/* Admin Pages --> END */


/* News Page */
#newsTable { width:100%;}
#newsTable H1 { font-size:14px; font-weight:bold; margin-top:5px;}
#newsTable a { text-decoration:underline ;}
#newsTable .newsHeaderRow { height:25px;}
#newsTable .newsImage { height:175px; width:400px; text-align:right;vertical-align:top; }
#newsTable .newsText {  vertical-align:top; font-size:11px; }
#newsTable .newsDiv { background:url(/images/divbar.gif); height:10px; font-size:2px;}
/* News Page --> END */

/* Contact Us */
.TeamDetailsHolder{    height: 50px;    width: 150px;    float: left;}
.TeamDetails{    background: url(/images/team/detailsBox.gif);    height: 40px;    width: 130px;    float: left;    padding: 5px;    padding-left: 10px;    padding-right: 10px;    font-size: 10px;    text-align: center;}
.TeamPicture{    background: url(/images/team/testmain.jpg);    height: 150px;    width: 150px;    float: left;}
/* Contact Us --> END */

/* General use */
/* General use  --> END*/

/* Logo page */
.logoDiv { width: 482px; height:200px; text-align:center; float:left  }
.logoDivFull { width:964px; height:200px; text-align:center; float:left; }
.logoDiv a, logoDivFull a { text-decoration:underline }
/* Logo Page --> END */

/* wallpaper page */
.wallpaperDiv { width: 482px; height:350px; text-align:center; float:left  }
.wallpaperDiv a, wallpaperDivFull a { text-decoration:underline }
/* wallpaper Page --> END */

/* brochures page */
.brochureDiv { width:25% ; height:200px; text-align:center; float:left }
.brochureHalfDiv { width:50%; float:left}
.brochureThreeDiv { width:321px; float:left; height:150px; text-align:center; margin-top:15px;}
.brochureFullDiv { width:964px; height:70px; text-align:center; float:left;}
/* brochures page --> END */