/*********************************************************** GLOBAL ELEMENTS */ @font-face { font-family: 'DidotRegular'; src:url('http://www.blackstargourmet.com/assets/scripts/didot-webfont.eot'); src: local('☺'), url('http://www.blackstargourmet.com/assets/scripts/didot-webfont.woff') format('woff'), url('http://www.blackstargourmet.com/assets/scripts/didot-webfont.ttf') format('truetype'), url('http://www.blackstargourmet.com/assets/scripts/didot-webfont.svg#webfontVMbg23jP') format('svg'); font-weight: normal; font-style: normal;} body {margin:0px; padding:0px; background:url('http://www.blackstargourmet.com/assets/images/bgdk.jpg') repeat; font: 0.625em/1.4 Helvetica, Arial, sans-serif;} select, input, textarea {margin:0px; padding:0px; font: 11px Helvetica, Arial, sans-serif;} strong, em, b, i { font-family: Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6, address {font-family:Helvetica, Arial, sans-serif; font-weight:normal; text-transform:uppercase;} a {text-decoration:none; text-transform:uppercase;} a:link, a:visited {color:#9E7449;} a:hover, a:active {color:#A5351D;} .btn, btn2 { -moz-border-radius: 4px; -webkit-border-radius:4px; border:1px solid #418C61; background: #418C61; font-weight: bold; font-size: 10px; text-transform:uppercase; color: #ffffff; cursor: pointer; margin: 1px; padding:2px 4px; } .btn_over { -moz-border-radius: 4px; -webkit-border-radius:4px; border:1px solid #63A478; background: #63A478; font-weight: bold; font-size: 10px; text-transform:uppercase; color: #ffffff; cursor: pointer; margin: 1px; padding:2px 4px;} #wrapper {width:1000px; margin:0px auto; padding:0px;} /*********************************************************** TOP NAVIGATION */ #nav1 {background:#374140; height:40px; width:1000px; color:#DC3522; font-size:1.1em; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border: 1px solid #374140; font-weight:bold; letter-spacing:0.1em;} #nav1 ul {margin:10px 10px 0px 20px; padding:0; list-style:none; float:right; display:inline;} #nav1 ul li {float:left; display:inline;} #nav1 ul a {display:inline; float:left; padding:0px; margin:3px 25px 0px 0px; text-decoration:none; color:#AE8968;} #nav1 a.cart {color:#D0CB9E; } #nav1 ul a:hover {color:#D9CB9E;} #nav1 li.phone, #nav1 li.account, #nav1 li.gift, #nav1 li.customer, #nav1 li.contact, #nav1 li.cart { padding-left:26px; height:18px;} #nav1 li.phone {background:url('http://www.blackstargourmet.com/assets/images/icon_phone.png') no-repeat center left; cursor: normal;} #nav1 li.account {background:url('http://www.blackstargourmet.com/assets/images/icon_account.png') no-repeat center left;} #nav1 li.gift {background:url('http://www.blackstargourmet.com/assets/images/icon_gift.png') no-repeat center left;} #nav1 li.customer {background:url('http://www.blackstargourmet.com/assets/images/icon_customer.png') no-repeat center left;} #nav1 li.contact {background:url('http://www.blackstargourmet.com/assets/images/icon_contact.png') no-repeat center left;} #nav1 li.cart {background:url('http://www.blackstargourmet.com/assets/images/icon_cart_khaki.png') no-repeat center left;} fieldset.search {border: none; width: 140px; margin: -2px auto 0px auto; padding:0px; background: transparent;} .search input, .search button {border: none; float: left; display:inline;} .search input.box {color: #D9CB9E; font-size: 1em; width: 100px; height: 17px; padding: 4px 5px 4px 5px; background: #2A2C2B; margin:0px 3px 0px 0px;} .search input.box:focus {background: #2F3131; outline: none;} .search button.butn {width: 25px; height: 25px; cursor: pointer; text-indent: -9999px; background: #2A2C2B url('http://www.blackstargourmet.com/assets/images/icon_search_khaki.png') no-repeat center center;} .search button.butn:hover {background: #2A2C2B url('http://www.blackstargourmet.com/assets/images/icon_search.png') no-repeat center center;} /*********************************************************** HEADER AND 2ND NAV */ #header {background:url('http://www.blackstargourmet.com/assets/images/logo.png') no-repeat center left; height:140px; margin:0px; width:1000px;} .logo a {display:block; float:left; width:300px; height:100px;} .shippinginfo {float:right; height:55px; width:652px; margin-top:26px; background:url('http://www.blackstargourmet.com/assets/images/shippinginfo2.png') no-repeat;} .freeshipping {float:left; display:inline; display:inline; width:257px; margin:12px 0px 0px 67px;} .freeshipping a {font-size:1.1em; color:#7B1C00; font-weight:bold; letter-spacing:0.1em;} .overnight {float:left; display:inline; width:250px; margin:12px 0px 0px 71px;} .overnight a {font-size:1.1em; color:#7B1C00; font-weight:bold; letter-spacing:0.1em;} .orangetext {color:#A5351D;} .smallertext {font-size:0.7em; text-transform:lowercase;} #header ul {margin:24px 0px 0px 0px; height:33px; padding:0px; list-style:none; float:right;} #header ul li {float:left;} #header ul.navigation li a {display:block; float:left; padding:0px; margin:0px 0px 0px 2px; text-decoration:none; color:#3B3F3D; background:#E0E1DC; padding:10px 18px; font-size:1.1em; letter-spacing:0.15em; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius:4px; border:1px solid #E0E1DC; font-weight:bold;} #header ul.navigation li a.blog {color:#B64926;} #header ul.navigation li a:hover {color:#2A2C2B; background:#E9EBE6; border:1px solid #E9EBE6;} #header ul.navigation li a.selected {background:white; border:1px solid #FFFFFF;} #header ul.navigation li a.selected:hover {background:white; border:1px solid #FFFFFF;} /*********************************************************** CONTAINER */ #container {background:white; margin:0px; width:1000px; float:left; display:inline; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius:4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius:4px; border:1px solid white;} #sidebarcontainer {width:248px; float:left; display:inline; margin:0px; padding:0px;} /*********************************************************** MINI CART */ #minicart {background:white; width:248px; float:left; display:inline; margin:0px; padding:0px;} #minicart ul {margin:10px 10px 0px 10px; padding:0px 10px 15px 10px; width:208px; list-style-type:none; background:#F3F4F2;} #minicart a {text-decoration:underline; font-size:1.2.em; text-transform:capitalize;} #minicart a.heading {display:block; cursor:default; font-size:1.6em; padding:8px 15px; width:178px; color: #E0C034; border-bottom:0px; letter-spacing:0.1em; padding-top:20px; text-decoration:none; font-weight:bold; text-transform:uppercase;} #minicart p {display:block; font-size:1.1em; padding:8px 15px; margin:0px; width:178px;} #minicart img {float:left; display:inline; margin:0px 10px 0px 0px;} #minicart form {height:15px; margin:5px 0px 10px 15px;} #minicart input.btn {font-size:1em;} #minicart input.btn:hover {background:#63A478; border-color:#63A478;} /*********************************************************** CATEGORY LISTING */ #catnav {background:white; width:248px; float:left;} #catnav ul {margin:10px; padding:0px 10px 15px 10px; width:208px; list-style-type:none; background:#F3F4F2;} #catnav ul.navigation li a {display:block; font-size:1.2em; padding:8px 15px; width:178px; border-bottom:1px solid #eee; text-transform:capitalize;} #catnav ul.navigation li a:hover {background:#F7F9F4; color:#9E7449;} #catnav ul.navigation li.subcat a {color:#811B00; background:#F7F9F4;} #catnav ul.navigation li a.selected {background:#D8D9D3;} #catnav ul.navigation li.social {margin:15px 0px 15px 15px;} #catnav ul.navigation li a.social {display:inline; padding:0px 5px 0px 0px;} #catnav ul.navigation li a.heading {font-size:1.6em; cursor:default; color: #E0C034; border-bottom:0px; letter-spacing:0.1em; padding-top:30px; font-weight:bold; text-transform:uppercase;} #catnav ul.navigation li a.heading:hover {background:#F3F4F2;} #catnav li.spacers {padding:30px 0px 0px 0px; text-align:center;} #catnav li.spacers img {padding:0px 1px;} #catnav p {display:block; font-size:1.2em; padding:8px 15px; width:178px; border-bottom:1px solid #eee; } #catnav p.about {color:#555; font-size:1.2em; font-family:georgia; font-style:italic; line-height:1.4em; text-align:justify;} /*********************************************************** CATEGORY NAV: EMAIL SIGN-UP */ #catnav fieldset.search {border: none; width: 180px; margin: 2px auto 0px auto; padding:0px; background: transparent;} #catnav .search input, .search button {border: none; float: left;} #catnav .search input.box {color: #D9CB9E; font-size: 1em; width: 140px; height: 17px; padding: 4px 5px 4px 5px; background: #2A2C2B; margin:0px 3px 0px 0px;} #catnav .search input.box:focus {background: #2F3131; outline: none;} #catnav .search .radiobutn {width:140px; margin:5px 0px;} #catnav .search input.radio {margin:2px 10px 0px 0px; float:left;} #catnav .search input.butn {width: 25px; height: 25px; cursor: pointer; text-indent: -9999px; background: #2A2C2B url('http://www.blackstargourmet.com/assets/images/icon_check.png') no-repeat center center;} #catnav .search button.butn {width: 25px; height: 25px; cursor: pointer; text-indent: -9999px; background: #2A2C2B url('http://www.blackstargourmet.com/assets/images/icon_check.png') no-repeat center center;} #catnav .search input.butn:hover {background: #2A2C2B url('http://www.blackstargourmet.com/assets/images/icon_check.png') no-repeat center center;} #catnav .search button.butn:hover {background: #2A2C2B url('http://www.blackstargourmet.com/assets/images/icon_check.png') no-repeat center center;} /*********************************************************** MAIN CONTAINER */ #maincontent {background:white; width:750px; margin:10px 0px 0px 0px; padding-bottom:30px; float:left;} /*********************************************************** FEATURED ITEMS AREA */ #featured {width:750px; margin:10px 0px 20px 0px; float:left;} #featured .featuredimage {width:230px; height:144px; border:5px solid #D8D9D3; overflow:hidden;} #featured .featuredimage img {width:230px; border:0px;} #featured .featureditem {float:left; display:inline; margin-right:10px; background:#D8D9D3;} #featured .description {background:#D8D9D3; width:220px; height:75px; margin:5px 0px 0px 0px; padding:0px 10px;} #featured .description a {font-size:1.2em; color:#8E2800; font-weight:bold; margin:5px 0px 0px 0px;} #featured .description a:hover {color:#9E7449;} #featured p {font-size:1.2em; margin:5px 0px 0px 0px; padding:0px 0px 8px 0px;} /*********************************************************** FEATURED ITEMS AREA 2 */ #featured2 {width:740px; margin:10px 0px 0px 0px; float:left;} #featured2 a.btn {color:white; padding:2px 4px; font-size:1em; font-weight:bold;} #featured2 a.btn:hover {background:#63A478; border-color:#63A478;} #featured2 h3 {font-weight:bold; font-size:2.1em; color:#E0C034; margin:0px auto; text-align:center; background:white; position:relative; top:22px; width:325px; height:35px; letter-spacing:0.1em;} #featured2 .featureditem {float:left; display:inline; width:164px; border-top:4px double #ddd; padding:30px 10px 10px 10px; height:375px;} #featured2 .product img {height:162px; width:162px; border:1px solid #ddd;} #featured2 .description {margin:5px 0px 10px 0px; padding:0px 0px;} #featured2 .description img {margin-right:5px;} #featured2 .description a.title {font-size:1.2em; color:#8E2800; font-weight:bold; margin:15px 0px 5px 0px;} #featured2 .description a.title:hover {color:#9E7449; background:white; border-color:white;} #featured2 p {font-size:1.2em; margin:5px 0px 0px 0px; padding:0px 0px 8px 0px; height:80px;} #featured2 h5 {font-size:1.6em; color:#468966; margin:10px 0px 8px 0px; font-weight:bold;} /*********************************************************** CATEGORIES VISUAL MAP */ #catmap {width:740px; margin:10px 0px; float:left;} #catmap h3 {font-weight:bold; font-size:2.1em; color:#E0C034; margin:0px auto; text-align:center; background:white; position:relative; top:22px; width:400px; height:35px; letter-spacing:0.1em;} #catmap .featureditem {float:left; display:inline; width:349px; border-right:1px solid #ddd; border-top:4px double #ddd; padding:15px 10px 15px 10px;} #catmap .featureditemlast {float:left; display:inline; width:349px; border-top:4px double #ddd; padding:15px 10px 15px 10px;} #catmap .product img {height:78px; width:78px; float:left; display:inline; border:1px solid #ddd;} #catmap .description {width:254px; margin:0px 0px 0px 10px; padding:0px; float:left;} #catmap .description a {font-size:1.2em; color:#8E2800; font-weight:bold; margin:15px 0px 5px 0px;} #catmap .description a:hover {color:#9E7449;} #catmap p {font-size:1.2em; margin:0px; padding:0px 0px 8px 0px;} /*********************************************************** MESSAGE */ #message {width:740px; margin:0px; float:left;} #message h3 {font-weight:bold; font-size:2.1em; color:#E0C034; margin:0px auto; text-align:center; background:white; position:relative; top:26px; width:325px; letter-spacing:0.1em;} #message p {color:#555; font-size:1.3em; font-family:georgia; font-style:italic; line-height:2em; text-align:justify; padding-top:30px; padding-bottom:10px; border-top:4px double #ddd;} #message a {text-transform:lowercase;} /*********************************************************** EMAIL SIGN-UP STICKY */ #maincontent .emailsticky {width:740px; float:left; display:inline; height:35px; background:#F3F4F2; border-bottom:0px solid #ddd; margin:0px; border-top:4px double #ddd;} #maincontent .emailsticky h3 {font-size:1.3em; color:#B64926; margin:7px 0px 0px 15px; float:left; display:inline; width:125px; font-weight:bold; letter-spacing:0.1em;} #maincontent .emailsticky h4 {font-size:1.3em; color:#374140; margin:7px 0px 0px 15px; float:left; display:inline; width:385px; font-weight:bold; letter-spacing:0.1em;} #maincontent .emailsticky p {font-size:1.1em; float:left;} .emailsticky fieldset.search {border: none; width: 200px; margin: 5px auto 0px auto; padding:0px; background: transparent; float:left;} .emailsticky .search input, .search button {border: none; float: left;} .emailsticky .search input.box {color: #D9CB9E; font-size: 1em; width: 140px; height: 17px; padding: 4px 5px 4px 5px; background: #2A2C2B; margin:0px 3px 0px 0px;} .emailsticky .search input.box:focus {background: #2F3131; outline: none;} .emailsticky .search input.butn {width: 25px; height: 25px; cursor: pointer; text-indent: -9999px; background: #2A2C2B url('http://www.blackstargourmet.com/assets/images/icon_check.png') no-repeat center center;} .emailsticky .search input.butn:hover {background: #2A2C2B url('http://www.blackstargourmet.com/assets/images/icon_check.png') no-repeat center center;} .emailsticky .search button.butn {width: 25px; height: 25px; cursor: pointer; text-indent: -9999px; background: #2A2C2B url('http://www.blackstargourmet.com/assets/images/icon_check.png') no-repeat center center;} .emailsticky .search button.butn:hover {background: #2A2C2B url('http://www.blackstargourmet.com/assets/images/icon_check.png') no-repeat center center;} /*********************************************************** FOOTER */ .copyright {color:#AE8968; margin:20px 0px; float:left; padding:0px; text-decoration:none; width:1000px; text-align:center;} .copyright a {margin:0px;} #footer {background:#374140; height:70px; width:1000px; margin: 0px; color:#DC3522; font-size:1em; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border: 1px solid #374140; clear:both; text-transform:uppercase;} #footer ul {margin:8px 0px 0px 35px; padding:0; list-style:none; float:left;} #footer ul li {float:left;} #footer ul li.copyright {} #footer ul a {display:block; float:left; padding:0px; margin:5px 20px 0px 0px; text-decoration:none; color:#AE8968;} #footer a.cart {background:url('http://www.blackstargourmet.com/assets/images/icon_cart_khaki.png') no-repeat center left; padding-left:25px; color:#D0CB9E;} #footer ul a:hover {color:#D9CB9E;} /*********************************************************** PRODUCT DETAIL BREADCRUMBS */ #breadcrumb {background:url('http://www.blackstargourmet.com/assets/images/leftarr.png') left center no-repeat; padding-left:10px; margin:10px 0px 10px 23px; float:left; width:520px; display:inline;} #breadcrumb a {font-size:1em; color:black; margin:0px 4px;} #breadcrumb a:hover, #prevnextitem a:hover {text-decoration:underline;} #prevnextitem {margin:10px 20px 10px 0px; float:right; display:inline;} #prevnextitem a {font-size:1em; color:black; margin:0px 0px 0px 25px; text-align:right; display:inline;} /*********************************************************** PRODUCT DETAIL COLUMNS */ #productcol1 {float:left; margin:0px 0px 0px 20px; width:258px; display:inline;} #productcol2 {float:left; margin:0px 0px 0px 0px; width:440px; display:inline;} /*********************************************************** PRODUCT DETAIL IMAGE */ #productimage img {float:left; margin:0px 3px 6px 3px; border:0px solid #ddd;} /*********************************************************** PRODUCT DETAIL SOCIAL MEDIA */ #productconnect {float:left; border: 4px double white; background:#D8D9D3; width:246px; margin:30px 0px 0px 2px; padding:15px 0px 0px 0px;} #productconnect a {line-height: 2em; color:#2B3938; font-size:1em; letter-spacing:0.1em; font-weight:bold;} #productconnect a:hover {color:white;} #productconnect a.email {background:url('http://www.blackstargourmet.com/assets/images/icon_emailpd.png') left center no-repeat; display:block; margin: 0px 0px 0px 20px; padding:2px 0px 0px 30px; } #productconnect a.review {background:url('http://www.blackstargourmet.com/assets/images/icon_reviewpd.png') left center no-repeat; display:block; margin: 0px 0px 0px 20px; padding:2px 0px 0px 30px; } #productconnect a.registry {background:url('http://www.blackstargourmet.com/assets/images/icon_registrypd.png') left center no-repeat; display:block; margin: 0px 0px 0px 20px; padding:2px 0px 0px 30px; } #productconnect a.wishlist {background:url('http://www.blackstargourmet.com/assets/images/icon_wishlistpd.png') left center no-repeat; display:block; margin: 0px 0px 0px 20px; padding:2px 0px 0px 30px; } #productconnect .share {margin:15px 0px 0px 16px; color:#FE5735;} #productconnect .share a {color:#FE5735; margin:0px 1px;} /*********************************************************** PRODUCT DETAIL BROWSE SIMILAR CATS */ #similarcats {float:left; width:258px; margin:30px 0px 0px 3px;} #similarcats h3 {font-size:1.6em; margin:0px 0px 10px 0px; color:#888; font-weight:normal; letter-spacing:0.1em;} #similarcats a {font-size:1.2em; text-transform:capitalize;} /*********************************************************** PRODUCT DETAIL RECIPES */ #productrecipes {float:left; width:246px; margin:30px 0px 0px 2px; padding:0px;} #productrecipes #heading {float:left; font-size:1.2em; color:white; border-top: 4px double white; border-left: 4px double white; border-right: 4px double white; padding:5px 15px; background:#CFAE91; text-transform:uppercase; position:relative; top:4px; font-weight:bold;} #productrecipes #body {float:left; width:196px; border-bottom: 4px double white; border-left: 4px double white; border-right: 4px double white; border-top: 4px double white; padding:5px 35px 5px 15px; background:#CFAE91;} #productrecipes .item {float:left; width:196px; margin:10px 0px;} #productrecipes img {float:left; margin:0px 10px 0px 0px; height:50px; width:50px;} #productrecipes a {float:left; font-size:0.9em; color:#eee; text-transform:capitalize;} #productrecipes a:hover {color:white;} #productrecipes p {float:left; margin:15px 0px 0px 0px;} /*********************************************************** PRODUCT DETAIL CHARACTERISTICS */ #productcol2 h1 {font-size:3em; font-family:'DidotRegular', Georgia, Helvetica, Arial, sans-serif; color:#8E2800; margin:0px 0px 15px 30px; line-height:1em; text-transform:capitalize;} #productoptions {border-top:4px solid #ddd; border-bottom:1px solid #ddd; padding:8px 0px; float:left; margin:0px 0px 0px 30px; display:inline;} .option {width:380px; margin: 4px 0px 4px 30px; float:left; display:inline;} .option p {float:left; font-size: 1em; text-transform:uppercase; width:120px; color:#555; margin:3px 0px 0px 0px; display:inline;} .option select, .option input {float:left; width:210px; background:white; border:1px solid #bbb; height:20px; font-size:1.1em; display:inline;} .option input {padding:2px 0px 0px 3px; width:207px;} .option p.text {float:left; width:210px; font-size:1.1em; display:inline;} .option input.quantity {width:40px; padding: 2px 0px 0px 3px;} .option input.radio {width:20px; margin:0px 10px;} #addtocart {float:left; width:410px; border-bottom:4px solid #ddd; margin:0px 0px 15px 30px; display:inline;} #productprice {width:120px; float:left; margin:10px 0px 1px 30px; display:inline;} #productprice s {float:left; margin:3px 10px 0px 0px; font-size:1.4em; color:#D9644A; font-weight:bold; display:inline;} #productprice h2 {float:left; margin:0px; font-size:2.2em; color:#999; font-weight:normal; display:inline;} #addtocartbutton {margin:10px 0px 10px 0px;} .btnlg { -moz-border-radius: 4px; -webkit-border-radius:4px; border:1px solid #418C61; background: #418C61; letter-spacing:0.1em; font-weight: bold; font-size: 12px; text-transform:uppercase; color: #ffffff; cursor: pointer; margin: 0px; padding:8px 30px; } .btnlg_over { -moz-border-radius: 4px; -webkit-border-radius:4px; border:1px solid #63A478; background: #63A478; letter-spacing:0.1em; font-weight: bold; font-size: 12px; text-transform:uppercase; color: #ffffff; cursor: pointer; margin: 0px; padding:8px 30px;} /*********************************************************** PRODUCT DETAIL DESCRIPTION */ #productdescription {margin: 0px 0px 0px 30px;} #productdescription h3 {font-size:1.6em; margin:0px 0px 10px 0px; color:#888; font-weight:normal; letter-spacing:0.1em;} #productdescription p {font-size:1.1em; line-height:1.6em; margin:0px 0px 5px 0px;} #productdescription table {width:420px !important; margin:0px !important;} #productdescription td span {font-size:11px !important;} .more { display: none;} #productdescription ul {margin:0px; padding:0px; float:left; list-style-type:none; font-size:1.1em;} #productdescription li {line-height:1.6em;} #productdescription br {height:0px; margin:0px; padding:0px;} /*********************************************************** PRODUCT DETAIL RELATED PRODUCTS */ #relatedproducts {float:left; width:440px; margin:30px 0px 0px 0px;} #relatedproducts h3 {font-size:1.6em; margin:0px 0px 15px 30px; color:#888; font-weight:normal; letter-spacing:0.1em;} #relatedproducts .item {float:left; display:inline; width:112px; padding:0px 4px 10px 30px; height:300px;} #relatedproducts .product img {border:1px solid #ddd; margin:0px 0px 15px 0px;} #relatedproducts .description {margin:5px 0px 10px 0px; padding:0px;} #relatedproducts .description img {margin-right:5px;} #relatedproducts .description a.title {font-size:0.9em; color:#8E2800; font-weight:bold; margin:8px 0px 10px 0px; height:30px; display:block; padding:0px; overflow:hidden;} #relatedproducts .description a.title:hover {color:#9E7449; background:white; border-color:white;} #relatedproducts p {font-size:0.8em; margin:5px 0px; height:65px; padding:0px 0px 8px 0px;} #relatedproducts h5 {font-size:1.1em; color:#444; margin:0px 0px 5px 0px;} #relatedproducts a.btn {color:white; padding:2px 4px; font-size:0.8em; background:#444; border-color:#444;} #relatedproducts a.btn:hover {background:#555; border-color:#555;} /*********************************************************** PRODUCT DETAIL REVIEWS */ #productreview {float:left; width:410px; margin:30px 0px 0px 0px;} #productreview h3 {font-size:1.6em; margin:0px 0px 5px 30px; color:#888; font-weight:normal; letter-spacing:0.1em;} #productreview .review {float:left; width:410px; margin:10px 0px 0px 30px; border-bottom: 1px solid #ddd; } #productreview .customer {float:left; width:80px; margin: 0px 20px 10px 0px; } #productreview .customer img {margin:0px 0px 15px 0px;} #productreview .customer p {margin:0px; color: #777;} #productreview .message {float:left; width:310px; margin: 0px 0px 10px 0px; } #productreview .message p {margin:0px;} #productreview .message h6 {font-size:1.2em; color: #C49A00; margin:0px 0px 10px 0px; letter-spacing:0.1em; } /*data:: Controls body default fonts and colors*/ .data { font-size: 12px; font-weight: normal; color: #222222; background: #ffffff; } /*page_headers:: Controls the page's titles*/ .page_headers { font-size: 16px; font-weight: bold; color: #222222; background-color: #ffffff; } /*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/ .checkout-headers { font-size: 13px; color: #a81f0e; font-weight: bold; } /*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/ .titles { font-size: 12px; font-weight: bold; background: url("http://www.blackstargourmet.com/assets/templates/v30021/css/images/BG_featured.gif") repeat-x; color: #222222; border: solid; border-bottom-width: 0px; border-left: none; border-right: none; border-top: none; border-color: ; padding: 3px; } /*titles2:: Controls the titles on the view cart page*/ .titles2 { font-size: 12px; font-weight: bold; background-color: #5c5a58; color: #ffffff; padding: 4px; } /*options-titles:: Controls the way the titles on the product options display*/ .options-titles { font-size: 12px; font-weight: Normal; color: #222222; border: 1px dotted #cccccc; border-style: none none dotted; } /*invoice_title:: Controls the way the title of the invoices look */ .invoice_title { font-size: 12px; font-weight: bold; background-color: #cbcaca; color: #4f4e4e; } /***********************************/ /* GENERAL FONTS */ /***********************************/ /*font1:: Primary Screen Font */ .font1 { font-size: 12px; font-weight: Normal; color: #222222; } /*font2:: Secondary Screen Font */ .font2 { font-size: 12px; font-weight: Normal; color: #770000; } .font3 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; } .font4 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: Normal; color: #c32519; } /*icon:: Controls the way the menu icons display*/ .icon { font-family: Georgia, Times New Roman, Times, serif-serif; font-size: 11px; font-weight: normal; color: #222222; } /*store-name:: Store Name*/ .store-name { font-family: Georgia, Times New Roman, Times, serif-serif; font-size: 35px; color: #ffffff; font-weight: bold; text-decoration: none; padding-top: 28px; } /*store-slogan:: Store Slogan*/ .store-slogan { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; font-style:italic; color: #cf2610; padding-top:28px; } /*menu-text:: Controls the way the menu (mailing list) text look*/ .menu-text { font-size: 13px; color: #222222; } /*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color*/ .item { font-size: 12px; font-weight: Normal; color: #555555; text-decoration: none; } /*price-info:: controls the way the prices display on the product page*/ .price-info { font-size: 16px; font-weight: Normal; color: #d90d0e; } /*price:: Controls the way the product's prices display*/ .price { font-size: 16px; color: #d90d0e; } /*cart-text:: Controls the way the text inside the shopping cart looks*/ .cart-text { font-size: 13px; font-weight: Normal; color: #222222; line-height: 18px; background-color: #e8e8e8; } /*steps:: Controls the way the steps on the checkout pages display*/ .steps { font-size: 16px; font-weight: bold; color: #cccccc; background-color: #ffffff; } /*steps_on:: Controls the way the steps on the checkout [ages display*/ .steps_on { font-size: 16px; font-weight: bold; color: #cc2610; background-color: #ffffff; } /*error:: Controls the error messages*/ .error { font-size: 13px; font-weight: normal; color: #e10e04; text-decoration: none; } /***********************************/ /* FORM FIELDS & BUTTONS */ /***********************************/ /*txtBoxStyle:: Controls the text boxes*/ .txtBoxStyle { border-top: 1px solid #b3b4b5; border-bottom: 1px solid #b3b4b5; border-left: 1px solid #b3b4b5; border-right: 1px solid #b3b4b5; background-color: #FBFBFB; font-weight: normal; font-size: 12px; color: #38393a; } /*txtareaStyle:: Controls the text areas*/ .txtareaStyle { border-top: 1px solid #C7D5E0; border-bottom: 1px solid #C7D5E0; border-left: 1px solid #C7D5E0; border-right: 1px solid #C7D5E0; background-color: #FBFBFB; font-weight: normal; font-size: 12px; color: #343333; } /***********************************/ /* LINKS */ /***********************************/ /*A.cat:: Controls the way the Links on the left bar look before a user clicks or mouse overs on them*/ A.cat { color: #222222; font-size: 12px; font-weight: ; font-style: normal; text-decoration: none; } /*A.cat:hover:: Controls the way the Links on the left bar look when a user passes their mouse over a them*/ A.cat:hover { color: #ff0000; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; } /*A.cat:visited:: Controls the way the Links on the left bar look after a user has visited that section*/ A.cat:visited { color: #222222; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; } /*A.cat:visited:hover:: Controls the way the Links on the left bar look when a user hovers over a section they have visited*/ A.cat:visited:hover { color: #ff0000; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; }