body {
	margin: 0; padding: 0; font: 0.86em/1.5em arial, verdana, sans-serif; background: url(../i/bg.jpg) #E3F2F0 0 0 repeat-x; color: #003;
}

#wrapper {
	width: 740px; margin: 1em auto; padding: 0; text-align: center; border:  solid #888 1px; background-color: #FFF; 
}

#wrapper * {text-align: left;}

/*heading sizes
----------------------*/
h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 120%; margin: 0.5em 0 0.2em;}

/* header
--------------------------------*/
#masthead {position: relative; width: 100%; overflow: auto; background: url(../i/header.png) #FFF 0 0 repeat; border-bottom: solid 1px #333;}
#masthead, #navTop {height: 100px; overflow: visible; margin: 0; padding: 0;}
#masthead h1 {height: 65px; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden;}
#masthead a {display: block; height: 65px;}
#masthead .tagline {height: 35px; display: block; margin: 0; text-indent: -9999px; overflow: hidden;}

#navTop {position: absolute; top: 0; right: 0; left: auto; width: 291px; list-style: none;}

.shopping, .contact, .questions {height: 50px; text-indent: -9999px; overflow: hidden;}
.shopping {margin-bottom: 1px;}
.contact, .questions {height: 49px; width: 145px; display: inline; float: left; margin: 0;}
.contact {margin-left: 1px;}
#navTop a {display: block; height: 50px; color: #000;}
.shopping a:hover {background: url(../i/masthead-hover.png) transparent 0 0 no-repeat;}
.questions a:hover {background: url(../i/masthead-hover.png) transparent 0 100% no-repeat;}
.contact a:hover {background: url(../i/masthead-hover.png) transparent 100% 100% no-repeat;}

#location {margin: 5px;}
#main {clear: left; float: left; display: inline; width: 520px; margin: 0 10px 10px;}
.home #main {margin: 0 0 10px; width: 100%;}
.home #location {display: none;}
#sidebar {float: left; width: 180px; margin: 2em 0 0 15px;}
.slogan {clear: left;}

#session {float: right; margin: 5px; width: 180px; text-align: center;}
#session h3 {text-align: center;}
#intro {clear:both; margin: 0; padding: 0;}

/* big nav buttons
---------------------------*/
#buttons {float: left; width: 740px; list-style: none; background: url(/i/buttons3.jpg) #FFF 0 0 no-repeat; margin: 2px 0 0; padding: 0;}
#buttons li {float: left; width: 360px; margin: 1px 0; text-indent: -9999px;}
#buttons a {display: block; height: 131px; text-decoration:none;}
#dichroic {width: 360px;}
#beads {width: 379px; display: inline;}
#subcat {width:100%; height:133px; margin: 2em 0; padding:0;}
.cat-dichroic {background: url(/i/dichroicsub.png) #FFF 0 0 no-repeat;}
.cat-beaded {background: url(/i/beadedsub.png) #FFF 0 0 no-repeat;}
#subcat li {float: left; display: inline; text-indent: -9999px;}
#subcat a {display: block; width: 246px; height: 133px;}

#subCats {list-style:none; margin:0; padding:0;}
#subCats li {float:left; margin:2px 4px;}

/*lists
-------------------*/
ul {list-style: square;}

/* footer
--------------------------*/
#footer {clear: both; border-top: solid 1px #999; font-size: 85%; background: url(../i/footer.jpg) #FFF 0 0 repeat; padding: 0.3em 0;}
#footer ul {list-style: none; margin: 0; padding: 0; text-align: center;}
#footer li {display: inline;}
#footer a {color: #333;}
#footer a:hover {text-decoration: none;}

/* page content styles
--------------------------*/
.pagetitle, #session h3 {color: #991900; font-weight: normal; margin: 0.5em 0;}
.categoryDesc {font-weight: normal; margin: 0 10px 1em; color: #777; width: 500px;}
.small {color: #A9C6D4; background-color:  #FFF;}
.createdate {color: #666; background-color: #FFF;}
.modifydate {font-size: 85%; color: #666; border-top: solid 1px #DDD; padding: 0.2em;}
.contentpaneopen, .contentpane {width: 520px; margin: 10px;}
.contentpaneopen p, .contentpane p {margin: 0.2em 0; padding: 0;}
.contentpaneopen .contentheading {margin: 0;}
.article_seperator {margin: 10px;}
.addressinfo h3 {margin-bottom:0;}
.addressinfo p {margin-top:0;}
.addressinfo img {border:none;}
.hawickMap {float:right; margin:1em 2em 2em;}

/* Latest news
-----------------------*/
.latestnews {float: left; width: 500px; border: solid #999; border-width: 1px 0 0; margin: 2em 0;}
.latestnews h2, .recentnews h2 {font-size: 120%; background-color: #EEE; border-bottom: solid 1px #999; padding: 0.5em; margin: 0;}
.recentnews h2 {background-color: #E1E1E1;}
.latestnews .post {margin: 0.5em 0 0 10px; padding: 0;}
.recentnews ul {margin: 0.5em 0 0 10px; padding-left: 10px;}
.recentnews {float: left; width: 239px; border: solid #999; border-width: 1px 0 0px 0px; margin: 2em 0; padding: 0;}

/* catalogue and shopping cart
-------------------------*/
.product {float: left; width: 100%; border-bottom: solid 1px #CCC;; margin: 1em 0;}
.product .pagetitle { margin: 0.5em 10px 0.5em 140px;}
.product h2 {margin: 0;font-size: 140%; color: #991900; color: #626973;font-weight: normal;}
.product h2 a {color: #099;}
.product h2 a:visited {color: #699;}
.product h2 a:hover {color: #00BFBF;}
.product h2 a, .product h2 a:visited {text-decoration: none;}
.product p, .product h2 {margin-left: 180px;}
.dj {background: url(../i/title_dj.gif) #FFF 0 0 no-repeat; width: 250px; height: 45px; overflow: hidden; text-indent: -9999px;}
#continueShopping, #checkout {float: left; width: 240px; margin: 0; font-size:110%;}
#checkout {margin-left: 50px; text-align: right;}
.productImg img {border: none;}
#order {width: 540px; background-color: #FFE0EC; border-top: solid 1px #DEC0BE; margin: 0 10px; padding: 4px;}
.productImg, #productImg {float: left; margin: 0 10px;}
#productInfo {margin-left: 180px;}
#productInfo ul {margin: 1em 0; padding: 1em 0 0 20px; border-top:  solid 1px #CCC;}
.addtoCart {text-indent:-9999px;width:90px;height:20px;cursor:pointer;border:none;vertical-align: middle;}
.linkbtn {border: none;}

/* data table
---------------------*/
.dataTable {width: 500px; margin: 1em 5px; border: solid 1px #AAA; border-collapse: collapse;}
.dataTable thead th {text-align: center; font-weight: bold; background-color: #CCC; color: #333;}
.dataTable th {padding: 0 0.5em; margin: 0;}
.dataTable td {padding: 0.5em; margin: 0;}
.addressTable td {padding: 0 0.5em;}
.dataTable .tdcartOdd {}
.dataTable .tdCartSubTotal {border-top: solid 1px #CCC;}
.tdCartSubTotal td, .taxRow td, .shipRow td, .totalRow td, .updateRow td {padding: 0 0.5em;}
#taxLabel, #shipLabel, #totalLabel, #updateBasket, #subtotalLabel {text-align: right;}


/* Checkout progress bar
-------------------------*/
#checkoutProgress {height: 100px; width: 502px; margin-top: 2em; background: url(/i/checkout4_1.png) #FFF 0 0 no-repeat;}
#checkoutProgress span, #checkoutProgress a {position:relative; top:0; color:#999;}
#main .step2 {background: url(/i/checkout4_1.png) #FFF 0 0 no-repeat;}/*view basket*/
#main .step3 {background: url(/i/checkout4_2.png) #FFF 0 0 no-repeat;}/*login step*/
#main .step4 {background: url(/i/checkout4_2.png) #FFF 0 0 no-repeat;}/*address*/
#main .step5 {background: url(/i/checkout4_3.png) #FFF 0 0 no-repeat;}/*payment*/
#main .step6 {background: url(/i/checkout4_4.png) #FFF 0 0 no-repeat;}/*confirm (complete)*/
#checkoutProgress .stepBasket {left:225px;}
#checkoutProgress .stepAdd {left:255px;}
#checkoutProgress .stepPay {left:280px;}
#checkoutProgress .stepComplete {left:305px;}
#checkoutProgress .current {color: #F93;}
#checkoutProgress .complete {top: 40px; color: #6C6;}
#checkoutProgress .pending, #checkoutProgress .completed {top:40px; color:#F93;}
#checkoutProgress .completed {color:#6C6;}

/* basket box
-------------------------*/
.activity {width: 180px; background-color: #EAEFF3; color: #555; border-top: solid 1px #B9C8D3; margin: 0 0 3em;}
.activity ul {margin: 0 0 10px 10px; padding: 0 0 0 10px; list-style: square; color: #B9C8D3;}
.activity h3 {background-color: #DDE8FA; color: #444; font-weight: normal; margin: 0; padding: 0.1em;}
.cartIcon {float: right; margin: 0.2em;}
.activity a {color: #333;}
.activity a:hover {color: #36C;}


/* forms
-------------------------*/
fieldset {border: solid 1px #699; margin: 1.4em 0;}
legend {color: #699; font-size: 120%;}
input, textarea {border: solid 1px; border-color: #888 #AAA #AAA #888;}
label, .submit {display: block; margin-bottom: 1em;}
.submit {margin: 0;}
.fieldActive {background-color: #FDD; border-color: #D00;}

.regSep {border-bottom: solid 1px #B9C8D3; margin: 2em 0; padding-bottom: 1em;}

.important {display: block; font-style: normal; background-color: #DDE8FA; color: #991900; padding: 0.5em;}

/* WP posts
---------------------*/
.post {margin: 1em 0;}
.post h2, .post h3 {font-size: 120%; margin: 0; padding: 0;}
.post .pagetitle {font-size: 180%;}
.post a:link {color: #369;}
.post a:visited {color: #966;}
.post a:hover {text-decoration: none;}
.post .date {color: #666;}
.entry p {margin-top: 0.2em;}


/* Contact form
----------------------*/
.geminesseForm fieldset {background-color: #EEE;}
.geminesseForm p {margin: 1em;}
.geminesseForm label {margin:0;}
.geminesseForm label em {color: #666; font-weight: normal;}
.geminesseForm .inlineLabel {display:inline;}

/* Misc
---------------------*/
a img {border: none;}
#main .txtCheckout, #main .txtUpdate {text-align: right; margin: 0.5em 20px 0.5em 0;}
#main .txtContinueShopping {float: left;}
.removeItem {display: block; font-size: 85%;}
.txtCopyright {/*display: none;*/ text-align: center; font-size: 86%;}