* { margin: 0; padding: 0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: none; }
caption, th { text-align:left; }
a { outline: none; }

body { font-family:Arial, Helvetica, sans-serif; background: url(../images/skymainbg.jpg) center top repeat-y; }
h1 { color: #000; font-weight: normal; font-size: 1.5em; margin-top: 75px; }
h2 { font-size: 0.8em; margin-bottom: 15px; margin-top: 20px; }
h3 { font-size: 0.8em; margin-bottom: 10px; margin-top: 15px; }
h4 { font-size: 0.75em; margin-bottom: 10px; margin-top: 15px; }
p { padding-top: 5px; font-size: 0.75em; }
blockquote { padding-top: 5px; font-size: 0.75em; }
blockquote p { padding-top: 5px; font-size: 1em; }
ol, ul { font-size: 0.75em; margin-left: 25px; }
li { list-style: disc; }
table { margin-top: 5px; margin-bottom: 5px; }
td, th { padding: 2px; font-size: 0.8em; font-weight: normal; }
th { font-weight: bold; }
a { color: #018a46; }
a:hover { text-decoration: none; }
address { padding-top: 5px; font-size: 0.75em; font-style: normal; }
legend { color: #1f9862; font-size: 1em; padding-bottom: 5px; padding-top: 25px; }
input { min-height: 18px; }
object { position: relative; left: -11px; }

/* =================================
definition lists
===================================*/
dl { margin:0; padding: 0 2px; margin-bottom: 10px;	}
dt { width: 9em; text-align: left; white-space: nowrap; float: left; clear: left; position: relative; font-size:0.75em; padding:1px; margin-top:2px; padding-top: 10px;}
	dt label { font-size:1em; font-weight: bold; }
	dd span.price { color: #cc0000; }
	.dd { height:20px; }
dd { margin-top:2px; margin-left:10em; font-size:0.75em; padding:1px; text-align:left; padding-top: 11px; }
	dd p { padding:5px; font-size:1em; margin:0;}
	.NormalDefinitionList dt { width:100%; text-align: left; white-space:normal; float:none; }
	.NormalDefinitionList dd { margin-left:0; }
	dd input, dd select { margin-top: -7px; }
	dd.button-dd input { margin-top: 0; }
/* =================================
/definition lists
===================================*/

#container { position: relative; width: 1000px; margin: 0 auto; overflow: auto; background: transparent url(../images/container-bg.jpg) no-repeat; }

div#header { width: 1000px; min-height:90px; height:auto !important; height:90px; color: #fff; background: #018a46; }
#header p { text-align: right; float: right; width: 350px; font-size: 1.25em; margin-top: 0; padding-right: 20px; }
#header p label, #header p select { font-size: 0.7em; vertical-align: middle;  }
#header p span { font-size: 0.7em; display: block; margin-bottom: 15px; }
#header p#logo { text-align: left; float: left; margin-left: 20px; font-size: 2em; width: 400px; padding-right: 0; }

#header ul { clear: left; float: left; text-transform: uppercase; margin-left: 15px; margin-top: 25px; width: 600px; }
* html #header ul { margin-left: 10px; }
#header ul li { float: left; border-right: 1px solid #fff; list-style: none; }
#header ul li.last { border-right: none; }
#header ul li a { text-decoration: none; color: #fff; font-weight: bold; margin-right: 5px; margin-left: 5px; }
#header ul li a:hover { text-decoration: underline; }

#sale-banner { height: 57px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background-color: #d00000; }
#sale-banner p { color: #fff; text-align: center; }
#sale-banner p.large { font-size: 1.4em; }

#left-column { padding-top: 15px; width: 205px; float: left; min-height: 100px; padding-bottom: 10px; }
#left-column ul { margin-top: 0; margin-bottom: 0; font-size: 0.8em; margin-left: 0; }

#left-column ul ul { margin-top: 0; margin-bottom: 0; }
#left-column li { width: 155px; list-style: none; margin-top: 6px; }
#left-column li a { cursor: pointer; width: 155px; text-transform: uppercase; display: block; background: transparent url(../images/green-nav.png) no-repeat; text-decoration: none; color: #fff; line-height: 20px; text-indent: 11px; }
#left-column li a:hover { background-image: url(../images/nav-over.png); }
#left-column img { margin-bottom: 0; margin-left: 18px; }
#left-column label { font-size: 0.65em; text-transform: uppercase; display: block; width: 145px; }
#left-column label.hidden { display: none; }
#left-column fieldset { padding-left: 8px; margin-bottom: 4px; margin-top: 18px; }
#left-column input { height: 18px; width: 120px; vertical-align: middle; }
#left-column input.button { width: 18px; height: 20px; line-height: 15px; padding-left: 0; padding-right: 0; }
#left-column .home li a { background: transparent url(../images/dark-green-nav.png) no-repeat;  }
#left-column .content li a { background: transparent url(../images/light-green-nav.png) no-repeat;  }
#left-column p { padding-left: 10px; padding-bottom: 10px; }
#left-column p img { margin-left: 0; }

#content { width: 675px; float: left; }
#content h1 { margin-bottom:14px; } 
#content p { margin-bottom:7px; line-height:1.4em; }
#content p, #content blockquote {  padding-right: 70px; }
#content blockquote p { padding-right: 0; }
#content h1.top-margin { margin-top: 25px; }
#content h1.small-margin { margin-top: 35px; }
#content .press-release-article img { float: left; margin-right: 15px; margin-bottom: 15px; }
#content .press-release-article h2 { clear: both; }

#sub-nav { position: absolute; top: 40px; left: 300px; }
* html #sub-nav { width: 600px;}
#sub-nav li { display: inline; list-style: none; border-left: 1px solid #000; margin-left: 5px; }
#sub-nav li.first { border-left: none; }
#sub-nav li a { margin-left: 5px; text-decoration: none; color: #000; }

#image-holder { width:566px; height:563px; margin-left: 65px; padding-top: 32px; }

#content #homepage-links p { position:absolute; text-transform: uppercase; padding-right: 0; }
#homepage-links a { color: #000; }

#homepage-quick-links-container { position: relative; height: 300px; width: 700px; margin-top: 50px; }
*html #homepage-quick-links-container { width:675px; }
#homepage-quick-links { position: absolute; left: -42px; width: 810px; }
#homepage-quick-links li { display: inline; margin-right: 13px; }
#homepage-quick-links li.last { display: inline; margin-right: 0; }

#product-details { margin-bottom: 15px; }

.product-list { width: 600px; padding-left: 1px; overflow: auto; margin-top: 10px; }
* html .product-list { width: 620px; }
.product-list li { height: 180px; width: 130px; position: relative; list-style: none; text-align: center; float: left; margin-right: 20px; }
.product-list li img { margin-top: 2px; margin-right: 2px;}
.product-list li a { background-color:#fff;  color: #000; font-size: 0.9em; text-decoration: none; display: block; width: 130px; padding-top:130px; position: absolute; top: 0; left: 0; background:url(../images/smallRing.png) no-repeat; }
.product-images li { height: 140px; }

#price-display { overflow: auto; width: 600px; }
#price-display p { margin-bottom: 0; width: 490px; vertical-align: middle; float: left; padding: 10px; color: #0c653d; font-size: 0.9em; }
#price-display ul { width: 490px; margin-left: 0; font-size: 0.8em; float: left; margin-top: 15px; }
#price-display ul li { line-height: 20px; list-style: none; float: left; padding-left: 25px; background-repeat: no-repeat; margin-right: 15px; }
#price-display ul li a { color: #0c653d;  }
#price-display ul li.recommend { background-image: url(../images/recommend.gif); }
#price-display ul li.bookmark { background-image: url(../images/bookmark.gif); }
#price-display ul li.question { background-image: url(../images/ask-question.gif); }
#price-display div { vertical-align: middle; font-weight: bold; color: #fff; text-align: center; font-size: 0.75em; background-image: url(../images/greencirclesmall.png); background-repeat: no-repeat; height: 50px; padding-top: 20px; width: 70px; float: right; }

#buy-now { margin-top: 5px; clear: both; overflow: auto; width: 580px; padding: 10px; min-height: 40px; border: 1px solid #fff; font-size: 0.75em; }
#buy-now ul { float: left; margin-top: 15px; margin-left: 15px; font-size: 1em; }
#buy-now table { float: right; margin-top: 15px; margin-right: 15px; }
#buy-now ul li { font-size: 0.8em; list-style: none; margin-bottom: 4px; }
#buy-now ul img { vertical-align: middle; margin-right: 5px; }

td.label { font-weight: bold; text-align: right; }
#shopping-cart fieldset {  }
#shopping-cart tbody td, #shopping-cart thead th  { border-bottom: 1px solid #33ccff; }
#shopping-cart label { display: none; }
#shopping-cart input { vertical-align: middle; }

#ShippingOptions { font-size: 1em; }
#ShippingOptions li { list-style: none; }
#ShippingOptions input { vertical-align: middle; margin-right: 4px; }

#size-chart h3 { color: #006633; font-weight: normal; font-size: 0.75em; }
#size-chart table { border-top: 1px solid #000; border-left: 1px solid #000; }
#size-chart td, #size-chart th { border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 2px 5px; }

#right-column { text-align: right; float: right; width: 120px; }
.logo2 { background: url(../images/logo-soil-fair-wind.gif) no-repeat 4px 760px; min-height: 950px; }
.logo1 { background: url(../images/logo-soil-fair.gif) no-repeat 41px 760px; min-height: 950px; }
* html .logo1, * html .logo2 { height: 950px; }
#right-column ul { margin-left: 42px; width:78px; font-size: 0.7em; text-align: center; }
#right-column li { list-style: none; margin-top: 5px; }
#right-column a { text-decoration: none; color: #000; text-transform: uppercase; }

#footer { padding-top: 30px; clear: both; width: 995px; overflow: auto; padding-left: 5px; }
#footer p { width: 400px; text-align: right; float: right; padding-right: 15px; clear: right; font-size: 0.55em; padding-top: 0; font-weight: bold; color:#009EE0; }
#footer ul { margin-top: 35px; padding-left: 5px; width: 90px; float: left; font-size: 0.55em; margin-left: 0; }
#footer li { list-style: none;  }
#footer ul.right { margin-top: 0; padding-top: 25px; float: right; width: 380px; text-align: right; padding-right: 15px; clear: right; padding-left: 0;  }
#footer a { color: #000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .right-logo { float: right; margin-top: 5px; margin-left: 5px; }
#footer .left-logo { float: right; margin-top: 5px; margin-left: 5px; }
*html #footer .left-logo { margin-left: 5px; }

#circle-mask, #circle-mask2 { display: block; width: 660px; height: 588px; position: absolute; top: 97px; left: 217px; background: url(../images/circle-cover.png) no-repeat; }
* html #circle-mask2 { top: -587px; left: 10px; }
#circletext { position:absolute; top: 470px; left: 630px; width: 273px; height: 273px; background: url(../images/greencircle.png) no-repeat; padding-top: 20px; text-align: center; color: #fff; line-height: 20px; display:none; }
#circletext h2 { margin-top: 0; }
#circletext p { padding-right: 0; padding-top: 1px; margin-bottom: 0; }
#circletext a { color: #fff; text-decoration: none; }

#counter { padding-right: 0; position: absolute; top: 221px; right: 10px; }

.shopping-buddy a { display: block; width: 78px; padding-top: 82px; background: transparent url(../images/buddycart.gif) no-repeat top; }
.blue-button, .button, .RegisterLink, .Checkout-Continue-Button, .Checkout-Back-Button { font-family:Arial, Helvetica, sans-serif; padding: 0 10px; width: auto; text-decoration: none; outline: none; border: 1px solid #1f9862; text-transform: uppercase; background: #1f9862; font-size: 0.8em; color: #fff; line-height: 20px; min-height: 20px; text-align: center; }
.RegisterLink { width: 11em; display: block; margin-left: 12.5em; }
.RequiredField { border: 2px solid red; }

input.link { border: none; background: transparent; cursor: pointer; text-decoration: underline; color: #018a46; }
input.link:hover { text-decoration: none; }
input.quantity-input { width: 25px; }
a.backlink { padding-left: 15px; background: url(../images/arrow.gif) no-repeat 0 3px; }
a.backlink:hover { text-decoration: underline; }

.button-holder { font-size:0.75em; }
.clear { clear: both; }
.float-left { float: left; margin-right: 5px; }
.float-right { float: right; }

.iframe-3d-secure {
	width:390px;
	height:400px;
}

#xmas-message { position: relative; font-weight: bold; font-size: 1.6em; top: -340px; left: 50px; text-align: center; color: #fff; }
#content #paypal { font-weight: bold; padding-right: 0; }

.strike { display: block; text-decoration: line-through; }
h1 .strike { display: inline; }

.specialoffer { width: 160px; float: left; margin-right: 8px; text-align: center;  }
.specialoffer p, .specialoffer img { float: none; width: 160px; margin: 0 auto; margin-bottom: 5px; text-align: center; padding: 0; }
.specialoffer p a { font-weight: bold; }

#homepage-quick-links-container h2 { font-size: 1.4em; font-weight: normal; }
/*==================================
Message Display
==================================*/
#MessageDisplay {  }
#MessageDisplay p { margin-bottom: 10px; }
.warning, .success, .failure { padding:0 0 0 30px; margin-bottom:10px; margin-right:10px; }
.warning { color: #000; border: solid 1px #E4D04A; background: #F3F3D9 url(../images/warning-icon.gif) 5px no-repeat; }
#content .success p { color:#287528; }
.success { color:#287528; border:solid 1px #3D993D; background:#E3F9E4 url(../images/success-icon.gif) 5px  no-repeat; }
.failure { color: #fff; border:solid 1px #fff; background: #CC0000 url(../images/failure-icon.gif) 5px no-repeat; }
#content .failure p, #content-checkout .failure p { color:#fff; }
.failure a { color:#fff; text-decoration:underline; }