/* Stylesheet for Olivers Master Wandmakers, January 2007
	Author: Richard Harris Design, richard@darthvader.net */
/*
body class abbreviations
fp = front page
pi = product index
pd = product details
*/
body {
	background:  #94a2eb url(i/magical_background.jpg) repeat-x top left scroll;
	margin: 0px 0px;
	padding: 0px;
	text-align: center;
	font-size: larger;
}
form {display:inline;}
p, li, h1, h2, h3, h4 {line-height: 135%;}
.container {
	background: transparent url(i/dragon_heads.gif) 2px 1px no-repeat;
	width: 770px;
	min-height: 400px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
.wrapper {
	border: 2px solid #0a0930;
	border-width: 0 2px 2px;
	background-color: #fafafa;
	width: 770px;
	margin: 16px 0;
	padding: 0px;
	float: left;
}
.top {
	background: #352719 url(i/olivers_wands_top_logo.jpg) no-repeat top left; /* brown = 3e2f1a */
	height: 97px;
	float: left;
	clear: both;
	width: 100%;
}
.top h1 {
	color: #fff;
	font-size: 1.4em;
	margin: 0px; padding: 0px;
	overflow: hidden;
}
.top h1 a {
	color: #fff; text-indent: -2000px;
	display: block;
	height: 95px; width: 600px;
}
/* navigation */
.navbar {
	background: #8f652b url(i/gradient_bar_brass.jpg) repeat-x top left; /* dark-wood: #2c2117 */
	font: normal 0.7em verdana, helvetica, arial, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #fff;
	border-top: 1px solid #c0baa8;
	border-bottom: 1px solid #443c35;
	float: left;
	clear: both;
	width: 100%;
}
ul.main-navigation {
	list-style: none;
	margin: 0px 40px;
	padding: 0px;
}
.main-navigation li {
	display: inline;
	float: left;
	border-left: 1px solid #c0baa8;
}
.main-navigation li.selected {
	background-color: #c5ac67; /*64513a*/
	padding: 5px 10px;
	font-weight: bolder;
}
.main-navigation a {
	color: #f5f4ef;
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	font-weight: bold;
}
.main-navigation a:hover {
	background-color: #a0804d;
}
.main-navigation li.selected a {
	background-color: #c5ac67;
	color: #fff;
	padding: 0px;
	font-weight: bolder;
}
.main-navigation .last {
	border-right: 1px solid #c0baa8;
}
/* Following rule allows entire region of link to to be 
  	clickable in IE/Win. Holly Hack explained here:
  	http://www.positioniseverything.net/explorer/escape-floats.html */
* html .main-navigation a {
	width: 1%;
}
ul.top-links {
	list-style: none;
	margin: 0px 33px;
	padding: 2px 0px 0px;
}
.top-links li {
	display: inline;
	float: right;
	padding: 0px;
}
.top-links a {
	color: Blue;
	padding: 0px 9px;
	font: normal 0.6em verdana, helvetica, arial, sans-serif;
}
.top-links a:hover {
	text-decoration: overline;
}
.top-links .selected a {
	text-decoration: overline;
}
.breadcrumb {
	float: left; display: inline; clear: none;
	font: normal 60% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 8px 30px 10px 40px;
	color: #2e271c;
}
.breadcrumb a{
	color: Blue;
}
/* content */
.content-wrapper {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	border-top: 1px solid #251222;
	background: transparent url(i/parchment_rolls_hanging.jpg) top right no-repeat;
	min-height: 300px;
	background-image: url(i/parchment_rolls_hanging.jpg);
}
/* main content */
.content-block {
	float: left;
	clear: both;
	width: 564px;
	padding: 10px 0px 35px;
	margin: 0px 0px 0px 40px;
	background-color: transparent;
	color: #343434;
	/* To fix the double-margin IE bug http://www.positioniseverything.net/explorer/floatIndent.html */
	display: inline;
}
.fp .content-block {
	width: 690px;
}
/* typefaces */
h1, h2, h3, h4 {
	margin-top: 0px;
	padding: 0px;
}
a img {
	border: none;
}
.hide {
	display: none !important;
}
/* front page blocks */
.mainblock {
	float: left;
	background: transparent url(i/4-wands-parchment-main.jpg) no-repeat;
	width: 634px;
	height: 200px;
	overflow: visible;
	margin: 0 0 20px;
}
.mainblock p {
	margin: 0 0 10px;
}
.mainblock .buttonLarge {
	float: left;
}
.mainblock .buttonLarge img {
	background: transparent url(i/button_lg_see_all_wands_dk.png) 50% 80% no-repeat;
	width: 240px;
	height: 100px;
	margin: 78px 50px 10px;
	border: none;
}
.mainblock .buttonLarge a:hover img {
	background: transparent url(i/button_lg_see_all_wands_lt.png) 50% 80% no-repeat;
}
.message {
	float: right;
	width: 270px;
	font-size: 140%;
	line-height: 125%;
}
.message .special {
	float: left;
	font: normal 46% Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 122%;
	margin-top: 3px;
}
.message .special img {
	float: left; vertical-align: top; padding-right: 5px;
}
.blocks {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;
	margin: 0;
	display: inline;
}
.blocks h3 {
	margin: 0;
	font-size: 85%;
	font-weight: bolder;
}
.blocks li, .blocks p {
	font-size: 70%;
}
.content-block a {
	color: #0000ff;
}
.specials {
	float: left;
	clear: none;
	display: inline;
	width: 154px;
	margin: 0px 30px 0px 0px;
	line-height: 98%;
}
.specials ul, .specials li {
	float: left; clear: both; width: 100%;
	margin: 0px; padding: 0px;
	list-style: none;
	display: inline;
}
.specials .highlight {
	background-color: #ededeb;
}
.specials li a {
	float: left; clear: none; padding: 1px;
}
.specials p {
	float: left; clear: both;
	display: inline;
	font-weight: bolder;
	width: 100%;
	margin: 6px 1px;
}
.specials .price {
	float: right; clear: none;
	color: #990000;
	font-weight: bolder;
	padding: 1px;
}

.shipping {
	float: left;
	clear: none;
	display: inline;
	margin: 0;
	padding: 0;
	width: 150px
}
.shipping p {
	float: left;
	clear: both;
	display: inline;
	margin: 0px;
}

.retailers {
	float: left;
	clear: none;
	display: inline;
	margin: 0 32px 0 30px;
	padding: 0;
}
.retailers h3 {
	float: left;
	padding: 0;
	margin: 0;
	font-size: 85%;
}
.retailers img {
	float: left; clear: both; margin: 0px; padding: 0px;
}
.retailers p {
	float: left;
	clear: both;
	display: inline;
	margin: 0 0 0 16px;
	font-weight: bold;
}
.secureBuy, .secureBuy img {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 158px;
}
/* /front page classes */

/* start P.roduct I.ndex M.atrix */
body.pim .frame {
	background: transparent url(i/bg_index_parchment_mid.jpg) left top repeat-y scroll;
	width: 635px;
	float: left; clear: both;
}
body.pim .frame .block {
	display: block;
	background: transparent url(i/bg_index_parchment_bot.jpg) left bottom no-repeat scroll;
	width: 635px;
	float: left; clear: both;
}
body.pim .frame table, /* the table method didn't work so well in Safari, so we went to div's */
body.pim .frame .row {
	margin: 0 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left; clear: both;
}
body.pim .frame td { /* 2-column table */
	width: 252px;
	padding: 5px 22px 30px 27px;
}
body.pim .frame .item {
	width: 240px;
	margin: 10px 10px 30px 40px;_margin-left:35px;
	padding: 5px 0 30px;
	float: left; clear: none; display: inline;
}
body.pim .frame h4 {
	text-align:center;
	font-size: 90%;
	margin: 0 0 4px;
	padding: 0;
}
body.pim .frame .button {
	float: left; vertical-align: middle;
}
body.pim .frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
body.pim .frame li {
	list-style: none;
	margin: 0;
	padding: 1px 0px;
	text-align: right;
	font-size: 60%;
	line-height: 100%;
	float: left;
	clear: both;
	width: 100%;
	white-space: nowrap;
}
body.pim .frame .price {
	font-size: 140%;
	font-weight: bolder;
}
/* start P.roduct I.ndex L.ists */
body.pil .frame {
	background: transparent url(i/bg_index_parchment_mid.jpg) left top repeat-y scroll;
	width: 635px;
}
body.pil .frame .block {
	display: block;
	background: transparent url(i/bg_index_parchment_bot.jpg) left bottom no-repeat scroll;
	width: 635px;
}
body.pil .frame table {
	margin: 0 12px;
	width: 610px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body.pil .frame td {
	padding: 5px 17px 30px;
}
body.pil .frame a img {
	margin: 4px 0;
}
body.pil .frame table h4 {
	font-size: 90%;
	margin: 0;
	padding: 0;
}
body.pil .frame .button {
	float: right; vertical-align: middle;
}
body.pil .frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
body.pil .frame li {
	list-style: none;
	margin: 0;
	padding: 1px 0px;
	text-align: left;
	font-size: 60%;
	line-height: 100%;
	float: left;
	clear: both;
	width: 100%;
	white-space: nowrap;
}
body.pil .frame .price {
	font-size: 140%;
	font-weight: bolder;
}
/* end product lists */
.pages {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 0 20px 14px;
	font-size: 60%;
	font-weight: bold;
	float: right;
	clear: both;
}
/* start product details classes */
body.pd .content-block {
	margin: 10px 0px;
}
body.pd .frame {
	background: transparent url(i/bg_details_parchment_mid.jpg) left top repeat-y scroll;
	margin: 0px 100px;
	width: 569px;
	float: left; display: inline;
}
body.pd .frame .block {
	display: block;
	float: left;
	background: transparent url(i/bg_details_parchment_bot.jpg) left bottom no-repeat scroll;
	width: 569px;
	padding: 0px 0px 35px;
}
body.pd .frame h2 {
	font-size: 120%;
	margin: 0 0 14px 40px;
	width: 245px;
	float: left; clear: left;
	display: inline;
}
body.pd .frame img.zoom {
	float: right;
	margin: 0 30px 0 0;
	display: inline;
}
body.pd .frame p {
	font: normal 65% Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left; clear: left;
	margin: 5px 0 10px 40px;
	display: inline;
	width: 245px;
}
body.pd .frame h4 {
	font: bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left; clear: left;
	margin: 5px 0 0 40px;
	display: inline;
	width: 245px;
}
body.pd .frame ul {
	font: normal 65% Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left; clear: left;
	margin: 0 0 10px 40px; padding: 0;
	display: inline;
	width: 245px;
	list-style: none;
}
body.pd .frame li {
	padding:4px 0; margin: 0;
}
body.pd .frame .details {
	width: 482px;
	clear: both;
}
body.pd .frame .price {
	font-size: 140%;
	font-weight: bolder;
	display: block;
}
body.pd .frame .button {
	margin: 8px 0 10px 40px;
	float: left; display: inline;
	clear: left;
}
body.pd .frame .cart {
	margin: 8px 0 10px 14px; float: left; _float:none; _margin:9px 0 9px 12px;
}
body.pd .frame label {
	font: bold 70% Verdana, Geneva, Arial, Helvetica, sans-serif; float: left;
}
body.pd .frame .dropdown {
	float: left; border: none; background: transparent;
}
body.pd .frame .dropdown option {
	border:0;background:#fff;
}
body.text .content-block {
	margin-left: 40px;
	padding-bottom: 30px;
	width: 626px;
}
body.text h2 {
	font: bolder 120% "Times New Roman", Times, serif;
}
body.text p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 70%;
	margin: 0 0 14px 42px;
}
body.text .content-block ol.inline,
body.text .content-block ul.inline {
	font: normal 65% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 14px 66px;
}
body.text .content-block .qa {
	background: transparent url(i/bullet_wand.gif) left 5px no-repeat;
	padding-left: 42px;
	margin: 0 0 20px;
}
body.text .q, body.text .a {
	display: block;
}
body.text h3 {
	margin: 20px 0 0 42px;
}
body.text h4 {
	margin: auto 0 10px 42px;
}
body.text ol {
	font: bolder 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 42px;
	line-height: 144%;
}
body.text hr {
	margin-left: 42px;
}
.wand-hr {
	background: transparent url(i/wand_h-rule.jpg) top no-repeat;
	height: 20px; border: none; color: #fff; overflow: hidden;
	margin: 10px 0 0; padding: 0;
}
.wand-hr hr {
	display: none;
}
.dim {
	color: #6F5D45;
}
.rightalign {
	float: right;
}
img.picFrame {
	padding: 8px; border: 2px solid #ccc;
}
li.cart a {
	background: transparent url(i/cart-mini.gif) bottom left no-repeat; padding-left: 20px;
}
body.wl {
	padding-top:50px;
}
body.wl img {
	border: none;
}