@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Arvo:400,400italic);

html, body {width:100%; margin:0; padding:0;}

body {
 background:#fff;
}

body, th, td, input, select, textarea {
 font-family: 'Arvo', serif;
 font-size:14px;
 color:#999;
}

#page {
 width:1000px;
 margin:15px auto;
}

#header {
 position:relative;
}

#logo {
 width:865px;
 border-right:1px solid #e6e3e2;
 padding-top:7px;
 height:100px;
}

#acclinks {
 position:absolute;
 top:25px;
 right:0;
 width:115px;
 font-style:italic;
 font-size:11px;
}

.cartitems {
 border-top:2px dotted #e6e3e2;
 padding-top:4px;
 margin-top:7px;
}

#newsletter {
 float:right;
 padding-top:12px;
}

#topnav {
 font-family: 'Josefin Sans', sans-serif;
 font-size:13px;
 border-top:1px solid #e6e3e2;
 border-bottom:1px solid #e6e3e2;
 padding:12px 0;
 font-weight:700;
 text-transform:uppercase;
}

#topnav div {
 display:inline;
 padding-right:20px;
}

#topnav img {
 vertical-align:middle;
}

#maincontent {
 padding:20px 0;
 line-height:1.8em;
}

#footer {
 font-family: 'Josefin Sans', sans-serif;
 font-size:13px;
 font-weight:600;
 border-top:1px solid #e6e3e2;
 border-bottom:1px solid #e6e3e2;
 padding:10px 0;
 text-align:right;
}


/* --- INDEX PAGE --- */

#slideshow {
 position:relative;
 z-index:0;
}

#indexboxes {
 border-top:1px solid #f1f1f0;
 margin-top:20px;
 padding-top:20px;
 height:200px;
}

.indexbox {
 float:left;
 margin-right:12px;
 width:325px;
 opacity:0.6;
}

.indexbox:hover {opacity:1}


/* --- CATEGORY PAGE --- */

.itemtable, .subcattable, .catitemoutertable {width:100%; margin-top:1em;}

.itemcell, .subcatcell {
 vertical-align:top; 
 text-align:center;
 padding-bottom:2em;
}

.saleprice {font-weight:bold;}
.notprice {text-decoration:line-through}

.paging {margin:1em auto}

#category .breadcrumb {
 background:#F1F1F1;
 padding:5px 10px;
}

#category h1 {
 display:none;
}

.catwithitems-subcat {
 font-family: 'Josefin Sans', sans-serif;
 text-transform:uppercase;
 font-weight:bold;
 padding-top:20px;
 border-bottom:1px solid #ccc;
 margin-bottom:25px;
}

#categorypress .items {
 font-family:arial,helvetica,sans-serif;
 font-size:13px;
 padding-top:25px;
}


/* --- ITEM PAGE --- */

#itemleft {
 width:425px;
 float:left;
 border:1px solid #f1f1f0;
 height:520px;
}

.item_image {
 border-bottom:1px solid #f1f1f0;
}

.gallery td {
 padding:5px 5px 0 5px;
}

.gallery img {
 border:1px solid #fff;
}

.gallery img:hover {
 border:1px solid #e62a22;
}

#itemright {
 margin-left:427px;
 background:#f1f1f0;
 padding:15px 20px 0 15px;
 min-height:507px;
}

.item-pager {
 height:20px;
}

.item-pagerl {
 float:left;
 padding-left:8px;
}

.item-pagerr {
 float:right;
 text-align:right;
}

.breadcrumb {
 font-size:10px;
 margin-top:10px;
 padding-left:8px;
}

#item h1 {
 font-size:18px;
 text-align:left;
 font-weight:400;
 color:#fff;
}

#itemtitle {
 background:#b2aead;
 padding:3px 8px;
}

#itemtitle div {
 display:inline;
}

.itemlongdesc {
 padding-left:8px;
}

.itemlongdesc2 {
 padding-left:8px;
 font-size:11px;
}

.emailfriend {
 padding-top:10px;
}

/* if you want options to float to the left of inputs */
.opt-ctrl, .opt-ctrl-req {
 width:35%;
 float:left;
 text-align:right;
 font-weight:bold;
}

.opt-elem {
 margin-left:35%;
 padding-left:3px;
}

#qtyadd {
 font-family: 'Josefin Sans', sans-serif;
 font-size:21px;
 font-weight:600;
 color:#333;
 float:right;
 padding-top:20px;
}

.quantity-ctrl {
 padding:5px 0 5px 5px;
 color:#333;
 font-size:15px;
 border:1px solid #ccc;
}

#qtyadd input {vertical-align:middle}

#itemlinks {
 font-size:11px;
 padding:20px 0 0 8px;
}

.relatedbox {
 margin-top:20px;
 border-top:1px solid #f1f1f0;
 background:url(../../images/alsorec.gif) no-repeat left top;
 padding:15px 0 0 220px;
 height:100px;
}

.related {
 float:left;
 padding-left:25px;
}

.relatedtext {display:none}

.vert-level-0-on, .vert-level-1-on {font-weight:bold}


/* --- CONTENT PAGES --- */

#content #maincontent {
 font-family:arial,helvetica,sans-serif;
 font-size:13px;
}

#content h1, #categorypress h1 {
 font-family: 'Josefin Sans', sans-serif;
 font-size:36px;
 font-weight:100;
 text-align:left;
 color:#c24700;
 margin:0;
}

#content h2 {
 font-family: 'Josefin Sans', sans-serif;
 font-size:24px;
 font-weight:100;
 text-align:left;
 color:#c24700;
 margin-top:25px;
}

#about1 {
 width:260px;
}

.contentline {
 margin-top:5px;
 color:#c24700;
 background:#c24700;
 height:1px;
 border:0;
}

.chrome .contentline {
 margin-top:10px;
}

#about3 {
 padding-top:20px;
 width:575px;
}

#content #maincontent #faqhead {
 font-family: 'Arvo', serif;
}

#faqleft {
 float:left;
 width:450px;
}

#faqright {
 margin:35px 0 30px 500px;
 padding:0 0 0 40px;
 width:450px;
 border-left:2px dotted #e6e3e2;
}

.q {
 margin-top:20px;
}

.hidden {display:none;}

.unhidden {
 display:block;
 color:#000;
}

.unhidden a:link {color:#c24700; text-decoration:none;}
.unhidden a:visited {color:#c24700; text-decoration:none;}

#stockists a:link {color:#000; text-decoration:none;}
#stockists a:visited {color:#000; text-decoration:none;}
#stockists a:hover {color:#c24700; text-decoration:none;}
#stockists a:active {color:#c24700; text-decoration:none;}


/* --- ACCOUNT PAGES --- */

.login {width:100%; margin:0 auto;}
.login td {width:50%;vertical-align:top;text-align:left; padding:0 50px;}
.login-form td {padding:0 5px}
.loginput input {width:100%}
.forgotlink {margin:0.5em 0;}

.login-register h2 {margin:0; padding:0 0 1em 0; text-align:center}
.login-confirm p {text-align:center}

.userpass .note, .userpass .notice {text-align:center}
.field-req, .billing-required {border-bottom:1px solid #ccc; font-weight:bold;}
.field, .billing-field {border-bottom:1px solid #ccc;}
.message, .msg, .dmsg {color:#f00;}

.register, .files {width:90%; margin:0 auto;}
.register-form td, .wlistsearch td {width:50%}
.reset-form, .register-form, .wlistsearch {width:420px; margin:0 auto;}
 .login-register {text-align:center}
.register .field-req, .register .billing-field {text-align:right;}
.files td {width:50%;vertical-align:top;text-align:left}

.userrecords {width:100%; margin:1em auto;}
.userrecords td {width:50%;}

.ordertable {text-align:left;width:90%;padding:0;margin:0 auto;}
.ordertable th {padding:4px;background-color:#666;border-bottom:1px solid;color:#fff;}

#wish .wlistsearch, .wishtable, .topprods {width:100%}

.wishtable td td {padding:1px}
.wishlisttable, .accounttable {width:100%; border-bottom:1px solid #666; margin-bottom:2em;}
.wishlisttable td, .wishlistbackbutton {text-align:center}
.wishlisttable .itemname {text-align:left;}
.wishlisttable .row1, .wishlisttable .row0 {border-top:1px solid #666;}
.wishlisttable .optrow {border:0; text-align:left; padding-left:60px;}

.wdelete {text-align:right; margin-bottom:5px}
.wlistsearchinput {width:100%}

#emaillogo {display:none}


/* --- GENERAL --- */
 
img {border:0}

a:link {color:#999; text-decoration:none;}
a:visited {color:#999; text-decoration:none;}
a:hover {color:#c24700; text-decoration:none;}
a:active {color:#c24700; text-decoration:none;}

#itemlinks a:link {color:#333; text-decoration:none;}
#itemlinks a:visited {color:#333; text-decoration:none;}
#itemlinks a:hover {color:#c24700; text-decoration:none;}
#itemlinks a:active {color:#c24700; text-decoration:none;}

form {margin:0; padding:0}
input, select, textarea {font-size:10px;}

.sm-button, .abutton, .cbutton, .billbutt, .wbutton, .ddfm .submit input, #searchsubmit, #submit {
 cursor:pointer;
 margin-top:5px;
 font-family: 'Josefin Sans', sans-serif;
 font-size:18px;
 font-weight:600;
 background:#fff;
 color:#c24700;
 text-transform:uppercase;
 -moz-box-shadow: 0 0 2px 2px #ccc;
 -webkit-box-shadow: 0 0 2px 2px #ccc;
 box-shadow: 0 0 2px 2px #ccc;
 padding:5px 10px;
 border:1px solid #ccc;
}

.sm-button:hover, .abutton:hover, .cbutton:hover, .billbutt:hover, .wbutton:hover, .ddfm .submit input:hover {
}

.product-form .sm-button {
 font-size:21px;
}

.textbutton {
 padding:5px 14px;
}

#maincontent .cartsubmit a:link {color:#c24700;text-decoration:none;}
#maincontent .cartsubmit a:visited {color:#c24700;text-decoration:none;}
#maincontent .cartsubmit a:hover {color:#c24700;text-decoration:none;}
#maincontent .cartsubmit a:active {color:#c24700;text-decoration:none;}

.search-button {vertical-align:middle}


/* ------ FOR FORMATTING TEXT ------ */

.floatleft {float:left; margin-right:10px}
.floatright {float:right; margin-left:10px}
.clear {clear:both;height:1px}
.preload {display:none}

.left {text-align:left}
.ctr {text-align:center}
.right {text-align:right}
.justify {text-align:justify}

.small, .tinytxt {font-size:10px}

h1, .content-title, .title {
 font-size:16px;
 font-weight:bold;
 text-align:center;
}

h2 {font-size:15px;}
h3 {font-size:14px;}
h4 {font-size:13px;}

.error, .item-error, .errorlist {
 color:#f00;
 font-weight:bold;
}

.notice {
 font-weight:bold;
}