/* aquaconnect-net */
html { width: auto; height: auto; margin: 0; padding: 0; }
body { font-family: Helvetica, sans-serif; font-size: 13px; margin: 0; padding: 0; font-weight: 100; color: #3b3b3b; background: #1b1f23; }

a:link { text-decoration: underline; color: #fa4c07; }
a:visited { text-decoration: underline; color: #fa4c07; }
a:hover { text-decoration: none; color: #fa4c07; }

form { margin: 0; padding: 0; }
input.bg { border: solid 1px #aaa; height: 20px; }
textarea.bg { border: solid 1px #aaa; }
input.name, input.phone, input.email, textarea.message { width: 200px; }

img { border: none; }

h1 { margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 28px; font-weight: 100; letter-spacing: 0; color: #2161a9; }
h1 span { font-weight: 600; color: #111; }
h2 { margin: 0; padding: 10px 0; font-size: 18px; font-weight: normal; color: #000; }
h2.al { padding: 5px 0 5px 40px; background: url('../images/h2al.png') no-repeat left center; }
h4 { font-size: 16px; font-weight: normal; margin: 0; padding: 5px 0; }
h5 { font-size: 14px; margin: 0; padding: 0 0 5px 0; }

p { margin: 0 2px; padding: 12px 0; line-height: 20px; }
p.pgimg { margin: 25px auto; padding: 0; text-align: center; }
p.left { float: left; }
p.menu { line-height: 25px; }
p.submit { text-align: center; }

ul { text-align: left; }
li { margin: 5px 0; }

hr { border: 0; height: 1px; background: #fff; width: 100%; opacity: .1; }

table { border-collapse: collapse; }
tr { text-align: left; }
th { padding: 5px; border-bottom: solid 1px #ccc; }
td.nobr { white-space: nowrap; }
td.submit { text-align: center; }

/* div.form { margin: 20px auto; width: 260px; background: #fff; border: solid 1px #ccc; border-radius: 10px; padding: 25px; } */
div.form { width: 440px; margin: 0 0 20px 0; }
div.form p { padding: 10px 0; }
/* 
div.form .left { float: left; padding-top: 3px; width: 100px; }
div.form .left2 { float: left; padding-top: 3px; width: 200px; } 
*/
div.form input, div.form textarea { background: #fff; border: solid 1px #ccc; border-radius: 2px; color: #fa4c07; float: right; }
div.form select { float: right; }
div.form input { height: 22px; }
div.form input.bg { width: 250px; }
div.form input.bg2 { width: 180px; }
div.form input.city { width: 120px; }
div.form input.state { width: 40px; margin: 0 5px; }
div.form input.zip { width: 70px; }
div.form textarea { width: 250px; }
div.form p.submit { padding-left: 150px; }
div.form .submit input { background: none; border: none; height: auto; }
div.form .notes { height: 65px; }

div.top { height: 12px; background: url('../images/top.png') repeat-x top #fa4c07; }

div.header { margin: auto; background: url('../images/header.jpg') no-repeat center #183d54; }

div.wrap, div.wraphi { margin: auto; padding: 20px; }
div.wraplo { margin: auto; padding: 10px; }

div.wrap { background: #fff; }

div.wraphi { background: url('images/cover-white-superhi.png') #f5f5f5; border-bottom: solid 1px rgba(0,0,0,0.1); }
div.wraphi hr { background: #111; margin: 20px auto 30px auto; }

div.wraplo { background: url('../images/cover-white-lo.png'); color: #fff; border-top: solid 5px #1b1f23; }
div.wraplo h1, div.wraplo h2, div.wraplo h3, div.wraplo h4 { color: #fff; font-weight: 100; margin: 0; }
div.wraplo h2 { margin: 0; font-size: 18px; }
div.wraplo h2.a { padding: 5px 0 5px 40px; background: url('../images/h2a.png') no-repeat left center; }
div.wraplo h2.b { padding: 5px 0 5px 40px; background: url('../images/h2b.png') no-repeat left center; }
div.wraplo h2.c { padding: 5px 0 5px 40px; background: url('../images/h2c.png') no-repeat left center; }
div.wraplo h3 { font-size: 14px; text-transform: uppercase; }
div.wraplo a { color: #fff; }

div.page { min-width: 960px; max-width: 1024px; height: auto; margin: auto; text-align: left; }

div.logo { margin: 0; padding: 0; width: 260px; text-align: left; }
div.logo h1 { margin: 0; padding: 15px 0 5px 0; }
div.logo img { max-width: 270px; }

div.tfn { color: #111; width: 350px; margin: 0; padding: 30px 10px 0 0; text-align: right; float: right; /* background: url('../images/phone.png') no-repeat left center; */ }
div.tfn { font-size: 22px; line-height: 15px; font-weight: bold; }
div.tfn span { font-size: 12px; letter-spacing: 0; padding: 0 0 0 3px; font-weight: 100; }

div.hright { width: 730px; float: right; margin: 0 0 0 auto; padding: 15px 0; }

div.search { width: 260px; float: right; margin: 5px 0 20px auto; padding: 0; text-align: right; float: right; }
div.search input.bg { width: 220px; height: 22px; background: rgba(0,0,0,.2); border: solid 1px rgba(255,255,255,.1); color: rgba(255,255,255,.4); font-style: italic; border-radius: 4px; }
div.search input.btn { float: right; margin: 1px 0 0 3px; height: 24px; }

div.menuside { width: 450px; margin-top: 5px; }
div.menuside p { padding: 3px; text-align: right; }
div.menuside a { padding: 0 10px; border-left: solid 1px rgba(255,255,255,.5); }
div.menuside a:first-child { border-left: none; }
div.menuside a:link { color: rgba(255,255,255,.5); text-decoration: underline; }
div.menuside a:visited { color: rgba(255,255,255,.5); text-decoration: underline; }
div.menuside a:hover { color: #fff; text-decoration: none; }

div.menutop { margin: 0 0 0 auto; }
div.menutop p { padding: 40px 0 0 0; text-align: right; font-size: 13px; font-weight: 100; }
div.menutop a { display: inline; padding: 8px 8px; text-transform: uppercase; }
div.menutop a:link { text-decoration: none; color: #fff; }
div.menutop a:visited { text-decoration: none; color: #fff; }
div.menutop a:hover { text-decoration: underline; color: #fff; }
div.menutop span.active { }
div.menutop span.highlight a { color: #ff7700; font-weight: bold; }

div.splash { width: auto; padding: 0; height: 320px; text-align: center; border-bottom: solid 5px #1b1f23; }
div.splash h1 { text-align: left; margin: 20px 0 0 35px; font-size: 26px; text-shadow: 1px 1px 1px #000; font-weight: 700; color: #fff; }
div.splash .spin { width: 959px; margin: auto; }

div.contact-wrap { width: 650px; }

div.contact { width: auto; margin: 25px 0 25px 10px; padding: 0; width: auto; color: rgba(0,0,0,0.5); font-weight: bold; font-size: 12px; }
div.contact .r { float: right; margin: 0 0 0 auto; }
div.contact .l { float: left; margin: 0 auto 0 0; }
div.contact p { width: 306px; height: 35px; margin: 10px 0; padding: 0; background: rgba(0,0,0,0.05); border-radius: 4px; border: solid 1px rgba(0,0,0,0.2); }
div.contact p.submit { background: none; width: auto; text-align: center; }
div.contact p.submit input { width: auto; float: none; }
div.contact p.notes { width: auto; height: 55px; }
div.contact p.code, div.contact p.submit { background: none; border: none; }
div.contact span { padding: 5px; }
div.contact input, div.contact textarea { margin: 0 0 0 auto; float: right; border: none; }
div.contact input, div.contact textarea { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
div.contact input { width: 200px; height: 35px; padding: 0; }
div.contact textarea { width: 520px; height: 55px; padding: 0; }

div.form2 { width: 630px; margin: 0 0 15px 0; padding: 0; width: auto; color: rgba(0,0,0,0.5); font-weight: bold; font-size: 12px; }
div.form2 .r { float: right; margin: 0 0 0 auto; }
div.form2 .l { float: left; margin: 0 auto 0 0; }
div.form2 p { width: 316px; height: 35px; margin: 10px 0; padding: 0; background: rgba(0,0,0,0.05); border-radius: 4px; border: solid 1px rgba(0,0,0,0.2); }
div.form2 p.nobd { border: none; background: none; height: auto; }
div.form2 p.submit { background: none; width: auto; text-align: center; border: none; }
div.form2 p.submit input { width: auto; float: none; }
div.form2 p.notes { width: auto; height: 55px; }
div.form2 p.code, div.contact p.submit { background: none; border: none; }
div.form2 span { padding: 5px; }
div.form2 input, div.contact textarea { margin: 0 0 0 auto; float: right; border: none; }
div.form2 input, div.contact textarea { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
div.form2 input { width: 200px; height: 35px; padding: 0; }
div.form2 textarea { width: 520px; height: 55px; padding: 0; border: none; }
div.form2 textarea.message { float: right; }
div.form2 select { height: 22px; width: 316px; }

div.boxtop { margin: 0 0 20px 0; font-size: 15px; color: #777; font-weight: normal;  }
div.boxtop h1 { color: #333; font-weight: bold; font-size: 20px; margin: 0; padding: 5px 0; }
div.boxtop h1, div.boxtop p { width: 320px; }
div.boxtop h1.lg, div.boxtop p.lg { width: 460px; }
div.boxtop h1.sm, div.boxtop p.sm { width: 270px; }

div.box { padding: 1px; background: #fff; border: dotted 1px rgba(0,0,0,0.2); border-radius: 5px; }
div.boxin { padding: 10px 20px; border: solid 1px rgba(0,0,0,0.2); border-radius: 3px; }
div.boxin p { padding: 5px 0; line-height: 16px; }
div.boxin p.menu { line-height: 22px; }
div.boxin .img { float: right; margin: 0 0 10px 20px; }

div.mainright, div.mainleft { text-align: left; min-height: 250px; }
div.leftside img, div.rightside img { margin: auto; }

div.leftside, div.rightside { height: auto; padding: 0; }
div.mainleft, div.mainright { height: auto; }

div.leftside { width: 20%; float: left; margin: 0 auto 0 0; }
div.rightside { width: 35%; float: right; margin: 0 0 0 auto; }
div.rightside h2 { margin-bottom: 10px; padding: 10px; font-size: 22px; }
div.rightside h2.al { padding-left: 40px; }

div.mainleft { width: 58%; margin: 0 auto 0 0; padding: 0; }
div.mainright { width: 77%; margin: 0 0 0 auto; padding: 0; }

/*home page fix*/
div.hfx { margin: auto 20px; padding: 15px 0 0 0; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }
div.hfx .boxin .cap a { background: none; }
div.hfx .rightside { width: 312px; }
div.hfx h1 { margin-top: 10px; }

div.imgs { float: right; margin: 0 0 10px 40px; }
div.imgs img.flag { width: 120px; }

div.footer { min-width: 960px; max-width: 1100px; margin: auto auto 10px auto; padding: 20px 0; color: rgba(225,225,225,0.5); font-size: 12px; text-align: center; }
div.footer h1 { color: #fa4c07; text-shadow: none; font-weight: normal; text-align: center; font-size: 18px; }
div.footer .menu { text-align: left; }
div.footer .menu a { display: inline; padding: 0 15px; }
div.footer .menu a:first-child { padding-left: 0; }
div.footer .menu a:link { color: rgba(225,225,225,0.5); text-decoration: none; }
div.footer .menu a:visited { color: rgba(225,225,225,0.5); text-decoration: none; }
div.footer .menu a:hover { color: #fff; text-decoration: underline; }
div.footer .copyright { float: right; text-align: right; }
div.footer .copyright img { display: inline; margin: 0; }
div.footer .copyright span.fright { margin: 0 0 0 15px; vertical-align: center; vertical-align: top; }
div.footer .copyright span.fright a { color: rgba(225,225,225,0.5); text-decoration: none; margin: 0; padding: 0 0 0 5px; vertical-align: top; }

div.special-offer { width: auto; margin: 20px auto; padding: 6px; background: #fff; border: solid 1px rgba(0,0,0,0.1); border-radius: 10px; }
div.special-offer .spofin { padding: 30px; background: /* url('../images/special-offer.png') repeat-x bottom */ #183d54; color: #fff; border-radius: 6px; }
div.special-offer h1 { margin: 0; font-size: 22px; color: #fff; }
div.special-offer h1 span { color: #fff; }
div.special-offer, div.special-offer a { color: #fff; }
div.special-offer .right { margin: -3px 40px 0 auto; padding: 0; }

table.page { width: 100%; margin: 0; }
table.page td { vertical-align: top; }
table.page td:first-child { padding: 0 10px 0 0; }
table.page td:last-child { padding: 0 0 0 10px; }

table.contact { margin: 0; }
table.contact td { padding: 2px 5px; }

table.partners { margin: 20px 0; width: 98%; }
table.partners td { width: 25%; height: 80px; padding: 0; border: solid 1px #ddd; text-align: center; vertical-align: middle; }
table.partners img { max-height: 50px; max-width: 120px; }

div.partners-home { width: auto; margin: auto; padding: 10px 10px 20px 10px; vertical-align: middle; text-align: center; }
div.partners-home img { display: inline; max-height: 50px; margin: 0 20px; vertical-align: middle; }
div.partners-home a { text-decoration: none; }

table.index, table.links { width: 100%; margin: auto; }
table.index td, table.links td, table.links2 td { vertical-align: top; }
table.index td:first-child, table.links td:first-child { padding-left: 0; }
table.index td:last-child, table.links td:last-child { padding-right: 0; }
table.index p { padding: 5px 0; margin-left: 10px; }
table.index td { width: 33%; padding: 0; }

table.links h3 { margin-top: 10px; }
table.links .social a { background: none; padding-left: 0; }
table.links .social img { margin: 2px 0 0 0; }
table.links .social span { padding: 0 0 2px 5px; vertical-align: top; }

table.index-home-top { margin: -10px auto; border-collapse: separate; border-spacing: 15px;  }
table.index-home-top tr { font-size: 12px; font-weight: 100; opacity: 1; }
table.index-home-top td { width: 33%; padding-right: 20px; }
table.index-home-top h2.a { padding: 5px 0 5px 40px; background: url('../images/produc-logo-rds-2.png') no-repeat left center; background-size: 30px; }
table.index-home-top h2.b { padding: 5px 0 5px 50px; background: url('../images/product-logo-aap.png') no-repeat left center; background-size: 40px;  }
table.index-home-top h2.c { padding: 5px 0 5px 50px; background: url('../images/product-logo-applivion.png') no-repeat left center; background-size: 40px;  }
table.index-home-top td:first-child p { margin-left: 15px; }
table.index-home-top .boxin { padding: 2px; }
table.index-home-top .boxin h2 { background: #183d54; color: #fff; margin: 0 0 15px 0; padding: 10px; }
table.index-home-top p { margin: 0 5px; padding: 5px 0; }

table.links td { padding: 0 60px; width: 25%; border-left: dotted 1px rgba(255,255,255,0.1); font-size: 12px; font-weight: normal; }
table.links td:first-child { border-left: none; }
table.links a { display: block; padding: 3px 0; color: rgba(255,255,255,0.5); background: url('../images/arrow-small.png') no-repeat left center; padding-left: 15px; }
table.links a:link { text-decoration: none; }
table.links a:visited { text-decoration: none; }
table.links a:hover { text-decoration: none; color: #fff; }

table.links2 { width: 100%; margin: auto; }
table.links2 td { padding: 0 20px; width: 33%; border-left: dotted 1px rgba(0,0,0,0.1); font-size: 12px; font-weight: normal; }                 
table.links2 td:first-child { border-left: none; padding: 0 20px 0 0; }            
table.links2 td:last-child { padding: 0 0 0 20px; }
table.links2 h2 { width: auto; background: rgba(0,0,0,0.1); border-radius: 5px; margin: 0 0 10px 0; padding: 15px; }
table.links2 a { display: block; padding: 3px 0; color: rgba(0,0,0,0.7); background: url('../images/arrow-small2.png') no-repeat left center; padding-left: 15px; }
table.links2 a:link { text-decoration: none; }
table.links2 a:visited { text-decoration: none; }
table.links2 a:hover { text-decoration: none; color: #000; }
table.links2 p { margin: 0 10px; padding: 5px 0; }
table.links2 p.phone { padding: 5px 0 5px 25px; }
table.links2 p.address { margin: 5px 0 0 10px; padding: 0 0 5px 25px; }

.nobg { background: none; }
.white { background: #fff; }
.bd-left-dotted { border-left: dotted 1px #aaa; }
.bd-right-dotted { border-right: dotted 1px #aaa; }
.bd-left-solid { border-left: solid 1px #ccc; }
.none { margin: 0; padding: 0; line-height: 0; }
.arw-right { background: url('../images/arw-right.png') no-repeat right center; padding: 0 15px 0 0; }
.right { text-align: right; }
.cap { text-transform: uppercase; font-size: 12px; }
.right { float: right; }
.phone { background: url('../images/icon-phone.png') no-repeat left center; padding: 5px 0 5px 30px; }
.address { background: url('../images/icon-address.png') no-repeat left top; padding: 5px 0 5px 30px; }
