/* Main Style Sheet */ * {margin:0px; padding:0px; border:0px; } body { background: url(images/bg-home.jpg) repeat-x; font-size:12px; font-family: Arial, Helvetica, sans-serif;} #wrap {width:960px; margin-left:auto; margin-right:auto; display:block; } #header { height:99px; width:960px; display:inline;} .flash { display:inline; height:330px; clear:both;} .logo {display:inline; float:left; width:334px;} /*home block styles */ #home-content {background:url(images/home-box.jpg) no-repeat; margin-top:0px; width:960px; height:270px;} #home-content h2 {font-size:17px; color:#ee6a08; font-weight:bold; text-transform:uppercase; margin-top:25px; margin-bottom:15px;} #home-content p {font-size:12px; line-height:16px; margin-left:10px} #home-content ul { margin:0px; padding:0px;} /*#home-content li { margin:0px; padding:0px; font-size:14px; line-height:18px; background:url(images/li-bg.jpg) no-repeat top left; list-style:none;} */ #home-content li { margin:0px 0 0 10px; padding:0px; font-size:12px; line-height:16px; list-style: outside; list-style-image:url(images/li-bg2.gif);} /*#home-content li a {text-decoration:underline; color:#000001; margin-left:25px; } */ #home-content li a {text-decoration:underline; color:#000001; margin:0px; } #home-content li a:hover {text-decoration:underline; color:#ec6803;} .home-box { margin-top:5px; width:205px; margin-left:20px; margin-right:20px; display:inline; float:left;} .home-box-end { margin-top:5px; width:205px; margin-left:20px; display:inline; float:left;} /* main nav styles */ #nav-wrap ul {margin:0px; padding:0px; list-style:none; text-align:left; display:inline; } #nav-wrap { width:570px; clear:both; font-family: Arial, Helvetica, sans-serif; height:40px; margin-left:0px; padding-top:35px; float:right; display:inline; } #nav-wrap2 ul {margin:0px; padding:0px; list-style:none; text-align:left; display:inline; } #nav-wrap2 { width:550px; clear:both; font-family: Arial, Helvetica, sans-serif; height:40px; margin-left:0px; padding-top:35px; float:right; display:inline; } ul#navul { display: inline; list-style: none; margin:0px; padding:0px; } ul#navul li {float: left; font-size: 12px; line-height: 36px; margin:0px; padding:0px; font-weight:normal;} ul#navul li a { padding-right:13px; padding-left: 13px;color:#3d4343;text-decoration:none; padding-top:10px; padding-bottom:10px; text-transform:uppercase; border-right:1px solid #ededed; } ul#navul li a:hover { color: #ec6803; text-decoration: none; } /* page cols */ .page-title { float:left; display:inline; width:910px; margin-left:25px; height:50px; margin-top:25px;} .col-full { float:left; display:inline; width:910px; margin-left:25px; } .col-a {width:400px; display:inline; float:left; margin:0px; padding:0px; margin-left:0px; } .col-b {width:480px;; display:inline; float:right; margin:0px; padding:0px; margin-right:0px; } /* font Styles */ h1 { font-size:24px; color:#333333; line-height:21px; padding:0px; margin:0px; font-weight:bold; text-transform:none; font-weight: bold;} h1.subhead { font-size:16px; color:#333333; line-height:21px; padding:0px; margin:0px 0 20px 0; font-weight:bold; text-transform:none; font-weight: bold;} h2 { font-size:17px; color:#ff6600; line-height:23px; margin-bottom:2px; font-weight:bold; margin-top:3px; font-weight:normal;} h3 { font-size:17px; color:#0a2365; line-height:23px; margin-bottom:2px; font-weight:bold; margin-top:10px; margin-left:0px;} h4 { font-size:14px; color:#ff6600; line-height:10px; margin-top:10px; font-weight:bold; margin-top:17px; margin-bottom:9px; text-transform:uppercase;} h5 { font-size:12px; color:#0a2365; line-height:23px; margin-top:10px;} h6 { font-size:12px; color:#0a2365;} p { font-size:14px; color:#000; line-height:22px; margin:0px; padding:0px; padding-top:5px; padding-bottom:10px;} li { font-size:14px; color:#000; line-height:19px; margin-left:15px; padding-bottom:10px;} ul { padding:0px; padding-left:5px; margin-left:5px; margin-top:0px; margin-bottom:10px; padding-top:10px; } ol {padding:0px; margin:0px; padding-left:5px; margin-left:25px; } a:link {color:#006699; text-decoration: underline;} a:visited {color:#006699; text-decoration: underline;} a:hover {color:#ec6803; text-decoration: underline;} a:active {color:#006699; text-decoration: underline;} a:focus {outline-style: none;} .highlight {color:#ff6600;} /* clears */ .clear {clear:both; height:0px; } .clear05 {clear:both; height:05px; } .clear10 {clear:both; height:10px; } .clear15 {clear:both; height:15px; } .clear20 {clear:both; height:20px; } .clear30 {clear:both; height:30px; } .clear40 {clear:both; height:40px; } /* footer styles */ #footer-wrap { width:100%; background: url(images/footer-wrap-bg.jpg) repeat-x; background-position:bottom; height:301px; } #footer-wrap p {line-height:20px; color:#333; font-size:12px; padding:0px; margin:0px; margin-top:3px; margin-bottom:3px;} #footer {width:960px; margin-left:auto; margin-right:auto; background:url(images/footer-bg.jpg) no-repeat; } .footer-left {width:300px; float:left; display:inline; } .footer-right {width:525px; float:right; display:inline; text-align:right; } #footer-left {width:450px; float:left; display:inline; } #footer-right {width:500px; float:right; display:inline; text-align:right; } #footer-col p {font-size:12px; color:#3d4343; margin:5px 0 0 0; padding-bottom:5px; } #footer-col a:link {font-size:12px; color:#3d4343; text-decoration: underline;} #footer-col a:visited {font-size:12px; color:#3d4343; text-decoration: underline;} #footer-col a:hover {font-size:12px; color:#3d4343; text-decoration: underline;} #enquiry-col { width:210px; display:inline; float:left; margin-left:25px; } #enquiry-col p {line-height:16px; color:#000000; font-size:12px; padding:0px; margin:0px; margin-top:3px;} #catalogue-col { width:225px; display:inline; float:left; margin-left:20px; } #contact-col { width:380px; display:inline; float:left; margin-left:60px; } /* contact form styles */ .contact-text {border: 1px solid #333; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:1px; width:150px; margin-top:0px; background:#FFF;} /* content styles */ .image-left-box { display:inline; float:left; border: 1px solid #dfdfdf; padding:4px; margin: 20px 20px 20px 0px; } .image-right-box { display:inline; float:right; border: 1px solid #dfdfdf; padding:4px; margin-left:15px; margin-top:0px; margin-right:10px; margin-bottom:20px; } .image-left { display:inline; float:left; padding:2px; margin: 5px 10px 10px 0px; } .image-right { display:inline; float:right; padding:2px; margin: 5px 0px 10px 10px;} .map { border: 1px solid #dfdfdf; padding:2px; width:300px; margin-top:10px;} .image-product { display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 35px; margin-right:10px; width:180px; height:120px; } .line {border-top: 1px solid #dfdfdf; margin-top:15px; margin-bottom:15px; clear:both;} .image-gal { display:inline; float:left; border: 1px solid #dfdfdf; padding:4px; margin: 10px 10px 0px 0px; } .mid {width:150px; float:left; line-height:23px; margin-top:10px; text-align:left;} hr {color: #000000;background-color: #000000;height: 1px;} select { border:#D0D0D0 1px solid;} .gal1 {padding:0px; float:left; margin: 10px 10px 15px 0; border: 3px solid #fff; } .but { border:#D0D0D0 1px solid;} input { border:#D0D0D0 1px solid;} .bord { border:#D0D0D0 1px solid;} textarea { border:#D0D0D0 1px solid;} /* PHP pages styles */ .prodlist {float:left;padding:10px;width:300px;border:0px solid #D0D0D0; margin-bottom:10px;} .clearp {clear:left; height:1px; background-color:#ccc; margin: 10px 0 10px 0; } #footer-wrap-admin { width:100%; background-color:#ccc; border-top: 1px dotted #666; margin-top:100px;} #container {margin:100px 0 0 0px;border:0px solid #f00;padding:0 0 0 200px} .page-left {float:left; display:inline; width:300px; margin-left:25px; height:50px; margin-top:20px;} .page-right {float:right; display:inline; width:300px; margin-left:25px; height:50px; margin-top:20px; text-align:right} .adm {font-size:16px;} .admtop {margin:0 auto 0 auto;} /* end of CSS file */