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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
body {background-image: url(images/brownpaper.png); font-family: "courier new";}
.alignleft {float:left; margin-right: 15px !important;}
.alignright {float:right; margin-left: 15px !important;}
/*--------General Type----------*/
html {font-size: 62.5%;}
body, input, select {font-family: "Courier New", Courier, mono;}
p, li, label, #sidebar, .sgloptiondetails{
font-size: 1.4em;
line-height: 1.5em;
margin-bottom: 1.5em;
}
p {text-align: justify;}
#maincontent li {margin-bottom: 0;}
#maincontent ul, #maincontent ol {margin-bottom: 1.5em;}
#sidebar li, #sidebar p, li ul li {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {text-transform: capitalize;}
h1 {font-size:2.8em; line-height: 1.5em; margin-bottom: 1.5em; }
h2, legend {font-size:2.1em; line-height: 1em; margin-bottom: 1em;display:block;}
h2 a:link {color:#000;} h2 a:hover {color: #B90000;}
h3, .navigation {font-size:1.8em; line-height: 1.1667em; margin-bottom: 1.1667em; font-weight: normal;}
h4 {font-size: 1.4em; font-weight: bold; line-height: 1.5em; margin-bottom: 0.5em; margin-top: 1em; }
a:link {
color: #B90000;
}
a:visited {
color: #950000;
}
a:hover { text-decoration: underline; color: #D90000;
}
/* -----------------------------------------------------Menu and Header */
#mainheader {
margin:25px auto auto 25px;
overflow:hidden;
padding-bottom:4.2em;
width:800px;
z-index:80;}
#mainheader h1 {width: 750px; height:82px; padding: 0; margin: 0; background: url(images/logo.png) no-repeat; text-indent: -999999px; font-size: 1em;}
#menu {position: relative; width: 800px; height: 60px; padding: 0; background: url(images/menubutton2.png);}
#menu span {display: none;}
#menu ul {list-style-type: none;}
#menu li {position: absolute; top: 0; margin: 0; padding: 0; list-style: none;}
#menu li, #menu a {height: 61px; padding: 0; display: block; }
#menu1 {left: 0px; width: 136px;}
#menu2 {left: 136px; width: 102px;}
#menu3 {left: 238px; width: 126px;}
#menu4 {left: 364px; width: 141px;}
#menu5 {left: 505px; width: 96px;}
#menu6 {left: 604px; width: 196px;}
#menu1 a:hover {background: url(images/menubutton2.png) 0px bottom;}
#menu2 a:hover {background: url(images/menubutton2.png) -136px bottom;}
#menu3 a:hover {background: url(images/menubutton2.png) -238px bottom;}
#menu4 a:hover {background: url(images/menubutton2.png) -364px bottom;}
#menu5 a:hover {background: url(images/menubutton2.png) -505px bottom;}
#menu6 a:hover {background: url(images/menubutton2.png) -604px bottom;}
#main {background:url(images/paper.png); position: relative; width: 718px; padding: 4.2em 35px 1em 82px; margin: 0 auto 4.2em 25px;}
#main #topshadow {
background:transparent url(images/papershadowtop.png) no-repeat scroll 0 0;
height:20px;
margin:0 auto auto -82px;
position:absolute;
top:-20px;
width:830px;}
#main #bottomshadow{
background:transparent url(images/papershadowbottom.png) no-repeat scroll 0 0;
height:20px;
margin:auto auto -30px -82px;
position:relative;
width:830px;}
#maincontent {width:470px; float: left;}
#maincontent div {clear:both;
padding-bottom:1.5em;
margin-bottom:1.5em;
overflow:hidden;}
ul#forsale {width: 480px; margin-left: -5px;}
ul#forsale li {
float:left;
margin:5px;
text-align:center;
width:150px;
height: 220px;}
#maincontent div, body#index #maincontent ul#forsale {margin-bottom: 2.1em;}
ul#forsale li img {border:1px solid #73460C; width: 148px; height: 148px; }
ul#forsale li a:link, ul#forsale li a:visited {color:#000; text-decoration:none;}
ul#forsale li a:hover{color:#D90000;}
#forsalelogo a{display:block; width: 136px; height: 50px; background: url(images/logoforsale.png) no-repeat; text-indent: -999999px; margin-bottom: 0.5em;}
#maincontent div.navigation, #maincontent div.navigation div{margin:0; padding:0;}
div.wp-caption {text-align: center; border: 1px solid #73460c;}
div.wp-caption img{margin-bottom:1em;border-bottom: 1px solid #73460c; width:100%;}
p.wp-caption-text{margin:0;}
#sidebar {width: 225px; float: right;}
#sidebar ul { }
ul#sidebar li {background: url(images/graph.gif); border: 1px solid #73460c; padding:15px; }
ul#sidebar li ul li {border:none; background: none; margin: 0; padding:0;}
ul#sidebar li#snoopy {text-align: center; margin-bottom: -6px; border:0px none; background:none; padding: 0;}
#footer-wrapper {clear:both; text-align: center;}
.postwrap {border-bottom:1px dashed #000000;}
.searchresults span.thumbnail {float:left; margin-right: 25px;}
.searchresults span.thumbnail img {width: 100px; height: 100px; border:1px solid #73460C;}
.searchresults div.post {border-bottom: 1px dashed #000;}
ul#linklist, ul.blogroll {margin-left: 2.1em;}
ul#linklist li, ul.blogroll li{margin-bottom: 1.5em !important;}
#blog h2, h2#bloglogo {clear:both; padding: 0;}
#blog h2#otherrecent {padding-bottom:0; padding-top: 1.5em;}
/* Headings
----------------------------------------------- */
li#eshopcart h2.widgettitle {display:block; width: 195px; height: 50px; background: url(images/logocart.png) no-repeat; text-indent: -999999px; margin-bottom: 0.5em;}
h2#bloglogo a, #blog #maincontent h1{display:block; width: 195px; height: 50px; background: url(images/logoblog.png) no-repeat; text-indent: -999999px; margin-bottom: 0.5em;}
/*--------------------------------------Links Page ---------*/
h2#links {width: 238px; height: 50px; background: url(images/logolinks.png) no-repeat; text-indent: -999999px; margin-bottom: 1.5}
h2#About {width: 337px; height: 50px; background: url(images/logoabout.png) no-repeat; text-indent: -999999px; margin-bottom: 1.5}
h2#contact {width: 405px; height: 50px; background: url(images/logocontact.png) no-repeat; text-indent: -999999px; margin-bottom: 1.5}
/*--- Product Gallery -----*/
div.jqGSImgContainer, div.jqGSPagination {margin-bottom:1em !important; padding-bottom:0 !important;}
.jqGSPagination ul {}
.jqGSPagination ul li {float:left;
margin-right:5px;
padding:0 1px 1px 0;
text-align:center;}
.jqGSPagination ul li a{border:1px solid #73460C;
display:block;
padding:0 8px;
text-align:right;
text-decoration:none;
}
.jqGSPagination ul li a:hover {background:#B90000; color: #fff;}
.jqGSImgContainer {border: 1px solid #73460c;
width:468px !important; }
.jqGSTitle {display:none !important;}
input#s {width: 185px; padding: 3px ;margin-bottom: 1em;}
input#searchsubmit {
background:#FAFAFA none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#000000;
margin-right:1em;
padding:2px 5px;
width:auto;
}
input#searchsubmit:hover {
background:#B90000 none repeat scroll 0 0;
border-color:#000000;
color:#FFFFFF;
}
/*-------Shop------------------*/
/*
form.eshop {border: 1px dashed #000;padding: 2.1em;}
form.eshop dfn {font-style:normal;}
form.eshop label.qty {margin-left: 2em;}
form.eshop select {font-size: 1em;}
form.addtocart input {font-size: 1.4em;}
form.eshop input.button {margin-top: 1.5em;display:block;}
form.eshop legend { padding-bottom:1em;}
p label {font-size: 1em}
form.eshop .cartopt input {font-size:1em;}
form.eshopcart {border: none;}
form.eshopcart table {font-size: 1.4em; line-height: 1.5em;}
form.eshopcart tr.stotal {} */
/* Default css for eShop display */
/* COLORS */
.eshopshipping {display: none;}
.eshopnostock {font-size: 1em; color: #D90000; }
/*********** TABLES ***************/
/* generic eshop table colors */
table.eshop,table.eshop th,table.eshop td {
border:1px solid #000;
}
table.eshop img {
border:none;
}
table.eshop thead th,table.cart thead th {
color:#000;
}
table.eshop tbody th {
}
table#eshopshiprates tr.alt {
background:#ede1bf;
}
table.eshop tr a, table.eshop tr.alt a {
color:#000; text-decoration:none;
}
table.eshop tr a:hover {color: #B90000; }
/* shopping cart */
table.cart tr.stotal {
background:#EDE1BF;
color:#404040;
}
table.cart tr.total {
background:#EDE1BF;
color:#404040;
}
/*********** LISTS ***************/
/* generic eshop panel list colors */
ul.eshop li a img {
border:1px solid #000;
}
ul.eshop li a:hover img,ul.eshop li a:active img,ul.eshop li a:focus img {
border-color:#000;
}
/* eshop panels with form */
ul.eshoppanels li form.addtocart {
background:transparent;
color:#000;
border:0;
}
/*********** FORMS ***************/
/* generic eshop form colors */
form.eshop input.button {margin-top: 1.5em;
}
form.eshop input.button:hover {background:#B90000; color:#fff; border-color:#000;}
form.eshop input.button:hover,form.eshop input.button:active,form.eshop input.buttonfocus {
}
ul.continue-proceed li a {
color:inherit; text-decoration:none;}
ul.continue-proceed {
margin-left:-5px;
overflow:hidden;
text-align:center;
width:480px;}
ul.continue-proceed li {
background:#FAFAFA none repeat scroll 0 0;
border:1px solid #CCCCCC;
display:block;
float:left;
height:1.5em;
margin:5px;
padding:2px 5px;
width:218px;
}
ul.continue-proceed li:hover{background:#B90000; color:#fff; border-color:#000;}
form fieldset {
padding:2.1em;
border:1px dashed #000;
}
form fieldset fieldset {
border:none;
margin: 0;
padding:2.1em 0;
}
form.eshop legend {
margin-left:-1px;
padding: 2px 5px;
color:#000;
border-width:1px;
border-style:solid;
background:#ede1bf;
margin-bottom:-3px;
font-size: 1.4em;
}
form input,form textarea {
background:#FAFAFA;
color:#000;
border:1px solid #ccc;
}
form input:focus,form textarea:focus,form input.focus,form textarea.focus {
background:#fff;
color:#404040;
border-color:#000;
}
form.dlproduct label {
color:#A22F2F;
}
input, textarea {padding: 5px}
div.wpcf7-response-output {margin:0; padding:0;}
form.wpcf7-form input {width: 235px; }
form.wpcf7-form textarea {width: 458px; resize:vertical;}
.wpcf7-validation-errors {border-color:##950000; width: 458px}
div.wpcf7-mail-sent-ok {
border:2px solid #398F14;
}
div.wpcf7-response-output {
margin:0 !important;
padding:10px !important;
font-size:1.4em;
margin:0;
width:446px;
}
/*********** OTHER ***************/
/* no bullets */
#content ul.eshopfeatured li,#content ul.eshopfeatured li,#content ul.eshopsubpages li,
#content ul.eshoprandomlist li,#content ul.eshopshowproduct li,#content ul.eshoppanels li,
#content fieldset.eshoppayvia li,
#content .pagfoot ul li,#content ul.continue-proceed li {
list-style-type:none;
list-style-image:none;
}
fieldset.eshoppayvia li {width: 100%; overflow: hidden;}
fieldset.eshoppayvia li input {margin: 15px auto auto 15px}
/* pagination */
div.paginate ul li {
background:#DEE0F1;
color:#404040;
border-width:1px;
border-style:solid;
border-color:#EAEAF6 #CECFDB #CECFDB #EAEAF6;
}
/* automatic redirect to paypal */
#process {
background:#E6FDCD;
color:#404040;
border:3px double #4EAB02;
}
/* errors & required */
.reqd,.error {
color:#A22F2F;
}
/* credits */
.creditline {
color:#969696;
}
input#unset {margin-right:0;}
li#eshopcart p {font-size:1em; font-weight:bold;}
/* LAYOUT */
/*********** TABLES ***************/
/* generic eshop table layout */
table.eshop {
font-size:1.4em;
margin-bottom: 1em;
border-collapse:collapse;
line-height: 1.5em;
}
body#checkout table.eshop {
width:469px;
margin-left:1px;
}
table.cart {
margin-left:0;
width:467px;
}
table.eshop caption {
margin-bottom:0;
padding:2px 0;
font-size:.9em;
}
table.eshop thead th {
background :#ede1bf;
font-weight:bold;
text-align:center;
}
table.eshop tbody th {
text-align:center;
}
table.eshop td, table.eshop th {
padding:3px;
}
table.eshop .center {
text-align:center;
}
table.eshop dfn {
font-style:normal;
}
table.eshop img {
float:left;
margin:0 10px 0 0;
vertical-align:top;
}
/* shopping cart */
table.cart td, table.cart th {
padding:5px 8px;
}
table.cart td.amts {
text-align:right;
}
table.cart td.cqty {
text-align:center;
}
table.cart td.cqty input {
text-align:right;
}
table.cart tr.stotal {
text-align:right;
}
/* shipping rates */
table#eshopshiprates td {
text-align:right;
}
table#eshopshiprates td.center {
text-align:center;
}
table#eshopshiprates thead th, #zonelist thead th {
padding:2px;
}
table#eshopshiprates {
margin-bottom:10px;
margin-left: 1px;
width: 469px;
}
#zonelist td {
text-align:left;
}
#zonelist td.code,#zonelist td.zone {
text-align:center;
}
.eshopzones label {
display:inline;
}
.eshopzones .button {
padding:0 5px;
}
/* eshop discounts */
table.eshopdiscounts thead th#ediscount {
width:8em;
}
table.eshopdiscounts tbody th {
text-align:center;
}
table.eshopdiscounts td.amts {
text-align:right;
}
table.eshopdiscounts td.disc {
text-align:right;
}
.shipdiscount span {
font-weight:bold;
}
/*********** LISTS ***************/
/* generic eshop listings */
ul.eshop {
margin:0;
padding:0
}
ul.eshop li {
clear:left;
margin:0 20px 20px;
padding:0;
line-height:1.3em;
}
ul.eshop li a {
display:block;
margin:0 0 10px;
padding:0;
text-decoration:none;
}
ul.eshop li a img {
float:left;
margin-right:20px;
margin-bottom:20px;
}
ul.eshop li a.itemref {
font-size:1.3em;
}
/* eshop panel listings */
ul.eshoppanels li {
clear:none;
float:left;
text-align:center;
min-height:200px; /* you may need to adjust this figure to accomodate the height of your product images*/
}
ul.eshoppanels li a img {
float:none;
margin:0;
}
/* eshop panels with form */
ul.eshoppanels li form select,ul.eshoppanels li form.input {
display:block;
width:auto;
margin:2px auto;
}
ul.eshoppanels li form.addtocart {
width:auto;
margin-top:0;
padding:0;
}
/* featured product list with form*/
ul.eshopfeatured form.addtocart {
clear:none;
}
/*********** FORMS ***************/
/* generic form buttons */
input.button {
width:auto;
padding:2px 5px;
margin-right:1em;
}
input#update {margin-right:0;}
input.button:hover,input.button:focus,input.button:active {
cursor:pointer;
}
/* generic form layout */
form.eshopform input#submitit {}
form.eshop {
width:467px;
margin:0 auto;
line-height:1.3em;
}
form.eshop label {
display:block;
font-weight:bold;
margin-bottom:0.5em;
}
form.eshop input,form.eshop textarea {
}
form.eshop textarea {
width: 458px;
}
/* add to cart forms */
form.addtocart {
clear:left;
width:458px;
margin: 1.5em 0;
padding:5px;
}
form.addtocart fieldset {
padding:2.1em;
}
form.addtocart select {
width:auto;
margin-right:20px;
}
form.addtocart span.sglprice {
width:auto;
margin-right:20px;
}
form.addtocart label {
display:inline;
}
form.addtocart input.iqty {
width:2.5em;
}
form.addtocart dfn {
font-style:normal;;
}
/* downloads form */
form#eshopdlform fieldset {
width:20em;
margin:0 auto;
}
form#eshopdlform input#email,form#eshopdlform input#code {
width:458px;
margin:0 0 10px;
}
form#eshopdlform label {
display:block;
font-size:1em;
}
form#eshopdlform input.button {
display:block;
margin:0 auto;
}
/* download products page */
form.dlproduct {
margin-bottom:20px;
}
form.dlproduct fieldset, form#dlall fieldset {
padding:15px;
margin-bottom:5px;
}
form.dlproduct .ro {
width:2em;
margin-right:10px;
}
form.dlproduct label {
display:inline;
}
/* payment via options - checkout page */
form.eshopform fieldset.eshoppayvia li label {
float:left;
}
/*********** OTHER ***************/
/* cart options */
.cartopt {
text-align:right;
}
.cartopt p {
margin-bottom:0;
}
.cartopt label {
display:inline;
margin-bottom:0;
}
.continue-proceed {
text-align:center;
}
/*Checkout confirmation with discount code (cart section only) */
.eshop_dcode {
text-align:center;
font-weight:bold;
}
.eshop_dcode span {
font-size:1.2em;
}
/* Automatic redirect to paypal */
#process {
margin:10px auto 0;
padding:0 15px;
line-height:1.5em;
}
#process strong {
font-size:1.2em;
}
#process em {
font-weight:bold;
font-style:normal;
}
#eshopgateway {
text-align:right;
padding-bottom:10px;
}
/* eshop widget */
p.eshopwidget span {
letter-spacing:.02em;
}
/* pagination */
.paginate {
margin:5px 2px;
}
.paginate p {
padding:0;
line-height:2em;
}
.paginate p span {
font-weight:bold;
}
.paginate ul {
margin:0;
padding:0;
}
.paginate ul li {
float:left;
padding:0 4px;
margin-right:5px;
}
.paginate ul li a {
display:block;
}
.pagfoot {
clear:left;
}
/* downloads page */
p.jdl {
text-align:center;
font-size:1.2em;
}
/* more link */
a.eshopmore {
clear:right;
display:block;
text-align:right;
}
/* can be used to position text offscreen */
.offset {
}
/* errors */
.reqd,.error {
color:#A22F2F;
font-size: 1.5em;
line-height:1em;
}
/* credits */
.creditline {
text-align:center;
font-size:.7em;
}