/* CSS Document */ @charset "utf-8"; body { margin: 0px; padding: 0px; height: auto; width: 100%; font-family: Arial, Helvetica, sans-serif; background-color:#0b386b; } #wrapper { background: url('upper_wrapper.gif') repeat-x #001243; margin: 0px; padding: 0px; height: auto; width: 100%; } .clear { clear: both; } /* HEADER*/ #headerwrapper { margin: 0px auto; padding: 0px; height: auto; width: 960px; } #header { margin: 0px; padding: 0px; height: 116px; width: 959px; background: url('header.gif') no-repeat left top; position: relative; z-index: 5; } #logo { margin: 14px 0px 0px; padding: 0px; float: left; height: 65px; width: 195px; } #rightheader { margin: 0px; padding: 0px; float: right; height: 116px; width: 660px; } #cartcontainer { margin: 0px; padding: 0px 0px 0px 74px; height: 72px; width: 200px; background: url('cart.gif') no-repeat left top; float: right; } #cartdesc { margin: 0px; padding: 10px 0px 0px; height: 23px; text-align: center; width: 163px; font: 11px Arial, Helvetica, sans-serif; color: #FFFFFF; } #cartbut { margin: 0px; padding: 0px; height: 40px; width: 163px; } /* NAVIGATION */ #nav { margin: 0px; padding: 0px; height: 44px; width: 660px; float: right; font-family: Arial, Helvetica, sans-serif; } #nav ul { margin: 0px; padding: 0px 0px 0px 49px; height: 44px; width: 578px; } #nav ul li { margin: 0px 1px 0px 0px; padding: 0px; float: left; display: inline; position: relative; } #nav ul li:hover .dropdown { visibility:visible;  } #nav ul li .dropdown { margin: 0px; padding: 0px; visibility:hidden; position: absolute; z-index: 3; top: 44px; left: 0px; height: auto; width: 181px; } #nav .dropdowntop { background: url('dropdowntop.gif') no-repeat left top; margin: 0px; padding: 0px; width: 181px; height: 3px; } #nav .dropdownmid { margin: 0px; padding: 0px; height: auto; width: 181px; } #nav .dropdownbot { background: url('dropdownbot.gif') no-repeat left top; height: 15px; width: 181px; margin: 0px; padding: 0px; clear:both; } #nav .dropdownmid ul { padding: 0px; margin: 0px; width: 181px; height: auto; } #nav .dropdownmid ul li { background: url('dropdownmid.gif') repeat-y; padding: 0px; margin: 0px; height: 36px; width: 181px; border-bottom: 1px solid #1880ae; display: inline; } #nav .dropdownmid ul li a { font-size: 14px; line-height: 36px; text-decoration: none; color: #081d55; padding-left: 15px; display: inline-block; } #nav .dropdownmid ul li a:hover { background: #FFFFFF; width: 166px; } /* CONTENT HEADER WRAPPER MAIN PAGE */ #contentheaderwrapper { margin: 0px auto; padding: 0px; width: 100%; height: 405px; background: url('bckgrd_rpt.gif') repeat-x; } #contentheader { margin: 0px auto; padding: 0px; height: 405px; width: 960px; background: url('header_area.jpg') no-repeat left top; } /* MAIN CONTENT */ #contentwrapper { margin: 0px; padding: 0px; height: auto; width: 100%; background: #FFFFFF url('content_bkgrd.gif') repeat-x; } #content { margin: 0px auto; padding: 0px; height: auto; width: 960px; font-family: Arial, Helvetica, sans-serif; } #contentleft { margin: 0px; padding: 70px 0px 0px; height: auto; width: 364px; background: url('welcome_text.gif') no-repeat left top; float: left; } #content p { font-size: 12px; color: #3a3c41; margin: 0px; padding: 0px 35px 20px 8px; text-align: justify; } #content p a { color: #0e69b0; text-decoration: none; } #contentleft p a:hover { text-decoration: underline; } #contentright { margin: 0px; height: auto; width: 595px; float: right; background: url('contentright1.gif') repeat-y; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } #contentrightheader { margin: 0px; padding: 0px; height: 62px; width: 595px; background: url('new_products.gif') no-repeat left top; } #contentright1 { background: url('contentright1.gif') repeat-y; margin: 0px; padding: 0px; height: auto; width: 293px; float: left; } #contentright h2 { font-size: 20px; color: #10284f; margin: 0px; padding: 5px 0px 0px; width: auto; } #contentright h3 { margin: 0px 18px 0px 0px; padding:0px 0px 9px; width: 275px; font-size: 14px; color: #1c89b9; border-bottom: 1px dotted #605f5e; } .contentrightdesc { margin: 0px; padding: 10px 0px 0px; height: auto; width: 275px; } #contentright .contentrighttext { margin: 0px; padding: 0px 10px 0px 0px; height: auto; width: 110px; float: left; display: inline; font-size: 12px; color: #3a3c41; text-align: left; } #contentright2 { margin: 0px; padding: 0px 0px 0px 0px; float: right; display: inline; height: auto; width: 292px; } #contentright .contentrighttext p { margin: 0px 0px 20px; padding: 0px; text-align: left; } .contentrighttext a { color: #0e69b0; text-decoration: none; } .contentrighttext a:hover { text-decoration: underline; } .contentrightimg { margin: 0px; padding: 0px 0px 0px 7px; float: right; height: auto; width: 148px; } /*FOOTER*/ #footerwrapper { margin: 0px; padding: 0px; height: auto; width: 100%; background: url('footer_bkgrd.gif') repeat-x; } #footer { margin: 0px auto; padding: 0px; height: auto; width: 960px; } #footerlogin { margin: 0px; padding: 40px 0px 0px 0px; float: right; height: auto; width: 243px; font-size: 10px; color: #ffffff; } #footerlogin a { color: #ffffff; text-decoration: none; } #footerlogin a:hover { text-decoration: underline; } #footercontact { padding: 11px 0px 0px 325px; background: url('contact_details.gif') no-repeat left top; height: 82px; width: 372px; float: left; } /* PRODUCTS PAGE */ #productsheaderwrapper { margin: 0px; padding: 0px; height: 126px; width: 100%; background: url('products_header_bkgrd.gif') repeat-x; } #productsheader { margin: 0px auto; padding: 0px; height: 103px; width: 960px; } #leftcol { margin: 0px; padding: 0px 11px 0px 8px; float: left; height: auto; width: 331px; } .pdfdownload { margin: 0px 0px 20px; padding: 0px; } #leftcol p { font-size: 12px; color: #3a3c41; line-height: 17px; margin: 0px; padding: 0px 10px 20px 8px; text-align: justify; } #benefitis { margin: 0px 0px 40px; padding: 60px 0px 0px; height: auto; width: 343px; background: url('the_benefits_title.gif') no-repeat left top; } #benefitis ul { margin: 0px; padding: 0px 0px 0px 15px; list-style: square; } #benefitis li { font-size: 14px; color: #1c89b9; margin: 0px; padding: 0px 0px 7px; } #rightcol { margin: 9px 0px 0px 0px; float: right; height: auto; width: 590px; padding: 0px; } #rightcol .product h2 { font-size: 16px; font-weight: bold; color: #10284f; margin: 0px; padding: 15px 0px 0px; width: auto; } #rightcol .product h3 { margin: 0px 18px 0px 0px; padding:0px 0px 3px; width: 215px; font-size: 12px; color: #1c89b9; border-bottom: 1px dotted #605f5e; } .product { margin: 10px 0px 0px; padding: 0px 0px 20px; width: 590px; height: auto; background: url('prod_bot.gif') no-repeat left bottom; } .prodtitle { margin: 0px; padding: 0px; float: left; display: inline; height: auto; width: 230px; } .prodamount { margin: 0px; padding: 15px 0px 0px; height: auto; line-height: 25px; width: 350px; float: right; display: inline; } #holder{ width: 960px; height: 384px; position: relative; } #swapimage{ width: 399px; height: 384px; position: absolute; right: 13px; top: 20px; z-index: 2; display: block; } #sectlinks{ position: absolute; left: 0px; top:101px; left: 7px; z-index: 1; display: block; } .changead{ padding-right: 9px;	 }