@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: #fff;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
#wrapper {
width: 960px;
position:relative;
margin: 0 auto;
}
#pageWrapper {
width: 958px;
margin: 0 auto;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#contact {
height: 41px;
margin-bottom:10px;
margin-top: 5px;
}
img.contact {
float: right;
margin-top: 5px;
}
#scroller {
padding-top: 10px;
}
#header {
background: url(images/header-background.gif) repeat-x;
background-position:top left;
height: 288px;
border-top: 1px solid #302b2b;
}
img.logo {
position: absolute;
top: 110px;
left: 1px;
}
img.display {
position: absolute;
top: 98px;
right: 5px;
}
#tag-line {
background:url(images/bot-header.gif) no-repeat;
height: 60px;
}
#nav {
}
#maincontent {
background: #FFFFFF;
color: #000000;
padding: 15px;
}
#maincontent p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 1.6em;
text-align: justify;
margin-bottom: 25px;
}
#maincontent a{
color: #000;
text-decoration:none;
border-bottom: 1px dotted #000;
}
#maincontent a:hover{
color: #000;
background: #B7B7B7;
text-decoration: none;
}
#maincontent h2 {
font-family:Georgia, Times New Roman, serif;
font-size: 18px;
font-weight:bold;
margin-bottom: 5px;
color: #083bb0;
letter-spacing: -.5px;
text-align: center;
}
#maincontent h1{
font-family:Georgia, Helvetica, sans-serif;
font-size: 24px;
font-weight:bold;
margin: 0 0 10px 0;
color: #bd1f20;
letter-spacing: -.5px;
border-bottom: 1px dotted #bb1d1c;
}
.clearfix {
clear: both;
}
#footer {
background:#ba1c1d;
height: 355px;
border-top: 6px solid #8f1617;
margin-right: auto;
margin-left: auto;
}
span.highlight{
background: #f6f0ab;
}
img.options{
float: left;
margin: 0 10px 10px 0;
}
#domticker{
width: 940px;
height: 25px;
background-color: #ba1c1d;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
font-style:italic;
color: #ffffff;
text-align: center;
text-transform:uppercase;
}
#domticker div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #ba1c1d;
}
#domticker a{
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
#domticker a:hover{
color: #000000;
font-weight: bold;
}
#domticker2{
width: 940px;
height: 37px;
padding: 3px;
}
#domticker2 a{
text-decoration: none;
}
.someclass{ //class to apply to your scroller(s) if desired
}
#footer-logo {
position: absolute;
bottom: 10px;
left: 370px;
}
#footer-content{
text-align:center;
width: 930px;
padding: 20px 20px 10px 10px;
}
#footer-content p{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 10px;
}
#footer-content a{
text-decoration: underline;
color: #000000;
}
#footer-content a:hover{
text-decoration: none;
color: #000000;
}
img.blinking-quote {
float: right;
margin: 0 0 0 15px;
}
img.artwork a {
text-decoration: none;
}
img.artwork a:hover{
text-decoration: none;
}
#rotatingContainer {
width: 930px;
height: 332px;
margin-bottom: 10px;
}
#quoteContainer {
width: 930px;
margin: 25px 0 10px 0;
text-align: center;
}
.leftBullets {
float: left;
width: 300px;
}
.rightBullets {
float: left;
width: 300px;
}
#bullets {
float: left;
margin: 15px 0 30px 215px;
display: inline;
line-height: 1.4em;
}
ul#bullets-left {
float: left;
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
list-style-position: inside;
list-style-image: url(images/star.png);
margin-right: 15px;
}
ul#bullets-middle {
float: left;
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
list-style-position: inside;
list-style-image: url(images/star.png);
margin-right: 15px;
}
ul#bullets-right {
float: left;
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 14px;
list-style-position: inside;
list-style-image: url(images/star.png);
}
ul#cart {
font-family: Arial, Trebuchet MS, sans-serif;
font-size: 14px;
margin: 0 0 10px 0;
list-style-position: outside;
list-style-image: url(images/cart.png);
line-height: 1.5em;
padding-left: 25px;
}
ul#learn {
font-family: Arial, Trebuchet MS, sans-serif;
font-size: 14px;
margin: 0 0 20px 0;
list-style-position: outside;
list-style-image: url(images/star.png);
line-height: 1.5em;
padding-left: 25px;
}
ul#gallery {
font-family: Arial, Trebuchet MS, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0 0 25px 0;
list-style-position: outside;
list-style-image: url(images/gallery.png);
line-height: 1.5em;
padding-left: 25px;
}
img.pin-options {
float: right;
margin: 5px 0 0 10px;
border: 5px solid #ccc;
}
#optionDesc {
width: 925px;
height: 170px;
float: left;
}
#optionDesc p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 1.6em;
text-align: justify;
margin-bottom: 10px;
}
img.top-display {
text-align: center;
}
.required {
font-style:italic;
color:#FF0000;
}
#centerImg {
text-align: center;
margin: 10px 0;
clear: both;
}
div.horRule {
height: 1px;
border-top: 1px dashed #000;
margin:20px 0;
}
div.horRule hr {
display: none;
}
#hdrQuote {
float: left;
width: 640px;
display: inline;
}
.boxOne {
float: left;
}
.boxTwo {
float: left;
}
#hdrQuote h2 {
font-family: Georgia, Times New-Roman, serif;
font-size: 18px;
font-weight: bold;
color:#000;
margin-bottom: 10px;
padding-top: 15px;
letter-spacing:-.5px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
.clear{
clear: both;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
img.quote-button {
float: right;
margin: 0 0 0 10px;
}
#wrap {
color: #ffffff;
/*margin: 0 12%;*/
text-align: center;
z-index: 1;
}
.bagshow {
float: right;
margin: 0 0 0 10px;
}
#footer-logo {
position: absolute;
bottom: 10px;
left: 370px;
}
img a.artwork {
text-decoration: none;
}
LEVEL ONE
*/
ul.dropdown { position: relative; width: 960px; margin: 0 auto; z-index:9999;}
ul.dropdown li { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; zoom:1; background: #1a287d; list-style: none; float: left; height: 40px; }
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #ffa500; }
ul.dropdown li a { display: block; padding: 13px 13px 12px 13px;
color: #fff; text-decoration: none; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a { color: black; }
/*
LEVEL TWO
*/
ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 9999;}
ul.dropdown ul li { font-weight: normal; background: #F3D673; color: #000;
border-bottom: 1px solid #ccc; float: none; z-index: 9998;}
ul.dropdown ul li:hover {background: #1a287d; color: #fff;}
ul.dropdown ul li.hover a {color: #fff}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block;}
/*
LEVEL THREE
*/
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }
#navigation {
width: 955px;
background: #1a287d;
height: 40px;
margin: 0 auto;
padding-left: 3px;
}
ul.dropdown .quote a {
background-image: none;
}
.container {
position:relative;
margin-top:20px;
height:220px;
width:860px;
overflow:hidden;
}
.container div {
background-color:#fff;
opacity:0;
z-index:0;
position:absolute;
top:0;
left:0;
z-index: 1;
}
#loopedSlider {
position:relative;
width:860px;
margin:25px auto;
}
#loopedSlider p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align: center;
}
.pagination, .nav-buttons {
list-style-type:none;
margin:0;
padding:0;
}
.pagination {
margin:9px auto;
width:225px;
}
.pagination li,.nav-buttons li {
float:left;
margin:0 5px;
}
.pagination a {
display:block;
width:12px;
padding-top:12px;
height:0;
overflow:hidden;
background-image:url(images/pagination.png); background-position:0 0; background-repeat:no-repeat;
}
.pagination a.active {
background-position:0 -12px
}
li.p {
position:absolute;
top:200px;
left:-32px;
}
li.n {
position:absolute;
top:200px;
right:-32px;
}
tr.alt td {
background: #bcd4ec;
}
tr.over td {
background: #ecf6fc;
}
img.quote-button {
float: right;
margin: 0 0 5px 10px;
}
.accordionmenu{
width: 930px; /*width of menu*/
margin-bottom: 15px;
}
.accordionmenu .headerbar{
font: bold 13px Arial;
color: black;
background: #e9e6e6;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
padding: 10px 0 10px 10px; /*31px is left indentation of header text*/
border-left: 5px solid #ba1e1f;
border-right: 1px solid #a09d9d;
}
.accordionmenu .headerbar a{
text-decoration: none;
color: black;
display: block;
}
.accordionmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.accordionmenu ul li{
padding: 8px 6px 8px 15px;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
text-align:justify;
line-height: 1.5em;
}
.accordionmenu ul li a{
text-decoration: underline;
color: #000;
}
.accordionmenu ul li a:visited{
color: black;
}
.accordionmenu ul li a:hover{ /*hover state CSS*/
text-decoration: underline;
color:#0066CC;
}