body { color: #414040; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #fff; background-image: url("../images/body_bkgrd.jpg"); background-repeat: repeat-y; background-position: center top; margin: 0; padding: 0 } .floater { margin: 5px; padding: 5px; border: solid 1px #ccc } #container { padding-right: 1px; padding-left: 1px; position: relative; width: 850px; height: 100% } #header { position: relative } #header #top_head { background-image: url("../images/header.jpg"); background-repeat: no-repeat; background-position: left top; text-align: right; position: relative; height: 141px } #header #top_head #info { padding-top: 15px; position: absolute; left: 165px } #header ul { text-align: left; margin: 0; padding: 0 8px 0 5px } #header ul li { color: #fff; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; display: block } #header a { color: #F60; text-decoration: none } #header #home_img { background-image: url("../images/header_home.jpg"); background-repeat: no-repeat; background-position: left top; height: 161px } #header #nav_home { background-image: url("../images/nav_bkgrd.gif"); background-repeat: no-repeat; background-position: left top; text-align: left; padding-top: 7px; padding-bottom: 0; padding-left: 14px; z-index: 15; height: 49px } #header #top_head #infointernal { padding-top: 15px; padding-right: 10px; position: absolute; right: 0 } #header #nav_internal { background-image: url("../images/nav_bkgrd_int.gif"); background-repeat: no-repeat; background-position: left top; text-align: left; padding-top: 7px; padding-bottom: 0; padding-left: 14px; z-index: 15; height: 49px } #header #hammer { background-image: url("../images/hammer.jpg"); background-repeat: no-repeat; background-position: right top; position: absolute; z-index: 10; top: 0; right: 0; width: 352px; height: 302px } #contentarea { text-align: left; margin-top: 0 !important; padding-top: 5px; padding-right: 10px; padding-left: 13px } #contentarea #search { margin-top: 0; margin-right: 8px; z-index: 50; width: 198px } #contentarea #search #search_key { background-image: url("../images/search.jpg"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 45px 0 0 5px; width: 201px; height: 37px } #contentarea #search #hazard_search { background-image: url("../images/search_hazard.jpg"); background-repeat: no-repeat; background-position: left top; margin: 2px 0 0; padding: 0 0 0 5px; width: 201px; height: 133px } #contentarea #search #hazard_search p { color: #f60; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; margin: 0; padding: 2px 0 0 } #contentarea #content { width: 397px; border: solid 1px #ccc } #contentarea #content a { color: #f60; text-decoration: none } #contentarea #content a:hover { color: #0b2c8e } #contentarea #content #shortlist { vertical-align: middle } #contentarea #content #shortlist a { color: #666; font-size: 11px; padding-right: 3px; padding-left: 5px } #contentarea #content #shortlist a:hover { color: #f60 } #contentarea #content p { color: #666; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: justify; margin: 0; padding: 10px 10px 3px } #contentarea #content ul { color: #f60; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; display: block; padding-top: 5px; padding-left: 25px } #contentarea #content li { color: #0b2c8e; list-style-image: url("../images/bullet.gif"); list-style-position: outside; display: list-item; padding-bottom: 5px } #contentarea #content #breadcrumb { color: #003366; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; background-color: #ddecfc; background-image: url("../images/breadcrumb.gif"); background-repeat: no-repeat; background-position: left center; padding-top: 5px; padding-bottom: 5px; padding-left: 20px } #contentarea #content #shield { font-size: 9px; background-image: url("../images/shield.jpg"); background-repeat: no-repeat; background-position: left top; text-align: justify; position: relative; left: 0; width: 56px; height: 75px } #contentarea #content #products { background-repeat: no-repeat; margin-left: 10px; padding-left: 80px } #serj { background-image: url("../images/man/man_bkgrd.jpg"); background-repeat: no-repeat; background-position: left top; position: relative; z-index: 2; width: 397px; height: 499px;} #serj #neck { position: absolute; z-index: 10; top: 65px; left: 170px; width: 15px; height: 15px } #serj #neck p { color: #fff; text-align: left } #serj #arm { position: absolute; z-index: 10; top: 140px; left: 120px; width: 15px; height: 15px } #serj #arm p { color: #fff; text-align: left } #serj #torso { position: absolute; z-index: 5; top: 150px; left: 185px; width: 15px; height: 15px } #serj #torso p { color: #fff; text-align: left } #serj #back { position: absolute; z-index: 1; top: 170px; left: 150px; width: 15px; height: 15px } #serj #back p { color: #fff; text-align: left } #serj #seating { position: absolute; z-index: 1; top: 210px; left: 145px; width: 15px; height: 15px } #serj #seating p { color: #fff; text-align: left } #serj #hand { position: absolute; z-index: 20; top: 220px; left: 80px; width: 15px; height: 15px } #serj #hand p { color: #fff; text-align: left } #serj #legs { position: absolute; z-index: 10; top: 330px; left: 140px; width: 15px; height: 15px } #serj #legs p { color: #fff; text-align: left } #serj #foot { position: absolute; z-index: 1; top: 450px; left: 130px; width: 15px; height: 15px } #serj #foot p { color: #fff; text-align: left } .thumbnail { position: relative; z-index: 50 } .thumbnail:hover { text-decoration: none; background-color: transparent; z-index: 100 } .thumbnail span { color: #e0e0e0; font-size: 12px; line-height: 16px; text-decoration: none; visibility: hidden; padding: 5px 3px 5px 5px; position: absolute; z-index: 50; width: 130px; border-style: solid; border-width: 1px; border-color: #666 #999 #ccc #666 } .thumbnail span p { color: #eee; text-align: left } .thumbnail span img { padding: 2px 6px 2px 2px; z-index: 50; float: left; border-width: 0 } .thumbnail:hover span { text-decoration: none; background-image: url("../images/man/bkgrd.jpg"); background-repeat: no-repeat; background-position: left top; visibility: visible; position: absolute; z-index: 50; top: 4px; left: 15px } /*URL: giantenemycrab */ .emphasis { color: #f60; font-weight: bold } #contentarea #right_nav { background-image: url("../images/right_nav.jpg"); background-repeat: repeat-y; background-position: left top; margin-left: 6px; padding: 0; top: 0; width: 214px; border-bottom: 1px solid #b6c3d0 } #contentarea #right_nav #phat { margin-right: 1px; margin-left: 1px; padding: 10px 5px 5px 1px; border-top: 1px solid #e6e8ff; border-bottom: 1px solid #b1b6e0 } #contentarea #right_nav #phat p { color: #036; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 14px; margin: 5px 0 0; padding-top: 0; padding-bottom: 2px; padding-left: 10px; border-left: 9px solid transparent } #contentarea #right_nav #phat a { color: #F60; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 10px; text-decoration: none; background-image: url("../images/h2.png"); background-repeat: no-repeat; background-position: left top; margin: 0 0 0 18px; padding-top: 0; padding-bottom: 10px; padding-left: 15px } #contentarea #right_nav #phat a:hover { color: #f60; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 10px; text-decoration: none; background-image: url("../images/h2.png"); background-repeat: no-repeat; background-position: left top; margin: 0 0 0 18px; padding-top: 0; padding-bottom: 8px; padding-left: 15px } input, select { color: #fff; font-size: 11px; font-weight: bold; background-color: #7bbad7; margin-top: 0; margin-bottom: 3px; width: 168px; height: 18px; border-style: solid; border-width: 1px; border-color: #4b798e #9cdefc #d7f0fc #4b7d93 } .button { width: 41px; height: 34px; background-color: transparent; border: none;} .submit {width:19px; height:19px; background-color:transparent;border:none;} #footer { text-align: right; margin-top: 5px; margin-right: 10px; margin-left: 10px; padding-top: 5px; bottom: 0; border-top: 1px dotted #b6c3db } #footer a { color: #5a80ca; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; padding-left: 10px } #footer a:hover { color: #f60 } #footer p { color: #999; font-size: 11px; line-height: 14px; text-align: center; padding-top: 10px } h1 { color: #036; font-size: 14px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 14px; margin: 0; padding: 0 0 2px 18px } h2 { color: #3c639e; font-size: 20px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; margin: 0; padding-top: 10px; padding-bottom: 0; padding-left: 10px } h3 { color: #3c639e; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; padding-top: 10px; padding-left: 10px } h4 { color: #3c639e; font-size: 18px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; background-color: #ddecfc; padding-top: 3px; padding-bottom: 3px; padding-left: 10px } h5 { color: #3c639e; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #ddecfc; margin-top: 5px; padding-top: 3px; padding-bottom: 3px; padding-left: 10px } /* Horizontal Magic */ #navleft a { color: #fff; font-size: 10px; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../images/tabC.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; text-align: center; display: block; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 10px 0 9px; z-index: 20; width: 80px; vertical-align: middle } #navleft a:hover { background-position: center -37px; z-index: 20 } #navright a { color: #fff; font-size: 10px; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../images/tabC.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; text-align: center; display: block; margin: 0; padding: 10px 0 9px; z-index: 20; width: 100px; vertical-align: middle } #navright a:hover { background-position: center -37px; z-index: 20 } #navc1 a { color: #fff; font-size: 10px; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../images/tabC.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; text-align: center; display: block; margin: 0; padding: 10px 0 9px; z-index: 20; width: 50px; vertical-align: middle } #navc1 a:hover { background-position: center -37px; z-index: 20 } #navc2 a { color: #fff; font-size: 10px; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../images/tabC.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; text-align: center; display: block; margin: 0; padding: 10px 0 9px; z-index: 20; width: 110px; vertical-align: middle } #navc2 a:hover { background-position: center -37px; z-index: 20 } #navc3 a { color: #fff; font-size: 10px; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../images/tabC.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; text-align: center; display: block; margin: 0; padding: 10px 0 9px; z-index: 20; width: 140px; vertical-align: middle } #navc3 a:hover { background-position: center -37px; z-index: 20 } #navc4 a { color: #fff; font-size: 10px; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../images/tabC.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; text-align: center; display: block; margin: 0; padding: 10px 0 9px; z-index: 20; width: 140px; vertical-align: middle } #navc4 a:hover { background-position: center -37px; z-index: 20 } #navc5 a { color: #fff; font-size: 10px; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../images/tabC.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; text-align: center; display: block; margin: 0; padding: 10px 0 9px; z-index: 20; width: 90px; vertical-align: middle } #navc5 a:hover { background-position: center -37px; z-index: 20 } /* End */ /* Left Nav */ * { margin: 0; padding: 0 } ul#primary-nav, ul#primary-nav ul { color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; background-image: url("../images/left_navbkgrd.jpg"); background-repeat: no-repeat; background-position: left top; text-align: left; margin: 0; padding: 18px 0; z-index: 50; width: 199px } ul#primary-nav li { list-style: none; margin: 0; padding: 0; position: relative; z-index: 50; top: 0 } ul#primary-nav li a { color: #062f6d; font-size: 12px; font-weight: normal; text-decoration: none; display: block; margin: 0; padding: 5px 0 6px 15px; z-index: 50 } /* Fix IE. Hide from IE Mac \*/ * html ul#primary-nav li { z-index: 50; height: 1px; float: left } * html ul#primary-nav li a { z-index: 50; height: 0 } /* End */ ul#primary-nav ul { color: #062f6d; background-image: url("../images/left_navbkgrd.jpg"); background-repeat: no-repeat; background-position: right top; display: none; margin: 0; padding: 0; position: absolute; z-index: 50; top: 0; left: 199px; width: 165px; border-top: 1px solid #819bca; border-right: 1px solid #819bca; border-bottom: 1px solid #819bca } ul#primary-nav li ul li a { color: #062f6d; margin: 0; padding: 5px 0 5px 10px; z-index: 50 } /* Sub Menu Styles */ ul#primary-nav li:hover ul ul, ul#primary-nav li:hover ul ul ul, ul#primary-nav li.over ul ul, ul#primary-nav li.over ul ul ul { display: none; z-index: 50 } /* Hide sub-menus initially */ ul#primary-nav li:hover ul, ul#primary-nav li li:hover ul, ul#primary-nav li li li:hover ul, ul#primary-nav li.over ul, ul#primary-nav li li.over ul, ul#primary-nav li li li.over ul { display: block; z-index: 50 } /* The magic */ ul#primary-nav li.menuparent { background-image: url("../images/arrow.gif"); background-repeat: no-repeat; background-position: 155px center; z-index: 50 } ul#primary-nav li.menuparent:hover, ul#primary-nav li.over { z-index: 50 } ul#primary-nav li a:hover { color: #f60; background-image: url("../images/nav_roll.gif"); background-repeat: no-repeat; background-position: left center; z-index: 50 } /* End */ .radio { width: 15px; background-color: #ffffff; border: 0px; vertical-align: middle; } #material { position: absolute; z-index: 5; top: 0; right: 0; width: 56px; height: 75px } #shieldcontainer { position: relative; width: 150px; height: 75px } #shieldinfo { position: relative; z-index: 10; right: 85px; width: 56px; height: 75px } #shieldinfo #shieldid { color: #ffffff; font-size: 10px; font-weight: bold; letter-spacing: 1px; position: absolute; z-index: 300; top: 58px; left: 8px } .thumbnails { position: relative; z-index: 50 } .thumbnails:hover { text-decoration: none; background-color: transparent; z-index: 100 } .thumbnails span { color: #ffffff; font-size: 12px; line-height: 16px; text-decoration: none; visibility: hidden; padding: 5px 3px 5px 5px; position: absolute; z-index: 50; width: 220px; border-style: solid; border-width: 1px; border-color: #666 #999 #ccc #666 } .thumbnails span img { padding: 2px 6px 2px 2px; z-index: 50; float: left; border-width: 0 } .thumbnails:hover span { text-decoration: none; background-image: url(../images/man/bkgrd.jpg); background-repeat: no-repeat; background-position: left top; text-align: left; visibility: visible; position: absolute; z-index: 50; top: -5px; left: 53px }