/* Background Image */

body {background-color: #FFFFFF; background-image:url('../images/gradient1.gif'); background-repeat: repeat-x; }
   
 /* Character styles*/
p { font-family: Verdana; font-size:12px; text-decoration: none; line-height: 18px; color: #000000; padding: 0; margin-top: 4px }
p.gsa { font-family: Arial; font-size:12px; text-decoration: none; line-height: 14px; color: #00477f; padding: 0; margin-top: 8px; text-align: center;}
p.fyi { font-family: Verdana; font-size:10px; text-decoration: none; line-height: 14px; color: #000000; padding: 0; margin-top: 4px; text-align:center; }
p.upsell {font-family: Verdana, helvetica, sans-serif; font-size: 12px; line-height: 130%;  color: #000000; padding: 0; margin: 5px; text-align:left; }
p.upsellexclusion {font-family: Verdana, helvetica, sans-serif; font-size: 9px; line-height: 100%;  color: #000000; padding: 0; margin: 5px; text-indent: -10px; text-align:left; }

h1 { font-family: Verdana, Helvetica; font-size: 16px; line-height: 120%; color:#7e3334; padding: 0; margin: 0; text-align: left;}
h3 { font-family: Verdana, Helvetica; font-size:14px; text-decoration: none; line-height: 100%; color:#000000	; padding: 10px 0; margin: 0;  text-align: left }
h2 { font-family: Arial, Helvetica; font-size: 16px; font-weight: bold; line-height: 18px; color: #275d87; padding: 0; margin: 0; }
h4 { font-family: Trebuchet, Helvetica; font-size: 12px; font-weight: bold; color:#494949; line-height: 16px; padding: 0; margin: 0;}
a.fyi:link {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; ; font-weight: bold; color: #dc2c1a; outline: none}
a.fyi:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; ; font-weight: bold; color: #a74b03; outline: none}
a.fyi:visited {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; ; font-weight: bold; color: #bf2717; outline: none}
a.fyi:visited:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; ; font-weight: bold; color: #a74b03; outline: none}
a.fyi:active {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; ; font-weight: bold; color: #bf2717; outline: none}


a:link {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; ; font-weight: bold; color: #dc2c1a; outline: none}
a:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; ; font-weight: bold; color: #a74b03}
a:visited {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; ; font-weight: bold; color: #dc2c1a; outline: none}
a:visited:hover {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; ; font-weight: bold; color: #a74b03; outline: none}
a:active {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; ; font-weight: bold; color: #dc2c1a; outline: none}
.gsa_image a {color: rgb(255,255,255); text-decoration: none;}
.gsa_image a:hover {color: rgb(255,255,255); text-decoration: none;}
.gsa_image a:visited {color: rgb(255,255,255); text-decoration: none;}
.footer {font-family: Trebuchet, Helvetica; font-size: 10px; font-weight: 900; color:#333333;}
.manager {font-family: Trebuchet, Helvetica; font-size: 10px; font-weight: 900; color:#FFFFFF}
ul {font-family: Verdana; font-size:12px; text-decoration: none; line-height: 130%; color: #333333; margin-left: -10px}
ol {font-family: Arial, Helvetica; font-size:12px; text-decoration: none; line-height: 130%; color: #333333; }
li {margin-bottom: 7px;}

 /* Page Wrapper */
#wrapper {position: relative; top: 0px; left: 0px; height:740px; width: 900px; padding: 0; margin: 0 auto; text-align: left; background-image:url('../images/bg01.gif'); background-repeat: no-repeat; background-position: top center; margin: 0 auto;}

/* Static Page Elements */
#sidebar_top {position: absolute; top: 0px; left: 496px; width: 202px; height: 150px; margin: 0; padding: 0; background-image:url('../images/fyi.png') }
#sidebar_top_text {position: absolute; top: 20px; left: 20px; height: 140px; width: 160px; }
#sidebar_bottom_text {position: absolute; top: 50px; left: 15px; height: 350px; width: 170px;}
#sidebar_bottom {position: absolute; top: 150px; left: 496px; width: 202px; height: 420px; background-color: #ffffea; }
#slug {position:absolute; top: 170px; left: 0px; width: 250px; height: 50px; float: left; text-align: center;  }
#logo {position: absolute; top: 0px; left: 9px; width:212px; height: 97px; float: left; display: inline; z-index: 1;}
#headline {position: absolute; top: 13px; left: 240px; width:480px; height: 50px; padding: 0; margin: 0; }
#manager {position: absolute; top: 690px; left: 40px; height: 30px; width: 200px; text-align: left;  }
#address1 {position: absolute; top: 690px; left: 290px; height: 40px; width: 160px; text-align: left; }
#address2 {position: absolute; top: 690px; left: 520px; height: 40px; width: 160px; text-align: left; }
#address3 {position: absolute; top: 685px; left: 740px; height: 40px; width: 160px; text-align: left; }
#banner {position: absolute; top: 0px; left: 0px; height: 100px; width: 900px; text-align: center; margin: 0; padding: 0}
#headline_l {position: absolute; top: 0px; left: 1px; height: 150px; width: 495px; margin: 0; padding: 0}
#headline_l_button {position: absolute; top: 30px; left: 30px; height: 22px; width: 301px; margin: 0; padding: 0}
#headline_l_text {position: absolute; top: 150px; left: 0px; height: 400px; width: 450px; margin: 20px;}
#headline_s {position: relative; top: 0px; left: 1px; height: 50px; width: 495px; margin: 0; padding: 0}
#headline_s_text {position: absolute; top: 50px; left: 0px; height: 400px; width: 450px; margin: 20px;}
#thanks {position:absolute; top: 100px; left: 0px; width: 460px; height: 200px; }
 /* Table Elements */


 
 /* Top Navigation Bar */
#topnav {position: absolute; top: 0px; left: 200px; width:300px; height: 18px; float: left; }
ol#navbar {height: 1em; list-style: none; margin: 0; padding: 0; }
ol#navbar a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase;  color: #acacac; float: left; height: 2em; padding-left: 10px; text-decoration: underline; }
ol#navbar a:hover {background-position: 0 -48px; color: #dc391a}
ol#navbar a:hover span {background-position: 100% -48px; }
ol#navbar li {float: left; margin: 0 1px 0 0; }
ol#navbar li.current a { background-position: 0 -24px; color: #7d7d7d; font-weight: bold; }
ol#navbar li.current span {background-position: 100% -24px; }
ol#navbar span {display: block; line-height: 2em; padding-right: 10px; }

 /* Main Content Area - Home Pages*/
#tabbar {position: absolute; top: 90px; left: 200px; width:800px; height: 24px; float: left; }
.main {position: absolute; top:110px; left:200px; width: 665px; height: 560px; float: left; clear: left; margin: 0; padding: 0}
.maincontent {position: absolute; top:0; left:0; width: 438px; height: 530px; margin: 0px; padding: 30px; overflow: auto }


ol#toc {height: 1em; list-style: none; margin: 0; padding: 0; }
ol#toc a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background: #bdf url(../images/tabs.gif); color: #111111; display: block; float: left; height: 2em; padding-left: 10px; text-decoration: none; }
ol#toc a:hover {background-color: #3af; background-position: 0 -48px; }
ol#toc a:hover span {background-position: 100% -48px; }
ol#toc li {float: left; margin: 0 1px 0 0; }
ol#toc li.current a {background-color: #48f; background-position: 0 -24px; color: #555555; font-weight: bold; }
ol#toc li.current span {background-position: 100% -24px; }
ol#toc span {background: url(../images/tabs.gif) 100% 0; display: block; line-height: 2em; padding-right: 10px; }


 /* Main Content Area - */
#disposal_map {position: absolute; left: 30px; top: 100px; }

 /* Left Menu */
#leftmenu {position:absolute; top: 150px; left: 10px; width: 195px; height: 343px;}
#left {position:absolute; top: 0px; left: 0px; width: 195px; height: 343px;}
#leftheader {position:absolute; top: 130px; left: 13px; width: 195px; height: 343px;}
#upsellheader {position:absolute; top: 420px; left:12px; width: 180px; height: 35px; margin: 0; padding: 0;}
#upselltext {position:absolute; top: 430px; left:12px; width: 180px; height: 120px; margin: 0; padding: 0;}
#buynowbutton {position:absolute; top: 290px; left: 0px; width: 195px; height: 343px;}
#linksheader  {position:absolute; top: 495px; left:12px; width: 180px; height: 35px; margin: 0; padding: 0;}
#linksbuttons {position:absolute; top: 365px; left: 0px; width: 195px; height: 343px;}
#upsellexclusion {position:absolute; top: 640px; left:12px; width: 180px; height: 120px; margin: 0; padding: 0;}



 /* CSS Hover Button - Left Menu */
.leftnav	{ position:relative; font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%; background-image:  url(../images/LMButH.gif);  background-repeat: no-repeat; white-space: normal; display: block; width: 190px; height: 35px; margin: 0;  padding: 0} 
.leftnav a {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; color: #000000;  text-decoration: none; }
.leftnav img {width: 180px; height: 35px; border: 0; }
* html a:hover { visibility:visible}
.leftnav a:hover img{visibility:hidden}
.leftnav a:hover {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; text-decoration: none; color: #555555; }
.leftnav a:visited {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; text-decoration: none; color: #000000; }
.leftnav a:visited:hover {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; color: #555555;  text-decoration: none; }
.leftnav a:active {color: #555555; }
.leftnav span {position: absolute; left: 0px; top:12px;margin-left: 15px;margin-top: -5px; line-height: 130%; padding: 0px;cursor: pointer; width: 160px; height: 14px;text-align: left;}


 /* CSS Hover Button - Buy Now */
.buynow	{ position:relative; font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%; background-image:  url(../images/LMButH.gif);  background-repeat: no-repeat; white-space: normal; display: block; width: 190px; height: 35px; margin: 0;  padding: 0} 
.buynow a { font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; color: #000000;  text-decoration: none; }
.buynow img {width: 190px; height: 35px; border: 0; }
* html a:hover { visibility:visible}
.buynow a:hover img{visibility:hidden}
.buynow a:hover {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; text-decoration: none; color: #555555; }
.buynow a:visited {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; text-decoration: none; color: #000000; }
.buynow a:visited:hover {font-family: Verdana, helvetica, sans-serif; font-size: 10px; line-height: 130%;  width: 190px; height: 35px; display: block; float: left; color: #555555;  text-decoration: none; }
.buynow a:active {color: #555555; }
.buynow span {position: absolute; left: 0px; top:12px;margin-left: 15px;margin-top: -5px; line-height: 130%; padding: 0px;cursor: pointer; width: 160px; height: 14px;text-align: left;}

#quickview-header {position: relative; width: 495px; margin: 0 0 15px 0; padding: 0; }
.quickview-content {position: absolute; top:0; left:0; width: 495px;  height: 560px; margin: 0px; padding: 0px; }
#quickview-sandbag1 {position: relative; top: 10px; left: 0px; width: 250px; height: 350px; float: right; clear: right; margin: -10px 0px 20px 20px;}
#quickview-text {position: relative; width: 360px; height: 480px; margin: 0 10px 0 10px; padding: 10px;}
h1.quickview-text {font-size: 180%}
#quickview-returnto {position: relative; width: 180px; height: 20px; margin: 0 0 20px 0;}
p.quickview-text {margin: 15px 20px 0px 0px}
p.freeshipping {font-size: 80%; line-height: 120% }

/*****************************/
/* SHORT SIDEBAR CONTACT FORM */
/*****************************/

.contact-short {position: relative; top: 20px; left: 10px; width: 160px; height: 360px; color: #000000; }
.madeinusa {position: relative; }
.sidebar-right-title-shade {position: relative; width: 140px; text-align: center; margin: 10px 5px 10px 15px; padding: 0px 0px 2px 0px; color: #1a1e1f; font-weight: bold; font-size: 140%; overflow: hidden; background-color: #e8c46c; }
.sidebar-right-subtitle {position: relative; width: 140px; text-align: center; margin: 0px 0px 10px 15px; padding: 0px 0px 2px 0px; color: #1a1e1f; font-weight: bold; font-size: 120%; overflow: hidden;}
.sidebar-right-textbox1 {position: relative; width: 160px; text-align: left; margin: 10px 0px 10px 15px; padding: 0px 0px 2px 0px; color: #1a1e1f; overflow: hidden; }
.contact-short fieldset  {width: 160px; float: left; clear: both; }
.contact-short fieldset legend {font-size: 12px; font-family: Verdana; color: #000000;}
.contact-short fieldset label {font-family: Verdana; color: #000000; font-size: 10px; width: 110px; display: block;line-height: 18px; margin-top: 5px; }
.contact-short input {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:  12px; width: 140px;}
.contact-short p {width: 160px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; margin: 10px 0px -10px 0px;}
.contact-short span {display: block; line-height: 100%}
p.checkbox-container {height: 20px; width: 160px; clear: both; float: none; line-height: 12px; }
.checkbox-lbl {position: relative; top: 0px; width: 180px; float: left; clear: both; margin-left: 20px; line-height: 10px; }	
input.checkbox {position: relative; top: 0px; width: 10px; float: left; clear: left; display: block; text-align: left; margin-left: 0px;  margin-top: -15px; }
.sidebar-right-container a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #664922; font-weight: bold;}
.sidebar-right-container a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color: #8e2223; font-weight: bold;}