/* CSS Document */

body {
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background: #95b24f url(../images/pagebg.jpg) repeat-x top;
}

hr {
	border: none 0; 
	border-top: 1px solid #CCC;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-bottom:10px;
} 

form {
	margin:0;
	padding:0;
}

.notification {
	font-weight: bold;
}

.success {
	color: green;
	border: 1px solid green;
	background: #caffca;
}

.error {
	color: red;
	font-style: italic;
}

input.error, textarea.error, select.error {
	font-style: normal;
	color: black;
	border-color: red;
	background: #eed5bf;
}

.text-content {
	padding:0 10px;
}

p {
	margin:0 0 15px 0;
	padding:0;
	font-size:12px;
	color:#434343;
	line-height:18px;
}
table {
	font-size:12px;
	color:#434343;
	line-height:18px;
}
p.error {
	font-weight:bold;
	color:red;
}
p.success {
	font-weight:bold;
	color:green;
}
a img {
	border:none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 15px 0;
	padding:0;
}
h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	color:#FFF;
	font-weight:bold;
	font-style:italic;
	background-color:#264517;
	padding:3px 10px;
}
h1 a {
	color:#FFF;
	text-decoration:none;
}
h1 a:hover {
	color:#FFF;
	text-decoration:underline;
}
h2 {
	font-size:16px;
	margin:10px 0 15px 0;
	padding:0;
	color:#666;
	font-weight:normal;
}

h2 span {
	font-size:12px;
}
h2 span a {
	color:blue;
	text-decoration:none;
}

/* buttons, form submits, image submits are actionable, page will 'go', show pointer (linky) cursor */
input[type="button"], input[type="submit"], input[type="image"] {
	cursor: pointer;
}

#wrapper {
	margin:0 auto 20px auto;
	width:966px;
	background-color:#FFF;
	padding:0 8px;
	text-align:left;
	overflow:hidden;
}
#top {
	width:966px;
	height:189px;
	background:url(../images/top.jpg) no-repeat top left;
	overflow:hidden;
	margin-bottom:6px;
}
#navtop ul, #navbottom ul, #navtop li, #navbottom li, #footer ul, #footer li {
	margin:0;
	padding:0;
	list-style:none;
	color:#FFF;
}
#navtop ul, #navbottom ul {
	float:right;
}
#navtop li, #navbottom li, #footer ul, #footer li { 
	display:inline;
}
#navtop li a, #navbottom li a, #navbottom p a {
	color:#FFF;
	text-decoration:none;
}
#navtop {
	float:right;
	width:946px;
	font-size:8px;
	padding:7px 10px;
	line-height:12px;
}
#navtop ul li {
	padding:0 7px;
	border-right:1px solid #FFF;
}
#navtop ul li a {
	font-size:12px;
	
}
#navtop ul li a:hover {
	text-decoration:underline;
	color:#FFF;
}
#navbottom {
	float:right;
	width:956px;
	margin-top:132px;
	padding-right:10px;
}
#navbottom ul li {
	padding:0 12px;
}
#navbottom ul li a, #navbottom p a {
	font-size:15px;
}
#navbottom ul li a:hover {
	text-decoration:none;
	color:#95b24f;
}
#navbottom p {
	font-size:15px;
	margin:0;
	padding:0 0 0 10px;
	float:left;
	color:#FFF;
}
#navbottom p a {
	color:#FFF;
	display:block;
	margin:0 20px 0 0;
	display:inline;
}
#navbottom .active, #navtop .active {
	color:#95b24f;
	font-weight:bold;
}

#navbottom a:link .active, #navbottom a:visited .active, #navtop a:link .active, #navtop a:visited .active {
	color:#95b24f;
	font-weight:bold;
}

#navbottom a:hover .active, #navtop a:hover .active {
	color:white;
	font-weight:bold;
}

#content {
	overflow:hidden;
}
.clear-both {
	clear:both;
	height:0;
	overflow:hidden;
}
#footer {
	padding:10px 0 10px 0;
	height:10px;
	clear:both;
	background-color:#FFF;
}
#footer ul {
	float:left;
}
#footer li {
	padding:0 7px;
	border-right:1px solid #555;
	color:#555;
	line-height:10px;
}
#footer li a {
	color:#555;
	text-decoration:none;
	line-height:12px;
	font-size:11px;
}
#footer li a:hover {
	color:#000;
	text-decoration:underline;
}
#footer p {
	font-size:12px;
	margin:0;
	padding:0;
	float:right;
	
}
#footer p a {
	color:#555;
	display:block;
	margin:0 10px;
	display:inline;
	text-decoration:none;
	font-size:11px;
}
#footer p a:hover {
	text-decoration:underline;
	color:#000;
}


#left {
	float:left;
	width:198px;
	margin:0 5px 0 0;
	display:inline;
	overflow:hidden;
	background:url(../images/contentbg.gif) repeat-y left;
}
#middle {
	float:left;
	width:560px;
	overflow:hidden;
	
}
#right {
	float:right;
	width:198px;
	overflow:hidden;
	background:url(../images/contentbg.gif) repeat-y left;
}


/* Side modules */

#right div h2, #left div h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	margin:0 0 13px 0;
	padding:0;
	color:#434343;
}
#right div h2 a, #left div h2 a {
	color:#434343;
	text-decoration:none;
}
#right div h2 a:hover, #left div h2 a:hover {
	color:#333;
	text-decoration:underline;
}

div#side-cart {
	background:#7d9d2c url(../images/cart.gif) top right no-repeat;
	border-bottom:6px solid #FFF;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
}
div#side-cart h2 {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
}
div#side-cart p {
	color:#FFF;
	font-size:12px;
	margin:0 0 5px 0;
	padding:0;
}
div#side-cart p a {
	text-decoration:underline;
	color:#FFF;
}
div#side-cart p.summary span {
	float:right;
}
div#side-newsletter {
	background-color:#ddddc6;
	border-bottom:6px solid #FFF;
	padding:7px 0 7px 7px;
}
#side-newsletter div {
	background-color:#FFF;
	width:177px;
	height:24px;
	background:url(../images/searchbggrey.gif) no-repeat top left;
	padding:3px;
	overflow:hidden;
	border:none;
}
#side-newsletter input {
	border:none;
}
#newsletter-box {
	float:left;
	width:125px;
	padding:4px;
	margin-right:5px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
}

#newsletter-btn {
	padding:0;
	margin:0;
	height:24px;
	width:34px;
	float:right;
	background:url(../images/go-btn-grey.gif) no-repeat top left;
}
#side-search {
	background-color:#FFF;
	width:177px;
	height:24px;
	background:url(../images/searchbg.gif) no-repeat top left;
	padding:3px;
	overflow:hidden;
	margin:10px 0 0 7px;
	border:none;
}
#side-search input {
	border:none;
}
#search-box {
	float:left;
	width:125px;
	padding:4px;
	margin-right:5px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
}

#search-btn {
	padding:0;
	margin:0;
	height:24px;
	width:34px;
	float:right;
	background:url(../images/go-btn.gif) no-repeat top left;
}

.side-general {
	background:url(../images/sideboxbg.gif) bottom no-repeat;
	padding:10px;
	margin-bottom:5px;
}
.side-general ul, .side-general li, .side-general p {
	font-size:12px;
	color:#393939;
}
.side-general a {
	color:#393939;
	text-decoration:none;
}
.side-general li.active a {
	color:#360;
	font-weight:bold;
}
.side-general a:hover {
	color:#393939;
	text-decoration:underline;
}
.side-general ul, .side-general li {
	margin:0;
	padding:0;
	list-style:none;
}
.side-general ul {
}
.side-general li {
	list-style-image:url(../images/sideli.gif);
	margin:0 0 5px 15px;
}
#right .side-general p a {
	color:#333;
	font-weight:bold;
}

/* Category styles */

.cat-box, .subcat-box {
	float:left;
	border:1px solid #CCC;
	margin:0 3px 5px 3px;
	display:inline;
	padding:5px;
	overflow: hidden;
}
.cat-box {
	width:250px;
	height:145px;
}
.subcat-box {
	width:120px;
	height:145px;
}

.cat-box p, .subcat-box p {
	margin:0 0 7px 0;
	font-size:12px;
	padding:0;
}
.cat-box div {
	float:left;
	margin: 0 10px 0 0;
	width:110px;
	height:102px;
	overflow:hidden;
	display:inline;
}
.subcat-box div {
	float:left;
	margin: 0 10px 0 0;
	padding-left: 8px;
	width:110px;
	height:108px;
	overflow:hidden;
	display:inline;
}
.cat-box h2, .subcat-box h2 {
	font-size:12px;
	margin:0 0 5px 0;
	padding:0;
	background-color:#264517;
}
.cat-box h2 a, .subcat-box h2 a {
	color:#FFF;
	padding:5px;
	display:block;
	text-decoration:none;
}
.cat-box h2 a:hover, .subcat-box h2 a:hover {
	text-decoration:underline;
}
/* Contact form styles */

#contact_form {
	padding: 15px 10px 15px 10px;
	width: 95%;
	font-size:13px;
	border-top:1px dashed #CCC;
	border-bottom:1px dashed #CCC;
}
#contact_form .box {

	padding:3px;
	font-size:11px;
	width:55%;
	overflow:auto;
	border:1px solid #CCC;
}
#contact_form p {
	font-size:13px;
}

#contact_form select {
	width: 200px;
}

.fieldset {
	border: solid #CCC 1px;
	padding: 10px;
}
legend span {
	display: block;
	font-weight: bold;
	color: #666;
	font-size: 11px;
	padding-bottom: 10px;
}

label {
	display: block;
}
label span {
	width: 8em;
	margin-left: 20px;
	float: left;
}
label input, label textarea {
	width: 120px;
	font-family: inherit;
}
#submit {
	font-family: inherit;
}
.subcats span {
	color:#000;
	font-weight:bold;
}
.subcats a {
	text-decoration:none;
	color:#434343;
}
.subcats a:hover {
	text-decoration:underline;
	color:#434343;
}
.subcats a.active {
	font-weight:bold;
	color:#7d9d2c;
}

.prod-desc {
	float:left;
	width:260px;
	padding:10px;
}
.prod-img {
	width:252px;
	overflow:hidden;
	float:right;
}
.prod-img img {
	border:1px solid #ddddc6;
}
#details_table {
	margin-top:15px;
}
#details_table th, #details_table td {
	color:#333;
	padding:5px;
}

#details_table td.addtobasket {
	padding: 0;
}

#details_table th {
	background-color:#dfdfa9;
	width:40%;
	color:#000;
	font-weight:normal;
}
.addtobasket {
	background-color:#729618;
}
.addtobasket input {
	padding:5px;
	border:none;
	background-color:#729618;
	color:#FFF;
}

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../images/info.gif);
}

#popup_content.confirm {
	background-image: url(../images/important.gif);
}

#popup_content.prompt {
	background-image: url(../images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}
.shop_cart {
	width:100%;
	font-size:11px;
	border:1px solid #CCC;
	border-bottom:none;
}
.shop_cart th {
	border-bottom:1px solid #CCC;
	padding:10px;
}
.shop_cart td {
	vertical-align:top;
	padding:10px;
	border-bottom:1px solid #CCC;
}
.del_btn {
	padding:0;
	margin:0;
	background: url(../images/delete.gif) no-repeat top left;
	border:none;
	width:16px;
	height:16px;
	cursor:pointer;
}
.update_btn {
	width:45px;
	font-size:11px;
	padding:0;
	border:1px solid #666;
}
.shop_totals {
	float:right;
	width:212px;
	text-align:right;
	padding-top:8px;
}
.shop_totals table {
	width:212px;
	border:1px solid #CCC;
	font-size:11px;
	font-weight:bold;
	border-bottom:none;
	text-align:left;
}
.shop_totals td {
	padding:6px;
	border-bottom:1px solid #CCC;
}
.checkout_table {
	width:100%;
	font-size:11px;
	margin-bottom:20px;
}
.checkout_table th {
	width:150px;
	font-weight:normal;
}
.checkout_table td input {
	border:1px solid #CCC;
	padding:3px;
	font-size:11px;
	width:220px;
}
.item_qty {
	width:25px;
	margin:0 0 3px 0;
	text-align:center;
	border:1px solid #999;
}
#login_form {
		font-size:12px;
	}
	#login_form .textbox {
		border:1px solid #CCC;
		padding:3px;
		font-size:12px;
		width:200px;
	}

	.address {
		float:left;
		border:1px solid #dfdfa9;
		width:230px;
		height:120px;
		margin:10px 10px 0 0;
		display:inline;
		padding:10px;
		position:relative;
	}
	.address div.primary {
		font-size:12px;
		position:absolute;
		bottom:5px;
		right:5px;
	}
	.address div.edit {
		font-size:12px;
		position:absolute;
		top:5px;
		right:5px;
	}
	.address div.edit a {
		color:blue;
		text-decoration:none;
	}
	.textbox {
		border:1px solid #CCC;
		padding:3px;
		font-size:12px;
		width:200px;
	}
	.summary_add {
	float:left;
	margin: 0 0 10px 10px;
	width:41%;
	display:inline;
	padding:10px;
	border:1px solid #CCC;
	height:148px;
	overflow:hidden;
}
.summary_add h4 {
	font-size:13px;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
}

div.sacredlorebox{
	width:520px;
	height:170px;
	float:left;
	border:1px solid #7D9E2D;
	padding:10px;
	margin-bottom:15px;
	margin-left:5px;
	display:inline;
	overflow:hidden;
}

div.sacredlorebox p{
	padding-top:5px;
}

div.sacredlorebox h2{
	font-size:20px;
	font-style:italic;
	color:#3A5010;
	display:inline;
}

div.sacredlorebox a{
	color:#555555;
	text-decoration:none;
	margin:0;
	padding:0;
}

div.sacredlorebox div.image a, div.sacredlorebox div.image img{
	margin:0;
	padding:0;
}

div.sacredlorebox div.image{
	float:right;
	display:inline;
	margin-top:5px;
	padding-left:10px;
}

#wheeloftheyear{
	width:540px;
	float:left;
	overflow:hidden;
	margin-left:10px;
	display:inline;
}

#wheeloftheyear .box{
	width:130px;
	height:175px;
	float:left;
	overflow:hidden;
	margin-right:5px;
	margin-bottom:5px;
	display:inline;
}

#wheeloftheyear .box img{
	height:133px;
	/*width:130px;*/
	overflow:hidden;
	margin:0;
	padding:0;
}

#wheeloftheyear .box p{
	color:#FFF;
	margin:0;
	padding:2px;
}

#wheeloftheyear .box a{
	color:#FFF;
	text-decoration:none;
}