/* 
Title: KineticPump.com
Author: team A design 
www.GoTeamA.com
*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');

* { margin:0; padding:0; list-style:none; text-decoration:none; border:0; outline:none; }

html, body { height:100%; }

body { background:#333 url(../img/bg/nav-line.gif) 0 180px repeat-x; font:normal 100% "Lato", Helvetica, Arial, Verdana, sans-serif; line-height: 1.5em; color:#eee; } 
a:link, a:visited { color:#fff; }
a:hover, a:active { color:#ccc; }

.center { text-align:center; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }

div.wrap { position:relative; width:960px; margin:0 auto; }

div#header { position:relative; background:url(../img/bg/header-bg-333.jpg) top center no-repeat; height:220px; }

img#kp-logo { position:absolute; top:9px; left:0; z-index: 100; }
img#tail { position:absolute; top:180px; left:25px;  z-index: 100; }

div#header p { text-align:right; padding:10px; font-size:14px; line-height: 18px; color:#333; font-weight:700; }
p#head-call { position:absolute; top:10px; right:0; background:url(../img/bg/header-call-bg.png) no-repeat; width:118px; }
p#head-email { position:absolute; top:80px; right:0; background:url(../img/bg/header-email-bg.png) no-repeat; width:188px; }
div#header p em { font-style:normal; color:#fff; }

/*nav*/

div#navigation { position:absolute; top:190px; height:40px; text-align:center; background:#494d4f; width:100%; z-index: 2; border-bottom: 1px solid #666; }
ul#nav { text-align: center; }
ul#nav li { display:inline-block; margin:0 35px; text-transform:uppercase; font-size:14px; font-weight: 700; letter-spacing: .05em; text-shadow: 1px 1px #000; }
ul#nav li a { display:block; padding:8px 10px 7px;  }
#nav li a:link, #nav li a:visited { color:#00a089; }
#nav li a:hover, #nav li a:active, #nav li#current a { color:#1ebcde; }
#nav li#current a { background:#333; border-top:1px solid #333; border-bottom:1px solid #666; color:#1ebcde; }

/* */

div#main { margin:20px 0 60px; padding-top: 20px; }

div.col2 { width:440px; margin:0 0 20px; }
div.col-wide { width:600px; margin:0 0 20px; }
div.col-narrow { width:280px; margin:0 0 20px; }

div.black { padding:10px 10px 35px; border-top:1px solid #066; margin-bottom: 20px; }
div.green { padding:10px 10px 35px; border-top: 1px solid #066; border-bottom: 1px solid #066; background: #103333; margin-bottom: 20px; }
div.gray { padding:10px 10px 35px; border-top: 1px solid #666; border-bottom: 1px solid #666; background:#262626; margin-bottom: 20px; }
div.blue { padding:10px; background:#003 url(../img/bg/content-bg-blue.gif) top repeat-x; margin-bottom: 20px; }

input.text, textarea.text { border:1px solid #360; background:#033; padding:5px; font-size:16px; color:#fff; }

div#main h2 { font-size:24px; font-weight: 400; letter-spacing: .05em; text-transform:uppercase; margin:5px 0 15px; padding-bottom: 8px; color: #fff; text-align: center; border-bottom: 1px solid #555; }

#main h2.plain {  text-align: left; border: none;  }

div#contact-info h3 { font-weight:normal; font-size:16px; margin:5px 0 10px 80px; }
div#contact-info p { font-weight:bold; font-size:16px; margin:0 0 10px 160px; }

div#contact-form p { margin:0 0 15px; }
div#contact-form form { }
div#contact-form form ul li { margin:0 0 20px; }
div#contact-form form label { display:-moz-inline-stack; display:inline-block; width:80px; padding:5px 0 0; vertical-align:top; }
div#contact-form form label.error { display:block; padding:5px 0 0 85px; width:328px; color:#c00; }
div#contact-form form ul li input, div#contact-form form ul li textarea { width:328px; vertical-align:top; }
div#contact-form form input.submit { background:#666 url(../img/bg/grad-bg-btn.jpg) repeat-x; font-size:16px; padding:10px; text-transform:uppercase; color:#fff; }
div#contact-form form input.submit:hover { color:#1ebcde; }
h2.thanks { color:#009ec0; }
.required { text-align: center; color: #78b7d5; font-style: italic; }

div#design-adv ul li { padding:0 0 20px; }
div#design-adv ul li h3 { font-size:18px; text-transform: uppercase; font-weight: 400; margin:0 0 5px; }
div#design-adv ul li li { margin:0 0 0 20px; list-style: square outside; padding-bottom: 0; }
div#design-img { float:right; width:283px; }
div#design-img img { padding:0 0 10px; }

div.shadow-img { width:280px; float:right; margin:0 0 0 20px; text-align:center; font-size:14px; }
div.shadow-img img { margin:0 0 15px; }

div#pump-testing ul li { font-size:16px; line-height:20px; padding:10px 0; }

div#tech-specs ol { margin:0 5px 0; }
div#tech-specs ol li { float:left; width:240px; height:160px; margin:0 35px 35px; text-align:center; text-transform:uppercase; background:#414141 url(../img/bg/product-spec-head-bg.gif) top repeat-x; line-height:40px; font-size:14px; font-weight:bold; }
div#tech-specs ol li a { color:#fff; }

div.box { position:relative; margin:0 10px 10px; width:450px; height:450px; float:left; }
div.items div.box { margin:0 20px 30px 80px; }

div.box a.product-link { position:absolute; top:0; left:0; display:block; width:300px; height:300px; }

div.product { text-align:center; }
div#main div.product h2 { font-size:24px; font-weight:normal; margin:340px 0 5px; border: none; padding: 0; }
div#main div.product h3 { font-size:20px; line-height:28px; font-weight:normal; }

div#product-nav { width:120px; float:left; margin:0 10px; }
div#product-nav h2 { padding:5px 10px; font-weight:normal; font-size:14px; }
div#product-nav ul li { padding:0 0 10px 20px; font-size:14px; }
div#product-nav a { color:#00a089; }
div#product-nav a:hover, div#product-nav li#selected a { color:#1ebcde; }

div.details { float:right; width:440px; margin:0 0 20px; }
div.details p { margin:0 0 20px; }
div.details h2 { font-weight:normal; padding:20px 0 10px; font-size:16px; }
div.details ol { margin:0; padding-left: 20px }
div.details ol li { float:left; width:50%; font-size:18px; padding:0 0 5px; }

div.col3-mid { width:300px; margin:0 10px 20px; float:left; }
div.col3-mid div.box { margin:0 0 10px; clear:both; }

div.info { }
div.info h2 { font-size:18px; text-align:center; margin:10px 0 15px; }
div.info p { clear:both; margin:0 10px 10px; }
div.info ol { margin:25px 10px 0 20px; }
div.info ol li { font-size:18px; line-height:28px; float:left; width:50%; padding:0 10px 20px; box-sizing: border-box; }

div.info span { display:block; }
div.info span a { color:#9c9; font-weight:bold; }
div.info span a:hover { color:#cfc; }

div#kpc { background:url(../img/products/kp-c-main-v2.jpg) no-repeat; }
div#wanted { background:url(../img/bg/home-center-bg-v2.jpg) no-repeat; }
div#spt { background:url(../img/products/spt-main-sale.jpg) no-repeat; }

div#wanted h2 { margin:10px 0 15px;  }
#wanted p { padding: 30px 0 0; text-align: center; font-size: 24px; line-height: 36px; max-width: 80%; position: relative; margin: 0 auto; }

p#select-button { clear:both; text-align:center; padding:10px; width:940px; height:60px; text-indent:-9999px;  }
p#select-button a { display:block; width:940px; height:60px; background:url(../img/btn/online-pump-selection-trans.gif) no-repeat; }
p#select-button a:hover { background:url(../img/btn/online-pump-selection-trans.gif) 0 -60px no-repeat; }

p#select-button-small { text-align:center; width:450px; height:60px; text-indent:-9999px; clear:both; }
p#select-button-small a { display:block; width:450px; height:60px; background:url(../img/btn/prod-pump-selection-v2.png) no-repeat; }
p#select-button-small a:hover { background:url(../img/btn/prod-pump-selection-v2.png) 0 -60px no-repeat; }

div.shadow-content { width:800px; background:#fff; color:#000; display:none; }

img#ev-img { float:left; }
ol#ev-list { float:right; width:155px; margin:50px 0 0 30px; }
ol#ev-list li { list-style:decimal outside none; margin:0 0 5px; color:#000; font-size:14px; font-weight:bold; }
p#ev-p { text-align:center; clear:both; padding:10px 0; font-size:14px; font-weight:bold; color:#000; }

table#mat-table { width:100%; border:1px solid #999; border-collapse:collapse; color:#000; }
table#mat-table td, table#mat-table th { text-align:center; width:148px; padding:5px; border:1px solid #ccc; color:#000; }

img#dim-img { float:left; margin:0 0 15px; }
table#narrow-table { float:left; width:155px; margin:30px 0 15px 30px; }
table#wide-table { clear:both; width:800px; }

table.dim-table { border-collapse:collapse; color:#000; }
table.dim-table th { background:#069; color:#fff; border:1px solid #fff; font-size:14px; font-weight:normal; padding:5px; text-align:center; }
table.dim-table td { text-align:center; font-size:14px; border:1px solid #666; padding:2px; }
table.dim-table tr.odd { background:#ccc; }

div.download { clear:both; padding:20px 0; }
p.download-label { float:left; width:135px; font-size:16px; }
.download-content { float:left; width:170px; padding:2px 5px; background:#fff; color:#069; }
a.button { float:right; background:#036; text-transform:uppercase; color:#fff; font-weight:bold; padding:2px 5px; border:1px solid #666; font-size:14px; margin-left:10px; cursor:pointer; }

div.sale { clear: both; padding: 5px; text-align: center; color: #f8f63e; text-transform: uppercase; font-size: 18px; }

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*footer*/

div#footer { clear:both; min-height:250px; background:url(../img/bg/footer-bg-333.jpg) center top no-repeat; border-top:1px solid #999; width:100%; text-align:center; }
div#footer ul { margin:50px auto; padding:10px 0; }
div#footer ul li { color:#ccc; font-size:12px; text-transform: uppercase; letter-spacing: .1em; text-shadow: 1px 1px #000; }
#footer .dci-logo { margin: 10px 0; }
div#footer a { color:#ccc; text-decoration: underline; }
div#footer a:hover { color:#1ebcde; text-decoration: none; }