/* [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 { margin: 0px; padding: 0px; font-family: verdana, arial, sans-serif; font-size: 100%; background-color: #C8C8C8; color: #000; }
form { margin: 0px; padding: 0px; }
/* ----- TEXT ------ */
h1 { font-size: 1.0em; margin: 0px; padding: 0px 0px 12px 0px; font-weight: bold; } h1 a { text-decoration: none; }
h2 { font-size: 0.8em; margin: 0px; padding: 0px 0px 12px 0px; font-weight: bold; } h2 a { text-decoration: none; }
h3 { font-size: 0.8em; margin: 0px; padding: 0px 0px 8px 0px; font-weight: bold; } h3 a { text-decoration: none; }
h4 { font-size: 0.8em; margin: 0px; padding: 0px 0px 8px 0px; font-weight: bold; } h4 a { text-decoration: none; }
p { font-size: 0.8em; margin: 0px; padding: 0px 0px 8px 0px; } p a { text-decoration: underline; }
p a:hover { text-decoration: underline; }
a { color: #000; }
a: hover { color: #000; text-decoration: underline; }
ul { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 18px; }
li { list-style: square; font-size: 0.7em; padding-right: 11px; }
/* ---- LAYOUT - STRUCTURE ---- */
#wrapper-1 { width: 970px; margin: 12px auto 0px auto; background-color: #fff; }
#header-1 { width: 970px; height: 46px; clear: both; }
#header-1-1 { width: 190px; height: 46px; float: left; }
#header-1-2 { width: 780px; height: 46px; float: left; }
.text-header-1-2-1 { float: left; margin: 0px; font-size: 0.8em; padding: 16px 16px 0px 0px; } .text-header-1-2-1 a { text-decoration: none; }
.text-header-1-2-2 { float: right; margin: 0px; font-size: 0.8em; padding: 16px 16px 0px 0px; } .text-header-1-2-2 a { text-decoration: none; }
.text-header-space { padding: 0px 8px 0px 8px; margin: 0px; }
#body-1 { width: 970px; clear: both; }
#body-top-2 { float: left; padding-top: 30px; width: 471px; height: 108px; }
#body-top-3 { float: left; width: 235px; height: 138px; }
#body-1-1 { padding: 30px 0px 60px 0px; width: 190px; float: left; background-color: transparent; }
#body-1-2 { padding: 30px 0px 60px 0px; float: left; background-color: transparent; }
#body-1-3 { padding: 30px 0px 60px 0px; float: left; background-color: transparent; }
#footer-1 { width: 970px; clear: both; height: 46px; }
.text-footer-1 { display: inline; float: left; font-size: 0.65em; margin: 0px; padding: 16px 0px 0px 16px; } .text-footer-1 a { text-decoration: none; }
.text-footer-2 { display: inline; float: right; font-size: 0.65em; margin: 0px; padding: 16px 16px 0px 0px; } .text-footer-2 a { text-decoration: none; }
/* ----- NAV LEFT CLASSSES ------ */
#nav-left-1 { margin-left: 13px; clear: both; }
.nav-left-2 { clear: both; float: left; }
.text-nav-left-1 { padding: 0px 1px 10px 1px; font-size: 1.0em; } .text-nav-left-1 a { text-decoration: none; }
.text-nav-left-2 { padding: 1px 1px 1px 1px; font-size: 0.9em; } .text-nav-left-2 a { text-decoration: none; }
.img-circle { margin-left: 3px; margin-top: 2px; vertical-align: top; }
#nav-search-1 { margin-left: 13px; padding-top: 30px; width: 140px; clear: both; }
.nav-search-1-1 { width: 150px; float: left; }
.nav-search-1-1-1 { width: 110px; float: left; }
.nav-search-1-1-2 { width: 20px; float: right; }
.text-nav-search-1 { padding-bottom: 4px; }
.nav-search-1-2 { width: 150px; clear: both; margin-top: 3px; }
.nav-search-1-2-1 { width: 110px; float: left; }
.nav-search-1-2-2 { width: 20px; float: right; }
.nav-top-search-1-1 { width: 150px; float: right; }
.nav-top-search-1-1-1 { float: left; }
.nav-top-search-1-1-2 { float: right; }
.textfield-nav-search-1 { display: inline; width: 121px; font-size: 0.7em; }
.pulldown-nav-search-1 { display: inline; width: 126px; font-size: 0.7em; margin-top: 1px; }
.button-nav-search-1 { padding-left: 3px; padding-right: 3px; float: right; font-size: 0.7em; }
/* ----- GLOBAL CLASSSES ------ */
.tbl-1 { font-size: 0.8em; padding: 0px; }
.tbl-1 a { text-decoration: none: }
.tbl-wrapper-1 { margin-top: 20px; }
.textfield-1 { width: 200px; }
.button-1 { background-color: #fff; border: 0px; color: #DD1936; font-size: 1.0em; font-weight: bold; margin: 40px 0px 20px 0px; padding: 0px; width: auto; overflow: visible; clear: both; cursor: pointer; }
.red { color: #DD1936; }
.white { color: #fff; }
/* ~~~~~~~~~~~ keyline display ~~~~~~~~~~ */
.keyline-1 { margin: 16px 0px 16px 0px; padding: 0px; width: 90%; height: 1px; background-color: #ccc; }
/* ~~~~~~~~~~~ body image display ~~~~~~~~~~ */
.img-preview { float: left; margin: 0px; clear: both; }
.img-body { float: left; margin: 0px; clear: both; }
.img-body-color { float: left; margin: 0px; border: 9px solid #FF0066; clear: both; }
/* ----- PAGE: EXTRAS ------ */
.clearit { clear: both; height: 1px; }
/* ----- PAGE: COMPONENTS ------ */
/* ~~~~~~~~~~~ related links ~~~~~~~~~~ */
#rel-1 { margin-bottom: 28px; clear: both; }
.text-rel-1 { line-height: 1.8em; font-size: 0.8em; padding: 0px; }
.text-rel-1 a { line-height: 1.8em; text-decoration: none; }
/* ----- FUNCTIONS: PAGE ------ */
/* ~~~~~~~~~~~ 1 - home page ~~~~~~~~~~ */
.container-1-2 { width: 625px; clear: both;} /* body - homepage */
.home-bkgrnd {background: url(/images/home/bkgrnd.gif) no-repeat; height: 1528px;}
#home-left-address {clear: both; padding: 30px 0px 0px 13px; color: #CBCBCC;}
#home-left-address p.address-title {width: 130px; font-size: 0.8em; font-weight: bold; padding: 0px 0px 7px 0px; margin: 0px 0px 8px 0px; border-bottom: 1px solid #CBCBCC;}
#home-left-address p {font-size: 0.7em; padding: 0px 0px 12px 0px; line-height: 1.3em;}
#home-left-openinghours {padding: 20px 0px 20px 13px; color: #CBCBCC;}
#home-left-openinghours p {font-size: 0.7em; padding: 0px 0px 7px 0px;}
#home-1 { color: #FFF; padding-top: 27px; width: 625px;}
#home-1 p { font-size: 0.95em; line-height: 1.5em;}
#home-2 {clear: both; width: 625px; padding-top: 17px;}
#home-2-newinstore-title { }
#home-2-newinstore-title img { border-top: 9px solid #DD1936; border-right: 9px solid #DD1936; border-left: 9px solid #DD1936;}
#home-2-newinstore-feature { border-left: 9px solid #DD1936; height: 100%;}
.ftr-7 {float: left; width: 145px; height: 260px; text-align: center; background-color: #fff; border-top: 9px solid #DD1936; border-right: 9px solid #DD1936; border-bottom: 9px solid #DD1936; overflow: hidden;}
.ftr-7 img {margin: 8px 0px 8px 0px;}
.ftr-7 p {padding: 0px 5px 5px 5px;}
.ftr-7-header {height: 26px; padding-top: 7px; background-color: #CCCCCC; color: #000; text-align: center; font-weight: bold;}
.ftr-7 a:hover p {text-decoration: underline;}
.ftr-7-header p a {text-decoration: none;}
.ftr-7-header p a:hover {text-decoration: underline;}
#home-3 {clear: both; width: 622px; padding-top: 17px;}
#home-3-hot {float: left; width: 335px;}
#home-3-hot-title { }
#home-3-hot-title img {border-top: 11px solid #DD1936; border-right: 11px solid #DD1936; border-left: 10px solid #DD1936;}
#home-3-hot-feature {width: 294px; background-color: #FFF; border: 11px solid #DD1936; height: 100%;}
.ftr-8 {float: left; width: 294px; height: 430px; text-align: center; background-color: #fff; overflow: visible;}
.ftr-8 img {margin: 8px 0px 8px 0px;}
.ftr-8 p {padding: 0px 5px 5px 5px;}
.ftr-8-header {height: 26px; padding-top: 7px; background-color: #CCCCCC; color: #000; text-align: center; font-weight: bold;}
.ftr-8 a:hover p {text-decoration: underline;}
.ftr-8 p a {text-decoration: none;}
.ftr-8 p a:hover {text-decoration: underline;}
#home-3-news {float: left; width: 285px;}
#home-3-news-title {}
#home-3-news-feature {color: white;}
.ftr-9 {clear: both; padding: 0px 0px 0px 0px; margin: 0px; border-top: 1px solid #FFF;}
.ftr-9 p {padding: 0px 0px 3px 0px; margin: 0px;}
.ftr-9 a {color: white; text-decoration: none; font-weight: bold;}
.ftr-9 a:hover {text-decoration: underline;}
.ftr-9-img {width: 65px; float: left; padding: 10px 0px 5px 0px;}
.ftr-9-text {width: 210px; float: left; padding: 10px 0px 5px 0px;}
.ftr-9-fulltext {width: 275px; padding: 10px 0px 5px 0px;}
#home-4 {clear: both; width: 622px; padding-top: 17px;}
#home-4-emailsignup {float: left; width: 145px; border-top: 9px solid #DD1936; border-right: 9px solid #DD1936; border-bottom: 9px solid #DD1936; border-left: 9px solid #DD1936; height: 173px; background: #FFF url(/images/home/email_sign_bkgrnd.gif) no-repeat bottom;}
#home-4-emailsignup p {margin: 0px; padding: 10px 10px 10px 21px;}
#home-4-emailsignup-title {background-color: #95897B; color: #FFF; font-size: 0.75em; font-weight: bold; height: 22px; padding: 6px 0px 0px 21px;}
#home-4-emailsignup-title a {color: #FFF; text-decoration: none;}
#home-4-feature {float: left; width: 459px;}
.ftr-10 {float: left; width: 144px; border-top: 9px solid #DD1936; border-right: 9px solid #DD1936; border-bottom: 9px solid #DD1936;}
.ftr-10 img {display: block;}
/* ~~~~~~~~~~~ 2 - standard page ~~~~~~~~~~ */
.container-2-1 { clear: both; margin-top: 0px; width: 420px; } /* preview - standard page */
.container-2-2 { } /* body - standard page */
/* ~~~~~~~~~~~ 5 - shop ~~~~~~~~~~ */
/* ~~~~~~~~~~~ 6 - shop - sub section ~~~~~~~~~~ */
.container-6-1 { width: 145px; height: 175px; float: left; } /* preview - shop - section */
.shop-section-1 { width: 145px; height: 30px; background-color: #fff; text-align: center; clear: both; }
.shop-section-2 { width: 145px; height: 145px; clear: both; background-color: #fff; }
.text-shop-section-1 { color: #000; padding: 0px 5px 0px 5px; font-size: 0.7em; font-weight: bold; text-align: center; } .text-shop-section-1 a { color: #000; text-decoration: none; }
/* ~~~~~~~~~~~ 7 - shop - sub section ~~~~~~~~~~ */
/* ~~~~~~~~~~~ 8 - shop - product ~~~~~~~~~~ */
.container-8-1 { width: 165px; height: 285px; display: inline; float: left; background-color: #fff; overflow: hidden; } /* preview - shop - product */
.container-8-2 { width: 450px; display: inline; float: left; background-color: #fff; text-align: center; } /* preview - shop - product */
.shop-product-pre-1 { width: 165px; height: 175px; text-align: center; clear: both; }
.shop-product-pre-2 { width: 165px; height: 80px; text-align: center; clear: both; }
.shop-product-pre-3 { width: 165px; height: 30px; text-align: center; clear: both; }
.text-shop-product-pre-1 { font-size: 0.7em; color: #000; padding-left: 8px; padding-right: 8px; padding-top: 8px; }
.text-shop-product-pre-2 { font-size: 0.7em; color: #000; padding-left: 8px; padding-right: 8px; }
.text-shop-product-pre-3 { font-size: 0.7em; color: #000; padding-left: 8px; padding-right: 8px; } .text-shop-product-pre-3 a { color: #000; text-decoration: none; }
.img-shop-product-pre-1 { display: block; padding-top: 10px; }
.shop-product-body-1 { width: 450px; text-align: center; clear: both; }
.shop-product-body-2 { width: 450px; text-align: left; }
.shop-product-body-2-1 { display: inline; background-color: #fff; float: left; margin: 20px; }
.shop-product-body-2-2 { display: inline; background-color: #fff; float: right; margin-left: 20px; padding-left: 20px; margin-bottom: 20px; width: 150px; text-align: left; border-left: 1px solid; }
.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 { display: block; }
.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-body-submit-1 { background-color: #fff; border: 0px; color: #DD1936; font-size: 1.0em; font-weight: bold; margin: 40px 0px 0px 0px; padding: 0px; width: auto; overflow: visible; clear: both; cursor: pointer; }
#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; }
/* ~~~~~~~~~~~ 9 - shop - basket ~~~~~~~~~~ */
.container-9-2 { width: 440px; clear: both; } /* body - 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: #FF0066; font-weight: bold; }
.shop-basket-keyline-1 { background-color: #FF0066; height: 1px; width: 440px; }
.shop-basket-submit-1 { background-color: #fff; border: 0px; color: #DD1936; font-size: 1.0em; font-weight: bold; margin: 40px 0px 20px 0px; padding: 0px; width: auto; overflow: visible; clear: both; cursor: pointer; }
.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: 270px; 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(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(images/basket/icon_subtract.jpg) 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(images/basket/icon_addition.jpg) 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 #FF0066; margin: 3px 0px 3px 0px; }
/* ~~~~~~~~~~~ 9 - shop - ALL ~~~~~~~~~~ */
.img-accepted-cards { margin-top: 20px; }
/* error msg */
#err-1 { margin-top: 10px; padding: 10px; border: 1px solid #DD1936; }
.text-err-1 { font-size: 0.8em; color: #DD1936; 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; float: left; }
#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.8em; }
.ad-bar-text-1-link { text-decoration: none; color: #fff; }
.logo-eddie-grey { margin: 20px 0px 0px 40px; }