/* Enagic.com CSS */ /* ------ Reset ------*/ html,body,a,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-weight: normal; font-style: normal; } ul { list-style: none; } fieldset { border: none; } img { border: 0; outline: none; } body { font: 12px/20px 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; color: #FFF; } body { background-color: #BED3EF; } body, html { height: 100%; margin: 0 0 1px 0; padding: 0; } img { vertical-align: bottom; border: 0; } ul { margin: 0; padding: 0 0 0 15px; } li { margin-left: 0; padding-left: 0; } p { margin: 0 0 15px 0; padding: 0; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; } h1 { color: #000; font-size: 19px; font-weight: bold; line-height: 25px; margin-bottom: 20px; } h2 { color: #666; font-size: 21px; font-weight: bold; line-height: 20px; margin-bottom: 20px; } h3 { color: #104474; font-size: 12px; font-weight: bold; line-height: 16px; margin: 30px 0 10px 0; } h4 { color: red; font-size: 16px; font-weight: bold; margin-bottom: 20px; } h3.watertypes { margin: 15px 0 0 0; } h3.interim { font-size: 14px; font-weight: bold; margin-left: 100px; } h2.faq { margin: 40px 0 20px 0; } .distribution h3 { margin-top: 30px; } .imgleft { float: left; margin: 10px 20px 10px 0; } .imgright { float: right; margin: 10px 0 10px 20px; } .clear { clear: both; height: 0; line-height: 0; padding: 0; font-size: 0; } .float_right { float: right; font-size: 12px; } .float_left { float: left; font-size: 12px; } .white { background-color: #FFF; } .underline { text-decoration: underline; } .red { color: red; font-weight: bold; } /******* Links *******/ a:link { color: #0088CC; font-size: 12px; margin: 0; padding: 0; text-decoration: underline; outline: none; } a:visited { color: #0088CC; text-decoration: underline; } a:hover { color: #0088CC; text-decoration: underline; } a.arrow { color: #0088CC; background-image: url(/images/arrow_link.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: .8em; text-decoration: underline; } a.arrow:hover { text-decoration: none; } ul.arrow a { font-weight: normal; } ul.arrow:hover { color: #0088CC; } /******* Lists *******/ ol { list-style-type: decimal; list-style-position: inside;} ul.baselist { list-style: disc; } ul.baselist li { margin: 20px 0; } ul.arrow { list-style-type: none; margin: 0; padding: 0;} ul.arrow li { background-image: url(/images/arrow_link.gif); background-repeat: no-repeat; background-position: 0 .4em; padding-left: .8em;} /******* Forms *******/ #contactform { margin-top: 30px; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; color: #000; background-color: #FFF; } #contactform fieldset{ font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000; font-size: 12px; margin-bottom: 20px; padding: 10px 0 40px 10px; border-bottom: 1px solid #D3D3D3; } #contactform legend { font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000; font-size: 14px; margin-left: 10px; color: #455678; font-weight: bold; padding: 0; margin: 0; } #contactform label { width: 300px; text-align: left; display: block; color: #000; margin-top: 10px; } #contactform textarea { font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000; font-size: 12px; background-color: #FFF; border: 1px solid #D3D3D3; margin: 10px 0 0 10px; width: 400px; display: block; padding: 3px; } #contactform textarea:hover { background-color: #C9D1DC; border: 1px solid #FFF; font-size: 12px; } #contactform input { font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000; font-size: 12px; background-color: #FFF; border: 1px solid #D3D3D3; margin: 0; width: 250px; height: 18px; margin: 0 0 10px 0; padding: 3px; } #contactform input:hover { font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000; font-size: 12px; background-color: #C9D1DC; border: 1px solid #FFF; } #contactform select { font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000; font-size: 12px; margin: 10px 0 0 10px; } /******* Global Ids and Classes *******/ #dropshadow { background: url(/images/bg_dropshadow.gif) repeat-y; width: 908px; padding: 0 4px 0 4px; margin: 0 auto; height: 100%; } #container { position: relative; width: 900px; min-height: 100%; background-color: #FFF; background-image: url(/images/bg_content.gif); background-repeat: repeat-y; } * html #container { height: 100%; } #content { z-index: 2; background-image: url(/images/bg_content.gif); background-repeat: repeat-y; width: 900px; position: relative; } #header { background: url(/images/bg_menu.gif) repeat-x; height: 36px; width: 900px; } #header .logo { position: absolute; margin-left: 30px; z-index: 999999; } #header .slogan { margin: 10px 0 0 120px; width: 120px; height: 11px; position: absolute; } #header .flags { position: absolute; left: 120px; top: 2px; text-align: center; } #header .flags img { border: 1px solid #04416D; margin: 0; padding: 0; vertical-align: super; } #header .flags a { margin: 0; padding: 0; } #subheader { width: 900px; height: 185px; background-color: #FFF; } .sub_distributor { background: url(/images/subheader_distributor.jpg); } .sub_tools { background: url(/images/subheader_tools.jpg) no-repeat; } .sub_tools_pay { background: url(/images/subheader_tools_pay.jpg) no-repeat; } #lowerboxes_wrapper { height: 370px; } #lowerboxes { position: relative; background: #001125 url(/images/bg_index_lowerboxes.jpg) no-repeat top; height: 309px; } #lowerboxes p { margin-bottom: 10px; font-weight: bold; color: #BFD2F2; } #lowerboxes p.justify { color: #FFF; text-align: justify; font-weight: normal; } #lowerboxes .content_box { float: left; width: 239px; padding: 35px 30px 10px 30px; font-weight: normal; } #lowerboxes .img { margin-bottom: 20px; } #lowerboxes a.more { color: #FFF; position: absolute; bottom: -40px; } #sidebar { float: left; width: 179px; padding: 0; } /******* Table Info *******/ table.infotable h3 { margin: 40px 0 5px 0; } .infotable { background-color: #F6FAFF; width: 100%; line-height: normal; } .infotable ul { margin: 0; padding: 0; } .infotable li { margin: 0; padding: 0; } .table_line { background-image: url(/images/line_grey.gif); background-repeat: repeat-y; background-position: center; } .infotable th { border-bottom: 1px solid #D3D3D3; color: #104474; font-size: 12px; font-weight: bold; padding: 10px; text-align: left; width: 45%; } .infotable td { border-bottom: 1px solid #D3D3D3; color: #000; font-size: 12px; padding: 10px 10px 10px 0; width: 55%; } .table_data ul { padding: 0; } .table_certificates { background-color: #FFF; text-align: center; width: 10%; } .tblData th { text-align: right; width: 125px; } /******* Table style *******/ .tablestyle { width: 100%; border: 1px solid #D3D3D3; border-bottom: 0; } .tablestyle th { background-color: #F6F9FE; border-bottom: 1px solid #D3D3D3; font-size: 12px; font-weight: bold; padding: 10px; } .tablestyle td { border: 1px solid #D3D3D3; border-width: 0 0 1px 1px; padding: 5px; width: 220px; text-align: center; } .tablestyle tr.even { background-color: #F6F9FE;} .tablestyle td.subject { border-left: 0; color: #104474; font-size: 12px; font-weight: bold; width: 180px; text-align: center; } .tablestyle td.subject2 { border-left: 0; color: #104474; font-size: 12px; font-weight: bold; width: 40px; text-align: center; } /******* Lines *******/ .divider { border-bottom: 1px solid #D3D3D3; margin: 20px 0 20px 0; clear: both; } .line-bottom{ border-bottom: 1px solid #D3D3D3;} .line-top{ border-top: 1px solid #D3D3D3;} .line-right{ border-right: 1px solid #D3D3D3;} /******* Icons *******/ .icon_drop { margin: 3px 5px 0px 0; } /******* Misc buttons *******/ .but_portable { position: absolute; top: 80px; left: 33px; } /******* Resizable buttons *******/ .button_container { overflow: hidden; width: 100%; margin-top: 20px; } a.button { background: transparent url(/images/bg_button_right.gif) no-repeat scroll top right; color: #000; display: block; float: left; font: normal 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; height: 24px; margin-right: 6px; padding-right: 13px; text-decoration: none; } a.button span { background: transparent url(/images/bg_button_left.gif) no-repeat; display: block; line-height: 14px; padding: 5px 5px 5px 13px; font-size: 12px; } a.button:active { background-position: bottom right; color: #000; outline: none; text-decoration: none; top: -1px; } a.button:active span { background-position: bottom left; padding: 6px 5px 4px 13px; } a.button_blue { background: transparent url(/images/bg_buttonblue_right.gif) no-repeat scroll top right; color: #FFF; display: block; float: left; font: normal 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; height: 24px; margin-right: 6px; padding-right: 13px; text-decoration: none; } a.button_blue span { background: transparent url(/images/bg_buttonblue_left.gif) no-repeat; display: block; line-height: 14px; padding: 5px 5px 5px 13px; font-size: 12px; } a.button_blue:active { background-position: bottom right; color: #FFF; outline: none; text-decoration: none; top: -1px; } a.button_blue:active span { background-position: bottom left; padding: 6px 5px 4px 13px; } .button_container_grey { overflow: hidden; } a.button_grey { background: transparent url(/images/bg_buttongrey_right.gif) no-repeat scroll top right; color: #FFF; float: right; font: normal 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; height: 24px; margin-right: 6px; padding-right: 13px; text-decoration: none; } a.button_grey span { background: transparent url(/images/bg_buttongrey_left.gif) no-repeat; display: block; line-height: 14px; padding: 5px 5px 5px 13px; font-size: 12px; } a.button_grey:active { background-position: bottom right; color: #FFF; outline: none; text-decoration: none; top: -1px; } a.button_grey:active span { background-position: bottom left; padding: 6px 5px 4px 13px; } /**************************** ENAGIC ****************************/ /******* Sizzling Summer Campaign *******/ #sizzlingsummer h1 { margin-bottom: 10px; } #sizzlingsummer td { padding: 0; } #sizzlingsummer p.note { color: #990000; font-weight: bold; margin-bottom: 4px; } #sizzlingsummer .container { padding: 10px; margin-bottom: 10px; border-bottom: 1px solid #D3D3D3; vertical-align: top; } #sizzlingsummer h3 { font-size: 14px; font-weight: bold; margin-top: 10px; line-height: 14px; } #sizzlingsummer ul.baselist { margin: 15px 0 15px 10px; } #sizzlingsummer .baselist li { margin: 0px; } #sizzlingsummer table.more { text-align: center; width: 660px; } #sizzlingsummer table.more td { width: 25%; vertical-align: top; } /******* Global Training Event *******/ #globaltraining { } #globaltraining .subject { margin-bottom: 0;} #globaltraining ul.baselist { margin-bottom: 20px;} #globaltraining ul.baselist li { margin: 0; } #globaltraining .divider { border-bottom: 1px dotted #D3D3D3; margin: 0px 0 15px 0; clear: both; } #globaltraining .h1 { margin-top: 50px; } #globaltraining span { width: 110px; float: left; } /******* Enagic - Life Expectancy *******/ #life th { background-color: #F6F9FE; font-size: 11px; padding: 10px; } #life td { text-align: center; padding: 5px; } #life td.japan { background-color: #FFFFCC; } #life td.country { text-align: left; } /******* Enagic - Enagic Vs Competion *******/ #comparison { width: 100%; border: 1px solid #D3D3D3; border-bottom: 0; } #comparison th { background-color: #F2F2F2; border-bottom: 1px solid #D3D3D3; font-size: 12px; font-weight: bold; padding: 10px; } #comparison td { border: 1px solid #D3D3D3; border-width: 0 0 1px 1px; padding: 10px; width: 220px; } #comparison tr.even { background-color: #F6F9FE;} #comparison .subject { border-left: 0; color: #104474; font-size: 11px; font-weight: bold; width: 180px; } /******* Doctors *******/ .doctors {} .doctors span { color: purple; display: block; font-weight: bold; } .doctors ul { margin-bottom: 40px;} ul.doctors { list-style: disc; } ul.doctors li { margin: 10px 0; } /******* Tools *******/ .bg_tools { background: url(/images/bg_tools.jpg) no-repeat; width: 650px; height: 659px; position: relative; } .tools h1 { color: #32465B; font-size: 18px; font-weight: bold; margin-bottom: 10px; } .tools_stamp { position: absolute; top: 100px; right: 10px; } .tools p.tab { position: absolute; top: 5px; left: 10px; font-weight: bold; font-size: 13px; color: #000; } .tools .wrapper { padding-left: 10px; width: 425px; } .tools .wrapper p { margin: 5px 0 0 0; font-size: 11px; } .tools .wrapper h2 { color: #000; font-size: 13px; font-weight: bold; margin: 0; } .tools .websites { position: absolute; top: 37px; height: 125px; } .tools .backoffice { position: absolute; top: 181px; height: 135px; } .tools .support { position: absolute; top: 307px; height: 125px; } .tools .training { position: absolute; top: 480px; height: 135px; } .tools .wrapper a.arrow { position: absolute; bottom: 5px; font-size: 11px; } table.planoverview { border: 1px solid #BCBCBC; border-bottom: 0; width: 627px; text-align: center; } .planoverview th { background: url(/images/bg_tools_th.gif) repeat-x; height: 32px; } .planoverview th.main { background: url(/images/bg_tools_th_main.gif) repeat-x; height: 49px; font-weight: bold; } .planoverview td { background: url(/images/bg_tools_td.gif) repeat-x; } .planoverview td.line { background: url(/images/bg_tools_line.gif) repeat-y left; margin: 0; padding: 0; } #etools_plans div { float: left; } #etools_plans div a { display: block; height: 133px; } #etools_plans div a:hover { display: block; height: 133px; } #etools_plans div a.contributing { background: url(/images/but_tools_contributing.png) no-repeat; width: 312px; height: 133px; } #etools_plans div a:hover.contributing { background: url(/images/but_tools_contributing_hover.png) no-repeat; width: 312px; height: 133px; } #etools_plans div a.abundant { background: url(/images/but_tools_abundant.png) no-repeat; width: 313px; height: 132px; margin-left: 15px; } #etools_plans div a:hover.abundant { background: url(/images/but_tools_abundant_hover.png) no-repeat; width: 312px; height: 133px; } #etools_signup div { float: left; } #etools_signup div a { display: block; height: 39px; } #etools_signup div a:hover { display: block; height: 39px; } #etools_signup div a.signup { background: url(/images/but_tools.png) no-repeat; width: 196px; height: 39px; margin-right: 10px; } #etools_signup div a:hover.signup { background: url(/images/but_tools_hover.png) no-repeat; width: 196px; height: 39px; } /**************************** DISTRIBUTOR ****************************/ /******* Distributor - Home *******/ #twitter_widget { background: url(/images/twitter_border.gif) no-repeat; width: 307px; height: 394px; margin-top: 10px; padding: 3px; } .countdown_wrapper { background: url(/images/distributor_countdown.png) no-repeat; width: 441px; height: 207px; margin-bottom: 40px; } .countdown { width: 387px; height: 80px; position: relative; top: 93px; left: 27px; } /******* Distributor - Prohibited Sales *******/ .dontsellkw { } .dontsellkw h2 { margin: 0 0 5px 0; } .dontsellkw .content_rightbar { padding-top: 30px; } .content_right { float: right; width: 661px; color: #000; padding: 25px 30px 30px 30px; line-height: 1.5; font-weight: normal; } .content_right p, .content_right a, .content_right ul { font-weight: normal; } .content_right2 { float: left; width: 440px; color: #000; padding: 25px 30px 30px 30px; line-height: 1.5; } .content_right2 p { font-weight: normal; } .content_left { float: left; width: 440px; } .content_rightbar { color: #000; float: right; padding: 25px 30px 30px 0; width: 180px; } .content_rightbar .noline { text-decoration: none; } .but_login { float: right; } .but_login img { border: 0; } .infobox { float: left; margin-top: 40px; width: 216px; text-align: justify; } .infobox img { margin-bottom: 10px; } .infobox p { padding: 10px 10px 10px 0; } .indent { margin: 0 0 20px 20px; } .imageborderleft { border: 1px solid #D3D3D3; margin: 5px 10px 30px 0; float: left; } .imageleft { margin: 5px 15px 30px 0; float: left; } .imageright { margin: 5px 0 30px 15px; float: right; } .container_certificates1 { float: left; margin: 0 30px 70px 0; text-align: center; } .container_certificates1 img { border: 0; margin-bottom: 20px; } .container_certificates2 { width: 300px; float: left; margin: 0 30px 20px 0; } .productmenuitem { float: left; background-color: #666; } .productimage { float: right; margin: 10px 0 40px 0; } .location_container { margin: 0 0 130px 0; } .watertypes_headline { color: #000; font-weight: bold; } .watertypes_uses { margin: 15px 0; } .watertypes_description { margin: 10px 0 40px 0; } .sig { text-align: right; margin-top: 10px; } .quote { font-style: italic; } .center { text-align: center; } .history { } .history h3 { margin-bottom: 0; } .history p { margin-bottom: 30px; } .seminars { margin-top: 20px; } ul.replacementparts li { margin-bottom: 15px; } .small { color: #666; font-size: 11px; font-weight: bold; } .bold { font-weight: bold; } /******* Pre-order *******/ /* .preorder .headline { margin: 0 0 20px 0; } */ .preorder h1 { margin-top: 20px; } .preorder h4 { color: red; display: block; font-size: 16px; font-weight: bold; margin-bottom: 0px; } .preorder table { } .preorder table th { background-color: #F6F9FE; color: #1A3F61; font-weight: bold; padding: 3px 8px 3px 3px; text-align: right; } .preorder table td { padding: 3px; text-align: left; } .preorder_form { } .preorder_form .button_container { width: 190px; } .preorder_form .divider { margin: 50px 0; } .preorder_form input { margin: 7px 0; width: 170px; height: 18px; border: 1px solid #D3D3D3; padding: 3px; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000; font-size: 13px; } .preorder_form textarea { margin: 0 5px; width: 50px; height: 20px; border: 1px solid #D3D3D3; padding: 3px; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000; font-size: 13px; } .preorder_form label { display: inline; font-weight: bold; } /******* Latest News *******/ .newsitem_container { margin: 0 0 50px 0; } .newsitem_container h3 { margin-bottom: 20px; } .newsitem_date { text-align: right; font-weight: bold; color: #999; font-size: 12px; } .newsitem_box { background-color: #F6FAFF; border: 1px solid #D3D3D3; padding: 20px; width: 180px; text-align: center; } .newsitem_container p { font-weight: normal; } .newsitem_container ol { list-style-position: inside; padding-left: 20px; margin: 20px 0; } .newsitem_container ul { list-style-type: disc; list-style-position: inside; padding-left: 20px; margin: 20px 0; } .newsitem_container ol li { margin: 5px; } .newsitem_container a.pdf { background: url(/images/icon_pdf.gif) no-repeat top left; margin: 5px 0 7px 7px; padding-left: 20px; list-style: none; margin-left: 20px; } #compliance .newsitem_container { margin: 0 0 30px 0; } #compliance .newsitem_container h3 { margin: 20px 0 10px; } #compliance .newsitem_date { text-align: right; font-weight: bold; color: #999; font-size: 12px; } #compliance .divider { border-bottom: 1px solid #D3D3D3; margin: 10px 0 10px 0; clear: both; } /******* 3A *******/ .threea { } .threea h3 { color: #9F8C60; font-size: 12px; font-weight: bold; line-height: 16px; margin: 0 0 10px 0; } .threea .imgheadline { margin: 20px 0 10px 0; } .content_rightbar .threeaflyer { margin-top: 20px; } /******* Distributor Login *******/ #subnav { height: 50px; margin-bottom: 20px; } .subnav { background: url(/images/bg_subnav.gif) no-repeat; height: 35px; width: 661px; line-height: 35px; font-size: 11px; } .subnav .float_left { float: left; color: #666; font-weight: bold; width: 170px; margin-left: 40px; font-size: 11px; } .subnav .float_right { float: right; color: #666; width: 430px; margin-right: 20px; text-align: right; font-size: 11px; } .subnav .float_right a.arrow { font-size: 11px; } .distributor_login { } .distributor_login h1 { margin: 0 0 5px; } .distributor_login .icon { float: left; margin: 0 10px 5px 0; } .distributor_login .button_container { width: 190px; } .distributor_login .divider { margin: 50px 0; } .distributor_login input { margin: 7px 0; width: 170px; height: 18px; border: 1px solid #D3D3D3; padding: 3px; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000; font-size: 13px; } .distributor_login textarea { margin: 7px 0; width: 360px; height: 360px; border: 1px solid #D3D3D3; padding: 3px; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000; font-size: 13px; } .distributor_login label { display: block; font-weight: bold; margin-top: 20px; } /******* Distributor Forms *******/ .enagicforms ul { margin: 0; } .enagicforms li { background: url(/images/icon_pdf.gif) no-repeat top left; margin: 5px 0 7px 7px; padding-left: 20px; } .enagicforms li.up { background: url(http://www.enagic.com/en/wp-content/uploads/2008/07/up.gif) no-repeat top left; margin: 10px 0 0 7px; padding-left: 20px; } .enagicforms li a { text-decoration: none; } .enagicforms li a:hover { text-decoration: underline; } .enagicforms .crumbs { background-color: #EEEEEE; margin-bottom: 30px; padding: 4px 10px; border: 0px solid #D3D3D3; } .enagicforms .crumbs a { padding: 0 10px; text-decoration: none; } .enagicforms .crumbs a:hover { text-decoration: underline; } .enagicforms h2 { margin-top: 40px; } .enagicforms .left { float: left; margin-right: 30px; width: 360px; } .enagicforms .left div { margin: 0 0 40px; } .enagicforms .left .icon { float: left; margin: 0 10px 5px 0; } .enagicforms .left div p { margin-bottom: 10px; } .enagicforms .right { float: right; width: 270px; } .enagicforms .right div { margin: 0 0 40px; } .enagicforms .right div p { margin-bottom: 10px; } .enagicforms .right .icon { float: left; margin: 0 10px 5px 0; } .misclinks { font-weight: bold; font-size: 11px; margin-bottom: 10px; } .misclinks a { font-size: 11px; text-decoration: underline; font-weight: bold; color: red; } /******* Form Tabs *******/ #formtabs { background: url(/images/bg_formtabs.gif) repeat-x bottom; font-size: 12px; height: 23px; width: 660px; font-weight: bold; margin-bottom: 10px; } #formtabs ul { cursor: pointer; list-style-type: none; margin: 0; padding: 0; width: 660px; } .formtabs_content { border-bottom: 1px solid #D3D3D3; margin-bottom: 30px; padding: 20px 0 40px 0; } /* INACTIVE TAB 23px */ #formtabs ul li { background: url(/images/tab_inactive.gif) no-repeat; float: left; margin: 0 5px 0 0; padding: 2px 0 0 0; width: 65px; height: 21px; text-align: center; } #formtabs ul li.last { margin-right: 0; } #formtabs ul li a { color: #FFF; display: block; text-decoration: none; width: 65px; height: 23px; padding: 0; margin: 0; } #formtabs ul li a span { height: 23px; } #formtabs ul li a span img { margin: 0 4px 2px 0; } /* ACTIVE TAB 23px */ #formtabs ul li.formtabs_on { background: url(/images/tab_active.gif) no-repeat; margin: 0 5px 0 0; padding: 2px 0 0 0; width: 65px; height: 21px; } #formtabs ul li.formtabs_on.last { margin-right: 0; } #formtabs ul li.formtabs_on a { color: #000; display: block; text-decoration: none; width: 65px; height: 23px; padding: 0; margin: 0; } #formtabs ul li.formtabs_on span { height: 23px; } /* MOUSE OVER TAB 23px */ #formtabs ul li.formtabs_over { background: url(/images/tab_over.gif) no-repeat; float: left; margin: 0 5px 0 0; padding: 2px 0 0 0; width: 65px; height: 21px; } #formtabs ul li.formtabs_over.last { margin-right: 0; } #formtabs ul li.formtabs_over a { color: #FFF; display: block; text-decoration: none; width: 65px; height: 23px; padding: 0; margin: 0; } #formtabs ul li.formtabs_over span { height: 23px; } /**************************** TECHNOLOGY ****************************/ /******* Factory Tour *******/ .factory { } .factory .button_container { margin: 0 0 70px 0; } .factory h3 { margin: 0; } .factory p { margin-bottom: 5px; } /**************************** MISC ****************************/ /******* Efriends *******/ #header_fullspan { background: url(/images/bg_menu.gif) repeat-x; height: 36px; width: 100%; } #efriends_header { width: 900px; margin: 0 auto; } #efriends_flash { width: 100%; height: 100%; } /* #header { background: url(/images/bg_menu.gif) repeat-x; height: 36px; width: 900px; } */ .edition { width: 190px; float: left; margin-right: 20px; text-align: center; } .edition img { margin-bottom: 5px; } /******* Contact *******/ .support { margin-top: 30px; } /**************************** MENUS ****************************/ /******* Top menu *******/ #menu { width: 588px; height: 36px; float: right; } #menu ul { list-style-type: none; padding: 0; width: 100%; height: 36px; margin: 0; } #menu ul li { float: left; padding: 0; margin: 0; width: 98px; } #menu ul li a { display: block; height: 36px; } #menu ul li a:hover { display: block; height: 36px; } #menu ul li a.home { background: url(/images/menu_home.gif) no-repeat; } #menu ul li a.enagic { background: url(/images/menu_enagic.gif) no-repeat; } #menu ul li a.water { background: url(/images/menu_water.gif) no-repeat; } #menu ul li a.technology { background: url(/images/menu_technology.gif) no-repeat; } #menu ul li a.contact { background: url(/images/menu_contact.gif) no-repeat; } #menu ul li a.store { background: url(/images/menu_store.gif) no-repeat; } #menu ul li a:hover.home { background: url(/images/menu_home_hover.gif) no-repeat; } #menu ul li a:hover.enagic { background: url(/images/menu_enagic_hover.gif) no-repeat; } #menu ul li a:hover.water { background: url(/images/menu_water_hover.gif) no-repeat; } #menu ul li a:hover.technology { background: url(/images/menu_technology_hover.gif) no-repeat; } #menu ul li a:hover.contact { background: url(/images/menu_contact_hover.gif) no-repeat; } #menu ul li a:hover.store { background: url(/images/menu_store_hover.gif) no-repeat; } /******* Sidemenu *******/ .menuitem_content{ height: 120px; } .menuitem_content img { height: 120px; margin-bottom: 0; border: 0; } .menuitem_content a { margin: 0; padding: 0; display: block; } /******* Compliance menu *******/ ul#compliancemenu { list-style-type: none; padding: 0; width: 180px; margin: 0; } ul#compliancemenu li { float: left; padding: 0; margin: 0 0 15px 0; width: 180px; } ul#compliancemenu li a { display: block; height: 90px; } ul#compliancemenu li a:hover { display: block; height: 90px; } ul#compliancemenu li a.news { background: url(/images/but_compliance_news.jpg) no-repeat; } ul#compliancemenu li a.docs { background: url(/images/but_compliance_docs.jpg) no-repeat; } ul#compliancemenu li a.approved { background: url(/images/but_compliance_approved.jpg) no-repeat; } ul#compliancemenu li a.prohibited { background: url(/images/but_compliance_prohibited.jpg) no-repeat; } ul#compliancemenu li a.knockoffs { background: url(/images/but_compliance_knockoffs.jpg) no-repeat; } ul#compliancemenu li a:hover.news { background: url(/images/but_compliance_news_hover.jpg) no-repeat; } ul#compliancemenu li a:hover.docs { background: url(/images/but_compliance_docs_hover.jpg) no-repeat; } ul#compliancemenu li a:hover.approved { background: url(/images/but_compliance_approved_hover.jpg) no-repeat; } ul#compliancemenu li a:hover.prohibited { background: url(/images/but_compliance_prohibited_hover.jpg) no-repeat; } ul#compliancemenu li a:hover.knockoffs { background: url(/images/but_compliance_knockoffs_hover.jpg) no-repeat; } /**************************** ACCORDION ****************************/ /******* Accordion - Left Nav *******/ #leftnav .togglerActive { color: #E8E8E8; font-weight: normal; display: block; background-image: url(/images/bg_mainmenu_title_hover.jpg); } #leftnav .togglerInactive { color: #E8E8E8; font-weight: normal; background-image: url(images/bg_mainmenu_title.jpg); } #leftnav .toggler { line-height: 30px; padding-left: 18px; margin: 0; color: #E8E8E8; margin: 0; height: 30px; background-image: url(/images/bg_mainmenu_title.jpg); background-repeat: no-repeat; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; } #leftnav .togglerContent { background-color: #011125; height: 120px; } #leftnav .togglerContent p { margin: 0; padding: 0; } .float-right { padding: 10px 20px; float: right; } blockquote { padding: 5px 0 5px 30px; } /******* Accordion - Faq *******/ .faqStart { cursor: pointer; } .faqContainer { display: none; } .faqToggler{ margin: 0; height: 30px; background-repeat: no-repeat; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; } .faqContent { background-color: #FFF; padding: 20px 0 50px 40px; } .element p { margin: 0; padding: 0; } .float-right { padding: 10px 20px; float: right; } blockquote { padding: 5px 0 5px 30px; } .faqTogglerTitle { color: #104474; line-height: 30px; padding-left: 18px; margin: 0; font-size: 12px; text-decoration: none; background-image: url(/images/bg_faqmenu_title.jpg); background-repeat: no-repeat; } /******* Accordion - Sizzling Summer Campaign *******/ .sizzlingStart { cursor: pointer; } .sizzlingContainer { display: none; } .sizzlingToggler{ margin: 0; background-repeat: no-repeat; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; } .sizzlingContent { background-color: #FFF; padding: 20px 0 20px 40px; } .element p { margin: 0; padding: 0; } .float-right { padding: 10px 20px; float: right; } blockquote { padding: 5px 0 5px 30px; } .sizzlingTogglerTitle { color: #104474; line-height: 30px; padding-left: 18px; margin: 0; font-size: 12px; text-decoration: none; background-image: url(/images/bg_faqmenu_title.jpg); background-repeat: no-repeat; } /******* Accordion - Q&A *******/ .qanda img { margin: 20px 0; } .qandaStart { cursor: pointer; } .qandaContainer { display: none; } .qanda ul li { padding: 0; margin: 0; } .qandaToggler{ margin: 0; /* height: 30px; */ background-repeat: no-repeat; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; } .qandaContent { background-color: #FFF; padding: 20px 0 20px 40px; } .element p { margin: 0; padding: 0; } .float-right { padding: 10px 20px; float: right; } .qandaTogglerTitle { color: #104474; line-height: 30px; padding-left: 18px; margin: 0; font-size: 12px; text-decoration: none; background-image: url(/images/bg_faqmenu_title.jpg); background-repeat: no-repeat; } /******* Accordion - Forms *******/ .formsStart { cursor: pointer; } .formsContainer { } .formsToggler{ margin: 0; height: 30px; background-repeat: no-repeat; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #1A3F61; } .formsContent { background-color: #FFF; padding: 0 0 50px 0; } .formsTogglerTitle { color: #104474; line-height: 30px; padding-left: 18px; margin: 0; font-size: 12px; text-decoration: none; border-bottom: 1px solid #D2D2D2; } .formsTogglerActive { background-image: url(/images/bg_formsmenu_title_hover.jpg); background-repeat: no-repeat; } .formsTogglerInactive { background-image: url(/images/bg_formsmenu_title.jpg); background-repeat: no-repeat; } /******* Accordion - Form Sections *******/ .sectionToggler { cursor: pointer; color: #104474; line-height: 30px; padding-left: 18px; margin: 0; height: 30px; background-repeat: no-repeat; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; } .sectionContent { display: none; } .sectionTogglerActive { background-image: url(/images/bg_formsmenu_title_hover.jpg); background-repeat: no-repeat; } .sectionTogglerInactive { background-image: url(/images/bg_formsmenu_title.jpg); background-repeat: no-repeat; } /******* Accordion - Product *******/ .productStart { cursor: pointer; } .productContainer { display: none; } .productToggler{ margin: 0; height: 30px; } .productTogglerTitle { line-height: 30px; padding-left: 30px; margin: 0; font-size: 12px; font-weight: bold; background-image: url(/images/bg_productinfo_title.jpg); background-repeat: no-repeat; border: 1px solid #D3D3D3; } /**************************** FOOTER ****************************/ #clearfooter { height: 310px; border: 0; margin: 0; padding: 0; clear: both; } #footer { background: #0B406C url(/images/bg_footer.gif) repeat-x top; height: 260px; margin-top: -260px; position: relative; color: #FFF; width: 900px; } #footer .container { color: #666; font-size: 11px; margin: 0 auto; text-align: left; } #footer p { color: #FFF; font-size: 11px; margin: 0 0 15px 0; } #footer .section { color: #FFF; background: url(/images/bg_divider.gif) repeat-y right; float: left; margin-top: 25px; width: 170px; height: 130px; padding: 0 20px; } #footer .section_links { background: url(/images/bg_divider.gif) repeat-y right; color: #FFF; float: left; width: 110px; height: 130px; margin-top: 25px; } #footer .section_links p { color: #FFF; font-size: 11px; margin: 0 0 15px 0; } #footer .noborder { background: none; } #footer a:link { color: #FFF; font-size: 11px; text-decoration: none; } #footer a:hover { color: #B4ECEE; text-decoration: underline; } #footer a:visited { color: #FFF; text-decoration: none; } #footer a:active { color: #FFF; text-decoration: none; } #footer .section_links a:link { color: #FFF; font-size: 11px; text-decoration: none; } #footer .section_links a:hover { color: #B4ECEE; text-decoration: underline; } #footer .section_links a:visited { color: #FFF; text-decoration: none; } #footer .section_links a:active { color: #FFF; text-decoration: none; } #footer .section .icon { margin: 5px 4px 0 0; } #footer .section .first { margin-right: 20px;} #footer .section .enagic { margin-right: 10px; } #footer .section .blog { background: url(/images/footer_icon_blog.png) no-repeat 0 50%; line-height: 16px; padding: 2px 0 0 20px; } #footer .section .myspace { background: url(/images/footer_icon_myspace.png) no-repeat 0 50%; line-height: 16px; padding: 2px 0 0 20px; } #footer .section .facebook { background: url(/images/footer_icon_facebook.png) no-repeat 0 50%; line-height: 16px; padding: 2px 0 0 20px; } #footer .section .twitter { background: url(/images/footer_icon_twitter.png) no-repeat 0 50%; line-height: 16px; padding: 2px 0 0 20px; } #footer .section ul { margin: 0; padding: 0; } #footer .section li { font-size: 11px; margin-bottom: 10px; margin-left: 0; padding-left: 0; } #footer .copy { color: #FFF; clear: both; font-size: 9px; text-align: center; } #footer .copy a:link { color: #FFF; font-size: 9px; } #footer .distributorlogin { margin-top: 5px; } #footer .copy .certification { text-align: center; height: 35px; display: block; margin-bottom: 3px; } #footer .copy .certification a { margin-right: 5px; }