/* HOMS Stylesheet - Pixelsilk */

body, form, table, img, pre {font-size:14px; font-family:Century Gothic, Trebuchet MS, Helvetica, sans-serif; color:#000; border-style:none; border-width:0px; padding:0; margin:0;}
td, p, div, a, select {font-size:14px; font-family:Century Gothic, Trebuchet MS, Helvetica, sans-serif; color:#000; line-height: 22px;}
body.pixelsilk {text-align:center; background:#fff;}
html, body {height: 100%;}
a, a:link, a:visited {color:#009344;text-decoration:none;}
a:active, a:hover {color:#009344;text-decoration:underline;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin-top: 0;}
h1, h1 * {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {}

p {}
hr {margin: 0 0 25px 0; height: 1px; color: #8BC63F; background: #8BC63F;}

#theme {margin: 0 auto; width: 900px; text-align: left; position: relative; /*height: auto !important; height: 100%; min-height: 100%;*/}

/* Header styles */
#header {position: relative; width: 900px; height: 120px; background: url('/header-bg.jpg') no-repeat 226px top; z-index: 100;}
#logo {position: absolute; left: 30px; top: 21px; width: 164px; height: 49px;}

/* Menu styles (inside header) */
#siteMenu {position: absolute; right: 32px; top: 88px; height: 32px; z-index: 100;}
#siteMenu ul {list-style: none; margin: 0; padding: 0;}
#siteMenu ul li {display: inline; float: left; position: relative; line-height: 32px; height: 32px; color: #009344; padding: 0 5px 0 0; background: transparent url('/homs-natural-insect-repellants-4x3.gif') no-repeat right top;}
#siteMenu ul li.last {display: inline; float: left; position: relative; line-height: 32px; height: 32px; color: #009344; padding: 0; border-right: 3px #4BAEBE solid; background: none;}
#siteMenu ul li a, #siteMenu ul li a:link, #siteMenu ul li a:visited {display: block; padding: 0 12px 0 10px; font-size: 18px; line-height: 32px; color: #009344; text-decoration: none; background: url('/homs-natural-insect-repellants-4x2.gif') repeat-x;}
#siteMenu ul li a:hover, #siteMenu ul li a:active {text-decoration: underline;}
#siteMenu ul li.current a {}

/* Submenu styles */
#siteMenu ul li ul {display:none; position:absolute; left: 0; top: 32px; z-index:1000; margin:0; padding: 10px 0 25px 0; width:200px; border-right: 2px #4BAEBE solid; border-bottom: 2px #4BAEBE solid; text-align: left; /* Match UL 'left' attribute below */ background: #fff;}
#siteMenu ul li ul * {list-style-position:outside;}
#siteMenu ul li ul li {float:left; position:relative; height: auto; line-height:24px; margin:0; padding:0; min-width: 200px; background-image: none;}
#siteMenu ul li ul li a, #siteMenu ul li ul li a:link, #siteMenu ul li ul li a:visited {display:block; padding: 0 12px 0 10px; height: auto; line-height: 24px; color:#009344; font-size:14px; border:0px; background-image:none;}
#siteMenu ul li ul li a:hover, #siteMenu ul li ul li a:active, #siteMenu ul li ul li a:focus {color:#009344; text-decoration: underline;}
#siteMenu ul li ul li.separator {margin: 5px 20px; width: 160px; height: 1px; background: #BEE1FF;}

#siteMenu ul li ul li ul {position:absolute; top:-5px; left:200px; /* Match UL width above */ width: auto; min-width: 200px; background: #fff; border-right: 2px #4BAEBE solid; border-bottom: 2px #4BAEBE solid;}
#siteMenu ul li ul li ul li {}
#siteMenu ul li ul li ul li a {white-space: nowrap;}

span.menu-sub-indicator {float:right;}

/* Main separator bar */
#mainSeparator {position: relative; width: 900px; height: 40px; background: #8BC63F; z-index: 1;}
.tagline {padding-left: 25px; line-height: 40px; font-size: 18px; color: #fff;}

/* These can apply to both separator and footer */
img.leftCap {position: absolute; left: 0; top: 0; width: 5px; height: 40px;}
img.rightCap {position: absolute; left: 895px; top: 0; width: 5px; height: 40px;}

/* Search is inside header area */
#Search {position: absolute; left: 620px; top: 10px; width: 251px; height: 20px;}
.txtSearch {position: absolute; left: 0; top: 0; width: 220px; max-width: 220px; height: 20px; border: none; background: #fff;}
.txtSearch {padding: 0 0 0 5px; font-size:14px; font-family:Century Gothic, Trebuchet MS, Helvetica, sans-serif; color: #737373;}
.btnSearch {position: absolute; left: 231px; top: 0; width: 20px; height: 20px;}

/* Main content area styles */
#content {position: relative; margin: 0; z-index: 1;}

/* 675 */
#mainContentColumn {position: relative; float: left; width: 645px; background: #fff;}
#mainContent {padding: 20px 0 0 0;}

#leftColumn {float: left; margin: 0; padding: 0 0 180px 0; width: 225px;}

#subMenu {padding: 20px 30px 0 30px;}
#subMenu ul {list-style-type: none; margin: 0; padding: 0;}
#subMenu ul li {margin: 0; padding: 0; border-bottom: 1px #B7DFE5 solid;}
#subMenu ul li.first {margin: 0; padding: 0; border: none;}
#subMenu ul li a, #subMenu ul li a:link, #subMenu ul li a:visited {display: block; font-weight: bold; text-decoration: none; line-height: 30px;}
#subMenu ul li a:hover, #subMenu ul li a:active {display: block; font-weight: bold; text-decoration: underline; line-height: 30px;}
#subMenu ul li.separator {margin: 0; padding: 0; height: 1px;}
#subMenu ul li.separator hr {margin: 0; padding: 0; height: 1px; color: #B7DFE5;}

#minicart {padding: 20px 30px; font-size: 12px; line-height: 22px;}
#minicart a, #minicart a:link, #minicart a:visited {font-size: 12px; line-height: 22px; text-decoration: underline;}
#minicart a:hover, #minicart a:active {font-size: 12px; line-height: 22px; text-decoration: underline;}

#homeProducts {display: block; margin: 0;}
.homeProductsItem {display: block; float: left; margin: 0 0 0 15px; width: 195px;}
.homeProductsItem .image {float: left; width: 95px;}
.homeProductsItem .text {float: left; position: relative; width: 100px; height: 151px; font-size: 12px; line-height: 18px;}
.homeProductsItem .text a {font-size: 12px; line-height: 18px; font-weight: bold;}
.homeProductsItem .text .addToCartButton {position: absolute; left: 0; bottom: 0;}

#divFlash {margin: 0 0 20px 0; z-index: 1;}

/* Contact form styles */
.contactForm {}
.contactForm .formLabel {}
.contactForm .formField {margin: 0 0 10px 0;}
.contactForm .required {font-weight: bold;}
.contactForm textarea {width: 300px; height: 150px;}

/* Article form styles */
.articleForm {}
.articleForm .formLabel {}
.articleForm .formField {margin: 0 0 10px 0;}
.articleForm .required {font-weight: bold;}
.articleForm textarea {width: 300px; height: 150px;}

/* Breadcrumbs */
#breadcrumbs {margin: 0 0 15px 0; font-size: 12px; min-height: 20px; line-height: 20px;}
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {font-size: 12px; line-height: 20px; text-decoration: none;}
#breadcrumbs a:hover, #breadcrumbs a:active {font-size: 12px; line-height: 20px; text-decoration: underline;}

/* Store styles */
#storeCatDescription {margin: 0 0 20px 0;}
#store {margin: 0 0 0 2px; text-align: center;}
.storeItem {display: block; float: left; width: 180px; height: 225px; margin: 5px 15px 20px 15px; text-align: center; line-height: 16px;}
.storeItem .thumbnail {display: block; /*width: 150px;*/ height: 155px;}
.storeItem a {line-height: 16px;}
.storeItem img {padding-bottom: 5px;}

#productDetail {/*overflow: auto;*/ margin: 5px 0 0 0;}
#productDetailImage {float: left; margin: 0 0 0 5px; width: 250px; text-align: center;}
#productDetailMain {margin: 0 0 0 272px;}
#productDetailMain .inside {margin: 0; padding: 14px 20px;}
#productDetailMain h2 {margin-bottom: 10px; color: #000;}
.productSku {display: none;}

.productControls {margin: 30px 0/*5px*/; text-align: center;}
.productControls select {width: 143px;}
.productOptions {text-align: left; font-size: 12px;}
.productAddToCart {margin: 0 auto; width: 143px;}
.productQuantity {margin: 10px 0; overflow: auto;}
.productQuantity .text {float: left; width: 40%; line-height: 22px;}
.productQuantity .field {float: right; width: 40%;}
.productAddToCartButton {}

/* Pagination */
.Pagination {display: block; margin: 5px; text-align: right;}
.Pagination ul {list-style: none; margin: 0; padding: 0;}
.Pagination ul li {margin: 0; padding: 0; font-size: 14px; display: inline;}
.Pagination ul li a, .Pagination ul li a:link, .Pagination ul li a:visited {font-size: 14px; padding: 0 3px; line-height: 18px; text-decoration: none;}
.Pagination ul li a:hover, .Pagination ul li a:active {font-size: 14px; padding: 0 3px; line-height: 18px; text-decoration: none; font-weight: bold;}
.Pagination ul li.current {margin: 0; padding: 0 3px; font-size: 14px; display: inline; line-height: 18px; font-weight: bold;}

.Pagination ul li.previous a, .Pagination ul li.previous a:link, .Pagination ul li.previous a:visited {font-size: 18px; padding: 0 3px; line-height: 18px; text-decoration: none;}
.Pagination ul li.previous a:hover, .Pagination ul li.previous a:active {font-size: 18px; padding: 0 3px; line-height: 18px; text-decoration: none; font-weight: bold;}

.Pagination ul li.next a, .Pagination ul li.next a:link, .Pagination ul li.next a:visited {font-size: 18px; padding: 0 3px; line-height: 18px; text-decoration: none;}
.Pagination ul li.next a:hover, .Pagination ul li.next a:active {font-size: 18px; padding: 0 3px; line-height: 18px; text-decoration: none; font-weight: bold;}

/* "page" class used in Store API skin */
.Pagination ul li.page a, .Pagination ul li.page a:link, .Pagination ul li.page a:visited {font-size: 18px; padding: 0 3px; line-height: 18px; text-decoration: none;}
.Pagination ul li.page a:hover, .Pagination ul li.page a:active {font-size: 18px; padding: 0 3px; line-height: 18px; text-decoration: none; font-weight: bold;}

/* Footer styles */
#footer {position: relative; margin: 32px 0 0 0; width: 900px; height: 40px; background: #009344; clear: both;}
#footerLeft {position: absolute; left: 25px; top: 10px; width: 850px/*540px*/; font-size: 11px; color: #fff; line-height: 18px;}
#footerLeft a {font-size: 11px; color: #fff; line-height: 12px; text-decoration: underline;}

/*#smartzLink {position: absolute; right: 25px; top: 10px; width: 290px; text-align: right; top: expression(8 + "px");}*/
#smartzLink {position: relative; margin: 20px 0 0 0; width: 900px; height: 50px; text-align: right;}
#smartzLink a, #smartzLink a:link, #smartzLink a:visited {font-size: 11px; color: #848484; line-height: 18px; text-decoration: none;}
#smartzLink a:hover, #smartzLink a:active {font-size: 11px; color: #848484; line-height: 18px; text-decoration: underline;}
#smartzLink a img {padding-top: expression(2 + "px"); vertical-align: middle; text-decoration: none;}

/* Anchoring badges off of footer... offset above */
#badges {position: absolute; left: 30px; top: -192px; width: 167px; height: 160px; z-index: 100; overflow: hidden;}

/* Site copyright & disclaimer area (below footer) */
#disclaimer {position: relative; width: 900px; height: 50px;}
#disclaimer p {margin: 0; padding: 10px 30px; font-size: 12px; color: #848484; line-height: 18px;}

/* Misc styles */
.clear {clear: both;}
.divAddControl {}
.divEditDeleteControls {}
.errorMsg {color: #cc0000;}

/* Donna's styles */
.PageCatItem {float: left; width: 180px; height: 225px; margin: 5px 15px 20px 15px; text-align: center; line-height: 16px;}