/* ==========================================================
Master Stylesheet

version:   Reindeer Antiques B22LIVE February 23 2009
author:    Duncan Marshall
email:     dm@chromadesign.co.uk
website:   http://www.chromadesign.co.uk

============================================================ */
* {margin: 0; padding: 0;}
html{height:100%; margin-bottom:1px}
a{outline:none; text-decoration: none; border: none;}
a IMG{border:none;}
ul{list-style-type: none; margin: 0px; padding: 0px;}

#printbanner{display: none;}

body{background: #979fa7 url(../i/str/bdbg01.jpg) top center repeat-y; margin: 0px; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif;  color: #3a3937; padding-bottom: 0px;}
body.blog{background: #979fa7 url(../i/str/blogbg01.jpg) top center repeat-y; text-align: left; padding-bottom: 0px;}

#container{width: 100%; height: auto; margin: auto; background: url(../i/str/containerbg02.jpg) top center no-repeat;}
body.blog #container{background: url(../i/str/blogcontainerbg01.jpg) top center no-repeat;}
#headcase{width: 100%; height: 32px; margin: auto; background: url(../i/str/headcase0.jpg) top center no-repeat;}
#wrapper{width: 980px; height: auto; margin: auto; background: #9aa1a9 url(../i/str/wrapperbg01.jpg) 0px 0px repeat-x;}
body.blog #wrapper{background: #fff url(../i/str/blogwrapperbg01.jpg) 0px 0px repeat-x;}
#header{width: inherit; height: 250px; position: relative; top: 0px; background: url(../i/str/banner01.jpg) center 1px no-repeat;}

ul#nav{position: relative; top: 110px /* reduced from 135px, because clearing div was moved to bottom of stylesheet */; left: 25px; width: inherit; font-size: 10px; height: 40px;}
ul#nav li{float: left; height: 40px;}
ul#nav li a{display: block; height: 40px; background-repeat: no-repeat;}
ul#nav li a span{position: relative; left: -3000px;}

ul#nav li a,
a:link
a:visited
a:active{background-position: 0px 0px;}
ul#nav li a:hover{background-position: 0px -40px;}
ul#nav li a.crt{background-position: 0px -40px;}

/* Information links, left and right of reindeer image */
ul#infolinks{width: 564px; position: relative; top: 3px; left: 215px; height: 20px; font-size: 10px;}
ul#infolinks li{float: left; display: block; height: inherit; line-height: 20px;}
ul#infolinks li a{display: block; height: 20px; background-repeat: no-repeat;}
ul#infolinks li a span{position: relative; left: -3000px;}

ul#infolinks li#home{width: 55px;}
ul#infolinks li#home a{background-image: url(../i/info/home.jpg);}
ul#infolinks li#about{width: 74px;}
ul#infolinks li#about a{background-image: url(../i/info/about.jpg);}
ul#infolinks li#search{width: 59px;}
ul#infolinks li#search a{background-image: url(../i/info/search.jpg);}
ul#infolinks li#contact{width: 65px;}
ul#infolinks li#contact a{background-image: url(../i/info/contact.jpg);}
ul#infolinks li#publications{width: 91px;}
ul#infolinks li#publications a{background-image: url(../i/info/publications.jpg);}
ul#infolinks li#periods{width: 122px;}
ul#infolinks li#periods a{background-image: url(../i/info/periods.jpg);}/* gif used here becaue of the Q tail above */
ul#infolinks li#blog{width: 49px;}
ul#infolinks li#blog a{background-image: url(../i/info/blog.jpg);}
ul#infolinks li#links{width: 49px;}
ul#infolinks li#links a{background-image: url(../i/info/links.jpg);}

ul#infolinks li a,
a:link
a:visited
a:active{background-position: center 0px;}
ul#infolinks li a:hover{background-position: center -20px;}
ul#infolinks li a.crt{background-position: center -20px;}

/* links, bg images and positioning */
li.bookcases{width: 100px;}
li.bookcases a{background-image: url(../i/nv/bookcases.gif);}
li.chests{width: 87px;}
li.chests a{background-image: url(../i/nv/chests.gif); width: 99px; }
li.mirrors{width: 78px;}
li.mirrors a{background-image: url(../i/nv/mirrors.gif);}
li.sideboards{width: 94px;}
li.sideboards a{background-image: url(../i/nv/sideboards.gif); width: 106px;}
li.coffers{width: 76px;}
li.coffers a{background-image: url(../i/nv/coffers.gif);}
li.clocks{width: 83px;}
li.clocks a{background-image: url(../i/nv/clocks.gif); width: 95px;}
li.tables{width: 76px;}
li.tables a{background-image: url(../i/nv/tables.gif);}
li.wardrobes{width: 104px;}
li.wardrobes a{background-image: url(../i/nv/wardrobes.gif); width: 116px;}
li.bureaus{width: 83px;}
li.bureaus a{background-image: url(../i/nv/bureaus.gif); width: 95px;}
li.chairs{width: 76px;} 
li.chairs a{background-image: url(../i/nv/chairs.gif); width: 88px;} 
li.other{width: 74px;}
li.other a{background-image: url(../i/nv/other.gif); width: 86px;}

li.bureaus a,
li.chests a,
li.chairs a,
li.clocks a,
li.wardrobes a,
li.sideboards a,
li.other a{margin-left: -12px;}/* all of these have 12px added to their width - to compensate for the the negative margin */


/* Conditional Normal and Hover states for tabs to the RIGHT of current page tabs */
body.bookcases ul#nav li.chests a:hover,
body.mirrors ul#nav li.sideboards a:hover,
body.coffers ul#nav li.clocks a:hover,
body.bureaus ul#nav li.chairs a:hover,
body.chairs ul#nav li.other a:hover
{background-position: 0px -80px;}
body.wardrobes ul#nav li.bureaus a:hover,
body.tables ul#nav li.wardrobes a:hover
{background-position: 0px -120px;}

/* More Conditional states - for tabs to the LEFT of current page tabs */
body.chests ul#nav li.bookcases{width: 112px;} /* actual width plus 12px */
body.chests ul#nav li.bookcases a{background-position: 0px -80px;}
body.chests ul#nav li.bookcases a:hover{background-position: 0px -120px;}
body.chests ul#nav li.chests{width: 75px;} /* actual width minus 12px */
body.chests ul#nav li.chests a.crt{width: 87px; background-position: -12px -80px;}

body.sideboards ul#nav li.mirrors{width: 90px;} /* actual width plus 12px */
body.sideboards ul#nav li.mirrors a{background-position: 0px -80px;}
body.sideboards ul#nav li.mirrors a:hover{background-position: 0px -120px;}
body.sideboards ul#nav li.sideboards{width: 82px;} /* actual width minus 12px */
body.sideboards ul#nav li.sideboards a.crt{width: 94px; background-position: -12px -80px;}

body.clocks ul#nav li.coffers{width: 88px;} /* actual width plus 12px */
body.clocks ul#nav li.coffers a{background-position: 0px -80px;}
body.clocks ul#nav li.coffers a:hover{background-position: 0px -120px;}
body.clocks ul#nav li.clocks{width: 71px;} /* actual width minus 12px */
body.clocks ul#nav li.clocks a.crt{width: 83px; background-position: -12px -80px;}

body.wardrobes ul#nav li.tables{width: 88px;} /* actual width plus 12px */
/* body.wardrobes ul#nav li.tables a{background-position: 0px -80px;} knocks out bg graphic AND dropdown if not removed */
body.wardrobes ul#nav li.tables a:hover{background-position: 0px -120px;}
body.wardrobes ul#nav li.wardrobes{width: 92px;} /* actual width minus 12px */
body.wardrobes ul#nav li.wardrobes a.crt{width: 104px; background-position: -12px -120px;}

body.chairs ul#nav li.bureaus{width: 95px;} /* actual width plus 12px */
body.chairs ul#nav li.bureaus a{background-position: 0px -80px;}
body.chairs ul#nav li.bureaus a:hover{background-position: 0px -40px;}
body.chairs ul#nav li.chairs{width: 64px;} /* actual width minus 12px */
body.chairs ul#nav li.chairs a.crt{width: 76px; background-position: -12px -80px;}

body.bureaus ul#nav li.wardrobes{width: 116px;} /* actual width plus 12px */
body.bureaus ul#nav li.wardrobes a{background-position: 0px -80px;} 
body.bureaus ul#nav li.wardrobes a:hover{background-position: 0px -40px;}
body.bureaus ul#nav li.bureaus{width: 71px;} /* actual width minus 12px */
body.bureaus ul#nav li.bureaus a.crt{width: 83px; background-position: -12px -120px;}

body.other ul#nav li.chairs{width: 88px;} /* actual width plus 12px */
body.other ul#nav li.chairs a{background-position: 0px -120px;} 
body.other ul#nav li.chairs a:hover{background-position: 0px -40px;}
body.other ul#nav li.other{width: 62px;} /* actual width minus 12px */
body.other ul#nav li.other a.crt{width: 74px; background-position: -12px -120px;}

/* Eric Shepherd at ALA - http://www.alistapart.com/articles/hybrid */
#nav li ul {display: none;} /* hides the sublist */
#nav li.off ul, #nav li.on ul { /* shows and positions the subnav upon hover - necessary to use position: absolute here, or IE6 freaks out */
position: absolute; top: 35px; left: 90px; width: 760px; height: 40px; text-align: left; padding-top: 20px;}
nav li.on:hover ul, #nav li.over ul { /*for ie - refers to javascript .over to mimic :hover */}
body.tables #nav li ul{display: block; position: absolute; top: 35px; left: 90px; width: 760px; height: 40px; text-align: left; padding-top: 20px;} /* to make the subnav show permanently on the Tables pages */

#nav li a {display: block; width: auto;	padding: 0;}
#nav li.off ul li{float: left;}
#nav li.on ul a, #nav li.off ul a {float: left;}/* IE doesn't inherit the float */

#nav li.on ul {display: block;} /* retain? */
#nav li.off:hover ul, #nav li.over ul {display: block; z-index: 6000;}/* retain */
#nav li.off ul a, #nav li.on ul a {display: block;}		
/* END ALA */

li#coffee{width: 92px;}
li#coffee a{width: 92px; background-image: url(../i/sub/coffee.gif);}
li#centre{width: 90px;}
li#centre a{width: 90px; background-image: url(../i/sub/centre.gif);}
li#console{width: 155px;}
li#console a{width: 155px; background-image: url(../i/sub/console.gif);}
li#dining{width: 95px;}
li#dining a{width: 95px; background-image: url(../i/sub/dining.gif);}
li#side{width: 120px;}
li#side a{width: 120px; background-image: url(../i/sub/side.gif);}
li#tripod{width: 90px;}
li#tripod a{width: 90px; background-image: url(../i/sub/tripod.gif);}
li#writing{width: 98px;}
li#writing a{width: 98px; background-image: url(../i/sub/writing.gif);}

#nav li ul li{height: 20px;}
#nav li ul li a{height: 20px; font-size: 1px; /* necessary to stop IE6 bloating the height */}
#nav li ul li a,
a:link
a:visited
a:active{background-position: center 0px;}
#nav li ul li a:hover, #nav li ul li a.crt{background-position: center -20px;}

/* Gallery Page Thumbnails */
#thumbs,#display{position: relative; top: 0px; left: 19px; width: 1000px; margin-bottom: 100px;}
.thb{width: 236px; height: 329px; background: url(../i/str/thbbg05.png) 0px 0px no-repeat; float: left; margin-right: 4px;}
/*.clear{width: inherit; height: 25px; clear: both;} now at bottom of stylesheet */
.head{height: 0px; line-height: 0px;}
.thbimg{height: 279px; margin-top: 1px; }
.thb IMG{position: relative; left: -7px;}
.thb h4,.thb h5{position: relative; left: -12px; font-size: 10px; line-height: 14px; width: 245px; text-align: center;}
.thb h4{margin-top: 0px; margin-bottom: 0px;} /* for object heading */
.thb h5{margin: 0px; line-height: 14px;} /* for object period */

/* Catalogue-Description Page - Large Image, Secondary Images, Descriptive Text and Function-Icons */
#display{width: 940px; height: auto;}/* inner wrapper */
body.static #display{width: 960px; height: 600px; background: url(../i/str/staticbg04.jpg) top center no-repeat; left: 9px;} /* static home page bg */
body.aboutus #display{width: 960px; height: 700px;}
body.search #display{width: 960px; height: 500px;}
body.contact #display{width: 960px; height: 900px;}
body.publications #display{width: 960px; height: auto;}
body.periods #display{width: 970px; height: auto;}


#main{float: left; width: 480px;} /* accommodates the zoomable image and background graphics on the left of the page */
#printonly{display: none;}
#flashonly{width: 480px; height: 625px; background: url(../i/str/flashbg01.png) 8px 4px no-repeat; margin-left: -5px;}
#topper{width: 480px; height: 1px; background: url(../i/str/topper.png) top center no-repeat; line-height: 1px; margin: 0px;}
#mainimage{ width: 480px; padding-top: 4px; height: auto; background: url(../i/str/imgbg05.png) bottom center no-repeat;}
#mainimage IMG{margin-left: -15px;}
#botter{width: 480px; height: 19px; background: url(../i/str/zoombg_04.png) top center no-repeat;}

/* secondary images */
#details{float: left; width: 455px; height: 120px; margin-top: 4px;} /* margin-top here to match the height of the 'topper' div */
.secondary{float: left; width: 109px; height: 128px; background: url(../i/str/secondarybg04.png) 0px 0px no-repeat; margin-right: 3px;}
.secondary IMG{float: left; margin: 1px 0px 0px 1px;}

/* process panel list */
#process{float: right; width: 117px; height: 98px; margin: 0px 0px 0px 0px; text-align: left; }
#process li{width: 105px; height: 13px; margin: 0px 0px 4px 0px;}
#process li#enquire{margin-bottom: 0px;}
#process li a span{position: relative; left: -3000px;}
#process li#previous a{background-image: url(../i/function/previous.png);}
#process li#next a{background-image: url(../i/function/next.png);}
#process li#email a{background-image: url(../i/function/email.png);}
#process li#gallery a{background-image: url(../i/function/gallery.png);}
#process li#print a{background-image: url(../i/function/print.png);}
#process li#enquire a{background-image: url(../i/function/enquire.png);}
#process li a{display: block; height: 13px; line-height: 9px; font-size: 9px; margin: 0px; padding: 0px; background-position: 0px 0px; background-repeat: no-repeat;}

/* description headers and text */
h1,h2,h3,h4, h5, p{text-align: left; line-height: 18px;} 
h2{font-size: 12px;}
h3{font-size: 11px;}
h4{font-size: 11px; margin-bottom: 0px;}
.h4clear{width: 450px; height: 12px;}
h5{font-size: 12px; margin-top: 12px;}
p{font-size: 11px; margin-bottom: 12px;}
p a{color: #4c0506; text-decoration: none; border-bottom: 1px solid gray;}
p a:hover{border-bottom: 1px solid #4c0506;}
h1{display: block; width: inherit; height: 40px; margin: 0px 0px 0px 0px;}
h1 span{position: relative; left: -3000px;}
price{float: left; text-align: left; font-weight: 600; font-size: 12px;}

/* Featured Conditional Stuff */
body.featured h1{width: 450px; float: right; background: url(../i/str/featured.jpg) 0px 0px no-repeat;} 
body.featured .secondary, body.featured #process{margin-top: 10px;}
body.featured h2, body.featured h3, body.featured h4{float: right; width: 458px;}
body.featured h2{margin-top: 10px;}/* can't be any longer or drops right down */
body.featured h3{clear: right; margin-top: 0px;}
body.featured h4{clear: right; margin-top: 0px;}
body.featured #details{height: 155px;}
.spacer{float: right; width: 450px; height: 24px;}
.spacer#textclear{height: 12px;}

/* Static Home Page - mirror image is controlled via body.static #display, above */
#welcome{width: 498px; height: auto; float: right; margin-top: 0px; margin-right: 84px;}
#spacer{width: inherit; height: 10px;}
#welcome IMG{float: left; border: 1px solid #8d8c8c; margin-right: 9px;}
#welcome IMG.three{margin-right: 0px;}

body.static h1{background: url(../i/str/welcome.gif) 0px 0px no-repeat; margin-left: -2px;}
body.info h1{background-repeat: no-repeat; background-position: center -11px; margin-top: 0px; margin-bottom: 30px;}
body.info h2{font-size: 13px;}
body.aboutus h1{background-image: url(../i/str/aboutus.png);}
body.contact h1{background-image: url(../i/str/contact.png);}
body.search h1{background-image: url(../i/str/search.png);}
body.publications h1{background-image: url(../i/str/publications.png);}
body.periods h1{background-image: url(../i/str/periods.png);}
body.links h1{background-image: url(../i/str/links.png);}

/* Contact Page */
/* two contact divs, left and right */
#potterspury{float: left; width: 400px; height: 200px;}
#london{float: right; width: 430px; height: 200px;}
.antispam{color: #d6dadd; margin-left: -2px;}
/* Form */
#form{width: 940px;}

label {float: left; margin-left: 250px; width: 100px; height: 20px; line-height: 20px; text-align: right; padding-right: 10px; color: #4c0506; display: block;}
input{width: 330px; height: 20px; background-color: #e6e9ec !important; border: 1px solid gray;}
input#send, input#reset{width: 150px; margin-left: 250px; height: 20px; background-color: #ddd !important; font-size: 11px; line-height: 20px; padding-bottom: 2px;}
textarea, select{width: 330px; background-color: #e6e9ec !important; border: 1px solid gray;}
p.warning{font-weight: 600; color: #f00;}
/*span.warning {font-weight: bold; color: #f00; display: block; width: 400px; position: relative; top: -20px; left: 450px; text-align: left;}*/
span.warning{float: left; font-weight: 600; color: #f00; margin-top: -20px; margin-left: -180px; width: 180px; }
p#sendbutton{margin-left: 110px;}

/* About Us */
body.aboutus #display IMG{float: right; clear: right; margin: 0px 20px 20px 20px; border: 1px solid gray;}

/* Search */
select{width: 150px;}

/* Publications */
#latest{float: left; width: 720px;}
#latest IMG{float: right; clear: left; border: 1px solid gray; margin: 0px 0px 10px 10px;}
.pubwrp{float: left; width: 424px; height: auto; margin-right: 42px;}
.pubwrp IMG{float: right; clear: left; border: 1px solid gray; margin: 0px 0px 10px 10px;}
.pubwrp h4{margin-top: -5px;}

/* Periods & Styles page */
body.periods #display ul{text-align: left; font-size: 12px; }
body.periods #display ul li{line-height: 24px;}
body.periods #display ul li a,
a:link
a:visited
a:active{color: #4c0506;}
body.periods #display ul li a:hover{color: #a60000; text-decoration: underline;}
body.periods h2{line-height: 18px;}
body.periods p{line-height: 18px; margin-bottom: 18px;}
.column{float: left; width: 450px; margin-right: 10px;}
/*.column IMG{border: 1px solid gray; margin-bottom: 5px;}*/
.column#one{width: 230px;}
.column#two{width: 720px;}
.column#two p{width: 650px;}

/* Links page */
body.links h2{line-height: 18px; margin-bottom: 12px;}

/* footer */
#footer{width: 900px; height: 115px; clear: both; margin: auto; margin-top: 100px; background: url(../i/str/footer02.gif) top center no-repeat;}
body#top #footer{margin-top: 30px;}
#footer span p{position: relative; left: -9000px;}
#printfooter{position: relative; left: -9000px;}

/* Blog Styling */
#feed{width: 100px; height: 53px; background: url(../i/str/feed.png) 0px 0px no-repeat; padding-left: 45px; font-size: 11px;}
#entries{float: left; width: 570px; height: auto; background: url(../i/str/entry_wrapper02.png) top right no-repeat;}
.article{float: left; width: 570px; margin-bottom: 24px;}
.notes{margin-top: 24px;}
ol{margin-left: 20px;}
p{margin: 0px 0px 12px 0px; text-align: left;}
p.quote{margin: 24px 0px 24px 23px; padding-left: 10px; font-weight: 600; font-size: 12px; line-height: 24px; color: #2c1b24; border-left: 1px dotted #565680;}
.reference{color: #666;}
.notes ol li{font-size: 11px;}
p a,
a:link
a:visited
a:active{color: #653e53; border-bottom: 1px dotted #565680; padding-bottom: 1px;}
p a:hover{color: #000; border-bottom: 1px solid #000;}
.imagewrap{width: 570px; margin: 0px;}
.imagewrap IMG{width: 280px; border: 1px solid gray; float: left;}
.imagewrap p{float: right; width: 280px; margin-left: 5px; color: #2c1b24;}

/* Blog Sidebar */
#sidebar{float: right; width: 362px; height: auto; padding-left: 0px; font-size: 12px; line-height: 24px; margin-top: -54px;}
#sidebar ul{list-style-type: none; margin-top: 0px;}
#sidebar ul li{height: auto;  margin: 0px;}
#sidebar ul li span{display: block; font-size: 11px; color: gray; margin-bottom: 12px;}
#sidebar ul li a{font-weight: 600;}
#sidebar ul li a,
a:link
a:visited
a:active{color: #725464;}
#sidebar ul li a:hover{color: #627c78;}

/* New Blog Sidebar Accordion Styling */
#sidebar ul#recent{margin-top: -4px;}
#sidebar ul#years{margin-bottom: 22px;}
#sidebar ul#previous ul{padding-top: 12px;}
#sidebar a.category{height: 24px; line-height: 24px; font-size: 12px; color: #412e3b;;}
#sidebar a.category:hover{color: #432f3d;}
#sidebar ul li ul a{color: #725464;}




/* Blog Headers */
body.blog h2{font-size: 17px; color: #412e3b; margin-top: 0px; margin-bottom: 12px; width: 570px;}
#sidebar h2{font-size: 12px; width: 362px;}
body.blog h2#notes{background: url(../i/str/notes.png) 0px 0px no-repeat; margin-bottom: 0px;}
body.blog h3{font-weight: 600; font-size: 11px; color: #412e3b; margin-top: -6px; margin-bottom: 6px;}
body.blog h4{font-weight: 500;}


/* Clearing Divs */
.clear{width: inherit; height: 25px; clear: both;}
.clear#bottom{height: 20px;}
#entries .clear{width: inherit; clear: left; height: 12px;}/* blog entry clearing */

/* Top of Page link */
#return{margin: 0px; width: inherit; height: 20px;}
#return a,
a:link
a:visited
a:active{color: #a60000; font-size: 11px;}
#return a:hover{color: #a60000; border-bottom: 1px solid #a60000;}