/* @override http://www.serendipitydirect.com/media/styles/style.css */

/* serendipity CSS
	Design by i-kos
	CSS by John King */



/* RESET CSS CODE */

body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td,legend{margin:0;padding:0;}
fieldset,img{border:0;}
cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;/*font-size:small;*/}
ul{padding-bottom:15px;}
h1,h2,h3,h4{font-size:100.01%;font-weight:normal;margin:0px;padding:0px;}
body{font:100.01% arial, helvetica, Sans-Serif;}
img{display: block;}

/* Page and Layout CSS */

html, body {
	text-align: center;
}

#wrapper {
	text-align: left;
	width: 996px; /* Left side = 804px / Right side = 192px */
	margin: 0px auto 0px auto;
	padding: 0px 10px 0px 10px;
	background: transparent url('../../media/images/background_tile.gif') repeat-y top center;
}

#content_wrapper {
	float: left;
	width: 804px;
}

#top_line {
	width: 804px;
	height: 33px;
	margin-top: 10px;
	background: transparent url('../../media/images/top_line_bg.gif') repeat-x top left;
}

#banner {
	width: 804px;
	height: 120px;
	clear: both;
}

#middle_area {
	float: right;
	width: 600px;
}

#focus {
	width: 600px;
}

#primary_content {
	width: 600px;
}

#left_column {
	float: right;
	width: 180px; /* 204px minus (9px + 15px padding) */
	padding: 0px 15px 25px 9px;
}

#secondary_content {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 192px;
}

.spacer {
	clear: both;
	width: 100%;
}

#footer_container {
	width: 100%;
	clear: both;
	background: transparent url('../../media/images/footer_bg_tile.jpg') repeat top center;
}

#footer_middle {
	width: 996px;
	height: 62px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 0px 10px;
	background: transparent url('../../media/images/footer_bg.jpg') repeat-y top left;
}

/* Font Color, Size and Padding CSS */

body {
	color: #333333;
}

a {
	color: #336633;
	text-decoration: none;
}

a:hover {
	color: #663300; /* Site wide hover state color - Except Footer */
}

#primary_navigation ul li a {
	font-size: 0.875em;
	/*font-size:1.125em;*/
}

#account {
	font-size: 0.875em;
}

.horiz_table #primary_content thead td .table_header p.table_title {
	font-size: 1.125em;
	color: #336633;
}

.horiz_table #primary_content thead td .table_header p.right_link {
	font-size: 0.75em;
}

.horiz_table #primary_content td h2 {
	font-size: 0.75em;
	color: #336633;
}

.horiz_table #primary_content td p.price {
	font-size: 0.875em;
	color: #a01a00;
	font-weight: bold;
}

.verti_table #primary_content thead td .table_header p.table_title {
	font-size: 1.125em;
	color: #336633;
}

.verti_table #primary_content thead td .table_header p.right_link {
	color: #336633;
	font-size: 0.75em;
}

.verti_table #primary_content td h2 {
	font-size: 1em;
	color: #336633;
}

.verti_table #primary_content td p.author {
	font-size: 0.75em;
	color: #336633;
}

.verti_table #primary_content td p.description {
	font-size: 0.75em;
}

.verti_table #primary_content td p.price {
	font-size: 0.875em;
	color: #a01a00;
	font-weight: bold;
}

.verti_table #primary_content tfoot td .table_footer p {
	color: #336633;
	font-size: 0.75em;
}

#category_list h3 {
	color: #336666;
	font-size: 1.5em;
}

#category_list h3 span {
	color: #999999;
	font-weight: bold;
}

#category_list li a {
	color: #999999;
	font-size: 0.75em;
}

#category_list li a:hover {
	color: #797979;
}

#primary_content #product_detail .detail_header h2 {
	font-size: 1.125em;
	color: #336633;
}

#primary_content #product_detail .detail_header p {
	font-size: 0.75em;
}

#primary_content #product_detail p.product_detail_name {
	color: #336633;
	font-size: 1em;
}

#primary_content #product_detail p.product_detail_author {
	color: #336633;
	font-size: 0.75em;
}
#primary_content #long_description p{
	font-size: 0.75em;
}

#primary_content #product_detail p.product_detail_price {
	font-size: 0.875em;
	color: #a01a00;
	font-weight: bold;
}

#search label {
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
}

#secondary_navigation ul li a {
	font-size: 0.875em;
}

#secondary_navigation ul li a:hover {
	color: #ffffff;
	font-weight: bold;
}

#tertiary_content form p {
	font-size: 1em;
}

#tertiary_content form label {
	font-size: 0.6125em;
}

#tertiary_content form input.field {
	font-size: 0.75em;
}

#secondary_content h3 {
	color: white;
	font-size: 1.125em;
	font-weight: bold;
}

#secondary_content p {
	color: white;
	font-size: 0.875em;
}

#footer p {
	color: #663300;
	font-size: 0.875em;
	font-weight: bold;
}

#footer ul li a {
	color: #663300;
	font-size: 0.6875em;
}

#footer ul li a:hover {
	color: #441100;
}

/* Primary Navigation Menu CSS */

#primary_navigation ul {
	float: left;
	padding-left: 5px;
}

#primary_navigation ul li {
	float: left;
	padding: 7px 4px 0px 0px;
	margin: 0px 0px 0px 5px;
	position: relative;
	display: block;
	background: transparent url('../../media/images/pri_nav_div.gif') no-repeat right top;
}

#primary_navigation ul li.last_item {
	background: none;
}

#primary_navigation ul li a {
	padding: 0px 3px 9px 0px;
	display: block;
	float: left;
}

/* Account Area CSS */

#account {
	float: right;
	padding-top: 7px;
}

#account p {
	line-height: 17px;
}

#account a {
	padding-right: 12px;
}

#account img {
	display: inline;
	padding-right: 4px;
	vertical-align: top;
}

/* Focus Area CSS */

#focus img {
	margin-bottom: 10px;
}

/* Home Page Table CSS */
/* Horiz_Table refers to the horizontal tables seens on the home page and occassionally on other pages */

.horiz_table #primary_content table {
	clear: both;
	width: 600px;
}

.horiz_table #primary_content td {
	width:150px;
	vertical-align: top;
}

	/* New rule */
#primary_content table.no_width td{
width:auto;
}


.horiz_table #primary_content thead td .table_header {
	width: 590px;
	height: 25px;
	margin-right: 10px;
	padding-top: 4px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.horiz_table #primary_content thead td .table_header p.table_title {
	float: left;
}

.horiz_table #primary_content thead td .table_header p.right_link {
	float: right;
	text-align: right;
	padding-top: 3px;
}

.horiz_table #primary_content td img {
	height: 140px;
	width: 140px;
	padding: 10px 0px 0px 0px;
}

.horiz_table #primary_content td h2 {
	height: 47px;
	padding: 7px 10px 3px 0px;
}

.horiz_table #primary_content td p.price {
	height: 25px;
}

.horiz_table #primary_content td form {
	height: 38px;
}

/* Product List Page CSS */
/* verti_table refers to the vertical table elements on the list page */

.verti_table #primary_content table {
	clear: both;
	width: 590px;
}

.verti_table #primary_content td {
	border-bottom: 1px solid #cccccc;
	width: 590px;
}

.verti_table #primary_content thead td .table_header {
	height: 25px;
	padding-top: 4px;
	border-top: 1px solid #cccccc;
}

.verti_table #primary_content thead td .table_header p.table_title {
	float: left;
}

.verti_table #primary_content thead td .table_header p.right_link {
	float: right;
	text-align: right;
	padding-top: 3px;
}

.verti_table #primary_content td img {
	float: left;
	height: 140px;
	width: 140px;
	padding: 12px 0px 9px 0px;
}

.verti_table #primary_content .product_detail_verti {
	float: left;
	width: 438px;
	padding: 10px 0px 0px 12px;
}

/*.verti_table #primary_content .product_detail_verti .fixed_height {
	height: 120px;
}*/

.verti_table #primary_content td p.description {
	padding: 5px 0px 3px 0px;
}

.verti_table #primary_content td p.price {
	height: 25px;
}

.verti_table #primary_content td form {
	height: 31px;
}

.verti_table #primary_content tfoot td {
	border-bottom: none;
}

.verti_table #primary_content tfoot td .table_footer {
	height: 25px;
	padding-top: 4px;
}

.verti_table #primary_content tfoot td .table_footer p {
	float: right;
	text-align: right;
	padding-top: 3px;
}

/* Product List Page */
/* Category lists */

#category_list h3 {
	width: 600px;
	height: 35px;
}

#category_list li {
	float: left;
	width: 150px;
	height: 20px;
}

#category_list li a {
	display: block;
	background: transparent url('../../media/images/cat_bullet.gif') no-repeat top left;
	padding-left: 14px;
}
	

/* Product Detail Page - Product Detail Section */

#primary_content #product_detail .detail_header {
	width: 590px;
	height: 25px;
	margin-right: 10px;
	padding-top: 4px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#primary_content #product_detail .detail_header h2 {
	float: left;
	padding: 0px;
}

#primary_content #product_detail .detail_header p {
	float: right;
	text-align: right;
	padding-top: 3px;
}

#primary_content #product_detail img {
	float: left;
	height: 290px;
	width: 290px;
	padding: 10px 0px 22px 0px;
}

#primary_content #product_detail .product_detail_info {
	float: left;
	width: 288px;
	padding: 10px 0px 0px 12px;
}

/*#primary_content #product_detail .fixed_height { /*removed 01/04/08*//*
	height: 235px;
}*/

#primary_content #product_detail p.product_detail_description {
	padding: 5px 0px 3px 0px;
}

#primary_content #product_detail p.product_detail_price {
	padding: 1px 0px 5px 0px;
}

#primary_content #product_detail form {
	height: 38px;
	padding-bottom: 10px;
}

/* Search Section CSS */

#search {
	width: 174px;/*01/04/08 - previously 180px*/
	background: #336633 url('../../media/images/search_top.gif') no-repeat top left;
}

#search form {
	padding: 7px 0px 6px 6px;
	height: 41px;
}

#search label {
	padding: 0px 0px 0px 0px;
}

#search input {
	float: left;
	border: none;
	height: 20px;
	border-width: 0px;
	margin-top: 1px;
}

#search input.field {
	width: 147px;
	line-height: 17px;
}

#search input.button {
	width: 21px;
}

/* Secondary Navigation Menu CSS */

#secondary_navigation ul {
	padding-bottom: 10px;
}

#secondary_navigation ul li a {
	height: 22px; /* 25px minus 3px padding */
	padding: 3px 2px 0px 6px;
	background: #d9e9e9 url('../../media/images/sec_nav_bg.gif') no-repeat bottom left;
	display: block;
}

#secondary_navigation ul li a:hover {
	background: #98b6ab url('../../media/images/sec_nav_hover_bg.gif') no-repeat bottom left;
}

/* Tertiary Content CSS */

#tertiary_content img {
	padding-bottom: 10px;
}

/* Tertiary Email Address form */

#tertiary_content form {
	background: transparent url('../../media/images/signup_tile.gif') repeat-y top left;
}

#tertiary_content form fieldset {
	background: transparent url('../../media/images/signup_top.gif') no-repeat top left;
}

#tertiary_content form fieldset p {
	padding: 9px 0px 0px 6px;
}

#tertiary_content form label {
	padding-left: 6px;
}

#tertiary_content form input.field {
	margin: 5px 0px 0px 6px;
	width: 164px;
	padding: 3px 0px 4px 2px;
	border: 1px solid #cccccc;
}

#tertiary_content form input.submit {
	padding: 6px 5px 12px 115px;
	width: 60px;
	height: 24px;
	background: transparent url('../../media/images/signup_bottom.gif') no-repeat bottom left;
}

/* Secondary Content CSS - The Right Column */

#secondary_content div {
	width: 180px; 
	margin: 3px 0px 0px 5px;
	padding-bottom: 15px;
}

#secondary_content div h3 {
	width: 166px; /* 180px minus (7px + 7px) padding */
	height: 32px; /* 37px minus 5px padding */
	padding: 5px 7px 0px 7px;
}

#secondary_content div p {
	padding: 2px 7px 3px 7px;
}

#secondary_content div.blue {
	background: #336699 url('../../media/images/right_box_blue_bottom.gif') no-repeat bottom left;
}

#secondary_content div.blue h3 {
	background: transparent url('../../media/images/right_box_blue_top.gif') no-repeat top left;
}

#secondary_content div.violet {
	background: #9a92c9 url('../../media/images/right_box_violet_bottom.gif') no-repeat bottom left;
	padding-bottom: 100px; /* Special value for book background image */
}

#secondary_content div.violet h3 {
	background: transparent url('../../media/images/right_box_violet_top.gif') no-repeat top left;
}

#secondary_content div.orange {
	background: #ff9541 url('../../media/images/right_box_orange_bottom.gif') no-repeat bottom left;
}

#secondary_content div.orange h3 {
	background: transparent url('../../media/images/right_box_orange_top.gif') no-repeat top left;
}

/* Footer Area CSS */

#footer {
	height: 46px;
	margin: 0px 10px 0px 10px;
	border-top: 1px solid #663300;
	border-bottom: 1px solid #663300;
	text-align: left;
}

.footer_links {
	width: 488px;
	float: left;
}

#footer p {
	padding: 5px 0px 0px 0px;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	padding: 0px 8px 0px 0px;
}

/* Added by i-KOS post delivery */
div #primary_content p, ul li{
	color: #333333;
	padding-bottom: 5px;
}

div #primary_content h1{
	color: #336633;
	font-size: 125%;
	padding-bottom: 10px;
	padding-top: 10px;
}


div #primary_content h2{
	color: #336633;
	font-size: 125%;
	padding-bottom: 10px;
	padding-top: 10px;
}

div #primary_content h3{
	color: #336633;
	font-size: 105%;
	padding-top: 10px;
}

/* Healing Book styles brought over from old design */
table#table_healing_book {
	margin-bottom:20px;
}

table#table_healing_book .hb-message {
	font-family: comic sans MS, comic sans;
	font-size: 14px;
	display:block;
	padding: 2px 30px 5px 10px; margin: 0px;
}

#primary_content table#table_healing_book tbody tr td {
	width: 600px;
	vertical-align: top;
}

/*table#table_healing_book div {
	padding: 0px 30px 0px 0px; margin: 0px;
}*/

table.table_address_edit tr.row1, table.table_address_edit tfoot {
	font-family:Trebuchet MS;
	font-size: 11px;
}

table.table_address_edit tr.row2 {
	font-family:Trebuchet MS;
	font-size: 11px;
}

table.table_heading {
	font-family:Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
}

table#table_healing_book tr.hb_bg {
	padding: 0px; margin: 0px;
	width: 100%;
}

table#table_healing_book tr.hb_bg_top {
	padding: 0px; margin: 0px;
	width: 100%;
}

table#table_healing_book tr.hb_bg_bot {
	padding: 0px; margin: 0px;
	width: 100%;
}
table#table_healing_book tr.hb_bg {
	background: url(../images/hb_bg.jpg);
	background-position: left;
	background-repeat:repeat-y;
}

table#table_healing_book tr.hb_bg_top {
	background: url(../images/hb_bg_top.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

table#table_healing_book tr.hb_bg_bot {
	background: url(../images/hb_bg_bot.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* Shopping Basket content */
table#basket_table {
	font-size: 90%;
	color: #333333;
	padding-bottom: 2px;
}

table#basket_table tbody tr td, table#basket_table tfoot tr td {
	padding: 10px;
	font-size: 90%;
	
}

/*01/04/08 - start*/
FORM#serendipity_contact_us DIV.formheading {
	margin:0px 0px 5px 0px; padding:0px 0px 5px 0px;
}

FORM#serendipity_contact_us SPAN.formlabel,
FORM#serendipity_contact_us SPAN.formfield {
	display:block; width:100%;
	margin:0px 0px 2px 0px; padding:0px 0px 2px 0px;
}

FORM#serendipity_contact_us SPAN.formfield INPUT,
FORM#serendipity_contact_us SPAN.formfield TEXTAREA {
	width:95%;
	margin:0px 0px 2px 0px; padding:0px 0px 2px 0px;
}

FORM#serendipity_contact_us SPAN.formfield TEXTAREA {
	height:125px;
	overflow:auto;
}

IMG.register-button {/*override global*/ 
	width:160px !important;
	height:27px !important;
}
/*01/04/08 - end*/
/*Additional edits for highlight of current section */
#secondary_navigation ul li a.selected_nav {
	background: #98b6ab url('../../media/images/sec_nav_hover_bg.gif') no-repeat bottom left;
}

/* new rules added 6.6.08 for Healing Book Form */


#serendipity_healing_book fieldset{
border:1px solid #cccccc;
background:url(/media/images/form_background.gif) repeat-x bottom;
padding:10px;
}
#serendipity_healing_book fieldset.small_gradient{
background:url(/media/images/small_form_gradient.gif) repeat-x bottom;
}

#serendipity_healing_book h3{
color:#336666;
}

#serendipity_healing_book label.fixedwidth{
display:block;
width:180px;
float:left;
}

h2.borders{
border-bottom:1px solid #cccccc;
border-top:1px solid #cccccc;
margin-bottom:10px;
}

#serendipity_healing_book h3{
padding-bottom:10px;
font-weight:bold;
}

#serendipity_healing_book input.width_80, #serendipity_healing_book textarea.width_80{
width:65%;
}

/* end of healing book rules*/

#category_list {
padding:6px 6px 20px 6px;
border:1px solid #cccccc;
}

#branch_detail_heading{
color:#797979;
font-weight:bold;
font-size:120%; 
padding-bottom:10px;
}

#branch_detail_heading span.branch_detail_heading_green{
color:#336633;
font-weight:normal;
}

ul.bullets li{
list-style:square inside;

}
/*Peter Thorndycrafts additions*/
.product_detail_verti .fixed_height  p {
font-size:0.75em;
}
.product_detail_verti .fixed_height a {
font-size:0.75em;
}
.product_detail_verti .fixed_height .description a {
font-size:1em;
}
.product_detail_verti p.description span#short_description:1 p {
font-size:0.75em;
}