/* Reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-weight:normal;vertical-align: baseline;background: transparent;}
body {background:#fff url("images/main.jpg") 0 0 repeat ;font:12px Helvetica,Arial,Sans-serif; color:#FFFFFF;background-attachment:scroll !important;}
ol, ul {list-style: none;}
a:hover {text-decoration:none !important;}

/* generic styles */
.left{float:left;}
.right {float:right;} 
.clear {float:none;clear:both;margin:0;padding:0;line-height:0;}
a {cursor:pointer;color: #005CB9;text-decoration:none;}
a:hover {text-decoration:underline !important;}
a:visited {color: #005CB9}
.font10 {font-size:10px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.green {color:#6bb23e !important;}
.grey {color:#aaa !important;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.textmiddle {vertical-align:middle;}

/* content well */

/* header */
.wrap {width:899px;margin: 30px auto 0px auto; background: #fff; padding: 20px; border-top: 2px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000;}
h1 {width:658;height:121px; background: url(images/logo-lg.png) 0 0 no-repeat;text-indent: -9999px;}
.logo-wrap {margin: 100px auto 25px auto;}
.logo {width: 658px;}
.login {width: 500px;text-align:right;padding: 0px 0 0 0;}
.login span {font-weight:bold;}
.login a {color: #000;font-weight:bold;}
h2 {font:26px Helvetica,Arial,Sans-serif; font-weight: bold; color:#FFFFFF;}
h3 {font:18px Helvetica,Arial,Sans-serif; font-weight: bold; color:#FFFFFF;}
div.face {cursor:pointer;}
.top-nav {overflow:hidden;margin: 30px auto 0 30px;_height:40px; text-transform:uppercase;}
.top-nav a {display:block;font-weight:bold;padding: 8px 47px 8px 0;font-size: 16px;float:left;color: #000;}
.top-nav a:link {color:#000}   
.top-nav a:visited {color:#000}  
.top-nav a:hover, .sub-nav a:hover, .bottom-nav a:hover {color:#1a8b39;text-decoration: none !important;}
.top-nav a:active {color:#000}
.sub-nav {overflow:hidden;border-bottom: 1px solid #000;height:33px;}
.sub-nav a, .replenish a {display:block;font-weight:bold;padding: 7px 75px 7px 0;font-size: 14px;float:left;color: #000;}

.soc-media {z-index:100; float: right; position:relative;}

/* index page */ 
.main-img {margin: 5px auto 10px auto; text-align:center; width: 839px; height: 515px; border-top: 2px solid #000; border-bottom: 2px solid #000}
.bottom-nav {margin: 0px auto 0px 10px; padding: 7px ;text-align:left;}
.bottom-nav a {text-transform:uppercase;padding: 0 10px;color: #330000;font-weight:bold;}
.bottom-nav a img {position:relative;top:7px;}
.prod-bottom-nav {border-top: 1px solid #000;margin: 0px auto 0px 10px; padding: 7px ;text-align:left;}
.prod-bottom-nav a {text-transform:uppercase;padding: 0 10px;color: #330000;font-weight:bold;}
.prod-bottom-nav a img {position:relative;top:7px;}
.copyright {margin: 10px 0 20px 0;color: #FFFFFF;}
.media {margin-bottom:20px;}
.disclaimer p {margin:0 auto 10px auto;color: #330000;font-weight:bold;width:760px;}

/* page - other non-product pages */

.page {width: 839px;margin: 5px auto 30px auto; border-top: 2px solid #000; }
.page .page-content {width: 839px;float:left;padding: 30px 0 0 0;font-weight:bold; line-height:18px; border-bottom: 2px solid #000;}
.page .page-content p {margin-bottom:15px;font-weight:normal;}
.page .page-content ul {padding-left:12px;list-style-type:disc;}
.page .page-content ul li {margin-bottom:15px;font-weight:bold;}
.page div.cont {width:370px;float:left;margin:0 40px 0 0;}
.page div.cont div {width:155px;float:left;}
.page div.cont p {margin-bottom:7px;}
.page h3 {margin:20px 0 0 0;}
.page a {color: #330000;}

/* Sub Index */
.subindex {padding: 30px 0 0 0;font-weight:bold;line-height:18px;margin: 5px auto 5px auto; border-top: 2px solid #000;border-bottom: 2px solid #000;}
.subindex p {margin-bottom:35px;font-weight:bold;}
.subindex h2 {color: #000000;font-size:26px;line-height:26px;font-weight:bold;margin-bottom:30px;}

.products a img {border:none;}
.products-desc {font-weight:bold;line-height:16px;width:400px;margin: 15px auto 0 auto;text-align:center;height:100px;overflow:visible;}
.products-desc b {text-transform: uppercase;font-weight:bold;font-size: 14px;color:#6bb23e;display:block;margin-bottom:3px;}

/*Scrolling */
div.scrollable {position:relative;overflow:hidden;width:899px;height:290px;vertical-align:bottom;} 
div.scrollable img {vertical-align: bottom}
.products {width:20000em;position:absolute;}
.products a {display:block;float:left;height:250px;vertical-align:baseline;}
.products a img {vertical-align:baseline;display:block}
.products-nav {margin: 10px 0 0 0;}
div.scrollable div.products div {float:left;} 
.products-nav a {text-decoration:none;color:#000;font-weight:bold;font-size:14px;}
.products-nav a img {position:relative;top:7px;}
.products-nav a:hover {text-decoration:none !important;}

/* Grass */

.grass {background: url("images/dogtags.jpg") right bottom no-repeat; height:525px;color: #330000;border-bottom: 2px solid #000; margin-top: 5px; }
.grass h2 {color: #6bb23e;font-size:26px;font-weight:bold;margin-bottom:20px; margin-top: 30px;}
.no-grass {background: none;}
.policy {height:1110px;}
.faq {height:550px;}
h3 {font-weight:bold;}
.grass div.cont {width:370px;float:left;margin:0 40px 0 0;}
.grass div.cont div {width:155px;float:left;}
.grass div.cont p {margin-bottom:7px;}
.grass h3 {margin:20px 0 0 0;}
.grass a {color: #330000;}

/* press */
.press-img {margin: -35px 0 0 0;}
.press-clips {width:20000em;position:absolute;}
.press-clips a img {border: 1px solid #333;height:90px;}
.press-clips a {display:block;float:left;margin-right:15px;}
.press-scroll {height:95px !important;margin: 30px 0 0 0;}

/* desc */
.desc {margin: 5px auto 30px auto; border-top: 2px solid #000; }
.desc-btns {margin: 10px 0;}
.desc-btns div, .desc-btns div a {font-weight:bold;font-size: 18px;color: #000;text-decoration:none; vertical-align:middle;}
.desc-btns div a:hover {text-decoration:none !important;}
.desc-btns div a img {position:relative;top:6px;}

.col1 {width:245px; margin-top: 30px;}
.col2 {width:630px; margin-top: 30px;}
.col3 {width:280px;padding-left:20px;}

.col1 img {margin-bottom:20px;}
.col1 p, .col1 h5 {padding: 0 0 0 50px;}

.desc h5, .desc h5 a {font-weight:bold;margin-bottom:2px;color:#6bb23e}
.desc b {display:block;margin-bottom:5px;}
.desc p {margin-bottom:8px;}

.qty div.left {width:220px;}
.qty div.right {width:50px;text-align:right;}
.qty {clear:both;float:none;margin: 10px 0;}
.qty input {width:30px;}
h4.price {color:#6bb23e;font-weight:bold;font-size:20px;padding-top:20px !important;margin: 0 0 20px 0;}
h4.price span {color:#333;font-weight:bold;font-size:14px;}

/* Cart */
.welcome {padding: 0 0 20px 0 !important;text-align:right;font-size:11px;}
.shade {background-color: #eee;padding:15px 0;}
.cart td strong {font-weight:bold !important;}
.cart td.cobll {vertical-align: middle;}
.shade td.cobll, .no-shade td.cobll {border: 1px #ccc solid;padding:5px;}
table.cobtbl tr td td.cobll {vertical-align: middle;border: none;}
.cart .cartimage {height:65px;}
.ectlink {font-size:13px;font-weight:bold;}
.shade td.cobll .ectlink, .no-shade td.cobll .ectlink {color:#000;}
.cobtbl tbody tr td.cobll {padding:10px 0;}
.cobtbl tbody tr td.cobhl {padding:10px 5px 10px 0;vertical-align: middle;font-size:12px}

.related {color:#422811 !important;font-weight:bold;font-size:15px;padding:8px 0 8px 0;}
.related-send {padding: 0px 0 10px 0;border-bottom: 1px solid #de9b60;text-align:right;margin:0 0 10px 0;}
.related-send:last {border:none;}
.cover {height:5px;background-color:#fff;position:relative;top:-14px;z-index:999;}
