@charset "utf-8";

@font-face {
	font-family: "Century Gothic";
	font-weight: normal;
	src: url("../include/century-gothic-webfont.eot?iefix") format("embedded-opentype"),
	url("../include/century-gothic-webfont.ttf") format("truetype"),
	url("../include/century-gothic-webfont.woff") format("woff"),
	url("../include/century-gothic-webfont.svg#svgCentury Gothic") format("svg");
}

body { 
	background: url(../images/site-bg.jpg) no-repeat top center;
	background-color: #fefefe;
	padding: 0px;
	margin: 144px 0px 10px 0;
	color: #404040;
	font-size: 14px;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
}

#orderbody {
	background: #ffffff;
	margin: 10px;
}

html>body .outerpair1	{ background: url(../images/upperrightfade.png) right top no-repeat; }
html>body .outerpair2	{ background: url(../images/lowerleftfade.png) left bottom no-repeat; padding-top: 8px; padding-left: 8px; }
html>body .shadowbox	{ background: url(../images/shadow.png) bottom right; }
html>body .innerbox	{ position: relative; left: -8px; top: -8px; }
.shadowbox img		{ border: 1px solid #000000; vertical-align: bottom; }
.clearfix:after		{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix		{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix	{ height: 1%; }

textarea		{ font-size: 13px; font-family: verdana, geneva, sans-serif; resize: none; }
input[type='text']	{ font-size: 13px; }
input[type='password']	{ font-size: 13px; }

#outer {
	width: 966px;
	margin: 0 auto;
	padding: 0;
}

#wrapper {
	border: 3px solid #ffffff;
	background: url(../images/main-bg.jpg) repeat-y;
	background-color: #C7C9E2;
}

#header {
	position: relative;
	top: 0px;
	width: 960px;
	height: 375px;
}

#homebody {
	background: url(../images/home-top-bg.jpg) no-repeat top;
	overflow: auto;
	overflow: hidden;
}

#mainbody {
	background: url(../images/main-top-bg.jpg) no-repeat top;
	overflow: auto;
	overflow: hidden;
}

#homebody #middle {
	padding: 20px 100px;
}

#middle {
	width: auto;
	margin: 10px 5px 0 210px;
	padding: 0 15px 0 30px;
}

#hometop {
	height: 100px;
}

#homedivider {
	text-align: center;
	padding-top: 10px;
}

/* DEFAULT STYLING */

a {
	color: #443388;
	font-size: 14px;
	text-decoration: underline;
}

a:hover {
	color: #996699;
}

h1 {
	color: #555588;
	font-size: 25px;
	font-family: "Century Gothic";
}

h2 {
	color: #996699;
	font-size: 20px;
	font-family: "Century Gothic";
}

h3 {
	color: #555588;
	font-size: 17px;
	font-family: "Century Gothic";
	margin-bottom: -10px;
}

h4 {
	color: #996699;
	font-size: 17px;
	font-family: "Century Gothic";
}

h5 {
	color: #555588;
	font-size: 16px;
	font-family: "Century Gothic";
}

h6 {
	color: #996699;
	font-size: 15px;
	font-family: "Century Gothic";
}

p, li, td, th {
	color: #404040;
	font-weight: normal;
	font-size: 14px;
}

p {
	line-height: 18px;
}

blockquote {
	border: 1px solid #aaaccf;
	background-color: #bec0dc;
	padding: 5px 10px;
}

blockquote p, blockquote li, blockquote td, blockquote th {
	font-size: 15px;
}

blockquote p {
	line-height: 16px;
}

/* PAGE TREE */

#pagetree {
	text-align: right;
	width: auto;
}

#pagetree a {
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
}

#pagetree a:hover {
	text-decoration: underline;
}

#pageheading {
	text-align: left;
	width: auto;
}

#pageheading h1 {
	margin: 5px 0 25px 0;
}

/* VERTICAL MENU */

#leftcontainer {
	float: left;
	width: 200px;
	margin: 5px 0 0 5px;
	padding-top: 25px;
}

#leftcontainer ul {
	position: relative;
	list-style: none;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

#leftcontainer ul li a {
	position: relative;
	font-size: 16px;
	font-family: "Century Gothic";
	text-decoration: none;
	display: block;
	padding: 7px 10px 7px 6px;
	margin-bottom: 1px;
	margin: 0 auto;
	width: auto;
}

#leftcontainer ul .menuvnotselect a {
	color: #884477;
}

#leftcontainer ul .menuvselect a {
	color: #555588;
}

#leftcontainer ul .menuvnotselect a:hover {
	color: #666699;
}

#leftcontainer img{
	padding-right: 10px;
}

/* RECOMMEND & FACEBOOK LINKS */

#facebook {
	margin: 50px 0 30px 20px;
}

#recommend {
	margin: 0 0 20px 20px;
}

#recommend a {
	color: #222222;
	font-size: 13px;
	text-decoration: none;
	line-height: 20px;
}

#recommend a:hover {
	text-decoration: none;
}

/* PAGE GALLERY */

.pagegallery {
	margin: 10px auto;
	width: 100%; 
}

.pagegallerycontent {
	float: left;
	width: 100%; 
	margin-bottom: 10px;
}

.pagegalleryheading {
	color: #996699;
	font-size: 20px;
	font-weight: bold;
	font-family: "Century Gothic";
	margin-bottom: 10px;
}

.pagegalleryinner {
	width: 100%; 
	margin: 0 auto;
	padding: 0;
}

.pagegalleryimage {
	float: left;
	padding: 0px;
	margin: 10px;
	height: 100px;
	width: 150px;
	text-align: center;
	overflow: hidden;
}

.pagegalleryimage img {
	border: none;
}

.pagegalleryimage a:hover img {
	opacity: 0.7;
	filter:alpha(opacity: 70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

/* IMAGE LIBRARY */

#imagelibrary		{ margin: 4px; padding: 4px; }
#imagelibrary img	{ margin: 3px; }

/* IMAGE STYLING */

.pageimagecenter	{ text-align: center; margin: 0 auto; padding: 0px; }
.pageimageright		{ float: right; margin: 5px 0 5px 5px; padding: 0; }
.pageimageleft		{ float: left; margin: 5px 5px 5px 0; padding: 0; }
.pageimagenone img	{ margin: 3px; padding: 0; }

/* LINKS */

.link {
	overflow: auto;
	overflow: hidden;
	width: 640px;
	margin: 0 0 20px 30px;
}

.linkleft {
	float: left;
	height: 125px;
	width: 125px;
}

.linkleft img {
	border: none;
}

.linkright {
	float: right;
	width: 500px;
	margin-top: 20px;
}

.linktitle {
	color: #443388;
	font-size: 17px;
}

.linktext {
	color: #404040;
	line-height: 18px;
	margin: 10px 0;
}

.linkurl {
	color: #555588;
}

/* PRODUCT STYLING */

#product {
	overflow: auto;
	overflow: hidden;
}

.productitem {
	background: #ffffff;
	float: left;
	width: 200px;
	height: 300px;
	margin: 0 15px 25px 15px;
	text-align: center;
}

.productimage {
	width: 170px;
	height: 170px;
	margin: 10px 15px 0 15px;
}

.productimage table {
	height: 170px;
}

.producttitle {
	color: #666699;
	font-size: 15px;
	line-height: 16px;
	height: 35px;
	margin: 10px 0 8px 0;
}

.productsold {
	color: #c65858;
	font-size: 13px;
}

.productprice {
	color: #996699;
	font-size: 17px;
}

.productwas {
	color: #c65858;
	font-size: 13px;
	text-decoration: line-through;
}

.productmore {
	margin-top: 10px;
}

.productdisplay {
	overflow: auto;
	overflow: hidden;
	top: -10px;
}

.productdisplayback {
	width: 100%;
	margin-bottom: 15px;
}

.productdisplaytitle {
}

.productdisplayleft {
	float: left;
	width: 350px;
}

.productdisplayimages {
	margin-top: 10px;
}

.productdisplaythumb {
	float: left;
	height: 75px;
	width: 75px;
	margin: 0 6px;
	overflow: hidden;
}

.productdisplaythumb a img {
}

.productdisplaythumb a:hover img {
	opacity: 0.7;
	filter:alpha(opacity: 70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

.productdisplayright {
	float: right;
	width: 330px;
}

.productdisplayprice {
	color: #996699;
	font-size: 18px;
	margin-bottom: 20px;
}

.productdisplaywas {
	color: #c65858;
	font-size: 15px;
}

.productdisplaystrike {
	text-decoration: line-through;
}

.productdisplaysold {
	color: #c65858;
	font-size: 14px;
}

.productdisplaycontact {
	color: #555588;
}

.productdisplayadd {
}

.productdisplaytext {
	color: #404040;
	font-size: 14px;
	margin-top: 20px;
}

/* CART STYLING */

#viewcart {
	border: 1px solid #9b9ec9;
	background-color: #abaed2;
}

#cart table {
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	background: #ffffff;
	margin: 0 auto;
}

#cart th {
	border-bottom: 1px solid #666666;
	background-color: #666699;
	color: #ffffff;
}

#cart td {
	border-bottom: 1px solid #666666;
}

#cart a:link, #cart a:visited {
	color: #bb0000;
	font-size: 12px;
	text-decoration: none;
}

#cart a:hover {
	color: #666666;
	font-size: 12px;
}

#total {
	background: #dfdfdf;
	color: #222222;
}

#cartmessage {
	font-size: 12px;
	color: #333333;
}

#cartpostagenote {
	color: #885588;
	font-weight: bold;
	text-align: center;
	width: 380px;
	margin: -20px auto 15px auto;
}

#cartbuttons {
	text-align: right;
	margin-top: 5px;
}

#form {
	margin: 4px;
}

#form p {
}

#form .error {
	color: #cf0000;
	font-size: 13px;
	text-align: center;
}

#form .table {
	margin: 0 auto;
	border: 1px solid #666699;
	margin-bottom: 10px;
}

#form .table th {
	background: #666699;
	color: #ffffff;
	padding: 8px;
	font-size: 12px;
}

#form .table td {
	background: #cfcfcf;
	padding: 4px;
	font-size: 12px;
}

#form .tablerow1 td {
	background: #cccccc;
	padding: 4px;
	font-size: 12px;
}

#form .tablerow2 td {
	background: #dddddd;
	padding: 4px;
	font-size: 12px;
}

/* ADMIN STYLING */

#adminpage {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 20px;
	margin-left:  0px;
}

#adminpage table {
	background: #dfdfdf;
	border: 1px solid #9f9f9f;
	margin-bottom: 10px;
}

#adminpage table img {
	display: inline-block;
	margin: 0 auto;
}

#adminpage td {
	background: #cfcfcf;
	color: #000000;
	text-align: left;
}

#adminpage th {
	background: #f4e1d3;
	color: #000000;
	text-align: left;
}

#adminpage b {
	color: #000000;
	font-weight: bold;
}

#adminpagegallery {
	position: relative;
	font-weight: normal;
	font-size: 12px;
}

#adminpage table.productedit {
	width: 100%;
}

#adminpage table.LogBody {
	width: 100%;
}

#adminpage table.log {
	width: 100%;
	background: #333333;
}

#adminpage table.log th {
	background: #555555;
	padding: 2px;
	font-size: 13px;
	color: #ffffff;
}

#adminpage table .logrow1 td {
	background: #cfcfcf;
	padding: 4px;
	font-size: 12px;
}

#adminpage table .logrow2 td {
	background: #eeeeee;
	padding: 4px;
	font-size: 12px;
}

#adminpage table .logrowS td {
	background: #884477;
	padding: 4px;
	color: #ffffff;
	font-size: 12px;
}

#adminpage table label {
	padding: 2px;
	display: inline-block;
	width: 100%;
}

#adminpage table label:hover {
	color: #cf0000;
	cursor: pointer;
}

#adminproductorder th, #adminproductorder td {
	padding: 6px;
}

/* SUBPAGES */

#subpagetable {
	margin: 0 auto;
}

.subpage {
	vertical-align: top;
}

.subpage table {
	margin: 0 25px 20px 0;
}

.subpage img {
	border: 0px;
	margin-bottom: 10px;
}

.subpage a {
	font-size: 15px;
	text-decoration: none;
}

.subpage a:hover {
}

/* CONTACT */

#contact {
	clear: both;
	width: auto;
	background: #BEC0DC;
	text-align: center;
	font-size: 13px;
	color: #000000;
	margin: 10px 0;
	padding: 3px 0;
}

#contact a {
	text-decoration: none;
}

#contactpage table {
	margin: 0 auto;
}

#contactpage th {
	text-align: left;
}

#contactpage textarea {
	width: 320px;
}

#contactmandatory {
	font-size: 13px;
}

.error {
	color: #c65858;
}

#contactcaptcha {
	padding-top: 10px;
}

#contactcaptcha input {
	margin-top: 5px;
}

#contactcaptchanote {
	font-size: 11px;
	font-style: italic;
}

.contactThankyou {
	border: 1px solid #aaaccf;
	background-color: #bec0dc;
	padding: 15px;
}

#bottom {
	background-color: #C7C9E2;
	height: 5px;
	clear: both;
}

/* FOOTER */

#footer {
	text-align: center;
	padding: 15px 0 10px 0;
	color: #888da3;
	font-weight: normal;
	font-size: 11px;
}

#footer a {
	color: #888da3;
	font-size: 11px;
	text-decoration: none;
}

#footer a:hover {
	color: #A56699;
}

/* ANGEL CHAT */

#angelchat {
	width: 100%;
	margin: 30px 0;
}

#angelchat th{
	background-color: #b8b8de;
	font-weight: bold;
	text-align: left;
	padding: 5px 10px;
}

#angelchat td {
	padding: 7px 10px;
}

#angelchat tr:nth-child(even) {
	background: #d0d1e5;
}

#angelchat tr:nth-child(odd) {
	background: #C7C9E2;
}

.angelchatname {
	color: #666699;
	font-style: italic;
}

/* HOME SLIDESHOW */

.slideshow {
	height: 310px;
	width: 310px;
	margin: 10px auto 15px auto;
	overflow: hidden;
}

.slide {
	height: 310px;
	width: 310px;
	text-align: center;
}

.slide img {
	border: 2px solid #666699;
	position: relative;
	top: 50%;
	text-align: center;
}

/* FREE ANGEL READING */

#freereading {
	text-align: center;
}

#freereading td {
	color: #555588;
	font-weight: bold;
}

#freereading form {
	margin-top: 30px;
}

#freereading p {
	text-align: left;
	padding-top: 10px;
}

#freereading img {
	border: none;
}

#freereadingnote {
	font-size: 11px;
	margin-top: 25px;
}

/* RECOMMENDED READING */

#recommendedreading th {
	background-color: #b8b8de;
	font-weight: bold;
	text-align: left;
	padding: 5px 10px;
}

#recommendedreading td {
	padding: 5px 10px;
}

#recommendedreading tr:nth-child(even) {
	background: #d0d1e5;
}

#recommendedreading tr:nth-child(odd) {
	background: #C7C9E2;
}

/* DEBUG */

#debug		{ position: relative; width: 100%; padding: 10px 15px; text-align: left; background: #cfdaff; border-top: 12px solid #c4d2ff; border-bottom: 12px solid #c4d2ff; }
#debug h1	{ border: none; color: #001b51; text-transform: none; text-decoration: none; }
#debug pre	{ color: #000d27; }