/*
Theme Name: JW4
Theme URI: http://ryanhellyer.net/2008/02/23/aqua-vaccinium-wordpress-theme/
Description: SimpleCMS Theme
Version: 0.4
Author: Ryan Hellyer, modified by Chris Hajer
Author URI: http://chrishajer.com/
*/
body {
padding : 0;
width : 960px;
margin : 0 auto;
background : #000;
}
#header {
background : #000 url('images/header.jpg') no-repeat center bottom;
width : 100%;
height : 130px;
}
#header .widthlimiter div {
float : right;
color : #ac832b;
}
#headernav {
width: 760px;
margin: 0 auto;
padding: 10px 0 0 10px;
}
img.headerlogo {
margin : 0 auto;
display : block;
}
#logos .left {
padding-left: 100px;
}
#logos .right {
padding-right : 65px;
}
.pageheading {
display: block;
margin: 0 auto;
padding: 0 0 10px 0;
}
a img {
border : none;
}
#search {
display : inline;
}
#description {
display : inline;
margin-right : 1em;
}
.widthlimiter {
width : 940px;
margin : 0 auto;
}
.narrow760 {
width : 760px;
margin : 0 auto;
}
.narrow600 {
width : 600px;
margin : 0 auto;
}
.narrow600 a, .narrow760 a{
color: #ac832b;
text-decoration: none;
}
.narrow600 a:hover, .narrow760 a:hover {
text-decoration: underline;
}
.item {
border: 1px solid #ccc;
}
.item table td {
padding: 10px;
border: 1px solid #ccc;
}
#menu {
width : 100%;
background : #ac832b;
height : 2em;
}
#map {
margin-top : 35px;
float : left; 
width : 400px; 
height : 400px; 
background-color : rgb(229, 227, 223);
}
#hours {
float : right; 
width : 480px;
margin-top: 23px;
}
#content {
padding-top : 10px;
color : #333;
background : #fff url('images/bg_body.jpg') repeat-y;
font-size : 0.8em;
font-family : arial, helvetica, sans-serif;
}
#content td {
color : #333;
}
#content .widthlimiter {
width : 910px;
margin : 0 15px;
}
#content .productpage {
width : 940px;
margin : 0;
}
#content p {
line-height : 1.3em;
margin-bottom : 15px;
}
#homeleft {
width: 325px;
float:left;
}
#homeright {
float : right;
width : 560px;
margin: 15px 0 0 0;
}
h1, h2, h3, h5 {
color : #ac832b;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
color : #ac832b;
text-decoration : none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
text-decoration : underline;
}
h1 {
margin : 0;
padding : 0;
font : normal bold 3em/80px sans-serif;
}
h2 {
font : normal bold 2em sans-serif;
margin : 0.5em 0;
}
h3 {
font : normal bold 1.6em sans-serif;
margin : 0.4em 0;
}
h4 {
font : normal bold 1.3em sans-serif;
margin : 0.3em 0;
color : #333;
}
h5 {
font : normal bold 1.2em sans-serif;
margin : 0.2em 0;
}
p {
font : normal 0.8em sans-serif;
color : #202225;
}
p a {
color : #ac832b;
text-decoration : none;
}
p a:hover {
text-decoration : underline;
}
ul li, ol li {
font-family : sans-serif;
color : #202225;
}
#footer {
background : #fff url('images/bg_footer.jpg') bottom center;
width : 100%;
height : 63px;
text-align : center;
clear : both;
}
#footer p {
color : #333;
font-size : 0.8em;
padding-top : 10px;
}
#footer a {
color : #ac832b;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline;
}
#footer .facebook {
width: 170px;
float: left;
padding: 10px 0 0 20px;
}
#footer .center {
width : 520px;
float : left;
text-align : center;
padding: 0;
}
#footer .right {
width : 227px;
float: right;
padding : 10px 18px 0 0;
}
a.product {
color : #333333;
text-decoration : none;
}
a.product:hover {
color : #333333;
text-decoration : underline;
}
a.no-decoration {
text-decoration : none;
}
p {
padding : 0;
margin : 0;
margin-bottom : 5px;
font-family : Arial;
font-size : 12px;
font-weight : normal;
color : #333333;
}
hr {
width : 600px;
margin : 25px auto;
color : #ac832b;
}
.dPadd {
padding-left : 60px;
}
.dPadd5 {
padding-left : 5px;
}
.dPadd10 {
padding-left : 10px;
}
.pdding20 {
padding-left : 20px;
padding-right : 20px;
}
.paddleft50 {
padding-left : 50px;
}
.border {
border : 1px solid #cccccc;
}
.product_photo {
width : 300px;
height : 300px;
line-height : 300px;
vertical-align : middle;
}
.txt-description {
font-family : Arial;
font-size : 12px;
font-weight : normal;
color : #333333;
}
.txt-norm {
font-family : Arial;
font-size : 12px;
font-weight : normal;
}
text-norm-price {
font-family : Arial;
font-size : 12px;
font-weight : normal;
padding-left : 20px;
padding-right : 20px;
color : #333333;
}
.txt-price {
font-family : sans-serif;
font-size : 18px;
font-weight : bold;
color : #ac832b;
}
.box-top {
width : 255px;
height : 18px;
background : url(http://www.jwjewelers.com/images/box-top.jpg) no-repeat;
margin : 0;
padding : 0;
}
.box-mid {
width : 255px;
height : auto;
background : url(http://www.jwjewelers.com/images/box-mid.jpg) repeat-y;
margin : 0;
padding : 0;
}
.box-bot {
width : 255px;
height : 20px;
background : url(http://www.jwjewelers.com/images/box-bot.jpg) no-repeat;
margin : 0;
padding : 0;
}
.cols-3 {
width : 244px;
height : 237px;
background : url(http://www.jwjewelers.com/images/3cols-box.jpg) no-repeat;
margin : 0;
padding : 0;
}
.r300-bg {
background : url(http://www.jwjewelers.com/images/300bg.jpg) no-repeat;
width : 321px;
height : 324px;
line-height : 324px;
vertical-align : middle;
margin : 0;
padding : 0;
}
.related-products {
width : 180px;
text-align : center;
margin : 10px;
}
.related-products a {
text-decoration : none;
color : #333333;
}
.related-products a:hover {
text-decoration : underline;
}
a.prodnav {
text-decoration : none;
color : #333333;
}
a.prodnav:hover {
text-decoration : underline;
}
a.prodimg {
color : #dfb444;
}
a.prodimg:hover {
color : #dfb444;
}
.rThumbs {
border : 1px solid #e0b244;
width : 100px;
height : 100px;
margin-top: 15px;
}
.rThumbs:hover {
border : 1px solid #e0b244;
}
h2.product-title {
font-size : 1.6em;
color : #ac832b;
margin : 0;
padding : 0;
}
.noPadMar {
padding : 0;
margin : 0;
}
.gold {
color : #ac832b;
}
.gray {
color : #333333;
}
.code {
font-family : verdana;
font-size : 10px;
color : #333333;
}
.largeImage {
border : 0 solid #e0b244;
width : 300px;
height : 300px;
margin : 10px;
padding : 2px 0 0 1px;
}
.multi-products-container {
text-align : center;
padding-top : 0;
margin-top : 0;
width : 90%;
height : 300px;
font-family : Arial;
font-size : 12px;
font-weight : normal;
color : #333333;
}
.multi-products-title, .pdding20 {
padding-left : 20px;
padding-right : 20px;
font-size : 12px;
font-family : Arial;
}
.multi-products-title a {
color : #333333;
text-decoration : none;
}
.multi-products-title a:hover {
color : #333333;
text-decoration : underline;
}
.box-mid-200 {
height : 205px;
}
.box-float {
float : left;
padding-left : 5px;
padding-bottom : 5px;
}
.mrgnBtm10 {
margin-bottom : 10px;
}
.mrgnBtm5 {
margin-bottom : 5px;
}
.SelectContainer {
padding-left : 60px;
}
.productNavInner {
background : #dfb444;
padding : 3px 15px 3px 15px;
color : #ffffff;
}
.productNav {
font-family : Arial;
font-size : 12px;
padding : 1px;
border : 1px solid #dfb444;
float : left;
margin-right : 4px;
margin-bottom : 4px;
}
.productNav a {
text-decoration : none;
color : #202225;
}
.productNav a:hover {
text-decoration : underline;
}
.ht25 {
height : 25px;
}
.ht22 {
height : 22px;
}
.randomquote {
/*this is the whole div */
padding: 20px 0 0 0;
}
.quoteintro {
color : #d29f37;
}
br.clear, br.clearboth {
clear : both;
}
.indented {
padding-left : 18px;
}
ol.indented a, ul.indented a {
color : #333333;
text-decoration : none;
}
ol.indented a:hover, ul.indented a:hover {
text-decoration : underline;
}
img.left, img.alignleft {
float : left;
margin : 0 20px 5px 0;
}
img.right, img.alignright {
float : right;
margin : 0 0 5px 20px;
}
img.center, .aligncenter {
margin : 0 auto 5px auto;
display : block;
}
br.clear, br.clearboth {
clear : both;
}
.basic {
width : 260px;
font-family : verdana;
border : 1px solid #dfb444;
}
.basic div {
background-color : #eee;
}
.basic p {
margin-bottom : 10px;
border : none;
text-decoration : none;
font-weight : bold;
font-size : 10px;
margin : 0;
padding : 10px;
}
.basic a {
cursor : pointer;
display : block;
padding : 5px;
margin-top : 0;
text-decoration : none;
font-weight : bold;
font-size : 12px;
color : #000000;
background-color : #dfb346;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #999;
background-image : url("AccordionTab0.gif");
}
.basic a:hover {
background-color : #ac832b;
background-image : url("AccordionTab2.gif");
}
.basic a.selected {
color : white;
background-color : #dfb346;
background-image : url("AccordionTab2.gif");
}
#list2 {
height : 178px;
border : 1px solid #eee;
overflow : hidden;
}
#list2 .red {
color : red;
background-color : red;
}
#list2 .green {
color : green;
background-color : green;
}
#list2 .blue {
color : blue;
background-color : blue;
}
#list2 dd {
height : 130px;
overflow : hidden;
}
#list3 {
border : 1px solid #111;
}
#list3 div.selected .title {
font-weight : bold;
}
#list3 div div {
border-left : 8px solid #6699cc;
padding : 5px;
}
#list3 div.title {
border : 1px solid #3366aa;
background-color : #6699cc;
padding : 10px;
cursor : pointer;
}
#list3 div.selected {
border-bottom : none;
}
#navigation {
border : 1px solid #dfb444;
margin : 0;
padding : 0;
text-indent : 0;
background-color : #eeeeee;
width : 220px;
}
#navigation a.head {
cursor : pointer;
border : 1px solid #cccccc;
background : #dfb444 scroll 3px 4px;
color : #000000;
display : block;
font-family : Arial;
font-size : 13px;
font-weight : bold;
margin : 0;
padding : 5px;
text-indent : 14px;
text-decoration : none;
}
#navigation a.head:hover {
color : #ffffff;
}
#navigation a.selected {
color : #ffffff;
}
#navigation a.current {
text-decoration : underline;
}
#navigation ul {
border-width : 0;
margin : 0;
padding : 0;
padding-left : 20px;
text-indent : 0;
font-family : Arial;
font-size : 12px;
}
#navigation li {
list-style : none;
display : inline;
}
#navigation li li a {
color : #000000;
display : block;
text-indent : 10px;
text-decoration : none;
padding : 1px;
}
#navigation li li a:hover {
text-decoration : underline;
}
#wizard {
width : 200px;
border : 1px solid black;
}
#wizard .title {
background-color : #dddddd;
}
#suckerfishnav li.page-item-541 a{
color: red;
}
/* page 541 is the Clearance page, make it red */
#suckerfishnav li.page-item-541 a:hover{
color: red;
text-decoration : underline;
}
div#rotator {
margin : 10px;
}
td.column-1, td.column-3, td.column-4, td.column-5, td.column-6 {
text-align:center;
}
th.column-1, th.column-3, th.column-4, th.column-5, th.column-6 {
text-align:center;
}