body { font-family: Verdana, Arial, Helvetica; background: url(images/header.gif) repeat-x; margin: 0px; padding: 0px; font-size: 75%; } p { } td {} a, a:visited { color: #004990; } a:hover, a:visited:hover { color: #1B6EBE; background-color: #D5EAFE } h2, h3, h4, h5, h6 { font-size: 120%; border-bottom: 1px dashed #ccc; padding-bottom: 3px } /* header */ #header { background-image: url(images/header.gif); left: 100% } #mainnav { background-image: url(images/mainnav.gif) } /* page-title */ #page-title h1 { font-size: 125%; margin: 0px; color: #333333 } #page-title td { background: #d0f2ae url(images/title_back.gif) repeat-x left bottom; padding: 15px 5px 5px } #page-title { margin-bottom: 5px } /* content */ #content { align: left } #content p { line-height: 140% } #content td { text-align: left; line-height: 130% } /* left content */ .left-content { padding-right: 10px; padding-left: 5px; padding-top: 0px } .left-content img { float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 5px } .left-content hr { clear: both; padding-top: 5px; margin-top: 5px; margin-bottom: 5px; } /* left content horizontal */ .left-content-horiz { padding-right: 10px } .left-content-horiz img { margin-top: 10px; margin-right: 10px } .left-content-horiz hr { height: 1px; color: #999999; clear: both; margin-top: 0px; margin-bottom: 0px; } .left-content-horiz table { left: 50% } /* right content */ .right-content { } /* technical information */ .tech { border: 1px solid #999999; border-bottom: 0px; border-right: 0px; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; font-size: 90%; } .tech td { border-right: 1px solid #999999; border-bottom: 1px solid #999999; } .tech th { border-right: 1px solid #999999; border-bottom: 1px solid #999999; padding: 5px; background-color: #eeeeee; text-align: center } #tech-info { font-size: 90%; line-height: 140%; margin-top: 0px; margin-bottom: 10px; padding-top: 5px } .prod-type { font-size: 90%; color: #333333; font-weight: bold; } /* sidenav */ .mainlink { display: block } .mainlink, .mainlink:visited { color: #333; font-weight: bold; font-size: 90%; text-decoration: none; background-color: #eee; margin: 0px; padding: 5px; border-top: 1px solid white; border-bottom: 1px solid #CCCCCC; display: block } .mainlink:hover, .mainlink:visited:hover { background-color: #CCCCCC; display: block; color: #333; } #sidenav p { margin: 0px; } #sidenav { background-color: #eee; border-top: 1px solid #FFFFFF; } #sidenav ul { margin-top: 0px; margin-bottom: 0px; padding-left: 8px; margin-left: 8px; } #sidenav li { padding: 3px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC } .sublink { list-style-type: none; } .sublink a, .sublink a:visited { text-decoration: none; color: #333333; list-style-type: none; font-size: 90%; } .sublink a:hover, .sublink a:visited:hover { background-color: transparent; text-decoration: underline; color: #333; list-style-type: none; } /* product index pages */ .product-container a img { border: 0px; margin: 0px; } .product-container a:hover img { background-color: white; margin: 0px; } .product-container { font-size: 90%; line-height: 150%; } .product-container a { font-weight: bold; font-size: 110%} .product-container td { border-bottom: 1px dashed #ccc; padding-bottom: 10px; padding-top: 10px; padding-right: 10px } #producthome p { font-size: 110%; padding:0px; line-height: 140%; margin: 0px; } #producthome p a { font-size: 110%; } /* product intro pages */ .productintro a img { margin: 1px; border: 1px solid #ccc } .productintro a:hover img { margin: 0px; border: 2px solid #D5EAFE; background-color: white; } .productintro a { font-weight: bold; font-size: 120% } .productintro { font-size: 90%; } .productintro td { border-bottom: 1px dashed #ccc; padding-bottom: 10px; padding-top: 10px; padding-right: 10px; } /* footer */ #footer { border-top: 1px solid #ccc; padding-top: 3px; font-size: 90% } /* special order style */ .special { font-weight: bold; color: red} /* hinges */ .hingetable td { padding: 5px } .large { font-size: 130%; font-weight: bold } /* homepage */ #homepagetable { margin-top: 2px } #homepageintro { color: #ffffff; background: #1E2C2F url(images/intro_back.jpg) no-repeat left top; padding: 45px 300px 63px 5px; font-size: 95%; border-right: 1px solid white } #homepageintro p { margin: 0px; padding: 0px } #homepageintro a, #homepageintro a:hover { font-weight: bold; color: white; background-color: transparent } #country { font-size: 90%; background: #D0F2AE url(images/country_back.gif) no-repeat right bottom; padding: 5px } #country p { margin: 0px; padding: 0px } #catalogue { font-size: 90%; background: url(images/catalogue_back.gif) no-repeat right top; padding: 10px 65px 10px 5px } #catalogue p { margin: 0px; padding: 0px } #homepageright { background-color: #EEEEEE} #homepagetable #producthome p { font-size: 100%} #newsareahome { background-color: #eee; border-top: 1px solid white } .news { padding: 5px; padding-top: 20px; padding-left: 10px; border-bottom: 1px solid white } #news ul { margin: 0px; padding: 0px; font-size: 90%; margin-top: 5px } #news li { margin-left: 18px; margin-bottom: 5px } #news li a { font-weight: bold } #fath img { float: left; border: 1px solid #ccc } #fath { font-size: 90%; padding: 5px; border-bottom: 1px solid white } #fath a { font-size: 115%; font-weight: bold } #fath p { margin-left: 1px; margin-top: 0px } .productsubheading3 { font-weight: bold; color: #CC0000; } .homepagebottomright { bottom: 5px; }