/* [cms v4.3.1]
RECOMMENDED ORDER
1. html classes [includes body, form ... ]
2. text classes [includes p & h1 & h2]
3. header classes
4. body classes
5. footer classes
6. nav: top
7. nav: left
8. components
9. functions: site [i.e rel links, slideshow]
10. functions: page [i.e directory]
11. error msgs
12. admin bar
*/
body { background-color: #E6E6E6; margin: 0px; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000; }
h1, h2, h3, h4, h5, p, form, a {margin: 0px; padding: 0px; border: 0px;}
h1 {font-size: 1.0em; line-height: 1.3em; padding: 0px 0px 20px 0px;}
h2 {font-size: 0.9em; line-height: 1.3em; padding: 0px 0px 10px 0px;}
h3 {font-size: 0.8em; line-height: 1.3em; padding: 0px 0px 10px 0px;}
h4 {font-size: 0.75em; line-height: 1.3em; padding: 0px 0px 10px 0px;}
p {font-size: 0.75em; line-height: 1.4em; padding: 0px 0px 10px 0px;}
a {color: #000; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
p a {color: #000;}
img {display: block;}
ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; }
li { list-style: square; font-size: 0.8em; padding-bottom: 10px; }
#wrapper-1 { text-align: left; width: 960px; margin: 0px auto 0px auto; background: url(/3_images/bkgrnds/wrapper.gif) repeat-y;}
#wrapper-1-left {float: left; width: 5px; overflow: hidden;}
#wrapper-1-middle {float: left; width: 950px; background-color: #E0E0E0;}
#wrapper-1-right {float: left; width: 5px; overflow: hidden;}
#wrapper-1-bottom {width: 960px; margin: 0px auto 0px auto; height: 10px; background: url(/3_images/bkgrnds/wrapper_bottom.gif) no-repeat;}
#header {clear: both; width: 950px; height: 193px;}
#header-1 {float: left; width: 434px; height: 193px;}
#header-1-1 {width: 421px; height: 50px; padding-left: 13px; background-color: #353537;}
.nav-item {float: left;}
.nav-item img {display: inline; vertical-align: middle;}
#header-1-2 {width: 434px; height: 143px;}
#header-2 {float: left; width: 210px; height: 193px;}
#header-3 {float: left; width: 306px; height: 193px;}
#header-3-1 {width: 306px; height: 50px;}
#header-3-2 {width: 306px; height: 29px;}
#header-3-3 {width: 285px; height: 66px; background: url("/3_images/header/header_3_3_bkgrnd.gif") no-repeat; font-size: 0.7em; color: #000; padding: 3px 9px 0px 12px; }
#header-3-3 img {display: inline;}
.float-right {float: right;}
.img-inline {display: inline;}
#body-home {clear: both; width: 950px; text-align: left;}
#body-home-1 { float: left; width: 928px; padding: 0px 0px 0px 22px;}
#body-home-1-1 {float: left; width: 600px; padding: 0px 22px 20px 0px;}
#body-home-1-1-1 {}
#body-home-1-1-2 {}
#body-home-1-1-2-1 {float: left; width: 234px; height: 381px;}
#body-home-1-1-2-1-1 {width: 234px;}
#body-home-1-1-2-1-2 {width: 198px; height: 287px; padding: 12px 12px 12px 24px; background: url(/3_images/home/shop_text_bkgrnd.gif) no-repeat;}
#body-home-1-1-2-2 {float: left; width: 366px; height: 381px;}
#body-home-1-2 {float: left; width: 280px; padding: 0px 0px 20px 0px; margin-left: 20px; }
#body-home-1-2-1 { }
#body-home-1-2-1 p {font-size: 0.85em; padding: 0px; margin: 0px; }
#body-home-1-2-2 {}
.home-graphic-1 { margin-bottom: 10px; }
.home-graphic-2 { margin-bottom: 10px; }
#rss-feed {}
.feed-icon {display: inline; vertical-align: middle; margin-right: 5px;}
.blog-icons {font-size: 0.8em; padding-bottom: 10px;}
hr.dashed-line {border-bottom: 1px dashed #000; border-top: 0px; border-left: 0px; border-right: 0px; height: 0px; font-size: 0px; line-height: 0px; margin: 0px 0px 10px 0px; padding: 0px; }
#comments-list {padding: 20px 0px 20px 0px;}
.blog-comment {padding: 5px 0px 5px 0px;}
#body-1 {clear: both; width: 950px; text-align: left;}
#body-1-1 { float: left; width: 154px; padding: 0px 0px 20px 0px;}
#body-1-2 { float: left; width: 620px; padding: 0px 2px 20px 22px;}
#body-1-3 { float: left; width: 152px; padding: 0px 0px 20px 0px;}
h1.dashedLine {border-bottom: 1px dashed #000; padding-bottom: 10px; margin-bottom: 10px;}
#left-nav-heading {padding: 0px 0px 15px 24px; font-size: 1.4em; font-weight: bold;}
#left-nav-heading a {text-decoration: none;}
#left-nav-heading a:hover {text-decoration: underline;}
a.left-nav {text-decoration: none;}
a:hover.left-nav {text-decoration: underline;}
a.left-nav-on {text-decoration: none; font-weight: bold;}
a:hover.left-nav-on {text-decoration: underline; font-weight: bold;}
.left-nav-item-1 {clear: both; width: 108px; padding: 20px 20px 0px 24px; margin: 0px 0px 0px 0px; font-size: 0.8em; background:url(/3_images/bkgrnds/leftnav_item.gif) bottom right no-repeat;}
.left-nav-item-2 {clear: both; width: 102px; padding: 10px 20px 0px 30px; margin: 0px 0px 0px 0px; font-size: 0.8em; background:url(/3_images/bkgrnds/leftnav_item.gif) bottom right no-repeat;}
.left-nav-item-3 {clear: both; width: 96px; padding: 5px 20px 0px 36px; margin: 0px 0px 0px 0px; font-size: 0.8em; background:url(/3_images/bkgrnds/leftnav_item.gif) bottom right no-repeat;}
.left-nav-item-4 {clear: both; width: 90px; padding: 0px 20px 0px 42px; margin: 0px 0px 0px 0px; font-size: 0.8em; background:url(/3_images/bkgrnds/leftnav_item.gif) bottom right no-repeat;}
.nav-divider {padding: 10px 0px 10px 0px;}
#paging-wrapper {clear: both; margin: 30px 0px 10px 0px; font-size: 0.8em; color: #999999;}
a.paging-prev {color: #000000; padding-right: 5px;}
a.paging-number {color: #000000; padding-right: 5px;}
a.paging-next {color: #000000; padding-right: 5px;}
.paging-active {color: #000000; font-weight: bold; padding-right: 5px;}
.paging-prev-off {color: #999999; padding-right: 5px;}
.paging-next-off {color: #999999; padding-right: 5px;}
#footer {clear: both; width: 921px;}
#footer-1 {clear: both; width: 937px; height: 30px; padding-left: 13px; background-color: #353537;}
#footer-2 {clear: both; font-size: 0.7em; padding: 8px 0px 24px 24px}
.footer-link-item {float: left; padding: 0px 0px 0px 0px;}
.footer-divider {float: left; padding: 0px 5px 0px 5px;}
/* ~~~~~~~~~~~~~~~~~~~~ generic objects ~~~~~~~~~~~--------- */
.img-preview { float: left; border: 10px solid #FFF; margin: 0px 20px 20px 0px;}
.img-body {clear: both; background-color: #FFF; padding: 24px; margin-bottom: 20px;}
.tbl-wrapper-1 {padding: 0px 24px 24px 0px; background-color: #FFF;}
.tbl-form {}
.textfield-1 { width: 320px; border: 1px solid #000000; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin-bottom: 8px;}
.text-form-1 { font-size: 0.8em;}
.text-form-2 { font-size: 0.8em;}
.button-1 { color: #000; background-color: transparent; border: 0px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; width: auto; overflow: visible; font-size: 0.8em; cursor: pointer;}
.button-2 { color: #000; background: url(/3_images/arrow_more.gif) right no-repeat; border: 0px; font-family: Arial, Helvetica, sans-serif; overflow: hidden; text-align: left; margin: 10px 0px 10px 0px; font-size: 0.8em; cursor: pointer; width: 140px;}
.button-3 { color: #000; background: url(/3_images/arrow_more.gif) right no-repeat; border: 0px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; width: auto; padding-right: 20px; overflow: hidden; font-size: 1.0em; display: inline; cursor: pointer; width: 100px;}
.button-4 { color: #000; background: url(/3_images/arrow_more.gif) right no-repeat; border: 0px; font-family: Arial, Helvetica, sans-serif; overflow: hidden; text-align: left; margin: 10px 0px 10px 0px; font-size: 0.8em; cursor: pointer; width: 120px;}
.textfield-newsletter-1 {width: 120px; height: 12px; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; border: 1px solid #666666;}
/* ~~~~~~~~~~~~~~~~~~~~ related links ~~~~~~~~~~~--------- */
#related-links {padding: 20px 0px 10px 0px;}
#related-links h3 {font-size: 1.0em; font-weight: bold; padding: 0px 0px 0px 0px;}
#related-links p {font-size: 0.8em; padding: 0px 0px 0px 0px;}
#related-links a {}
#related-links a:hover {text-decoration: underline;}
.related-links-set {padding: 0px 0px 10px 0px;}
.text-rel-1 {}
.text-rel-1 a { text-decoration: underline; }
.text-rel-1 a:hover {}
/* ~~~~~~~~~~~~~~~~~~~~ homepage (1) ~~~~~~~~~~~--------- */
/* ~~~~~~~~~~~~~~~~~~~~ standard (2) ~~~~~~~~~~~--------- */
.container-2-1 { padding: 0px 20px 30px 0px; clear: both;} /* body */
.container-2-2 { padding: 0px 20px 30px 0px; clear: both;} /* preview */
.standard-body {clear: both; background-color: #FFF; padding: 24px; margin-bottom: 20px;}
/* preview */
.more-link {}
.more-link-text a {text-decoration: none; font-weight: bold; font-size: 0.9em;}
.more-link-img {float: right;}
/* features */
#ftr-1 {width: 576px; padding: 14px 0px 14px 24px; background-color: #FFF;}
.ftr-1-item {float: left; width: 168px; padding: 0px 24px 0px 0px;}
#ftr-1 h3 {padding: 0px 0px 10px 0px;}
#ftr-1 p {padding: 0px 0px 10px 0px;}
.ftr-1-img {margin: 10px 0px 20px 0px;}
#ftr-2 {width: 245px; padding: 0px 0px 0px 0px;}
.ftr-2-item {width: 245px; padding: 0px 0px 0px 0px;}
.ftr-2-item-img {width: 225px; height: 150px; padding: 10px; margin: 0px 0px 0px 0px; background-color: #FFF;}
.ftr-2-item-text {padding: 10px 20px 10px 22px; margin-bottom: 20px; background-color: #FFF;}
.ftr-2-item-text p {padding: 0px 0px 10px 0px;}
.ftr-2-item-text a {text-decoration: none;}
.ftr-3-img {border: 24px solid #FFF; margin-bottom: 40px;}
/* ~~~~~~~~~~~~~~~~~~~~ gallery (5) ~~~~~~~~~~~---------
#slideshow-wrapper-1 { clear: both; width: 452px; padding-bottom: 5px; }
#slideshow-wrapper-1 img { display: inline; vertical-align: middle; }
#slideshow-wrapper-1-1 { float: left; width: 268px;}
#slideshow-wrapper-1-2 { float: left; width: 184px; font-size: 0.8em; text-align: right; }
#slideshow-wrapper-2 { clear: both; width: 452px; }
.img-slideshow-wrapper-2 { display: block; }
#slideshow-wrapper-3 { clear: both; width: 452px; padding-top: 10px; }
#slideshow-wrapper-3 p { color: #000000; font-weight: normal; font-size: 0.8em; }
#slideshow-wrapper-1-1 h1 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#slideshow-wrapper-1-1 h2 {color: #F05B1C; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
*/
/* ~~~~~~~~~~~ 7 - shop - product ~~~~~~~~~~ */
.container-7-1 {} /* body - shop - product */
.container-7-2 {} /* preview - shop - product */
/* -l = L landscape and -p = P portrait */
.shop-product-pre-1-l { float: left; width: 290px; height: 231px; text-align: right; padding: 0px 20px 0px 0px; margin: 0px;}
.shop-product-pre-1-p { float: left; width: 190px; height: 306px; text-align: right; padding: 0px 15px 0px 0px; margin: 0px;}
.img-shop-product-pre-1 { display: block; background-color: #FDF9F1; padding: 10px; }
.shop-product-pre-2-l { float: left; width: 135px; height: 131px; text-align: right; padding: 0px 20px 0px 0px; margin: 0px; }
.shop-product-pre-2-p { float: left; width: 104px; height: 206px; text-align: right; padding: 0px 20px 0px 0px; margin: 0px; }
.img-shop-product-pre-2 { display: block; background-color: #FFF; padding: 8px; }
.shop-product-pre-3 { float: left; width: 135px; height: 170px; text-align: left; padding: 6px 7px 6px 6px; margin: 0px; border: 1px solid #FFF;}
.img-shop-product-pre-3 { display: block; background-color: #FFF; padding: 7px; }
.shop-product-body-1 { clear: both; text-align: left; clear: both; }
.shop-product-body-2 { width: 552px; clear: both; background-color: #FFF; padding: 24px; margin-bottom: 20px;}
.shop-product-pricing { width: 152px;}
.text-shop-product-body-1 { color: #000; padding: 0px 12px 12px 0px; }
.text-shop-product-body-2 { color: #000; padding: 0px 12px 0px 0px; }
.text-shop-product-body-3 { color: #000; padding: 0px 12px 20px 0px; } .text-shop-product-3 a { color: #000; text-decoration: underline; }
.img-shop-product-body-1 { clear: both; background-color: #FFF; padding: 24px; margin-bottom: 20px; }
.shop-product-body-pulldown-1 { margin: 0px 0px 6px 0px; clear: both; width: 150px;}
.shop-product-body-increment-1 { margin: 0px 0px 0px 0px; clear: both; width: 50px; }
#shop-product-nav-right-1 { margin-left: 17px; clear: both; }
.text-shop-product-nav-right-1 { line-height: 1.6em; }
.text-shop-product-nav-right-1 a { text-decoration: none; }
.text-shop-product-nav-right-2 { line-height: 1.8em; font-size: 0.7em; }
.text-shop-product-nav-right-2 a { text-decoration: none; }
.product-item { font-size: 0.8em; }
/* ~~~~~~~~~~~ 8 - shop - basket ~~~~~~~~~~ */
.container-8-2 {padding: 0px 20px 30px 0px; clear: both;} /* shop - product */
.text-shop-basket-h1 { color: #000; }
/*.shop-stps { color: #000; font-size: 0.9em; font-weight: normal; padding-top: 5px; } */
.shop-basket-stp-select { color: #000000;}
.shop-basket-keyline-1 { background-color: #000; height: 1px; width: 550px; }
.shop-basket-submit-1 { color: #4A623C; background: url(/1_images/arrow_more.gif) right no-repeat; border: 0px; font-size: 0.8em; padding-right: 40px; margin: 20px 0px 0px 0px; overflow: visible; clear: both; cursor: pointer; font-family: Arial, Helvetica, sans-serif;}
.shop-basket-item-1 { float: left; margin: 0px; }
.shop-basket-item-1-1 { float: left; width: 100px; text-align: left; }
.shop-basket-item-1-2 { float: left; width: 370px; text-align: left; } .shop-basket-item-1-2 a { text-decoration: none }
.shop-basket-item-1-3 { float: left; width: 70px; text-align: right; }
.text-shop-basket-item-1-1 { color: #000; padding: 10px 0px 10px 0px; }
.text-shop-basket-item-1-2 { color: #000; padding: 10px 0px 10px 0px; }
.text-shop-basket-item-1-3 { color: #000; padding: 10px 0px 10px 0px; }
.shop-delivery-details-1 { text-align: left; border: 1px solid #fff; margin: 15px 0 15px 0; padding: 5px 0 0 0; }
.shop-basket-payment-wp { text-align: left; border: 1px solid #fff; margin: 15px 0 15px 0; padding: 5px 0 0 0; }
#shop-basket-details-1 { clear: both; width: 440px; margin-top: 40px; }
#shop-basket-details-1-1 { float: left; width: 220px; }
#shop-basket-details-1-2 { float: left; margin-left: 20px; width: 200px; }
.text-shop-basket-details-1 { line-height: 1.5em; }
.shop-basket-increment-1 { }
.shop-basket-delete-1 { width: 15px; height: 15px; margin-bottom: 1px; border: none; background: url(/2_images/basket/.jpg) no-repeat; color: #000; font-size: 0.1em; cursor: pointer; }
.shop-basket-subtract-1 { width: 15px; height: 15px; margin-bottom: 1px; border: none; background: url(/2_images/basket/icon_subtract.gif) no-repeat; color: #000; font-size: 0.1em; cursor: pointer; }
.shop-basket-addition-1 { width: 15px; height: 15px; margin-bottom: 1px; border: none; background: url(/2_images/basket/icon_addition.gif) no-repeat; color: #000; font-size: 0.1em; cursor: pointer; }
.shop-basket-tbl-1 { font-size: 0.8em; width: 440px; margin-top: 10px; }
.shop-basket-textfield-1 { width: 300px; height: 20px; border: 1px solid #000; margin: 3px 0px 3px 0px; }
/* ~~~~~~~~~~~ shop - ALL ~~~~~~~~~~ */
.img-accepted-cards { margin-top: 20px; }
/* ~~~~~~~~~~~~~~~~~~~~ error msg~~~~~~~~~~~--------- */
#err-1 { margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid red; }
.text-err-1 { font-size: 0.75em; color: red; margin: 0px; padding: 0px; }
/* ~~~~~~~~~~~~~~~~~~~~ admin bar ~~~~~~~~~~~-------- */
#ad-bar-1 { background-color: #919DA2; margin: 0px; padding: 0px; clear: both; width: 100%; height: 60px;}
#ad-bar-1-1 { float: left; width: 660px; height: 60px; border-right: 1px solid #C8CED1; }
#ad-bar-1-1-1 { float: left; width: 72px; height: 22px; text-align: center; border-right: 1px solid #C8CED1; }
#ad-bar-1-1-2 { float: left; width: 62px; height: 22px; text-align: center; }
#ad-bar-1-1-3 { float: right; width: 75px; height: 22px; text-align: center; }
#ad-bar-1-2 { float: left; width: 100px; height: 60px; }
.ad-bar-text-1 { padding: 4px; margin: 0px; color: #fff; font: Arial 0.75em; }
.ad-bar-text-1-link { text-decoration: none; color: #fff; }
.logo-eddie-grey { margin: 20px 0px 0px 40px; }