/* CSS Stylesheet Yellow: #ffd400 Blue-green: #003d53 Green: #019604 Orange: #cf3b01 */ * {margin:0; padding:0; border:none} body {width:100%; margin:0 auto; background:#e4ffc3 url(/images/bg2.jpg) repeat-x top left; text-align:center; font-family:"Times New Roman", "Trebuchet MS", Serif; font-size:16px; color:#474747} #holdall {width:1200px; margin:0 auto; text-align:center} #content {width:1200px; margin:0 auto; text-align:center; background:url(/images/bg-inner.jpg) no-repeat top center; float:left} #header {clear:both; width:980px; height:174px; margin:0 auto; text-align:center; background:url(/images/header.jpg) no-repeat top center} #header-l {float:left; width:356px; height:174px} #tag {padding-top:10px; font-style:italic; color:#ffe400; font-size:22px; text-align:left; font-weight:bold} #header-r {float:left; width:624px; height:174px} div#address {color:#ffe400; font-size:20px; text-align:right; padding:20px 0 10px 0; margin-right:30px} div#phone {color:#fff; font-size:30px; font-weight:bold; text-align:right; margin-right:30px} #page-top {clear:both; width:980px; height:40px; margin:0 auto; text-align:center; background:url(/images/bg-page-top.jpg) no-repeat top center} #page-mid {width:980px; margin:0 auto; text-align:center} #page {float:left; width:920px; margin:0 auto; text-align:center; padding:0 30px 20px 30px; background-color:#fff} #page-l {float:left; width:320px} #left-top {width:300px; margin:0 auto; height:20px; background:url(/images/bg-left-top.png) no-repeat top center} #left-mid {width:280px; margin:0 auto; padding:0 10px; background-color:#eee} .services {clear:both; width:280px; min-height:100px; margin-top:20px} .service-l {float:left; width:92px} .service-r {float:left; width:180px; margin-left:8px} .services h3 {font-size:16px} .services p {font-size:12px; font-family:Arial, Sans-Serif; padding-top:10px} #left-bot {width:300px; margin:0 auto; height:20px; background:url(/images/bg-left-bot.png) no-repeat top center} #page-r {float:left; width:560px; padding:0 10px 0 30px} #home {clear:both; height:200px} #home-l {float:left; width:240px; padding:0 10px} #home-r {float:left; width:280px; padding:0 10px} #home p {font-family:Sans-Serif} #quote {padding: 10px 10px; font-family:Sans-Serif; font-size:12px; line-height:18px; font-style:italic} #products {margin:20px auto} #products h3.title {margin:20px auto 0 auto; cursor:pointer } .details {padding:0 20px} .product {clear:both} .product-l {float:left; width:200px} .product-r {float:left; width:500px} #logos {clear:both; width:560px; margin:10px auto 0 auto; padding:10px auto; text-align:center; background-color:#fff} #logos ul {list-style:none} #logos li {float:left; width:auto; height:110px; display:block; list-style:none; padding:5px 5px} #page-bot {clear:both; width:980px; height:112px; margin:0 auto; text-align:center; background:url(/images/bg-page-bot.jpg) no-repeat top center} #footer {clear:both; width:100%; margin:0 auto; text-align:center; padding:10px 0; font-size:11px; color:#005c02; font-family:Sans-Serif; background:url(/images/bg-footer.jpg) repeat-x top center} /* HEADINGS and FONTS */ h1, h2, h3, h4 {margin:0 auto; text-align:left} h1 {font-size:24px; color:#cf3b01} h2 {font-size:20px; color:#003d53} h3 {font-size:18px; color:#cf3b01} h4 {font-size:18px; color:#727272} p {text-align:left; padding-top:20px} /* STYLES */ .accent {color:#003d53; font-weight:bold} .thumb {padding:5px; background-color:#fff; -moz-border-radius:6px 6px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; border:double 3px #eee } .clear {clear:both} .ctr {text-align:center} .left {text-align:left} .right {text-align:right} .bld {font-weight:bold} .reg {font-weight:normal} .sm {font-size:13px} .red {color:#c00} #page li {text-align:left; list-style:disc; padding-top:3px; margin-left:50px; font-size:15px} hr {clear:both; height:3px; margin:20px 0; border-bottom:double 3px #e1f7c6} .errorlist {color:#c00; text-align:left} .errorlist ul {} .errorlist li {margin-left:50px} .btn {width:120px; height:36px; margin:0 auto; background:url(/images/btn.png) no-repeat top center; color:#fff; font-size:16px; text-align:center; cursor:pointer; border:none} .btnSend {width:180px; height:36px; margin:0 auto; background:url(/images/btn_send.png) no-repeat top center; text-align:center; cursor:pointer; border:none} /* LINKS */ a:link, a:visited {color:#019604; text-decoration:underline} a:hover, a:active {color:#cf3b01; text-decoration:none} .services h3 a:link, .services h3 a:visited {color:#cf3b01; text-decoration:none} .services h3 a:hover, .services h3 a:active {color:#019604; text-decoration:underline} #menu li a:link, #menu li a:visited {color:#003d53; text-decoration:none} #menu li a:hover, #menu li a:active {color:#019604; text-decoration:none} /* DATA and INPUT */ fieldset { margin:1em 0; padding:10px; border:1px solid #019604; color:#5c5c5c; font-size:15px; -moz-border-radius:8px 8px 0 0; -webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; } #login-are fieldset {font-size:21px} #login-area input {font-size:18px} fieldset p {margin:2px 12px 10px 10px} legend { color:#02086a; font-size:18px; font-weight:600; padding:0 14px} input, .input, select, .msg { background-color:#eee; border:solid 1px #019604; padding:1px; margin:2px; font-family:Calibri; font-size:16px; font-weight:normal; color:#5c5c5c; } select {font-size:15px; font-weight:normal; height:26px} radiobutton {padding-top:10px} .msg {overflow:auto} input, .input {height:24px} .tbl {margin:0 auto; text-align:center; background-color:#fff; padding:10px; -moz-border-radius:8px 8px 8px 8px; -webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px} .form-l {text-align:left; padding-top:14px; vertical-align:top}