/*               */
/* Standard      */
/*               */

html, body { margin: 0; padding: 0; } 
body { background: #333333 url(/images/tmpl_body.jpg) repeat-x 0 0; color: #FFF; font: 12px helvetica, verdana, arial, sans-serif; text-align: center; }
.contentwrapper { height: auto; width: 925px; margin-top : 8px; margin-left : 20px; margin-right : 20px; font-size : 12px; font-family : Verdana, Arial, sans-serif; }
.contentwrapper p { font-size : 12px; font-family : Verdana, Arial, sans-serif; }

img { border : 0; }

a { color : #FFFFFF; text-decoration : none;}
a:active { color : #FFFFFF; text-decoration : none; }
a:link { color : #FFFFFF; text-decoration : none; }
a:visited { color : #FFFFFF; text-decoration : none; }
a:hover { color : #FFFFFF; text-decoration : underline; }

h2 { font-size : 16px; font-family : Arial; }
h3 { font-size : 14px; font-family : Arial; }

tr { vertical-align : top; }
td { vertical-align : top; }


.imgbox { padding : 4px; border : solid 2px #000000; margin : 2px; }

.pageheader { border-bottom : solid 2px #d91521; font-variant : small-caps; padding-left : 100px; padding-top : 10px; height : 30px; font-size : 24px; font-weight : bolder; font-family : Arial; color : #d91521; width : 775px; margin-bottom : 15px; background-image : url(/images/tmpl_pageheader-bg.jpg); background-repeat : no-repeat; }

.strikethrough { text-decoration : line-through; }

.maincontentbox { margin: 0 auto; border: 0px solid #ffffff; color: #000000; padding: 20px; text-align: left; width: 900px; min-height : 400px;  padding: 20px; background-color: #FFFFFF; border: 3px solid #cccccc; }

.right {float : right; }
.left { float :left; }

.mo_header { font-weight : bold;  color  : #C0C0C0; font-size : 1.5em; }
.mo_highlighthead { font-size : 18px; color  : #C0C0C0; font-weight : bold; }
.mo_highlightheaditalics { font-size : 16px; color  : #C0C0C0; font-weight :normal; font-style : italic; }
.mo_rightimg { border : none; float : right; }
.mo_hr { padding : 0; margin : 0; margin-top : 2px;  width : 80%; height : 1px; color : #333333; background-color : #333333; }
.mo_menuheader { font-size : 14px; font-weight : bold; font-family : Verdana; margin: 0 auto; color : #999999; }
.mo_returntointo { color : #CC0000; font-size : 12px; }
.mo_returntointo:active { color : #CC0000; font-size : 12px; }
.mo_returntointo:link { color : #CC0000; font-size : 12px; }
.mo_returntointo:visited { color : #CC0000; font-size : 12px; }
.mo_returntointo:hover { color : #CC0000; font-size : 12px; text-decoration : underline; }

.cv_lg { display : none; }
.cv_itemheader { display : none; padding-top : 75px; color : #ffffff; font-size : 40px; font-weight : bold; }

.fe_header { text-transform : uppercase; font-size : 17px; color : #999999; font-weight : bold; }
.fe_feature { padding-top : 40px; }
.fe_leftcolumn { width : 40px; }
.fe_rightcolumn { padding-right : 15px; }
.fe_middlecolumn { float : right; padding-right : 20px; width : 90px; }
.fe_table { border-right : solid 1px #333333; border-bottom : solid 1px #333333; }

.sf_header { text-transform : uppercase; font-size : 17px; color : #999999; font-weight : bold; }
.sf_feature { padding-top : 40px; }
.sf_leftcolumn { width : 40px; padding-bottom : 20px; }
.sf_rightcolumn { padding-right : 15px; padding-left : 15px; width : 100%; }
.sf_middlecolumn { float : right; padding-right : 20px; width : 90px; }
.sf_table { border-right : solid 1px #333333; border-bottom : solid 1px #333333; }

.pr_index { border-right : solid 1px #333333; border-bottom : solid 1px #333333; }

.fa_table { width : 100%; margin-top : 50px; border-right : solid 1px #333333; border-bottom : solid 1px #333333; }
.fa_qimg { width : 35px; }
.fa_q { text-transform  : uppercase; color : #CCCCCC; padding-right : 20px; padding-bottom : 20px; font-weight : bold; }
.fa_a { padding-right : 20px; padding-bottom : 20px; }
.fa_firstli { margin : 0; padding-left : 18px; }
.fa_returntointo { color : #CC0000; font-size : 12px; }
.fa_returntointo:active { color : #CC0000; font-size : 12px; }
.fa_returntointo:link { color : #CC0000; font-size : 12px; }
.fa_returntointo:visited { color : #CC0000; font-size : 12px; }
.fa_returntointo:hover { color : #CC0000; font-size : 12px; text-decoration : underline; }
.fa_topq { text-transform  : uppercase; color : #CCCCCC; font-weight : bold; }
.fa_topq:active { text-transform  : uppercase; color : #CCCCCC; font-weight : bold; }
.fa_topq:link { text-transform  : uppercase; color : #CCCCCC; font-weight : bold; }
.fa_topq:visited { text-transform  : uppercase; color : #CCCCCC; font-weight : bold; }
.fa_topq:hover { text-transform  : uppercase; color : #CCCCCC; font-weight : bold; text-decoration : underline; }


.fs_tabletop { font-size :16px; font-weight : bold; font-family : verdana; }
.fs_item { font-weight : bold; font-family : Verdana; font-size : 12px;  border : solid 3px #000000; padding : 8px;}
.fs_itemdesc { font-family : Verdana; font-size : 12px; border : solid 3px #000000; padding : 8px; }



.ec_header { font-weight : bold;  color  : #C0C0C0; font-size : 1.5em; padding-top : 15px; }
.ec_headerfirst { padding-top : 3px; }
.ec_tabletop { font-size :16px; font-weight : bold; font-family : verdana; text-align : center; }
.ec_highlight { background-color : #111111; font-family : Verdana; font-size : 12px; }
.ec_nohighlight { background-color : #222222;  font-family : Verdana; font-size : 12px; }
.ec_item { font-weight : bold; font-family : Verdana; font-size : 12px; }
.ec_itemdesc { font-family : Verdana; font-size : 12px; text-align : center; }
.ec_itemdescspecial { font-family : Verdana; font-size : 12px; text-align : center; background-color : Aqua; }



.tmpl_underconstruction { width : 766px; margin : 0 auto; padding-top : 50px; padding-bottom : 50px; }
.tmpl_langmenu { font-size : 13px; font-family : Verdana; font-weight : 200; }
.tmpl_langmenu:active { font-size : 13px; font-family : Verdana; font-weight : 200; }
.tmpl_langmenu:link { font-size : 13px; font-family : Verdana; font-weight : 200; }
.tmpl_langmenu:visited { font-size : 13px; font-family : Verdana; font-weight : 200; }
.tmpl_langmenu:hover { font-size : 13px; font-family : Verdana; font-weight : 200; }





#outerWrapper { color: #FFF; text-align: center; background: transparent url(/images/tmpl_wrapper.png) repeat-y 50% 0; }
#innerWrapper { width: 964px; margin: 0 auto; text-align: left; }

#footerWrapper{ padding: 12px 6px; clear: both; font-size: 10px; background-color : #000000;}
#footerWrapper a { color: white; }
#footerWrapper #legal {	padding: 8px 14px; 	color: #666; }
#footerWrapper #legal a:link,
#footerWrapper #legal a:visited { color: #999; padding: 0 4px; }
#footerWrapper #legal a:hover { color: #FFF; }



/*               */
/* Feature Boxes */
/*               */

.feature { width: 224px !important; width /* */: 228px; text-align : center; }
#overviewFeatures .featureText { text-align : center; position: absolute; bottom: 0; left: 0; background-color: #474747; overflow: hidden; height: 30px; text-align : center; }
#overviewFeatures .featureText h3 { margin: 0; padding-right: 14px; text-align : center;}
#overviewFeatures .featureText h3 a { text-decoration: none; text-transform : uppercase; display: block; color: #FFF;  padding: 8px 10px 0 10px; text-align : center; width: 220px; }
#overviewFeatures .featureText .featureBlurb { /*display: none;*/  padding: 4px 16px 0 10px; font-size: 12px; line-height: 18px; color: #CCC; text-align : center; }
#overviewFeatures { width : 942px; text-align : center;  margin : auto; }
#overviewFeatures .feature { float: left; margin-right: 10px; position: relative; border: 2px solid #474747; text-align : center;}
#overviewFeatures div.last { margin-right: 0; text-align : center;}
.feature  h3 a { width: 190px !important; width /* */: 210px; text-align : center;}
#overviewFeatures .featureText p { margin-top: 0; text-align : center;}
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
/* End hide from IE-mac */
* html .clearfix { height:1px; }



ul#menu { height: 32px; color: #fff; margin: 0; padding-left: 10px; border: 1px solid #000; border-width: 1px 0; }
ul#menu li { display: block; float: left; margin: 8px 3px 0px 3px; position: relative; z-index:999; }
ul#menu h2, ul#menu h3 { font-size: 100%; font-weight: bold; text-transform:uppercase; display: inline; }
ul#menu div { display: none; }
ul#menu li.mega div { width: 28em; 	position: absolute; top: 14px; left: 0em; padding: 1.3em; }
ul#menu li.hovering div { display: block; }
ul#menu div h3 { color: #ff0000; font-weight: bold; }

.menu_drop { margin-top : 10px; background-repeat : no-repeat; }

.menu_dropinside { padding-left : 30px; color : #FF0000; }

.menu_dropinsidelink { color : #999999; line-height : 20px; font-size : 12px; text-transform : uppercase; }
.menu_dropinsidelink:active { color : #999999; }
.menu_dropinsidelink:link { color : #999999; }
.menu_dropinsidelink:visited { color : #999999; }
.menu_dropinsidelink:hover { color : #FFFFFF; }

.menu_levelone { font-size : 14px; font-weight : bold; text-transform :uppercase; padding-bottom : 13px; padding-left : 15px; padding-right : 17px;}
.menu_leveltwo { font-size : 14px; font-weight : bold; color : #FF0000; }



.gseries_e { background-image : url(/images/tmpl_menu_gseries_e.png); width : 230px; height : 130px; }
.hydrotech_e { background-image : url(/images/tmpl_menu_hydrotech_e.png); width : 360px; height : 150px; }
.advancedfiltration_e { background-image : url(/images/tmpl_menu_advancedfiltration_e.png); width : 230px; height : 130px; }
.support_e { background-image : url(/images/tmpl_menu_support_e.png); width : 230px; height : 130px; }
.thebrand_e { background-image : url(/images/tmpl_menu_thebrand_e.png); width : 230px; height : 130px; }

.gseries_f { background-image : url(/images/tmpl_menu_gseries_f.png); width : 430px; height : 130px; }
.hydrotech_f { background-image : url(/images/tmpl_menu_hydrotech_f.png); width : 260px; height : 130px; }
.advancedfiltration_f { background-image : url(/images/tmpl_menu_advancedfiltration_f.png); width : 230px; height : 130px; }
.support_f { background-image : url(/images/tmpl_menu_support_f.png); width : 230px; height : 130px; }
.thebrand_f { background-image : url(/images/tmpl_menu_thebrand_f.png); width : 230px; height : 130px; }

.gseries_d { background-image : url(/images/tmpl_menu_gseries_d.png); width : 430px; height : 130px; }
.hydrotech_d { background-image : url(/images/tmpl_menu_hydrotech_d_360.png); width : 500px; height : 130px; }
.advancedfiltration_d { background-image : url(/images/tmpl_menu_advancedfiltration_d.png); width : 230px; height : 130px; }
.support_d { background-image : url(/images/tmpl_menu_support_d.png); width : 230px; height : 130px; }
.thebrand_d { background-image : url(/images/tmpl_menu_thebrand_d.png); width : 230px; height : 130px; }




#SLB-Wrapper { margin:0.5em 0; margin:auto; font-family:Verdana; text-align: left; position: absolute;}
#SLB-Wrapper #SLB-Background{ position: absolute; left:7px; top:7px; float:left;}
#SLB-Wrapper #SLB-Top { background:transparent no-repeat scroll 100% 0; height:28px; margin:0 0 0 18px;}
#SLB-Wrapper #SLB-Top img { float:right; border:0px; margin:6px 10px; }
#SLB-Wrapper #SLB-Top div { background:transparent no-repeat scroll 0 0; font-size:0; height:28px; left:-18px; line-height:0; position:relative; width:18px;}
#SLB-Wrapper #SLB-Bottom { background:transparent no-repeat scroll 0 43%; height:20px; margin:0 18px 0 0;}
#SLB-Wrapper #SLB-Bottom #SLB-BottomRight { background:transparent no-repeat scroll 100% 43%; font-size:0; height:20px; right:-18px; line-height:0; position:relative; width:100%; float:right; }
#SLB-Wrapper #SLB-Bottom.SLB-bbnav, #SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{ height:52px; }
#SLB-Wrapper #SLB-Bottom.SLB-bbnav { background-position:0 100%; }
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{ background-position:100% 100%; }
#SLB-Wrapper #SLB-Contenido { border-left: 7px solid #000; border-right: 7px solid #000; }
#SLB-Wrapper #SLB-Bottom #SLB-Navegador{ font-size: 11px; color: #fff; height:30px; border-left:0px; border-right:0px; padding:10px 0px; margin:0; line-height:11px; float:left; width:100%; }
#SLB-Wrapper #SLB-Navegador img{ border:0px;}
#SLB-Wrapper #SLB-Navegador strong{ display: block; }
#SLB-Wrapper #SLB-Bottom #SLB-Navegador img.btLeft{ float: left; margin: 0 10px 0 0; }
#SLB-Wrapper #SLB-Bottom #SLB-Navegador img.btRight{ float: right; margin: 0 0 0 10px; position:relative; right:17px; }