/* css document for www.queenmarytea.com */
/* created by www.pbdh.com  */
/* 06/2007                  */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	}
	
#outer-wrap { width: 100%; }

.main { background: #fff url(/image/bg-top-home.gif) repeat-x left top; }
.teashop { background: #fff url(/images/bg-shop.gif) repeat-x left top; }
.abouttea { background: #fff url(/images/bg-aboutea.gif) repeat-x left top; }
.tearoom { background: #fff url(/images/bg-tearoom.gif) repeat-x left top; }
.yourevent { background: #fff url(/images/bg-yourevent.gif) repeat-x left top; }
.menus { background: #fff url(/images/bg-tearoom.gif) repeat-x left top; }
	
#wrapper {
	position: relative;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	text-align: left;
	height: auto;
	}
	
#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 189px;
	background: url(/images/logo.gif) no-repeat left top;
	z-index: 20;
	}
	
/* ------------------- */
/* linkage */
/* ------------------- */

a img { border: none; background: none; }

a:link, a:visited { color: #861316; }
a:hover {
	color: #000;
	text-decoration: none;
}


	
/* ------------------- */
/* navigation */
/* ------------------- */

#logo-link {
	position: absolute;
	width: 100px;
	height: 150px;
	top: 25px;
	left: 330px;
	z-index: 109;
	}

#top-nav {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 50px;
	}

#top-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#top-nav ul li {
	font-size: 12px;
	}
	
#topnav-home {
	position: absolute;
	top: 25px;
	left: 12px;
	}
	
#topnav-contact {
	position: absolute;
	top: 25px;
	left: 128px;
	}
	
#topnav-reservations {
	position: absolute;
	top: 25px;
	left: 476px;
	}
	
#topnav-menus {
	position: absolute;
	top: 25px;
	left: 602px;
	}

#topnav-cart {
	position: absolute;
	top: 25px;
	left: 692px;
	}
	
#top-nav a:link, #top-nav a:visited {
	color: #fff;
	text-decoration: none;
	}
	
#top-nav a:hover {
	color: #ffe07f;
	}

body#home li#topnav-home  a:link,
body#home li#topnav-home a:visited,
body#contact li#topnav-contact  a:link,
body#contact li#topnav-contact a:visited,
body#reservations li#topnav-reservations  a:link,
body#reservations li#topnav-reservations a:visited,
body#menus li#topnav-menus  a:link,
body#menus li#topnav-menus a:visited {
	color: #ffe07f;
	}

#main-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#main-nav ul li span {
	display: none;
	} 
 
#nav-about {
	display: block;
	width: 105px;
	height: 87px;
	position: absolute;
	top: 82px;
	left: 5px;
	z-index: 20;
	}
	
#nav-plan {
	display: block;
	width: 76px;
	height: 87px;
	position: absolute;
	top: 82px;
	left: 153px;
	z-index: 20;
	}

#nav-learn {
	display: block;
	width: 110px;
	height: 87px;
	position: absolute;
	top: 82px;
	left: 511px;
	z-index: 20;
	}
	
#nav-shop {
	display: block;
	width: 96px;
	height: 87px;
	position: absolute;
	top: 82px;
	left: 658px;
	z-index: 20;
	}
	
#nav-about a {
	display: block;
	width: 105px;
	height: 87px;
	background: url(/images/nav-about.gif) no-repeat 0px 0px;
	}
	
#nav-plan a {
	display: block;
	width: 76px;
	height: 87px;
	background: url(/images/nav-plan.gif) no-repeat 0px 0px;
	}

#nav-learn a {
	display: block;
	width: 110px;
	height: 87px;
	background: url(/images/nav-learn.gif) no-repeat 0px 0px;
	}
	
#nav-shop a {
	display: block;
	width: 96px;
	height: 87px;
	background: url(/images/nav-shop.gif) no-repeat 0px 0px;
	}

#nav-about a:hover,
#nav-plan a:hover,
#nav-learn a:hover,
#nav-shop a:hover {
	background-position: 0px -87px;
	}

body #nav-shop a:link,
body#teashop #nav-shop a:visited,
body#abouttea #nav-learn a:link,
body#abouttea #nav-learn a:visited,
body#tearoom #nav-about a:link,
body#tearoom #nav-about a:visited,
body#yourevent #nav-plan a:link,
body#yourevent #nav-plan a:visited {
	background-position: 0px -174px;
	}
 
ul#subnav {
	margin: 4px 0;
	padding: 0;
	list-style-type: none;
	}
	
ul#subnav li {
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border-right: 1px dotted #827871;
	float: left;
	}
	
ul#subnav li a {
	display: block;
	margin: 0;
	padding: 6px 20px 6px 20px;
	}

ul#subnav li a:link,
ul#subnav li a:visited {
	color: #c3e6ec;
	text-decoration: none; 
	}

ul#subnav li a:hover {
	color: #fff;
	background: url(/images/bg-subnav.gif) no-repeat center top;
	}
	
body.loose li#subnav-loose a:link,
body.loose li#subnav-loose a:visited,
body.pots li#subnav-pots a:link,
body.pots li#subnav-pots a:visited,
body.accessories li#subnav-accessories a:link,
body.accessories li#subnav-accessories a:visited,

body.teahealth li#subnav-teahealth a:link,
body.teahealth li#subnav-teahealth a:visited,
body.howbrew li#subnav-howbrew a:link,
body.howbrew li#subnav-howbrew a:visited,
body.teahist li#subnav-teahist a:link,
body.teahist li#subnav-teahist a:visited,
body.redbush li#subnav-redbush a:link,
body.redbush li#subnav-redbush a:visited,
body.mate li#subnav-mate a:link,
body.mate li#subnav-mate a:visited,

body.menu li#subnav-menu a:link,
body.menu li#subnav-menu a:visited,
body.breakfast li#subnav-breakfast a:link,
body.breakfast li#subnav-breakfast a:visited,
body.lunch li#subnav-lunch a:link,
body.lunch li#subnav-lunch a:visited,
body.at li#subnav-at a:link,
body.at li#subnav-at a:visited,
body.cater li#subnav-cater a:link,
body.cater li#subnav-cater a:visited,

body.about li#subnav-about a:link,
body.about li#subnav-about a:visited,
body.bios li#subnav-bios a:link,
body.bios li#subnav-bios a:visited,
body.birds li#subnav-birds a:link,
body.bios li#subnav-bios a:visited,
body.bios li#subnav-bios a:link,
body.bios li#subnav-bios a:visited,
body.slideshows li#subnav-slideshows a:link,
body.slideshows li#subnav-slideshows a:visited,

body.bag li#subnav-bag a:link,
body.bag li#subnav-bag a:visited,
body.accessories li#subnav-accessories a:link,
body.accessories li#subnav-accessories a:visited {
	color: #fff;
	background: url(/images/bg-subnav.gif) no-repeat center top;
}
 
/* ------------------- */
/* layout divs */
/* ------------------- */



#teacover {
	width: 760px;
	height: 124px;
	position: absolute;
	top: 65px;
	left: 0px;
	background: url(/images/bg-teacover.gif) no-repeat left top;
	z-index: 15;
	}

#tealink {
	width: 115px;
	height: 25px;
	position: absolute;
	top: 217px;
	left: 322px;
	z-index: 5;
	}
	
#tealink a {
	width: 115px;
	height: 25px;
	display: block;
	background: url(/images/nav-month.gif) no-repeat 0px 0px;
	}	

#tealink a:hover {
	background-position: 0px -25px;
	}

#tealink a span {
	display: none;
	}
	
#teadrawer {
	background: url(/images/bg-teadrawer.gif) no-repeat left top;
	}
	
#content {
	margin: 0;
	padding: 190px 0 0 0;
	}
	
body#home #content {
	margin: 0;
	padding: 260px 0 0 0;
	}
	
#box-home1,
#box-home2,
#box-home3 {
	margin: 0 11px 0 0;
	padding: 0;
	width: 246px;
	float: left;
	}
	
#box-home3 {
	margin: 0 0 10px 0;
	}
	
#main-column {
	width: 515px;
	float: left;
	padding: 15px 10px 10px 10px;
	}

body#teashop #main-column {
	width: 378px;
	}

#side-column {
	width: 205px; 
	float: left; 
	padding: 15px 10px 10px 10px;
	}

#side1 {
	margin:0;
	padding: 15px 10px 10px 10px;
	width: 170px;
	float: left;
	}
	
#side2 {
	margin:0;
	padding: 15px 10px 10px 10px;
	width: 170px;
	float: left;
	}
	
body#teashop #main-column {
	margin:0;
	width: 360px;
	float: left;
	}

div.hr-wide-top {
	margin:  0;
	width: 760px;
	height: 28px;
	background: url(/images/hr-wide-top.gif) no-repeat left top;
	}
	
div.hr-wide-bottom {
	margin: 0;
	width: 760px;
	height: 28px;
	background: url(/images/hr-wide-bottom.gif) no-repeat left top;
	}
	
/* ------------------- */
/* text formatting */
/* ------------------- */

h1, h2, h3, h4, h5, h6, p {
	font-family: Georgia, "Times New Roman", Times, serif;
	}
ul, ol, dl, li, dt, dd {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	}
	
h1 {
	font-size: 26px;
	font-weight: normal;
	margin: 0 0 .25em 0;
	color: #444;
	}
	
h2 {
	font-size: 18px;
	font-weight: normal;
	margin: .15em 0 0 0;
	color: #4a423e;
	}
	
h3 {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 13px;
	color: #333;
	margin: 0;
	padding: 0;
	}
	
h4 {
	font-size: 14px;
	font-weight: normal;
	margin: .15em 0 0 0;
	color: #4a423e;
	}
	

p {
	font-size: 12px;
	line-height: 20px;
	color: #4a423e;
	margin: .5em 0 1.25em 0;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	}

dl {
	margin: 0;
	padding: 0;
	}
	
dt,
#desc h2 {
	padding: 0;
	font-weight: normal;
	font-size: 12px;
	color: #861316;
	text-transform: uppercase;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
	
dd {
	margin: 2px 0 2px 0;
	padding: 0;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	}
li {
	padding: 0;
	font-weight: normal;
	line-height: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
	font-size: 12px;
	}


/* ------------------- */
/* special type */
/* ------------------- */

#teadrawer h2 {
	margin: 5px 0 0 140px;
	color: #ff9144;
	font-size: 18px;
	}
	
#teadrawer p {
	margin: 5px 45px 0 140px;
	color: #f1e0bd;
	font-size: 12px;
	line-height: 15px;
	}
	
#teadrawer p a:link,
#teadrawer p a:visited {
	color: #fff;
	text-decoration: none;
	}
	
#teadrawer p a:hover {
	color: #ff9144;
	text-decoration: underline;
	}
	
#close-button {
 	width: 85px;
	height: 20px;
	float: right;
	}
	
p.prehead {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #861316;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	}

p.home-intro {
	font-size: 20px;
	line-height: 28px;
	color: #4e3c1a;
	margin: 0;
	}
	
p.home-intro a:link,
p.home-intro a:visited {
	color: #861316;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 17px;
	}
	
p.home-intro a:hover {
	color: #fff;
	background-color: #861316;
	}
	
#side-column p {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	}
	
	
#side1 ul, #side2 ul {
	margin: 5px 0 25px 0;
	padding: 0;
	list-style-type: none;
	}
	
#side1 ul li, #side2 ul li {
	margin: 0;
	padding: 3px 0;
	font-size: 12px;
	}
		
#side1 a:link, 
#side2 a:link, 
#side1 a:visited, 
#side2 a:visited {
	color: #546886;
	text-decoration: none;
	} 
	
#side1 a:hover,
#side2 a:hover {
	color: #fff;
	background: #546886;
	}
	
/* ------------------- */
/* image */
/* ------------------- */

img.border {
	margin: 0 0 10px 0;
	padding: 2px;
	border: 1px solid #ccc;
	}
	
.float-right {
	margin: 0 0 5px 10px;
	padding: 2px;
	float: right;
	border: 1px solid #ccc;
	}
.img-border {
	margin: 0 0 5px 10px;
	padding: 2px;
	border: 1px solid #ccc;
	}
	
.float-left {
	margin: 0 10px 5px 0;
	padding: 2px;
	float: left;
	border: 1px solid #ccc;
	}
.float-center {
	margin: 0 10px 5px 0;
	padding: 2px;
	float: none;
	border: 0px solid #ccc;
	}

/* ------------------- */
   /* 
   digiShop customized 
   template styles 
   */
/* ------------------- */

body#teashop #content-products {
	padding: 15px 0 5px 0;
}

#subnav-container {
	float: left;
}

#subnav {
	float: left;
}

#search {
	float: right;
	font-size: 11px;
}

#search form {
	padding: 3px 0;
	color: #ccc;
	text-transform: uppercase;
}

#search input {
	border: 0;
	padding: 2px;
	margin: 3px;
	background-color: #FEFAEF;
	text-transform: none;
	width: 125px;
	font-size: 11px;
}

#searchsubmit {
	vertical-align: bottom;
}

h1#catheading {
	float: left;
	margin-bottom: 10px;
	padding: 0;
}

.maincatphoto img {
	width: 246px;
	height: 246px;
}

#breadcrumbs {
	text-align: right;
	text-transform: uppercase;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
}

#mainimage {
	float: right;
	border: 1px solid #bbb;
	padding: 4px;
	margin: 12px 0;
}

#products {
	clear: left;
	float: left;
	width: 520px;
}

#products p {
	clear: left;
}

#products #sort {
	float: right;
}

#products ul {
	clear: right;
	margin: 0;
	padding: 12px 0;
	list-style: none;
}

#products li {
	float: left;
}

#products li img {
	display: block;
}

#products li a {
	display: block;
	width: 150px;
	height: 200px;
	margin: 0 12px;
	text-decoration: none;
	color: #014c91;
}

#products li a span {
	color: #888;
}

#products li a img {
	border: 1px solid #bbb;
	padding: 4px;
	width: 144px;
	height: 144px;
}

/* view cart thumbnail fix */

.list span img {
	width: 60px;
	height: 60px;
}

/* end view cart */

/* ----- product details ----- */
#photos {
	float: left; width: 250px;	
}

#photos .mainPhoto img {
	width: 241px;
	height: 262px;
}

#prodCaption {
	padding-bottom: 20px;
}

#thumbs {
	list-style: none;
	padding: 0;
	margin: 0;
}

#thumbs li {
	float: left;
	padding: 10px;
}

#thumbs li img {
	width: 60px;
	height: 60px;
}

#thumbs li a {
	display: block;
	border: 1px solid #ccc;
	padding: 4px;
}

#desc {
	float: left; width: 300px;
	margin: 0 10px;
}

#desc h2 {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

#purchaseOptions {
	float: left;
	width: 175px;
	margin: 0 5px;
}

#purchaseOptions dt#price {
	color: #014c91;
	font-size: 16px;
	line-height: 2.5em;
}


#productReviews ul {
	list-style: none;
	margin: 0;
	padding: 12px;
}

#productReviews li {
	padding-bottom: 12px;
}

#productReviews h2 {
	font-size: 20px;
}

#productReviewsAdd {
	margin: 12px 0;
}

.relatedProduct {
	float: left;
	padding: 12px 0;
}

.relatedProduct img {
	width: 60px;
	height: 60px;
	border: 1px solid #ccc;
	padding: 4px;
}

/* ------------------- */
/* footer */
/* ------------------- */

#footer {
	background: #999 url(/images/bg-footer.jpg) repeat-x center bottom;
	height: 169px;
	margin: 0;
	padding: 0;
	}
	
#footer-wrap {
	width: 760px;
	margin: 0 auto;
	}
	
#address {
	margin: 45px 0 0 0;
	padding: 0;
	text-align: left;
	width: 225px;
	float: left;
	}

#quicklinks {
	margin: 45px 0 0 25px;
	padding: 0;
	text-align: left;
	width: 225px;
	float: left;
	}
	
#quicklinks a:link,
#quicklinks a:visited,
#address a:link,
#address a:visited {
	color: #fff;
	text-decoration: none;
	}
	
#quicklinks a:hover,
#address a:hover {
	color: #ffe4a9;
	text-decoration: underline;
	}
	
#cup {
	margin: 0;
	padding: 0;
	width: 221px;
	height: 133px;
	float: right;
	}
	
#footer h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
	color: #ffe4a9;
	margin: 0;
	padding: 0;
	}
	
#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#footer ul li {
	margin: 0;
	padding: 2px 0;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	}
#quote {
	font-size: 10px;
}

	
#copyright {
	width: 750px;
	margin: 0;
	padding: 8px 0 0 10px;
	clear: both;
	text-align: left;
	}
	
#copyright p {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #68719e;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	}
	
#copyright p span {
	margin: 0 15px 0 15px;
	color: #3a4070;
	}
	
#copyright p a:link,
#copyright p a:visited {
	text-decoration: none;
	color: #68719e;
	}

#copyright p a:hover{
	color: #b5bae3;
	text-decoration: underline;
	}
.inlinelink {
	text-decoration: none;
	color: #666666;
}
.quote {
	font-size: 11px;
	font-style: italic;
	height: 50px;
}
.MenuItem {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #A6742A;
	font-weight: bold;
}
.redheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #861316;
	text-transform: uppercase;
	font-size: 12px;
}
.content {
	font-size: 12px;
}