BODY {FONT-FAMILY: helvetica,arial,sans-serif; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; background-color: #FBFBE8; } TH {font-family: Lucida,Verdana,Helvetica,Arial; font-size: 12pt; font-weight: bold; color: #003399; background-color: #FBFFE2;} TD {FONT-SIZE: 11pt; FONT-FAMILY: helvetica,arial,sans-serif} P {FONT-SIZE: 14px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;} H1 {FONT-SIZE: 18pt; FONT-FAMILY: helvetica,arial,sans-serif; BACKGROUND-COLOR: #000000; COLOR: #DDDDDD;} A:link {color: #003399} A:visited {color: #003399} A:hover {color: red} A {font-family: Lucida,Verdana,Helvetica,Arial; color: #003399} .topdir {font-family: Lucida,Verdana,Helvetica,Arial; color: #003399; FONT-SIZE: 9pt; text-align: left;} A:link.textfooter {COLOR: #000000} A:visited.textfooter {COLOR: #000000} A:hover.textfooter {color:#FFFFFF} .pagefooter {BACKGROUND-COLOR: #C2C0AB; FONT-SIZE: 10px; PADDING-TOP: 0px;} .textfooter {FONT-SIZE: 10pt; COLOR: #000000} A:link.topmenu {COLOR: #003366; text-decoration:none;} A:visited.topmenu {COLOR: #003366; text-decoration: none;} A:hover.topmenu {color:#FBFBE8; BACKGROUND-COLOR: #003366; text-decoration: none;} a:focus { outline: none; } .topmenu {FONT-SIZE: 14px; PADDING-TOP: 0px;} .stoneTH {font-family: Lucida,Verdana,Helvetica,Arial; font-size: 12pt; font-weight: bold; color: #FFFFFF; background-color: #2C4B8E;} .FAQTH {font-family: Lucida,Verdana,Helvetica,Arial; font-size: 12pt; font-weight: bold; color: #000000; background-color: #DCDCDC;} .stoneTD{FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color: #000000; background-color: #FFFFFF; MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px;} .categoryTD{FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color: #000000; background-color: #FFFFFF; MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px;} .categoryTD a { font-size: 15px; } .cartTH {FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt; color: black; font-weight: bold;} .cartItem {font-family: Lucida,Verdana,Helvetica,Arial; font-size: 8pt; color: black} .itemTitle {FONT-WEIGHT: bold; font-family: Lucida,Verdana,Helvetica,Arial; font-size: 11pt;} .itemSpec {font-family: Lucida,Verdana,Helvetica,Arial; font-size: 8pt;} .itemDescription {font-family: Lucida,Verdana,Helvetica,Arial; font-size: 8pt;} .itemPrice {font-family: Lucida,Verdana,Helvetica,Arial; font-size: 10pt; font-weight: bold;} .topcolor {BACKGROUND-COLOR: #E6E6D5} .priceinput {background-color: #DCDCDC; border:0; color: black; text-align:center;} .news {font-family: Lucida,Verdana,Helvetica,Arial; font-size: 8pt;} .itemPriceForm {font-family: Lucida,Verdana,Helvetica,Arial; font-size: 10pt; font-weight: bold; text-align:center; background-color: #DCDCDC; border:0; color: black;} .selectoptions {background-color: #EFF2F2; color: black;} .selectoptionsstone {width: 350px; background-color: #EFF2F2; color: black;} .select250 {width: 250px; background-color: #EFF2F2; color: black;} .cartquant {background-color: #EFF2F2; text-align: center;} .radioInput {background-color: #DCDCDC; color: #DCDCDC;} .addressfooter {FONT-SIZE: 11px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;} .addressfooter2 {FONT-SIZE: 11px; FONT-WEIGHT: bold;FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; background-color: #2C4B8E; COLOR: white;} td.addressfooter2 {border: 3px black solid;} .addtocart {width: 90px; FONT-SIZE: 11px; } .slidestoneselect {width: 300px; background-color: white; color: black;FONT-SIZE: 11px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;} .materialselect {width: 200px; background-color: white; color: black;FONT-SIZE: 11px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;} .materialselect2 {width: 220px; background-color: white; color: black;FONT-SIZE: 13px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;} .slideitemTitle {FONT-WEIGHT: bold; FONT-SIZE: 13px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;} .slideitemSpec{FONT-SIZE: 10px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;} .slideitemPrice {FONT-SIZE: 14px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; font-weight: bold;} .slideitemPriceForm{FONT-SIZE: 14px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; text-align:center; background-color: #DCDCDC; border:0; color: black;} .qt {FONT-SIZE:14px; FONT-FAMILY:Arial,Helvetica; color:blue} .qn {FONT-SIZE:12px; FONT-FAMILY:Arial,Helvetica; margin: 3em;} .pur {FONT-SIZE:15px; FONT-FAMILY:Arial,Helvetica; color:purple;} .jbt {FONT-SIZE:14px; FONT-FAMILY:Arial,Helvetica; color:red; text-align:center; letter-spacing: 0.04em;} .foo {FONT-SIZE:10px; FONT-FAMILY:Arial,Helvetica; text-align:center; letter-spacing: 0.09em;} td.newstd {BACKGROUND-COLOR:#FFFFFF; border: 1px gray solid;} table.cat {BACKGROUND-COLOR:#FFFFFF; border: 1px #2C4B8E solid;} table.it {border: 1px #2C4B8E solid;} ul.mul {FONT-SIZE:15px; FONT-FAMILY:Arial,Helvetica; margin: 20; margin-left:0px; border-left:0px; padding-left:14px;} A:link.cop {BACKGROUND-COLOR:#C2C0AB; FONT-SIZE:10px; PADDING-TOP:0px; color:purple; text-decoration:none;} A:visited.cop {BACKGROUND-COLOR:#C2C0AB; FONT-SIZE:10px; PADDING-TOP:0px; color:purple; text-decoration:none;} A:hover.cop {COLOR:RED; text-decoration: none;} A:link.linknoline {COLOR:#003366; text-decoration:none;} A:visited.linknoline {COLOR:#003366; text-decoration: none;} A:hover.linknoline {color:RED; text-decoration: none;} .ssbti {border-width:0px;border-left-width:2px;border-top-width:2px;border-right-width:2px;border-style:solid; border-color:black;} .ssbigi {border-width:0px;border-left-width:2px;border-bottom-width:2px;border-style:solid; border-color:black;} .ssbri { border-width:0px;border-left-width:2px;border-top-width:2px;border-bottom-width:2px;border-style:solid; border-color:black;} .ssbrp {border-width:0px;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-style:solid; border-color:black;} .ssbTitle {FONT-WEIGHT: bold; FONT-SIZE: 13px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;text-align:left;padding-left:5px;padding-top:5px;} .ssbSpec {FONT-SIZE: 10px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;text-align:left;padding-left:5px;} .ssbSelTx {FONT-SIZE: 12px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;text-align:right;margin-right:25px;} form.starters {margin: 0; padding:10px; } .sbuzz {FONT-SIZE: 12px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;text-align:left;} .pagesel { FONT-FAMILY: Verdana,Arial; FONT-SIZE:11px;} /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('fonts/flexslider-icon.eot'); src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } #salebanner {width: 600px; background-color: white; border: solid 5px white; margin-bottom:40px;-moz-box-shadow: 0 0 5px 5px #CCC;-webkit-box-shadow: 0 0 5px 5px #CCC;box-shadow: 0 0 5px 5px #CCC;-moz-border-radius: 5px;border-radius: 5px;} #salebanner h1{background-color: #ffe8eb; letter-spacing:4px; font:normal 60px Arial;text-align:center;margin:0;padding:0;color:#FFFFFF; text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);} #salebanner ul li {font:normal 24px Arial;color:#2C4B8E;margin-top:20px;padding-bottom:20px;} #salebanner p{font:normal 22px Arial;color:#2C4B8E;margin:0;padding:0;padding-top:10px;} #salebanner strong{color:red;}