#lightbox{position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0}

#lightbox a img{border:none}

#outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto}

#imageContainer{padding:10px}

#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}

#prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox/blank.gif) no-repeat; display:block}
#prevLink{left:0; float:left}
#nextLink{right:0; float:right}
#prevLink:hover, #prevLink:visited:hover{background:url(../images/lightbox/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover{background:url(../images/lightbox/nextlabel.gif) right 15% no-repeat}

#imageDataContainer{font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%}

#imageData{padding:0 10px; color:#666}
#imageData #imageDetails{width:70%; float:left; text-align:left}
#imageData #caption{font-weight:bold}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em}
#imageData #bottomNavClose{width:66px; float:right;  padding-bottom:0.7em}

#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000}

html{height:100%}

body{font-family:verdana,arial,sans-serif; background-color:#fff; height:100%; margin:0px; font-size:90%}

/*div#content a{text-decoration:underline}*/

a{text-decoration:none; color:#000}

a:link{text-decoration:none}

a:visited{}

a:hover{text-decoration:underline}

a:active{}

#ezPageDefault a:link, #ezPageDefault a:visited, #ezPageDefault a:active {border-bottom: 1px dotted #666;}
#ezPageDefault a:hover {text-decoration: none; border-bottom: 1px solid #000;}

#wrapper{text-align:left; width:750px; min-height:100%; background-color:#fff; margin:-1px auto 0pt; position:relative}

* html #wrapper{height:100%}

#content{padding:0 1em 5em} /* see #footer for 5em explanation */

p.catDescription {width: 490px; float: right;}

.hidden{display:none}

#header{ height:103px;  background-color:#372f2c;  font-size:.8em;  color:#eee}
.design2010 #header { background-color: #fff; }

#opening-times{ margin-top:7px;  position:absolute;  padding-left:8px;  width:212px}

#address{ margin-top:7px;  position:absolute;  padding-left:8px;  width:270px;  margin-left:232px;  text-align:center}

#phone{ margin-top:7px;  position:absolute;  padding-left:8px;  width:212px;  margin-left:520px;  text-align:right;  padding-right:8px}

img{ border:none}

#nav-panel{ height:31px;  background-color:#ddd}

#collections-menu{ position:absolute;  width:150px}

#news-box{ margin-top:5px;  position:absolute;  margin-left:155px;  width:395px;  text-align:center;  font-size:1.2em}

#search-box{ margin-top:5px;  position:absolute;  margin-left:555px}

#ticker {visibility: hidden;}

#search-box input#keyword{ border:1px solid #ccc;  width:115px;  padding-left:2px}

#search-box input#keyword:hover{ border:1px solid #999}

#search-box input#submit{ width:55px;  background-color:transparent;  border:0;  padding-left:0px;  cursor:pointer;  font-weight:bold}

#intro-image img{ margin-top:15px;  display:block;  margin-left:auto;  margin-right:auto}

#footer{width:740px;  height:4em;  background-color:#ddd; padding-left:10px; margin:-4em auto 0px; position:relative; clear:both}

#footer ul{ margin:0;  padding:5px}

#footer ul li{display:inline; list-style-type:none; padding-right:15px}

#sub-cats{ position:absolute;  text-transform:uppercase;  right:1em;  top:140px;  font-size:.9em}
.design2010 #sub-cats { top: 268px; }

#sub-cats a{ padding:0 .3em}

div#advSearchResultsDefault #productListing{ width:98%}

#productListing{ width:520px; float:right}

#productListing .item{ width:150px;  height:180px;  margin:5px 10px;  float:left;  font-size:.8em; overflow:hidden}

div.category-listing .highlight a{ color:#000}

#sub-cats.cat4 .furniture, #sub-cats.cat6 .furniture, #sub-cats.cat5 .furniture{ font-weight:bold}

#sub-cats.cat18 .features, #sub-cats.cat21 .features, #sub-cats.cat19 .features{ font-weight:bold}

#sub-cats.cat17 .gifts, #sub-cats.cat22 .gifts, #sub-cats.cat20 .gifts{ font-weight:bold}

body #productListing .item, body #product-details, body #enquiry-form-submit{ background-color:#ddd}

/*
body.cat1 #productListing .item, body.cat1 #product-details, body.cat1 #enquiry-form-submit{ background-color:#DDD1B3}
body.cat2 #productListing .item, body.cat2 #product-details, body.cat2 #enquiry-form-submit{ background-color:#cfece8}
body.cat3 #productListing .item, body.cat3 #product-details, body.cat3 #enquiry-form-submit{ background-color:#e2f1f9}
body.cat7 #productListing .item, body.cat7 #product-details, body.cat7 #enquiry-form-submit{ background-color:#FFEA9D}
*/

body.advancedsearchresult #productListing .item{background-color:#eee}

#productListing .item .item-link a{ background-color:#fff;  display:block;  height:100px}

#productListing .item .item-name a{ display:block}

#productListing .item .item-name{ padding:0 3px}

#productListing .item .item-price{ padding:0 3px}

#productsListingBottomNumber{clear:left; padding-top:.7em}

div.category-listing{ margin-top:15px;  width:150px; float:left}

#indexCategoriesHeading{ text-transform:uppercase;  font-size:1em}

div.categoryListBoxContents{}

div.categoryListBoxContents a{ display:block;  padding:.3em 0;  text-transform:uppercase;  font-weight:bold;  font-size:.9em;  color:#888}

div.categoryListBoxContents a:visited{ text-decoration:none}

div.categoryListBoxContents a:hover{ color:#000;  text-decoration:none}

div.categoryListBoxContents a:active{ color:#000;  text-decoration:none}

div#product{ width:530px;  float:right}

div#product-details{padding:.5em 1em 1em}

div.additionalImages{margin-top:5px}

/** Category specific CSS **/
/** Antiques **/
body.cat1.design2009{background-color:#c0ae7c}

/** Retro **/
body.cat3.design2009{background-color:#8dc9e8}

/** Vintage **/
body.cat2.design2009{background-color:#9fdad1}

/** Collections **/
body.cat7.design2009{background-color:#FFDD53}

/** Pages **/
body.page.design2009{background-color:#FFE586}

/** Search Result **/
body.advancedsearchresult.design2009{background-color:#ccc}

/** No category (main page) **/
body.cat #navColumnTwo{display:none}

div#categoryImgListing{ text-align:right}

/** vintage rocks **/
div.vintage-rocks{ font-size:.8em;  background-color:#eee;  padding:.2em;  padding-left:1em;  margin-top:.5em}

/** enquiry form **/
label{display:block; cursor:pointer; padding:.5em 0 .1em}
#enquiry-form input, #enquiry-form textarea{border:1px solid #ccc; width:350px}
/*input:focus, input:hover, textarea:focus, textarea:hover{border:1px solid #000} */
input#enquiry-form-submit{font-size:1.1em; border:none; cursor:pointer; display:block; width:160px; height:2em; position:relative; bottom:31px; margin-left:auto}

/** email subscription form **/
div#oc-subscribe{ border:1px dotted #ddd;  background-color:#eee;  padding:0;  margin:1em 0;  width:250px;  font-size:.8em;  padding:.5em}
div#oc-subscribe form input{ margin-top:.2em;  border:1px solid #666}
div#oc-subscribe form{ padding:0;  margin:0}

/*******************************************/
a img{border:none}

ul, ol{text-align:left; padding-left:25px; margin-left:10px; margin-bottom:10px}

h1{font-size:1.2em}

h2{font-size:1.1em}

h3{font-size:1.0em}

h4, h5, h6, h4.optionName, ADDRESS, .sideBoxContent, .larger{font-size:0.9em}

legend{color:#333; font-weight:bold; font-size:1.1em}

h1, h2, h3, h4, h5, h6{ margin:0.3em 0}

CODE{font-family:tahoma,arial,verdana,helvetica,sans-serif; font-size:1em}

FORM, SELECT{display:inline; font-size:1em; margin:0.5em}

#categoriesselectContent select{font-size:.9em}

option{padding-right:.5em}

FIELDSET{padding:0.5em; margin:0.5em 0; border:1px solid #ccc}

.clearBoth{clear:both}

.clearfix:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}

.clearfix{display:inline-block}

* html .clearfix{height:1%}
.clearfix{display:block}

HR{height:1px; margin:0.5em 0; border:none; border-bottom:1px solid #9a9a9a}

#navBreadCrumb{text-align:left; padding:.5em}

#navBreadCrumb{font-size:0.8em}

.lineTitle, .amount{text-align:right; padding:0.2em}

.amount{width:5.5em}

#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage{margin:0 1em 1.5em 0}

.centerBoxHeading{margin:20px 0 5px 0; padding:0.3em 0}

.centerBoxContentsNew{text-align:center}

.back{float:left}

.quote {width: 400px; border-right: 1px dotted #ccc; font-style: italic;}

.quote-image {width: 200px; text-align: left; position: absolute; margin-top: -135px; right: 100px;}

#accordion a[rel="lightbox"] {border: 0 !important;}

/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu{width:750px; font-size:0.85em; position:relative; z-index:50}

.menu ul{padding:0; margin:0; list-style-type:none}
.menu ul ul{width:150px}

.menu li{float:left; width:150px; position:relative}

.menu a, .menu a:visited{display:block; font-size:15px; text-decoration:none; color:#000; width:139px; height:30px; border:1px solid #B1B2B4; border-width:1px 1px 0 0; background:#B1B2B4 url('../images/arrow.gif') no-repeat scroll center right; padding-left:10px; line-height:29px}

* html .menu a, * html .menu a:visited{width:150px; w\idth:139px}

.menu ul ul a.drop, .menu ul ul a.drop:visited{background:#d4d8bd url(../../graphics/drop.gif) bottom right no-repeat}

.menu ul ul a.drop:hover{background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat}
.menu ul ul:hover >a.drop{background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat}

.menu ul ul ul a, .menu ul ul ul a:visited{background:#e2dfa8}

.menu ul ul ul a:hover{background:#b2ab9b}

.menu ul ul{visibility:hidden; position:absolute; height:0; top:31px; left:0; width:150px}

* html .menu ul ul{top:30px; t\op:31px}

.menu ul ul ul{left:150px; top:0; width:150px}

.menu ul ul ul.left{left:-150px}

.menu table{position:absolute; top:0; left:0}

.menu ul ul a, .menu ul ul a:visited{background:#ddd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:129px}
* html .menu ul ul a{width:150px; w\idth:129px}

.menu a:hover, .menu ul ul a:hover{color:#fff; background:#999; text-decoration:none}
.menu:hover >a, .menu ul ul:hover >a{color:#fff; background:#999; text-decoration:none}

.menu ul li:hover ul, 
.menu ul a:hover ul{visibility:visible}

.menu ul:hover ul ul{visibility:hidden}

.menu ul:hover ul:hover ul{visibility:visible}
