/* URL Galsurit /* Code by Guy Jeffrey /* Sol Design www.sol.com.au /* Started: Feb, 2010 /* Last modified: July, 2010 /* basics ----------------------------------------------- */ html, body, form, fieldset { margin: 0; padding: 0; } body { font-size: 76%; color: #000; font-family: Arial, Helvetica, sans-serif; text-align: left; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; } form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; } .standardsAlert { display: none; } .clearleft { clear: left; } img { display: inline; } div.clearer {clear: both; line-height: 0; height: 0;} /* basic links ----------------------------------------------- */ a:link, a:visited { color: #004728; text-decoration: none; } a:hover { color: #fdb813; } a:active { text-decoration: none; } /* Nav */ #nav { background-image: none; margin: 0 auto; width: 978px; float: right; padding: 30px 0 0; } #nav ul {margin: 0; padding: 0; list-style-type: none;} #nav ul li { float: right; } #nav ul li a { color: #908f8f; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; height: 28px; line-height: 1.5em; text-align: right; font-style: normal; text-decoration: none; margin-right: 0; margin-left: 24px; padding: 0; display: inline; } #nav ul li a.here { color: #5a5959; } #nav ul li.current_page_item a, #nav ul li.current-page-ancestor a { color: #5a5959; } #nav a:hover { color: #727171; } /* tertiarynav */ #tertiarynav { display: inline; width: 160px; float: left; margin: 0; padding: 20px 0 0; } #tertiarynav h4 { color: #00542f; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; height: 28px; line-height: 1.5em; text-align: left; font-style: normal; text-decoration: none; margin: 0; padding: 0; } #tertiarynav ul {margin: 0; padding: 0; list-style-type: none;} #tertiarynav ul li { padding: 0; } #tertiarynav ul li a { color: #000; font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; height: 28px; line-height: 1.5em; text-align: left; font-style: normal; text-decoration: none; margin-left: 0; padding: 0; } #tertiarynav ul li.current_page_item a { color: #00542f; padding: 0; } #tertiarynav ul li.section { padding-top: 20px; } #tertiarynav ul li.section a { font-weight: bold; } #tertiarynav a:hover, #tertiarynav ul.subnav li a:hover { color: #00864b; } #tertiarynav ul.subnav { font-weight: bold; list-style-type: none; margin: 0 0 0 10px; padding: 0; } #tertiarynav ul.subnav li a { color: #000; font-weight: normal; padding: 0; } #tertiarynav ul.subnav li.current_page_item a { color: #00542f; } /* layout ----------------------------------------------- */ #wrapper { background-color: #fff; width: 100%; margin: 0 auto; padding: 0; text-align: left; } #topbar { background-color: #e6e6e6; background-image: url(../images/glas-top-tile.png); background-repeat: repeat-x; width: 100%; margin: 0 auto; padding: 0; text-align: left; height: 108px; } #masthead { background-image: url(../images/glasurit-logo.jpg); background-repeat: no-repeat; background-position: left top; text-align: right; margin: 0 auto; width: 978px; height: 108px; padding: 0; } #topnav { background-image: none; margin: 10px auto 0; width: 600px; height: 40px ; float: right; display: inline; } #contentwrapper { background-repeat: no-repeat; background-position: left top; text-align: left; margin: 0 auto; width: 978px; } #homecontentwrapper { background-repeat: no-repeat; background-position: left top; text-align: left; margin: 0 auto; width: 978px; } #topmain { display: inline; width: 625px; height: 279px; float: left; overflow: hidden; margin: 22px 13px 7px 0; padding: 0; } #topmid { display: inline; width: 220px; height: 279px; float: left; overflow: hidden; margin: 22px 13px 7px 0; padding: 0; } #topend { background-image: url(../images/training_bg.jpg); background-repeat: no-repeat; background-position: left top; display: inline; width: 107px; height: 279px; float: left; overflow: hidden; margin: 22px 0 7px; padding: 5px 0 0; } #newsbars { text-align: left; margin: 0 auto 0; width: 978px; } #newsbars p { font-size: 1em; line-height: 1em; text-align: left; margin: 0 0 0 12px; padding: 0; } #newsmain { background-color: #d4d5d6; display: inline; width: 625px; float: left; overflow: hidden; margin: 0 13px 0 0; padding: 7px 0; } #newsmid { background-color: #d4d5d6; display: inline; width: 220px; float: left; overflow: hidden; margin: 0 13px 0 0; padding: 9px 0; } #newsmend { background-color: #d4d5d6; text-align: left; display: inline; width: 107px; float: left; overflow: hidden; margin: 0; padding: 9px 0; } #newsidebar { background-color: #d4d5d6; text-align: left; display: inline; margin: 0; padding: 7px 0; width: 107px; float: left; overflow: hidden; } #newsidebar p { font-size: 1em; line-height: 1em; text-align: left; margin: 0 0 0 12px; padding: 0; } #botmain { display: inline; width: 625px; float: left; overflow: hidden; margin: 13px 13px 7px 0; padding: 0; } #botmid { display: inline; width: 218px; height: 228px; float: left; overflow: hidden; margin: 13px 13px 7px 0; padding: 0; border: solid 1px #d4d5d6; } #botend { background-image: url(../images/bep-sidebar-bg.jpg); background-repeat: no-repeat; background-position: center 50%; display: inline; width: 107px; height: 230px; float: left; overflow: hidden; margin: 13px 0 7px; padding: 0; } #botnews { background-image: url(../images/90line.jpg); background-repeat: no-repeat; background-position: 90px 35px; display: inline; width: 197px; height: 138px; float: left; overflow: hidden; margin: 0 13px 0 0; padding: 5px 0 0; border: solid 1px #d4d5d6; } #botnewsmid { background-image: url(../images/murano.jpg); background-repeat: no-repeat; background-position: 110px 50%; display: inline; width: 198px; height: 138px; float: left; overflow: hidden; margin: 0 13px 0 0; padding: 5px 0 0; border: solid 1px #d4d5d6; } #botnewsend { background-image: url(../images/visionplus_bg.jpg); background-repeat: no-repeat; background-position: 90px 10px; display: inline; width: 198px; height: 138px; float: left; overflow: hidden; margin: 0; padding: 5px 0 0; border: solid 1px #d4d5d6; } #botbanner { display: inline; width: 625px; height: 72px; float: left; overflow: hidden; margin: 13px 0 0; padding: 0; } #maincol { display: inline; width: 628px; float: left; margin: 0; padding: 30px 0 0; } #sidebar { text-align: right; display: inline; width: 190px; float: left; margin: 0; padding: 0; } #sidebarwidgets { text-align: left; display: inline; width: 190px; float: left; margin: 0; padding: 10px 0 0; } #sidebarwidgets h4 { color: #000; font-size: 1em; font-weight: bold; line-height: 1em; text-align: left; margin: 15px 0 3px; padding: 0; } #sidebarwidgets ul { text-align: left; margin-top: 0; margin-bottom: 1em; padding: 0; list-style-type: none; } #sidebarwidgets ul li { color: #5a5858; line-height: 1.7em; background-image: url(../images/light-grey-bullet.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left 6px; margin: 0; padding-right: 0; padding-left: 12px; padding-bottom: 0; } #sidebarwidgets ul li.pdf { font-weight: normal; line-height: 1.5em; background: url(../images/pdf-icon-small-black.png) no-repeat left 0; margin-bottom: 5px; margin-left: 0; padding-left: 25px; } #sidebarnarrow { text-align: right; display: inline; margin: 0; padding: 0; width: 107px; float: right; } /* Homepage text classes */ #topnav p { color: #908f8f; font-size: 1em; line-height: 1.3em; word-spacing: 5px; } #topnav a:link, #topnav a:visited { color: #908f8f; text-decoration: none; } #topnav a:hover { color: #5a5959; } #botmain p { color: #727171; font-size: 0.9em; line-height: 1.2em; text-align: left; margin-bottom: 0; margin-left: 10px; padding-right: 80px; } #botmain h3 { color: #2a56a6; font-size: 1.2em; font-weight: normal; line-height: 1.2em; text-align: left; margin-top: 0; margin-bottom: 20px; margin-left: 10px; } #botmid p { color: #727171; font-size: 0.9em; line-height: 1.2em; text-align: left; margin-bottom: 0; margin-left: 10px; } #botmid h5 { color: #a5a4a4; font-size: 0.9em; line-height: 1.2em; text-align: left; margin-top: 7px; margin-left: 10px; } #botend h3 { color: #fff; font-size: 1.2em; font-weight: normal; line-height: 1.2em; text-align: left; margin: 7px 20px 7px 7px; text-shadow: black 0.2em 0.2em 0.2em } #botend p { color: #fff; font-size: 1.0em; line-height: 1.2em; text-align: left; margin-bottom: 0; margin-left: 7px; padding: 0; text-shadow: black 0.2em 0.2em} #botend a:link, #botend a:visited { color: #efb500; text-decoration: none; } #botend a:hover { color: #fff; text-decoration: underline; } #topend h3 { color: #efb500; font-size: 1.2em; font-weight: normal; line-height: 1.2em; text-align: left; margin-top: 0; margin-bottom: 7px; margin-left: 7px; } #topend p { color: #fff; font-size: 0.9em; line-height: 1.2em; text-align: left; margin-bottom: 0; margin-left: 7px; padding: 0; } #topend a:link, #topend a:visited { color: #efb500; text-decoration: none; } #topend a:hover { color: #fff; text-decoration: underline; } #topend a:active { text-decoration: none; } #homebase a:link, #homebase a:visited { color: #fff; text-decoration: none; } #homebase a:hover { color: #b81c21; } #homebase a:active { text-decoration: none; } /* main pages text classes */ #maincol p { color: #5a5858; font-size: 1em; line-height: 1.3em; text-align: left; margin: 0 0 1em; padding: 0 50px 0 0; } #maincol p.caption2 { color: #5a5858; font-size: 1em; font-style: italic; line-height: 1.3em; text-align: left; margin: 0 0 2em; padding: 0 50px 0 0; } #maincol p.boldblack { color: #000; font-size: 1em; font-weight: bold; line-height: 1.3em; text-align: left; margin: 0 0 1em; padding: 0 50px 0 0; } #maincol p.intro { color: #5a5858; font-size: 1.3em; line-height: 1.5em; text-align: left; margin: 0 0 1.5em; padding: 0 100px 0 0; } #maincol p.pullquote { color: #004728; font-size: 1.3em; font-weight: normal; font-style: italic; line-height: 1.5em; text-align: left; margin: 1em 0 1.5em; padding: 0 100px 0 0; } #maincol h1 { color: #00542f; font-size: 2em; font-weight: normal; line-height: 1.2em; text-align: left; margin: 0 0 1em; padding: 0 50px 0 0; } #maincol h2 { color: #00542f; font-size: 1.5em; font-weight: normal; line-height: 1em; text-align: left; margin: 1em 0 7px; padding: 0 50px 0 0; } #maincol h2.date { color: #00542f; font-size: 1.5em; font-weight: normal; line-height: 1em; text-align: left; margin: 1em 0 7px; padding: 1em 50px 0 0; } #maincol h3 { color: #00542f; font-size: 1.2em; font-weight: bold; line-height: 1em; text-align: left; margin: 1em 0 7px; padding: 0 50px 0 0; } #maincol h3.light { color: #00542f; font-size: 1.2em; font-weight: normal; line-height: 1.2em; text-align: left; margin: 1em 0 7px; padding: 0 50px 0 0; } #maincol h4 { color: #00542f; font-size: 1em; font-weight: bold; line-height: 1.3em; text-align: left; margin: 1em 0 3px; padding: 0 50px 0 0; } #maincol h5 { color: #000; font-size: 1em; font-weight: bold; line-height: 1em; text-align: left; margin: 1em 0 3px; padding: 0 50px 0 0; } #maincol ol { text-align: left; margin-top: 0; margin-bottom: 1em; padding: 0; list-style-type: decimal; } #maincol ol li { color: #003b78; font-size: 1.1em; padding-top: 7px; padding-right: 40px; padding-bottom: 7px; } #maincol ul { text-align: left; margin-top: 0; margin-bottom: 1em; padding: 0; list-style-type: none; } #maincol ul li { color: #5a5858; line-height: 1.3em; background-image: url(../images/bullet-bem.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left 13px; margin: 0; padding: 10px 40px 0 12px; } #maincol ul li.pdf { font-weight: normal; line-height: 1.5em; background: url(../images/pdf_icon.png) no-repeat left 9px; margin-bottom: 5px; margin-left: 0; padding-left: 25px; } #maincol img { border: none } img.hero { margin-bottom: 15px; border-style: none; } #maincol a:link, #maincol a:visited { color: #00542f; text-decoration: none; } #maincol a:hover { color: #00864b; } #maincol a:active { text-decoration: none; } #maincol #figure { background-color: #000; width: 600px; margin: 0 0 20px; padding: 0 0 2px; border-style: none; } #maincol #figure img { border: none } #maincol #figure p.caption, #maincol #figure p { color: #fff; font-size: 12px; line-height: 14px; margin: 12px 10px 5px; padding: 0; border-style: none; } #maincol #figure a:link, #maincol #figure a:visited { color: #fdb813; text-decoration: none; } #maincol #figure a:hover { color: #fdb813; text-decoration: underline; } #maincol #figure a:active { text-decoration: none; } p.bempdf { color: #00542f; font-size: 1.2em; font-weight: bold; line-height: 1.1em; text-align: left; margin-top: 40px; } body.page-id-322 #bemrego {display:none} #bemrego { background-color:#00542f; color: #fff; font-size: 1.2em; font-weight: bold; line-height: 1.1em; text-align: left; width: 110px; margin-top: 40px; padding: 5px 5px 5px 10px; } #bemrego a { color: #fff ; } #bemrego a:hover { color: #fff; } #bemrego:hover { background-color:#00864b; } #trialpack { background-color: #f0f2f9; background-image: url(../images/trialpack-bg.jpg); background-repeat: no-repeat; background-position: 50% top; display: inline; width: 165px; float: left; margin: 0; padding: 170px 0 10px; } /* footer ----------------------------------------------- */ #footerwrapper { background-color: #d4d5d6; background-image: url(../images/footerbg.png); background-repeat: repeat-x; background-position: 50% bottom; width: 100%; margin: 22px auto 0; padding: 0; text-align: left; } #footer { width: 978px; margin: 0 auto; text-align: center; padding-top: 10px; } /* basenav */ #footerwrapper #footer #basenav { background-image: none; margin: 0; width: 163px; float: left; padding: 8px 0 0; } #footerwrapper #footer ul, ol, dl {position: relative; } #footerwrapper #footer ul { margin: 0; padding: 0 0 0 0; list-style-type: none; text-align: left; } #footerwrapper #footer ul li { width: 100%; float: left; margin: 0; padding: 0; } #footerwrapper #footer ul li a { font-size: 0.8em; text-align: left; color: #727171; font-style: normal; line-height: 16px; background-image: url(../images/footer-nav-tri.gif); background-repeat: no-repeat; background-position: left 0.5em; text-decoration: none; margin-left: 0; padding-left: 10px; list-style-type: none; display: list-item; } #footerwrapper #footer a:hover, #footerwrapper #footer a.tight:hover { color: #fff; text-decoration: underline; } #footerwrapper #footer p { color: #3f3f3f; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-align: left; margin: 0 0 5px 0; padding: 0; } #footerwrapper #footer p.disclaimer { color: #b8b9ba; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1em; text-align: left; margin-top: 20px; margin-right: 20px; margin-bottom: 10px; } #footerwrapper #footer p.disclaimer a:link, #footerwrapper #footer p.disclaimer a:visited { color: #e1f8ff; text-decoration: none; border-style: none; font-weight: normal;} #footerwrapper #footer p.disclaimer a:hover { color: #fff; text-decoration: underline; border-style: none; } /* Forms & Tables ----------------------------------------------- */ .inputsearch { color: #535353; background-color: #feffff; width: 130px; height: 20px; border: solid 1px #908f8f; } .input { color: #535353; background-color: #feffff; width: 250px; height: 20px; border: solid 1px #908f8f; } .inputshort { color: #535353; background-color: #feffff; width: 170px; height: 20px; border: solid 1px #908f8f; margin-bottom: 5px;} .textarea { color: #535353; background-color: #feffff; width: 250px; height: 80px; border: solid 1px #908f8f; font-family: Arial, Verdana, Tahoma; } .text { color: #535353; background-color: #feffff; border: solid 1px #908f8f; margin-bottom: 5px;} .submit { -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #00afed; color: #fff; text-transform: uppercase; border: none; padding: 4px; cursor: pointer;} .back { -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #cbcbcb; color: #000; text-transform: uppercase; border: none; padding: 4px; cursor: pointer; } #table1 { font-weight: normal; font-style: normal; vertical-align: top; padding: 0; } #table1 td { color: #f00; font-size: 1em; font-weight: normal; font-style: normal; text-align: left; padding: 0; } /* Images ----------------------------------------------- */ #botmid img { display: block; margin: 0; padding-top: 7px; padding-left: 10px; float: right; padding-right: 7px; } img.left { float: left; margin-right: 10px; border: 0; } img.right { display: block; margin: 0; padding-top: 3px; padding-left: 15px; float: right; } img.b-left { display: block; margin: 3px 15px 10px 0; padding: 3px; float: left; border: solid 1px #c8b7c4 } img.b-right { display: block; margin: 3px 0 0 15px; padding: 4px; float: right; border: solid 1px #c8b7c4; } img.logos { margin: 10px 0; } img.acrobat { margin-top: 15px; padding: 0; display: block; } img.covers { display: block; margin-top: 10px; margin-left: 15px; padding: 0; border: solid 1px #999; } img.border { margin-top: 10px; margin-bottom: 10px; display: block; padding: 0; border: solid 1px #444; } .mainimage { margin: 10px 0 0 15px; padding: 0; } .thumb { text-decoration: none; float: left; display: inline; padding: 0; margin: 0 9px 20px 0; border: solid 1px #888; } .thumblast { text-decoration: none; display: inline; margin: 0 0 20px 0; padding: 0; float: left; border: solid 1px #888; } /* Tables ----------------------------------------------- */ #contact { margin-left: 100px; } #contact td { margin: 0; padding: 3px; } #basic { margin-bottom: 5px; margin-left: 30px; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; } #basic td { color: #3f3f3f; font-size: 1em; text-align: center; padding: 3px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } #basic th { color: #fff; font-size: 1em; background-color: #3f3f3f; text-align: center; padding: 3px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } #basic td.left { text-align: left; } #basic td.right { text-align: right; } #mediakit { margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #444; border-left: 1px solid #444; } #mediakit td { color: #707070; font-size: 1em; text-align: center; padding: 10px; border-right: 1px solid #444; border-bottom: 1px solid #444; } #bem-benfits { background-color: #e4f1d5; margin-top: 20px; margin-bottom: 20px; padding: 10px; } #bem-benfits td { color: #000; font-size: 1em; text-align: center; padding: 7px; border-top: 1px solid #004728; } #bem-benfits td.left { color: #000; font-size: 1em; text-align: left; padding: 7px; border-top: 1px solid #004728; } #bem-benfits th {color: #000; font-size: 1.1em; text-align: center; padding: 0 10px 0; } #bem-benfits th.category { color: #000; font-size: 1.1em; text-align: center; padding: 0 10px 10px; } #bem-benfits th.left { color: #000; font-size: 1.2em; text-align: left; padding: 0 100px 10px 10px; } #bem-benfits strong {color: #000;} /* Video ----------------------------------------------- */ object.youtube { display: block; margin: 10px 0 10px 15px; } /* Form ----------------------------------------------- */ #.OptionSelect { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; } select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; } #contact p.formtext { font-size: 12px; font-weight: normal; color: #6e6f69; text-decoration: none; margin: 0; padding: 5px 0 0; } .formtitles { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #6e6f69; text-decoration: none; background-color: #ebebeb; padding: 1px; height: 18px; border: solid 1px #d7d7d7; } .formtextbox { color: #53100a; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; background-color: #f0dec8; padding: 1px; width: 300px; height: 18px; border: solid 1px; } .formcomment { color: #53100a; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; background-color: #f0dec8; width: 300px; padding: 1px; height: 100px; border: solid 1px; } /* Login.php ----------------------------------------------- */ #login { background-color: #efefef; margin-bottom: 40px; padding: 10px; border-color: #b4b4b4; border-width: 1px; } #login input { }