/*** General styles ***/ body { font-family: 'lucida grande','lucida sans unicode','monaco'; color: #777; } h1 { font-weight: normal; color:#08326a; color: #0c4da2; } h2 { font-weight: normal; font-size: 40px; } a { text-decoration : none; color: #0c4da2; padding: 3px;} a:hover { color: white; background: #888; } a:focus { background: #08326a; color: white; } img { margin-top : 0px; } strong { font-variant: small-caps; } .article_text h2 { clear: left; padding-top: -15px; margin-left: 100px; font-size: 24px; color: #0c4da2; } .article_content { margin-top: 20px; height: 549px; width: 585px; } .article_photograph { float: left; margin-right: 35px; text-align: justify; } .article_text { margin-left : 15px; padding-top: 5px; } .article_text h1 { font-size: 16px; margin-top:18px} .article_navbar { margin-top: 4px; } .text_body { float: left; text-align: justify; margin-left: 66px; height: 481px; width: 100%; } .prod_nav { clear: both; margin-left: 100px; top: 215px; } .prod_sect { font-size :15px; float: left; padding: 3px; padding-left: 10px;width: 85px; color: white; background: #0c4da2; } .prod_cat { font-size : 15px; float: left; padding: 3px; color: white; background: #0c4da2; width: 450px; } .prod_cat a { color: white; text-decoration:none; padding-bottom: 5px; } .prod_cat a:hover { text-decoration:underline; } .prod_desc { font-family: 'Lucida Sans'; text-align: justify; font-size: 15px; line-height: 23px; font-weight: 100; font-stretch: expanded; margin-top: 20px; margin-left: 100px; width: 430px; } .prod_specs { margin-left: 100px; margin-top: -10px; width: 300px; font-variant: small-caps; } .address { margin-left: 15px; margin-bottom: 15px; float: left; width: 225px; } #container { width: 960px; } #footer { text-align: left; font-size: 9px; color: #aaa; margin-left: 28px; margin-top:20px;} #prod_flyer { min-height:365;} .flyer, .flyer a { padding : 0px; background:0px;margin-left:-25px;} /** .iris_watermarked { background: url(../images/iris_watermark.jpg) no-repeat top left ; } **/ /*** Tabbed Navigation ***/ ul.tabNavigation { list-style: none; margin: 0; padding: 0; } ul.tabNavigation li { display: inline; } ul.tabNavigation li a { padding: 3px 5px; color: #777;text-decoration:none; } ul.tabNavigation li a:hover { color: white; background: #777; padding-top: 7px;} ul.tabNavigation li a.selected { background: #555; color: white; border: solid #555 1px; } ul.tabNavigation li a:focus { outline: 0; background: #777; } div.tabs > div { padding-top: 5px; margin-top: 1px; border: 1px solid #777; } div.tabs > div h2 { margin-top: 0; } .tabs .tab { background-color:white; min-height : 360px; width: 525px; border-right: solid white; border-left: solid white; border-bottom: solid white; } .waste { min-height: 1000px; } .tabHeaders a { font-size: 13px; } .tabSubHeader { position: relative; left: 15px; top: 10px; border-bottom: solid #777 1px; width: 515px; font-size: 13px; } .tabSubFooter { clear: both; position: relative; left: 15px; top: 330px; padding-top: 7px; border-top: solid #777 1px; width: 515px; font-size: 13px; text-align: right; } /*** Superfish menu reconfiguration ***/ .sf-menu a, .sf-menu a:visited { color: #777; }/* visited pseudo selector so IE6 applies text colour*/ .sf-navbar { background: white; height: 2em; padding-bottom: 0em; position: relative; width : 680px; left : -11px; top : 5px; } .sf-navbar a { font-size: 15px; line-height: 16px; padding-top: 5px; padding-bottom: 5px; } .sf-navbar li ul { margin-left: 7px; font-size: 13px; text-decoration:none; } .sf-navbar li { padding-left: 0em; padding-right: 0em; margin-left: -0.25em; margin-right: -0.25em; } .sf-navbar li li a { padding-left: 0em; padding-right: 0.8em; font-weight: 100; } .sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar li li.current, .sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active { color: white; background: #888; } .sf-navbar li a:hover { color: white; background: #888; text-decoration:none; } .sf-navbar ul li:hover, .sf-navbar ul li.sfHover, ul.sf-navbar ul li:hover li, ul.sf-navbar ul li.sfHover li, .sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active { color: white; background: #888; } ul.sf-navbar li li li:hover, ul.sf-navbar li li li.sfHover, .sf-navbar li li.current li.current, .sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active { color: white; background: #888; } /*** World Map CSS***/ #globe { width: 540px; height: 270px; background: url(../images/map.png); margin: 10px auto; padding: 0; position: relative; } #globe li { margin: 0; padding: 0; list-style: none; position: absolute; display: block; text-indent: -999px; } #globe li, #globe a { display: block; text-decoration: none; } #na {left: 0; top 0; width: 230px; height: 110px; } #sa {left: 0; top: 115px; width: 234px; height: 110px; } #eu {left: 240px; top: 0; width: 85px; height: 77px; } #me {left: 325px; top: 80px; width: 40px; height: 40px; } #ru {left: 325px; top: 0; width: 200px; height: 70px; } #af1 {left: 240px; top: 80px; width: 80px; height: 60px; } #af2 {left: 280px; top: 80px; width: 40px; height: 120px} #as {left: 365px; top: 70px; width: 140px; height:55px; } #au {left: 360px; top: 130px; width: 200px; height: 95px; } #na a {height: 110px;} #sa a {height: 110px;} #eu a {height: 77px;} #me a {height: 40px;} #ru a {height: 70px;} #af1 a {height: 60px;} #af2 a {height: 120px;} #as a {height: 55px;} #au a {height: 95px;} #na a:hover {background: url(../images/map.png) 0 -270px no-repeat;} #sa a:hover {background: url(../images/map.png) 0 -385px no-repeat;} #eu a:hover {background: url(../images/map.png) -240px -270px no-repeat;} #ru a:hover {background: url(../images/map.png) -325px -270px no-repeat;} #me a:hover {background: url(../images/map.png) -325px -350px no-repeat;} #af1 a:hover {background: url(../images/map.png) -240px -350px no-repeat;} #af2 a:hover {background: url(../images/map.png) -280px -350px no-repeat;} #as a:hover {background: url(../images/map.png) -365px -340px no-repeat;} #au a:hover {background: url(../images/map.png) -360px -400px no-repeat;}