/*
Design and Code by Rick Russie at e10 :: http://e10-inc.com :: Copyright 2009
*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, font, img, strong, var, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}
body {font: 12px/1.3em arial, sans-serif; color: #5c5f5d; background: #dce4dd;}

a {color: #000;}
a:hover {text-decoration:none;}
p {margin:0 35px 10px 35px;}
ul {margin:0 35px 10px 35px;}
ul li {margin:0 10px 3px 30px;}
#logo {background: url("img/wordmark.gif") no-repeat; width:190px; height:27px; float:left; padding-bottom: 15px;}
#logo:hover {background-position-x: -192px;}
h1 {text-indent:-999em; overflow:hidden;}
h2 {color:#fff; font-size: 28px; padding: 30px 35px 15px 35px; font-weight:100; text-shadow: #a5b3ab 0px 0px 1px;}
h3 {color:#5c5f5d; font-size: 12px; padding: 0 35px 5px 35px; font-weight:bold;}

/*------------Main Structure Elements------------*/

#top-contain {background: #fff; width:100%; height:42px;}
#top {width: 860px; margin:0px auto; height: 42px; }
#menu {float:left; display:inline; margin-top:14px; width:575px; text-align:right;}
#menu a {color: #5c5f5d; text-decoration:none;}
#menu a:hover {color: #000;}
#menu ul li {display:inline; margin:0 0 0 18px;}
#menu ul li.active a {color: #000; border-bottom: 1px solid #c2cfc8;}
#menu ul li a.order-link {color: #9cba24; border-bottom:0;}

#pooch-logo {background: #fff url(img/logomark.gif); width:92px; height:42px; float:right;}
#pooch-logo:hover {background-position: -92px 0;}
#contain {background:#fff url("img/footer-bg.gif") no-repeat; background-position: bottom; margin:10px auto; width:860px; height: 460px; position:relative;}
#contain-fluidheight {background:#fff; margin:10px auto; width:860px; position:relative;}
#footer-fluidheight {background:#fff url("img/footer-bg.gif") no-repeat; background-position: bottom; width:860px; position:relative; height:170px; clear:both;}
#footer {width: 860px; margin:0 auto; text-align:right; font-size: 11px; color: #5c5f5d; clear:both;}
#footer a {color: #5c5f5d;}

/*------------Home------------*/

#home-left {float:left; display:inline; width:185px; height:460px; background: url("img/home-left.gif") no-repeat; background-position: bottom; margin-right: 10px;}
#home-middle {float:left; display:inline; width:445px; height:280px; margin:40px 14px 0 13px; background: #fff; border:1px solid #c3cec4;}
#home-middle-iphone {float:left; display:inline; width:445px; height:280px; margin:30px 14px 0 13px; background: none; border:none;}
#home-right {float:left; display:inline; width:180px; height:460px; background:url("img/home-e.gif") no-repeat; background-position: bottom; margin-left: 3px;}
#home-right p {margin:65px 0 8px 0px; padding:0; color:#9cba24; font-size:13px; line-height: 1.4em;}
#home-right p span {font-size:18px;}
#home-right ul {margin:0; padding:0; font-size:11px;}
#home-right ul li {margin:0 0 0 15px; padding:0 0 10px 0;}
#save25 {background: url("/img/save25.gif") no-repeat; width:122px; height:117px; margin:50px 0 0 10px;}
#save25 p {text-indent:-999em; margin:0; padding:0;}


/*------------Landing Page------------*/

#landing-contain {background:#fff url("img/landing-bg.jpg") no-repeat; background-position: bottom; margin:10px auto; width:860px; height: 420px; position:relative;}
#landing-content {text-align:right; padding: 108px 38px 0 0;}
#landing-content h2 {margin:0; padding:0; color: #4c5b52; font-size: 19px; line-height: 1.3em; text-shadow: #fff 0px 0px 1px}
#landing-content h2 span {color: #6b9e29; font-size: 30px;}
#landing-content #showme {width:106px; height:36px; background: url("img/showme.gif") no-repeat; margin:20px 0 0 675px;}
#landing-content #showme:hover {background-position: -105px 0; cursor: pointer;}
#landing-content #showme:active {background-position: -211px 0; cursor: pointer;}
#landing-content #showme p {text-indent:-999px; overflow:hidden;}


/*------------Order------------*/

#preorder h2.order-now-h2 {padding-bottom:0px; margin-bottom: 7px;}
#preorder p.small-type {font-size: 11px; line-height:1.2em;}
#order-left {float:left; display:inline; width:185px; height:460px; background: url("img/product.gif") no-repeat; background-position: bottom; margin-right: 10px;}
#order-middle {float:left; display:inline; overflow:auto; width:470px; margin-top:35px; background: #fff; border:1px solid #eee;}
#order-middle p {font-size: 10px; margin:15px 15px 10px 15px;}
#order-middle p strong {color: #000;}
#order-right {float:left; display:inline; width:180px; height:460px; background:url("img/howitworks-right.gif") no-repeat; background-position: bottom; margin-left: 10px;}
#preorder-left {width:220px; float:left; display:inline; padding-left:40px; padding-top:50px;}
#preorder {width:500px; padding:40px 80px 0 0; float:right; display:inline; /* background: url("/img/preorderoffer.gif") 350px 50px no-repeat;*/}

#preorder-thanks {padding:40px 40px 0 40px; text-align:center;}
#add {width:42px; height:16px; background:url("/img/add.gif") no-repeat;  padding:0; margin:0;}
#addtocart {width:161px; height:29px; background:url("/img/addtocart.gif") no-repeat; padding:0; margin:0;}
#addtocart:hover {background-position: 0 -31px;}
#addtocart:active {background-position: 0 -62px;}
#addtocart p, #add p {display:none; padding:0; margin:0; font-size:1px;}

.add-bags {background:#fcfcfc; border:1px solid #ddd; padding:15px 15px; border-radius: 7px; -moz-border-radius:7px; -webkit-border-radius:7px;}

#preorder h2 {padding:0; margin-bottom:10px; color:#9cba24; font-size: 20px; padding:0 0 10px 0; font-weight:bold; text-shadow:none;}
#preorder h3 {padding-left:0; font-weight:normal; font-size:15px; color:#9cba24;}
#preorder h4 {padding:5px 0 0 0; margin-bottom:25px; font-weight:bold; font-size:19px; color:#9cba24;}
#preorder p {margin-left:0;}
#preorder ul {margin:0 0 15px 0; font-size:13px;}
#preorder ul li {padding-left:0; margin-left:19px;}
#preorder .disclaimer {font-size: 9px; line-height:1.2em;}
#preorder a {color:#9cba24;}
#preorder table {margin-left:0;}
#preorder #questions {clear:both; font-size: 11px; padding-top:20px; line-height: 1.2em;}
#preorder #questions em {font-size: 10px;}

#getproduct {float:left; display:inline; width:202px; height:65px; background:url("/img/order-link.gif") no-repeat;}
#getproduct:hover {background-position: -202px 0;}
#getproduct:active {background-position: -404px 0;}
#getproduct p {text-indent:-999em;}

#getproduct2 {float:left; display:inline; width:202px; height:65px; background:url("/img/preorder-link2.gif") no-repeat;}
#getproduct2:hover {background-position: -202px 0;}
#getproduct2:active {background-position: -404px 0;}
#getproduct2 p {text-indent:-999em;}

#sendupdates {float:left; display:inline; width:235px; height:65px; background:url("/img/sendupdates-link.gif") no-repeat;}
#sendupdates p {padding:18px 0 0 40px;}


/*------------How it Works------------*/

#howitworks-left {float:left; display:inline; width:185px; height:460px; background: url("img/product.gif") no-repeat; background-position: bottom; margin-right: 10px;}
#howitworks-middle {float:left; display:inline; overflow:auto; width:470px; height:275px; margin-top:35px; background: #c2cfc8; border: 1px solid #a5b3ab;}
#howitworks-right {float:left; display:inline; width:180px; height:460px; background:url("img/howitworks-right.gif") no-repeat; background-position: bottom; margin-left: 10px;}
#howitworks-right p {margin:65px 0 20px 0px; padding:0; color:#9cba24; font-size:13px; line-height: 1.4em;}
#howitworks-right p span {font-size:18px;}


/*------------FAQ------------*/

#faq-left {float:left; display:inline; width:185px; height:460px; background: url("img/product.gif") no-repeat; background-position: bottom; margin-right: 10px;}
#faq-middle {float:left; display:inline; overflow:auto; width:470px; height:275px; margin-top:35px; background: #c2cfc8; border: 1px solid #a5b3ab;}
#faq-right {float:left; display:inline; width:180px; height:460px; background:url("img/faq-right.gif") no-repeat; background-position: bottom; margin-left: 10px;}
#faq-right p {margin:65px 0 20px 0px; padding:0; color:#9cba24; font-size:13px; line-height: 1.4em;}
#faq-right p span {font-size:18px;}


/*------------Contact------------*/

#contact-middle {float:left; display:inline; overflow:auto; width:470px; height:275px; margin-top:35px; background: #c2cfc8; border: 1px solid #a5b3ab;}

#contact-middle p {padding-left:120px;}
#contact-middle h2 {padding:95px 0 10px 120px; margin-left:32px;}

/*------------Order Form------------*/

input#state {width:20px; background: url("/img/form-bg.jpg") repeat-x; border:1px solid #ccc;}
input#name, input#email, input#address, input#city {width:200px; background: url("/img/form-bg.jpg") repeat-x; border:1px solid #ccc;}
input#zip {width:50px; background: url("/img/form-bg.jpg") repeat-x; border:1px solid #ccc;}
table {margin:0 20px 0 50px; font-size: 11px; border-spacing: 3px;}
#order-middle form span {color: #f00;}
#order-middle form {padding-bottom:10px;}
#order-middle p.thanks {font-size: 13px; line-height: 1.4em; margin:20px;}