/* Basic Element Formatting ------------------------------------------------------------- */
html {
font-size: 100%;
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
form {
margin: 0;
padding: 0;
}
body {
font-size:100%;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
height: 100%;
}
a, a:hover {
text-decoration: none;
}
h1 {
font-size: 0.95em;
font-weight: bold;
padding: 3px;
margin-bottom: 10px;
}
h2 {
font-size: 0.85em;
font-weight: bold;
padding: 2px;
margin-bottom: 10px;
margin-top: 10px;
clear: both;
}
p {
font-size: 0.8em;
}
input {
font-size: 1em;
font-weight: normal;
height: 1.25em;
margin-bottom: 1px;
}
select {
font-size: 1em;
font-weight: normal;
}
#page-top {
margin:0 auto;
width:1003px;
height:18px;
background:#fff url('../images/container-top.gif');
}
#page-body {
margin:0 auto;
width:1003px;
text-align:left;
background:#fff url(../images/container-mid.gif);
}
#page-body div.pad {
padding:0 15px 0 15px;
}
#page-bottom {
margin:0 auto;
width:1003px;
height:27px;
background:#fff url(../images/container-bottom.gif);
}
/* Size Options Table ------------------------------------------------------------- */
#sizeOptionsTable {
width:129px;
color:#000;
border-collapse:collapse;
margin-bottom:10px;
}
#sizeOptionsTable caption {
font-size:1em;
color:#000;
text-align:left;
font-weight:bold;
margin: 4px 0 4px 0;
}
#sizeOptionsTable td {
font-size:1em;
padding:2px;
vertical-align:middle;
border:1px solid #bb8d0a;
}
#sizeOptionsTable td.radio {
width:15%;
}
#chartTable {
width:100%;
color:#000;
border-collapse:collapse;
margin-bottom:10px;
}
#chartTable td {
font-size:0.8em;
padding:1px;
vertical-align:middle;
border:1px solid #bb8d0a;
}
#chartTable th {
font-size:0.8em;
padding:1px;
vertical-align:middle;
border:1px solid #bb8d0a;
}
/* Index block formatting ------------------------------------------------------------- */
.IndexTitle {
font-weight:bold;
margin-left: 5px;
}
.IndexBlock {
width:180px;
border: 1px solid #bb8d0a;
margin-bottom:15px;
margin-left:5px;
}
/* Multiple-Use Selectors ------------------------------------------------------------- */
.clearLeft {
clear: left;
}
.clearBoth {
clear: both;
}
.floatRight {
float: right;
}
.center {
text-align: center;
}
.button {
font-weight: normal;
font-size: 1em;
cursor: pointer;
height: 1.6em;
}
/* Standard text and link formatting ------------------------------------------------------------- */
.jssSmallerText {
font-size: 0.8em;
width: 100%;
}
.jssBoldLinks {
font-size: 0.8em;
text-decoration: none;
font-weight: bold;
}
.jssBoldLinks:hover {
text-decoration: none;
font-weight: bold;
}
.jssProductTitle {
font-size: 0.75em;
text-decoration: none;
}
.jssProductTitle:hover {
font-size: 0.75em;
text-decoration: none;
}
.jssPrice {
font-weight: bold;
font-size: 1em;
}
.jssProductPrice {
font-weight: bold;
font-size: 1.5em;
}
.jssProductLinks, jssProductLinks:link {
padding: 1px 1px;
margin: 2px 2px 0px 0px;
font-size: 1.0em;
white-space: nowrap;
font-weight: bold;
border: 0px;
cursor: pointer;
}
.jssProductAdd {
margin-left: 0px;
font-size: 1.0em;
font-weight: bold;
border: 0px;
cursor: pointer;
}
/* Header Styles ------------------------------------------------------------- */
#skin_prim_nav {
color: inherit;
background-color: #BB8D0A;
padding: 10px 5px 10px 5px;
margin: 5px 0px 0px 0px;
font-weight: bold;
text-align: center;
}
#skin_button_last {
border: none;
}
.skin_button {
color: #FFFFFF;
background-color: inherit;
margin: 0px 0px 0px 0px;
display: inline;
padding: 0px 20px 0px 20px;
font-size: 0.7em;
border-right: 1px dotted #FFFFFF;
/* background-image: url('../media/nav_arrow.gif'); background-repeat:
no-repeat; background-position: 1.0em .9em; */
}
.skin_button A:link {
color: #FFFFFF;
}
.skin_button A:hover {
color: #FFFFFF;
text-decoration: underline;
}
.skin_button A:visited {
color: #FFFFFF;
}
img#jssLogo {
float: left; border: 0px;
}
div#jssHeader {
font-size: 1em;
margin: 0;
width: 100%;
height: 70px;
}
div#jssSubHeader {
font-size: 1em;
font-weight: bold;
margin: 0;
width: 100%;
padding-top: 3px;
padding-bottom: 3px;
}
span#jssWelcome {
padding-left: 5px;
font-weight: normal;
font-size: 0.7em;
}
span#jssDate {
float: right;
padding-right: 5px;
}
div#navcontainer {
text-align:center;
position: relative;
display: inline;
top: -5px;
}
ul#navlist {
margin: 0px;
padding: 0px;
white-space: nowrap;
}
#navlist li {
display: inline;
list-style-type: none;
margin-bottom: 3px;
padding: 0px;
text-align: left;
}
#navlist a {
padding: 3px 3px;
font-size: 0.9em;
text-decoration: none;
}
.jssHeaderBlock
{
margin: 2px;
margin-left: 0px;
padding: 0px;
float: right;
display: inline;
height: 80%;
font-size: 1em;
}
.jssHeaderBlockTitle
{
font-size: 0.7em;
font-weight: bold;
}
.jssHeaderBlockContent
{
font-size: 0.8em;
font-weight: normal;
}
.jssHeaderBlockContent a {
margin: 2px 2px 0px 3px;
font-size: 0.8em;
}
.jssHeaderBlockContent a:link, .jssHeaderBlockContent a:visited {
text-decoration: none;
font-weight: normal;
font-size: 0.8em;
}
.jssHeaderBlockContent a:hover {
text-decoration: underline;
font-weight: normal;
}
.jssHeaderBlockLinks {
margin-top: 2px; margin-bottom: 2px; text-align: right;
font-size: 0.8em;
}
.jssHeaderBlockLinks a:hover {
text-decoration: underline;
}
/* Left Column ------------------------------------------------------------- */
div#jssLeftMenu {
font-size: 1em;
margin-left:10px;
width: 155px;
padding-top: 0px;
float: left;
}
.section-content {
clear: both; padding-top: 10px;
}
.jssSectionList {
margin: 0px; padding: 0px; padding-left: 17px; list-style-type: square;
}
.jssSubSectionList {
margin: 0px; padding: 0px; padding-left: 14px; list-style-type: square;
}
.jssCustomerLinks {
margin: 0px; padding: 0px; padding-left: 5px; list-style-type: none;
}
.jssNewsLinks {
margin: 0px; padding: 0px; padding-left: 17px; list-style-type: square;
}
/* Right Column ------------------------------------------------------------- */
div#jssRightMenu {
font-size: 1em;
width: 155px;
padding-top: 0px;
margin-left:10px;
float: left;
}
/* Right and Left Menu Box Style ------------------------------------------------------------- */
.jssMenuBox {
width: 155px;
margin-top: 10px;
}
.jssMenuBoxTitle {
font-size: 0.9em;
font-weight: bold;
width: 155px;
}
.jssMenuBoxContent,
.jssMenuBoxContentCent {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2px;
font-size: 0.75em;
height: 1%;
}
.jssMenuBoxContent {
text-align: left;
overflow: auto;
}
.jssMenuBoxContent:after { content: ""; display: block; height: 0; clear: both; }
.jssMenuBoxContentCent {
text-align: center;
overflow: auto;
}
/* Main Content (Middle) Styles ------------------------------------------------------------- */
div#jssMainContent {
padding-left: 15px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 1em;
float: left;
margin-top: 10px;
width: 784px;
}
div#jssMainContent:after { content: ""; display: block; height: 0; clear: both; }
.jssPageHeading {
font-size: 0.95em;
font-weight: bold;
padding: 3px;
margin-bottom: 10px;
}
.jssPageSubHeading {
font-size: 0.85em;
font-weight: bold;
padding: 2px;
margin-bottom: 10px;
margin-top: 10px;
clear: both;
}
.jssPageSubHeadingProduct {
padding: 2px;
margin-top: 10px;
clear: both;
}
.jssBreadcrumb {
width: 100%;
font-size: 0.7em;
margin-bottom: 10px;
}
.jssBreadcrumbTitle {
font-weight: normal;
padding-left: 3px;
margin-right: 3px;
}
/* Footer Styles ------------------------------------------------------------- */
.footer-table {
float:left;
width:25%
}
.footer-heading {
font-weight:bold;
}
div#jssFooter {
border-top: solid 1px #bb8d0a;
margin-top: 15px;
width: 100%;
clear:both;
}
div#jssFooterLinksDiv {
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
font-size: 1em;
}
ul#jssFooterLinks {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
}
#jssFooterLinks li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
padding-left: 2px;
padding-right: 2px;
font-weight: bold;
}
#jssFooterLinks a {
padding: 1px 1px;
margin: 2px 2px 0px 0px;
font-size: 0.7em;
white-space: nowrap;
}
#jssFooterLinks a:link, #jssFooterLinks a:visited {
text-decoration: none;
font-weight: bold;
}
#jssFooterLinks a:hover {
text-decoration: underline;
font-weight: bold;
}
div#jssUsersOnline {
margin-left: auto;
margin-right: auto;
text-align: center;
clear: both;
font-size: 0.8em;
}
div#jssCopyright {
margin-top: 5px;
margin-left: auto;
margin-right: auto;
text-align: center;
clear: both;
font-size: 0.8em;
}
.logos {
margin-top: 5px;
margin-left: 50px;
margin-right: auto;
clear: both;
text-align: center;
}
/* General Form Styling ------------------------------------------------------------- */
.jssForm {
}
.jssFormRow {
clear: both;
height: 15px;
font-size: 0.8em;
margin: 5px 0 0 0;
}
.jssFormCol1 {
float: left;
width: 150px;
text-align: left;
height: 15px;
padding: 2px;
margin-right: 2px;
font-weight: bold;
}
.jssFormCol2 {
float: left;
text-align: left;
}
.jssError {
font-size: 0.8em;
font-weight: normal;
}
.jssFormDiv {
text-align: center;
}
.jssFormTable {
margin-left: auto; margin-right: auto;
padding: 0px;
border: 0px;
}
.jssFormTable caption {
margin-left: auto; margin-right: auto;
font-size: 0.70em;
}
.jssFormTable th {
font-weight: bold;
padding: 2px;
text-align: left;
font-size: 0.8em;
vertical-align: top;
padding-top: 3px;
}
.jssFormTable td {
font-weight: normal;
padding: 2px;
text-align: left;
font-size: 0.8em;
}
.jssFormTable td.jssFormSubmit {
text-align: right;
}
.jssFormTable input {
font-size: 1em;
font-weight: normal;
height: 1.3em;
}
.jssFormTable select {
font-size: 1em;
font-weight: normal;
}
.jssFormTable td.jssFormSubmit input {
font-size: 1.0em;
cursor: pointer;
height: 1.6em;
}
.jssFormError {
font-weight: bold;
font-size: 0.8em;
}
/* Cart Styling ------------------------------------------------------------- */
.jssCartDiv {
text-align: center;
}
.jssCartTable {
margin-left: auto; margin-right: auto;
padding: 0px;
border: 0px;
}
.jssPCentered {
text-align: center;
}
.jssCartTable caption {
margin-left: auto; margin-right: auto;
font-size: 0.70em;
}
.jssCartTable th {
font-weight: bold;
padding: 2px;
text-align: left;
font-size: 0.70em;
vertical-align: top;
}
.jssCartTable th.right {
font-weight: bold;
padding: 2px;
text-align: right;
font-size: 0.70em;
vertical-align: top;
}
.jssCartTable td {
font-weight: normal;
padding: 2px;
text-align: left;
font-size: 0.70em;
vertical-align: top;
}
.jssCartTable td.right {
font-weight: normal;
padding: 2px;
text-align: right;
font-size: 0.70em;
vertical-align: top;
}
.jssCartTable th.total {
font-weight: bold;
padding: 2px;
text-align: right;
font-size: 0.75em;
vertical-align: top;
}
/* general table styling ------------------------------------------------------------- */
.jssGeneralTableDiv {
text-align: center;
}
.jssGeneralTable {
margin-left: auto; margin-right: auto;
padding: 0px;
border: 0px;
}
.jssGeneralTable caption {
margin-left: auto; margin-right: auto;
text-align: right;
font-weight: bold;
font-size: 0.70em;
}
.jssGeneralTable th {
font-weight: bold;
padding: 2px;
text-align: left;
font-size: 0.70em;
vertical-align: top;
}
.jssGeneralTable td {
font-weight: normal;
padding: 2px;
text-align: left;
font-size: 0.70em;
}
.jssGeneralTable td.bold {
font-weight: bold;
padding: 2px;
text-align: left;
font-size: 0.70em;
}
.jssGeneralTable a {
padding: 1px 1px;
margin: 2px 2px 0px 0px;
font-size: 1em;
white-space: nowrap;
}
.jssGeneralTable a:link, .jssGeneralTable a:visited
{
text-decoration: none;
font-weight: bold;
font-size: 1em;
}
.jssGeneralTable a:hover
{
text-decoration: underline;
font-weight: bold;
font-size: 1em;
}
/* Product Option (qty discounts, combinations etc.) ------------------------------------------------------------- */
.jssProductTable {
width:100%;
color:#000;
border-collapse:collapse;
margin-bottom:10px;
}
.jssProductTable td {
font-size:0.8em;
padding:1px;
vertical-align:middle;
border:1px solid #bb8d0a;
}
.jssProductTable th {
font-size:0.8em;
padding:1px;
vertical-align:middle;
border:1px solid #bb8d0a;
}
/* Index-specific Styles ------------------------------------------------------------- */
.jssIndexProductThumbnail {
float: left; margin-right: 5px; padding: 3px;
}
.jssIndexFullWidth {
clear: both; text-align: center; width: 100%;
}
.jssIndexColLeft {
width: 49%; float: left;
}
.jssIndexColRight {
width: 49%; float: right;
}
.jssIndexProductBlock {
width: 100%; clear: both; text-align: left;
}
.jssIndexProductGap {
width:2%; float: left;
}
/* Section And Listing Styles ------------------------------------------------------------- */
/* HELP: Container for the paging links on section and search pages */
.pages-container {
top: 0px;
padding: 1px;
margin-bottom: 5px;
font-weight: bold;
font-size: 0.6em;
text-align: right;
}
/* HELP: Basic list formatting for the paging links, including previous and next links */
.pages-list {
margin-left: 0px;
padding-left: 0px;
white-space: nowrap;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
}
/* HELP: Formatting for each entry in the paging links
*/
.pages-list li {
color: #000000;
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
margin: 0px;
margin-left: 1px;
margin-right: 1px;
}
/* HELP: Display style for the page entry in the list that you are currently viewing */
.pages-list span {
padding: 5px;
padding-top: 3px;
padding-bottom: 3px;
margin: 0px;
color: #fff;
background-color: #bb8d0a;
border: 1px solid #bb8d0a;
}
/* HELP: Actual clickable link for page numbers and previous and next links */
.pages-list a {
padding-top: 3px;
padding-bottom: 3px;
margin: 0px;
color: #bb8d0a;
background-color: #fff;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #bb8d0a;
}
/* HELP: Clickable link style when mouse hovers over it
*/
.pages-list a:hover {
text-decoration: underline;
color: #fff;
background-color: #dab968;
}
.pagescontainer {
float: right;
position: relative;
margin-top: 5px;
margin-bottom: 10px;
margin-right: 5px
}
/* Other/Misc Styles ------------------------------------------------------------- */
.checkoutbutton {
font-size :1.0em;
}
.checkoutbutton a {
border-left: 3px solid #dab968;
color: #fff;
background: #bb8d0a;
padding: 3px;
}
.checkoutbutton a:hover {
padding: 3px;
color: #fff;
background: #dab968;
}
.jssProductListMain {
clear: both; padding-top: 2px;
margin-bottom: 2px;
}
.jssProductListTitle {
float: left; margin-right: 5px;
}
.jssSecFlagsDiv {
float: right; width: 5.5em; padding: 3px; font-size: 1em;
}
.jssProdSecFlagsDiv {
font-size: 1.5em; margin-top: 5px;
}
.jssProductFlag {
margin-bottom: 3px;
padding-left: 3px;
font-size: 0.6em;
white-space: nowrap;
font-weight: normal;
text-align: right;
}
.jssSectionThumbnail {
float: left;
}
.jssSubSecTitle {
width:180px;
font-size: 1em;
}
.jssRootSecDiv {
float:left;
margin-right: 18px;
margin-bottom: 14px;
height: 225px;
border-bottom: 2px solid #bb8d0a;
border-left: 1px solid #bb8d0a;
width:175px;
}
.jssRootSecH3 {
text-align:center;
font-size: 1em;
margin-bottom:5px;
margin-top:2px;
margin-right:0;
margin-left:0;
padding:0;
}
.jssRootSectionDesc {
font-size: 0.8em;
}
.jssSubSecDiv2 {
width: 100%; clear: both; text-align: left;
}
.jssSubSecDiv {
float:left;
width: auto;
margin-right: 15px;
margin-bottom: 15px;
height: 245px;
border-bottom: 2px solid #bb8d0a;
border-right: 1px solid #bb8d0a;
}
.jssSubSecDiv-Colours {
float:left;
width: auto;
margin-right: 15px;
margin-bottom: 15px;
height: auto;
border: 0;
}
.jssSubSecDiv-Recent{
float:left;
width: 118px;
margin-right: 15px;
margin-bottom: 15px;
height: auto;
border: 0;
}
.jssSubSecDiv-Search{
float:left;
width: 118px;
margin-right: 15px;
margin-bottom: 15px;
height: auto;
border: 0;
}
.jssSectionDesc {
font-size: 0.8em;
margin-top:0px;
width:180px;
}
.jssSectionDescSale {
font-weight: bold;
color: #800000;
border: 1px solid #800000;
padding: 1px;
margin-left: 40px;
margin-top: 5px;
margin-bottom: 5px;
width: 4em;
}
.jssSecImages {
float: left; margin-right: 5px; padding: 3px;
}
.jssLinksDiv {
padding: 3px; font-weight: bold;
}
.jssSectionContent {
clear: both; padding-top: 10px;
}
.jssSecProductTitle {
width:180px;
padding-top: 3px;
padding-bottom: 3px;
}
.jssIndexProductDiv {
float:left;
width: auto;
margin-right: 15px;
margin-bottom: 15px;
height: 250px;
font-size: 0.85em;
border-right: 1px solid #bb8d0a;
border-bottom: 2px solid #bb8d0a;
}
.jssSecProductDiv {
float:left;
width: auto;
margin-right: 15px;
margin-bottom: 15px;
height: 260px;
font-size: 0.85em;
border-right: 1px solid #bb8d0a;
border-bottom: 2px solid #bb8d0a;
}
.jssSecProductDivColor {
float:left;
width: auto;
height: auto;
font-size: 0.85em;
margin-right: 10px;
margin-bottom: 10px;
}
.jssSecProductDesc {
font-size: 0.85em;
width: 179px;
}
jssSecProductDescColor {
font-size: 0.8em;
width: 125px;
border-bottom: 2px solid #bb8d0a;
}
.jssSendFriendDiv a:hover {
cursor: pointer;
}
.jssProductSep {
clear: both; border: 0px; margin-bottom: 5px; height: 5px;
}
.jssProductFullImage {
float: left; margin-right: 10px; border: 1px solid;
}
.jssProductOptionsDiv {
float: right; width: 254px;
}
.jssProductFieldsDiv {
float: left; margin-left: 5px; text-align: left;
}
.jssSendFriendDiv {
float:right; font-weight: bold;
}
.jssSendFriendDiv a {
font-size: 1em;
text-decoration: none;
}
/* ADDTHIS Analytics ------------------------------------------------------------- */
.addthis_toolbox.addthis_pill_combo a {
float: left;
}
.addthis_button_compact .at15t_compact {
margin-right: 2px;
float: left;
}
#sidebar #social {
margin: 10px;
}
div .plusone, .twitter, .fb-like {
font-size: 1px;
display: inline-block;
}
div .fb_reset {
display: inline;
}
ul.followus {
margin-right: 5px;
margin-top: 8px;
margin-bottom: 0px;
}
li.followus {
display: inline;
margin-right: 2px;
font-weight:normal;
}
li.followus_fb {
display: inline;
margin-left: 2px;
font-weight:normal;
}
li.followus_tw {
display: inline;
margin-left: 2px;
font-weight:normal;
}
.news-content a {
text-decoration:underline;
}
.news-content a:hover {
text-decoration:underline;
}