/* Purple Lion Paper - CSS Document */

body {
	background:url(../images/bg.jpg) repeat-x #F0E9F9;
	margin:0;
}

/**** HEADINGS ****/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#873164;
	line-height:1.5em;
	margin:0;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:1.5em;
	margin:0 0 .5em 0;
}
h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#873164;
	line-height:1.5em;
	margin:0 0 .5em 0;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3a3a3a;
	line-height:1.5em;
	margin:0 0 .5em 0;
}
/* WP use */
#WPContent h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:1.5em;
	margin:0 0 .5em 0;
	color:#772e60;
}
#WPContent h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:1.5em;
	margin:0 0 .5em 0;/*
	color:#772e60;*/
	color:#000000;
	letter-spacing: 1px;
}
#WPContent h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:1.5em;
	margin:0 0 .5em 0;
	color:#772e60;
	letter-spacing: 1px;
}
/**** CONTENT ****/

p,.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:100;
	color:#3a3a3a;
	line-height:1.8em;
	margin:0 0 1em 0;
}

.small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:100;
	color:#3a3a3a;
	line-height:1.8em;
	margin:0 0 1em 0;
}

/**** BODY STRUCTURE ****/

.container {
	width:972px;
	margin:0 auto;
	padding:0;
}

.header {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6d2b5b;
	width:972px;
	height:143px;
	margin:0;
	padding:0;
	position:relative;
}

.header a {
			text-decoration:none;
			color:#6d2b5b;
}
.header a:visited {
			text-decoration:none;
			color:#6d2b5b;
}
.header a:hover {
			text-decoration:underline;
			color:#50133e;
}
.header a:active {
			text-decoration:none;
			color:#6d2b5b;
}

	/*** HEADER AREA ***/
	
		a.logo {
			background:url(../images/logo.png) no-repeat;
			width:447px;
			height:143px;
			margin:0;
			padding:0;
			display:block;
			cursor:pointer;
			float:left;
			text-indent:-999em;
		}

	/*** RIGHT SIDE ***/
		.topLinks {
			width:500px;
			height:20px;
			margin:23px 0 0 0;
			padding:0;
			float:right;
			text-align:right;
			position:relative;
		}
		
		.freeShipping {
			background:url(../images/callout-free-shipping.png) no-repeat;
			width:249px;
			height:44px;
			margin:0;
			padding:0;
			position:absolute;
			top:80px;
			left:725px;
			display:block;
			text-indent:-999em;
		}
				
		.cartInfo {
			width:280px;
			height:20px;
			margin:5px 0 0 0;
			padding:0;
			float:right;
			clear:right;
			text-align:right;
		}
	
	/*** END HEADER AREA ***/
	
.bodyArea {
	background:url(../images/body-bg.jpg) repeat-y;
	width:962px;
	margin:0;
	padding:5px 8px;
	clear:both;
}
.bodyAreaCheckout { /* cart use */
	background:url(../images/body-bg-cart.jpg) repeat-y;
	width:962px;
	margin:0;
	padding:5px 8px;
	clear:both;
}

.homepage-img {
	background:url(../images/home-product.jpg) no-repeat;
	width:215px;
	height:206px;
	margin:0;
	padding:0;
	position:absolute;
	top:24px;
	left:1px;
}

div.clear {
	clear:both;
	margin:0;
	padding:0;
}

	/*** BODY AREA ***/
	
	.leftCol {
		width:220px;
		margin:0 0 0 0;
		padding:0;
		float:left;
	}
	
	.midCol {
		width:520px;
		margin:0;
		padding:0;
		float:left;
	}
	
	.rightCol {
		width:210px;
		margin:0 0 0 0;
		padding:0;
		float:right;
	}
	
	.fourohfour {
		background:url(../images/404-bg.jpg) no-repeat center #f0e9f9;
		margin-left:50px;
		width:900px;
		height:571px;		
	}
	
	.fourContent {
		float:right; 
		width:350px; 
		margin:150px 120px 0 0;
	}
	
	/*** END BODY AREA ***/
	
.footerBG {
	background:url(../images/footer-bg.jpg) no-repeat top left;
	width:972px;
	height:5px;
	margin:0;
	padding:1px;
	clear:both;
}
.footerBGCart {
	background:url(../images/footer-bg-cart.jpg) no-repeat top left;
	width:972px;
	height:5px;
	margin:0;
	padding:1px;
	clear:both;
}

.footerLinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	line-height:1.6em;
	color:#3a3a3a;
	width:970px;
	margin:10px auto 0 auto;
	padding:0 0 10px 0;
}

.footerLeft {
	float:left;
	margin:0;
	padding:0;
	width:550px;
}

.footerRight {
	float:right;
	text-align:right;
	margin:0;
	padding:0;
	width:400px;
}

/**** LINKS / LIST ITEMS ****/

a {
	color:#772e60;
	text-decoration:none;
}
a:visited {
	color:#772e60;
	text-decoration:none;
}
a:hover {
	color:#9f366b;
	text-decoration:underline;
}
a:active {
	color:#772e60;
	text-decoration:none;
}

ul {
	margin:10px;
	padding:5px;
}

ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3a3a3a;
	line-height:1.5em;
}

/**** BOX ****/

.box-Container {
	width:513px;
	margin:0 2.5px 10px 2.5px;
	padding:0;
	clear:both;
	position:relative;
}
.box-Cart-Container{
	width:723px;
	padding:0 0 0 6px;
}
.box-header {
	background:url(../images/box-header.jpg) no-repeat;
	width:513px;
	height:83px;
}
.box-no-title {
	background:url(../images/box-no-title.jpg) no-repeat;
	width:477px;
	height:54px;
	margin:0;
	padding:15px;
}

.box-no-title2 {
	background:url(../images/box-no-title2.jpg) no-repeat;
	width:477px;
	height:54px;
	margin:0;
	padding:15px;
}

.box-Container h2{ /* Cart use */
	color:#772e60;
}
.box-no-title h2{ /* Cart use */
	color:#ffffff;
}
.box-bg {
	background:url(../images/box-bg.jpg) repeat-y;
	width:487px;
	margin:0;
	padding:10px;	
	font-size:12px;

}
.box-footer {
	background:url(../images/box-footer.jpg) no-repeat;
	width:507px;
	height:6px;
	margin:0;
	padding:0;
}
.breadcrumbs {
	font-size:11px;
	text-decoration:none;
	text-transform:lowercase;
	color:#772e60;
	padding:5px;
}
.breadcrumbs a{
	font-size:11px;
	text-decoration:none;
	text-transform:lowercase;
	color:#772e60;
}
.breadcrumbs a:hover {
	font-size:11px;
	text-decoration:underline;
	text-transform:lowercase;
	color:#772e60;
}
/*** BUTTONS ***/
a.btnPurple {
	background: url(../images/btn-purple.jpg) no-repeat;
	display:block;
	width:182px;
	height:20px;
	margin:0 0 5px 0;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	color:#f6e47e;
	text-decoration:none;
}

a.btnPurple:hover {
	text-decoration:none;
	color:#96356a;
	background: url(../images/btn-yellow.jpg) no-repeat;
}

a.blackBtn {
	display:block;
	background-color:#000000;
	width:55px;
	height:25px;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	float:left;
	margin:8px 0 0 0;
}

a.blackBtn:hover {
	background-color:#782E61;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
.blackBtn {
	display:block;
	background-color:#000000;
	border:none;
	width:55px;
	height:25px;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	float:left;
	margin:8px 0 0 0;
	align: middle;
}

.blackBtn:hover {
	background-color:#782E61;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
}

/*** PRODUCTT LIST ***/

ul.productList {
	clear:both;
	margin:0;
	padding:20px 5px 0 5px;
	list-style-type:none;
}
ul.productList li {
	list-style-type:none;
	margin:0;
	padding: 1px 0;
	background:url(../images/dash-line.jpg) top left no-repeat;
}
ul.productList li a {
	color:#333333;
	text-decoration:none;
	display:block;
	padding:5px;
	width:186px;
}
ul.productList li a:visted {
	color:#333333;
}
ul.productList li a:hover {
	background:#6d2b5b;
	color:#f6e47e;
	font-weight:bold;
}
ul.productList li a:active {
	color:#f6e47e;
}

/*** FORMS ***/

.form {
	border:1px solid #DDDDDD;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	height:18px;
	margin:8px 5px 0 0;
	padding:3px;
}

.menu {
	border:1px solid #DDDDDD;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	margin:8px 5px 0 0;
	padding:3px;
}

/*** TITLES ***/

.rightFeed {
	clear:both;
	padding:15px 0 0 0;
	margin:0;
	width:200px;
}
.rightFeed h2{	
	color:#873164;
}
.blog {
	clear:both;
	padding:15px 0 0 0;
	margin:0;
	width:200px;
}

h2.title_blog {
	background:url(../images/title_OurBlog.jpg) no-repeat;
	width:97px;
	height:38px;
	margin:0;
	padding:0;
	text-indent:-999em;
}

.introText {
	margin:0 0 0 220px;
	width:265px;
}

div.clear {
	clear:both;
}