/* CSS - New Project */ /* reset */ body, form, ul, li, img, pre, fieldset {padding: 0; border: 0; margin: 0;} /* general */ strong {font-weight: bold;} em {font-style: italic;} .left {float: left;margin-right: 1em;} .right {float: right;margin-left: 1em;} .hide {display: none;} .show {display: block;} body {font-size: 100%; font-size: 12px; background: #f5f2e3 url(images/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #1f1f1f;} a {color: #006699; font-weight: bold; text-decoration: none;} a:hover {text-decoration: underline;} .gallery li {width: 150px; margin-right: 17px; display: inline; list-style: none; float: left; min-height: 200px;} .detailGallery li {min-height: 450px;} .galleryLink {background: url(images/circlegreenbullet.jpg) no-repeat right 2px; padding-right: 13px;} .clear {clear: both; visibility: hidden;} /* basic */ #mainContainer {clear: both; width: 100%; background: url(images/wrapbg.jpg) no-repeat top center;} /* header */ #headerContainer {clear: both; margin: 0 auto; width: 961px; background: url(images/headerbg.jpg) repeat-x;} #headerLogo {float: left;} #headerLogo h1 {text-indent: -9999px;margin: 0; display: inline;} #headerLogo a {display: block; width: 307px; height: 64px; background: url(images/logo.jpg) no-repeat;} #headerNav {float: right; margin-top: 40px; position: relative; left: -15px;} #headerNav li {list-style: none; display: inline; background: url(images/navline.jpg) no-repeat right; float: left;padding: 0 3px;} #headerNav li a {color: #006699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none;padding: 3px; float: left;padding-top: 5px;} #headerNav .active {background: url(images/leftnav.jpg) no-repeat left;padding-left: 7px;} #headerNav .active a {background: url(images/rightnav.jpg) no-repeat right;padding: 5px 10px 5px 5px;} #headerNav .lastItem {background: none;} /* body */ #bodyContainer {clear: both; min-height: 500px; width: 961px; margin: 0 auto; background: #fffdf4; } .inside #bodyContainer {background: url(images/insidebodybg.jpg) repeat-y;} #leftCol, #centerCol {float: left;} #leftCol {width: 310px;} #centerCol {width: 388px; margin-left: 20px;} #centerCol h1 {color: #006800; font-family: Georgia, "Times New Roman", Times, serif;} .inside #centerCol {width: 686px;} .inside #centerCol h2 {color: #006600; font-size: 16px;} .inside #centerCol h3 {color: #006600; font-size: 14px;} .inside #centerCol ul {padding-left: 30px;} .inside #centerCol strong {color: #006600;} .inside #centerCol .infoBox {font-size: 13px; font-weight: bold;} .inside #centerCol .button {background: url(images/button.jpg) no-repeat; width: 96px; height: 26px; border: 0; text-align: center; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} #rightCol {width: 224px;float: right;} #rightCol a {background: url(images/greenbullet.jpg) no-repeat right 5px; padding-right: 10px;} .inside #rightCol .nav li {background: #FFFCF3 url(images/subnavbg.jpg) no-repeat bottom; width: 219px; list-style: none; padding: 5px 0 10px 5px;clear: both;} .inside #rightCol .nav li a {background: url(images/leftarrow.jpg) no-repeat left 5px; padding-left: 10px;padding-right: 0px;} #rightCol .store {background: #FBF9EC;} #rightCol .store .visitProducts {background: url(images/visitthestore.jpg) no-repeat; width: 224px; height: 36px; margin: 0; text-indent: -9999px;} #rightCol .store .allProducts {background: url(images/viewallproducts.jpg) no-repeat; width: 224px; height: 36px; margin: 0; text-indent: -9999px;} #rightCol .sideContent {background: url(images/sidebarboxbg.jpg) no-repeat bottom; min-height: 52px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif;} #rightCol a.noArrow {background: none;} /* footer */ #footerContainer {clear: both; background: url(images/footer.jpg) repeat-x; width: 961px; height: 97px; margin: 0 auto;} .inside #footerContainer {background: url(images/insidefooterbg.jpg) no-repeat; height: 102px;} #footerContent {font-family: Verdana, Arial, Helvetica, sans-serif;padding: 35px 0 0 15px; font-size: 11px;} #footerContent li {display: inline; list-style: none; border-right: 1px solid #000;float: left; margin-right: 5px; padding-right: 5px;} #footerContent .lastItem {border-right: none;} #footerContent a {color: #336633;} #footerContent p {margin: 4px 0;} #footerContent a.facebook {display: inline-block; background: url(images/facebook.png) top center no-repeat; line-height: 20px; height: 20px; width: 20px; text-indent: -9999px;} /* ## store ## */ #storeLanding {background: url(images/storelandingbg.jpg) no-repeat bottom; width: 686px;} #storeLanding ul {padding: 0!important;} #storeLanding #storeheading {clear: both;display: block;background:url(images/storelandheading.jpg) no-repeat; width: 686px; height: 30px;} #storeLanding #storeheading h2 {width: 171px; display: inline; float: left;text-align: center;margin: 0;padding-top: 6px; font-size: 12px; font-weight: bold;color: #006600; font-family: Verdana, Arial, Helvetica, sans-serif;} #storeLanding #storeheading h2 a {color: #006600;} #storeLanding ul {width: 686px; display: block; padding-top: 5px;} #storeLanding li {width: 131px; list-style: none; display: inline; float: left; padding: 0 20px;} #storeLanding li a {background: url(images/circlegreenbullet.jpg) no-repeat right 2px; padding-right: 13px;} #storeLanding li strong {color: #006699; font-weight: bold;} .storeNavigation {clear: both; height: 30px;} .storeNavigation li {display: inline;} .storeNavigation .return {float: left;} .storeNavigation .return a {padding-left: 10px; background: url(images/leftarrow.jpg) no-repeat 0 4px;} .storeNavigation .productPath {float: right; width: 150px; text-align: right;} .storeNavigation .productPath .previous {padding-left: 10px; background: url(images/leftarrow.jpg) no-repeat 0 4px;} .storeNavigation .productPath .next {padding-right: 10px; background: url(images/rightarrow.jpg) no-repeat right 4px;} .gallery li {min-height: 400px!important; width: 150px;} .slideshow {float: right; padding-bottom: 5px;}