* 									{ margin: 0; padding: 0; outline: none;}


body {background:URL(http://www.sittingspiritually.co.uk/images/kyokusen-background.jpg) top left repeat;}
.clear-background {background: none;}

#header { position: relative; width: 950px; height: 150px; margin: 0 auto; border: none; background-color: #ffffff; z-index: 1000;}

								#logo {position: absolute; top: 5px; left: 5px; height: 110px; width: 110px; background-image: url(http://www.sittingspiritually.co.uk/images/renamed/sitting-spiritually-logo.png); background-repeat: no-repeat; z-index: 1001;}
												#logotext {position: relative; top: 42px; left:-120px; width: 520px;}
												#logotext h1 {color: #97bf9a; font-size: 40px; font-family: georgia; font-weight: normal; letter-spacing: 1px;}
												#logotext h1 a {color: #97bf9a; text-decoration: none;}												
												#logotext h1 a:hover {color: #97bf9a; text-decoration: none;}
												
												.registered {position: relative; top: -20px;}
												
								#newsletter {position: absolute; top: 10px; right: 18px;}
									#newsletter h3 {color: #97bf9a; font-size: 18px; font-family: times, 'times new roman'; font-weight: normal; letter-spacing: 1px;}
										
								#chelsea2011 {position: absolute; top: 40px; right: 18px;}
										h3.chelsea2011-text a{font-family: 'Times New roman', georgia, serif; font-size: 12px; color: #fcffc6; background-color: #95886c; text-decoration: none; padding: 5px;}
										h3.chelsea2011-text a:hover{color: #95886c; background-color: #fcffc6;}
								
								#languages {position: absolute; right: 18px; top: 45px;}
								
								ul.languages li {display: inline; list-style-type: none;}
									
								#nav-wrap							{position: absolute; top: 85px; left: 35px; width: 900px; background: #95886c; height: 25px; z-index: 1000;} 
																						a									{ text-decoration: none;}
																						ul									{ list-style: none; left: 65px; }
																				
																						/* 
																							LEVEL ONE
																						*/
																						ul.dropdown                         { position: relative; font: 14px Georgia, Serif; }
																						ul.dropdown li                      { font-weight: normal; float: left; zoom: 1; background: none; text-align: left;}
																						ul.dropdown a:hover		            	{ color: #97c098; z-index: 5010;}
																						ul.dropdown a:active                { color: #97c098; }
																						ul.dropdown li a                    { display: block; padding: 5px 12px; border-right: 1px solid #fcffc6; color: #fcffc6; }
																						ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
																						ul.dropdown li.hover,
																						ul.dropdown li:hover                { background: #ffffff; color: #97c098; position: relative;}
																						ul.dropdown li.hover a              { color: #97c098; }
																						
																						
																						/* 
																							LEVEL TWO
																						*/
																						ul.dropdown ul 						  { width: 270px; visibility: hidden; position: absolute; top: 100%; left: 0;}
																						ul.dropdown ul li 					{ padding: 5px; font-weight: bold; background: #f6f6f6; color: #000; 
																																													border-bottom: 1px solid #ccc; float: none; }
																																	
																																																										/* IE 6 & 7 Needs Inline Block */
																						ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 
																						
																						/* 
																							LEVEL THREE
																						*/
																						ul.dropdown ul ul 			      		{ left: 100%; top: 0; }
																						ul.dropdown li:hover > ul 			{ visibility: visible; }
																						

								#sub_text {position: absolute; width: 600px; right: 5px; top: 117px; text-align: right;}
										#sub_text h5 { font-size: 18px;color: #97bf9a; font-weight: normal; font-family: Century,'Times New Roman';}
								#sub_text2 {position: absolute; width: 800px; right: 20px; top: 117px; text-align: right; z-index: 999;}
										#sub_text2 h6 { font-size: 14px;color: #97bf9a; font-weight: normal; font-family: Century,'Times New Roman';}										
		#copy {position: relative; top: 0px; margin: 0 auto; width: 510px; padding: 20px; background-color: #fcffc6; z-index: 0;}
		#copy h1 {padding-bottom: 15px; color: #2e2e2e;}
		#copy p {padding-bottom: 15px; color: #2e2e2e; line-height: 24px; font-family: 'georgia';}
		
		.left-padding {padding: 20px; float: left;}
			
		p a {text-decoration: none; color: #000000; text-decoration: underline;}
		p a:hover {text-decoration: none; color: #543900; text-decoration: none;}
		h4 a {text-decoration: none; color: #000000; text-decoration: underline;}
		h4 a:hover {text-decoration: none; color: #543900; text-decoration: none;}
		.image-border {margin-bottom: 15px; padding: 5px; border: 1px solid #95886c; background-color: #ffffff; max-width: 510px;}

		#copy p.captions {background: #ffffff; width: 498px; padding: 10px; font-family: arial; margin-bottom: 15px; text-align: center; border: 1px solid #95886c;}
		
		h3.call-to-action a{font-size: 16px; color: green; text-decoration: none;}
		h3.call-to-action a:hover {color: brown; text-decoration: underline;}
		
		#shop {top: 10px; margin: 0 auto; width: 910px; padding: 20px; background-color: #ffffff;}
		
		h1 span {font-size: 16px; font-style: italic;}
		#copy .three-best-sellers img {margin-bottom: -1px; padding: 5px; border: 1px solid #95886c; background-color: #ffffff;}
		.three-best-sellers {float:left; padding: 5px;}
		.best-seller-list {margin-bottom: 10px; float: left; line-height: 30px;}
		.numbers {text-align: center;}
		
		.remove-border {border: 0; background-color: none; padding: 0;}
		
		.price {float:left; font-size: 12px; padding: 20px; font-family: verdana; background-color: #95886c; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
	
		
		.buy-now {margin: 20px 0px 50px 20px; font-size: 12px; float: right;}
		.buy-now a {color: #ffffff; font-family: verdana; font-size: 12px; padding: 20px; background-color: #97bf9a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		.buy-now a:hover {background-color: white; color: #97bf9a;}
		
		.rhs-chelsea {margin: 20px 0px 50px 20px; font-size: 12px; float: right;}
		.rhs-chelsea a {color: #ffffff; font-family: verdana; font-size: 12px; padding: 20px; background-color: #97bf9a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		.rhs-chelsea a:hover {background-color: white; color: #97bf9a;}
		
		#submit a {color: #ffffff; padding: 20px; font-size: 14px; background-color: #97bf9a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		#submit a:hover {background-color: white; color: #97bf9a;}
		
		hr {margin: 10px auto 20px; height: 1px; width: 80%; color: #97bf9a; background-color: #95886c; border: none;}
		
		form {margin-top: -40px;}
		#shop-widget a {color: #000000; text-decoration: none;}
		#shop-widget a:hover {text-decoration: underline;}
		.shop {padding: 0px;}
		.label_left {position: relative; top: 20px;}
		.center {text-align: center;}
		.small {font-size: 10px; text-align: center; margin: 0px;}
		input.shop-input {color: #ffffff; font-size: 12px; font-family: verdana; padding: 20px; background-color: #97bf9a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none;}
		input.shop-input:hover {background-color: white; color: #97bf9a;}
		
		table {float: right;}
		
		form {padding: 10px;}
		.padding {padding: 20px;}
		
		#trilogy {position: relative;}
		.trilogy-center {text-align: center; margin-top: 10px;}
		.trilogy-table {width: 100%; border: 0; cellspacing: 10; cellpadding: 0; line-height:20px; padding: 10px;}
		#trilogy-form {margin-top: 20px;}

		.cushions-table {max-width: 510px; border: 0; align: center; cellpadding: 0; cellspacing: 1;}
		.cushions-table tr td img {margin-bottom: 0px; padding: 0px; border: none;}
		
		ul.instructions {margin-top: 20px; text-align: center; line-height: 20px; font-size: 16px;}
#name {position:absolute;top:40px;left:55px;color:#97C098;text-transform: uppercase;font-size:40px;width:600px;height:40px;}
.name:link, .name:visited, .name:active, .name:hover {text-align:left;text-decoration:none;color:#97C098;text-transform: uppercase;font-size:40px;}

.normal {color:#000000;font-size:12px;}

.h2:link, .h2:visited, .h2:active {text-decoration:none;color:#FCFFC6;}
.h2:hover {text-decoration:underline;}

/*---faq page ----*/

.questions {line-height: 2em;}
.questions li a {color: black; text-decoration: underline;}
.questions li a:hover {color: brown; text-decorartion: none;}
	
/*---------homepage slider picture code-----------*/



#slider {position: relative; margin: 0 auto; z-index: 0;}

.image-section {display: block; padding: 0px; margin: 0 auto; text-align: center; z-index: 0;}
.image-section img {background: #FAFAFA; border: 1px solid #ECECEC; margin-bottom: 20px; padding: 5px; width: 510px; height: 337px;}

#slider-2 {position: relative; margin: 0 auto;}
.tree-image-section {display: block; text-align: center;}
.tree-image-section img {background: #FAFAFA; border: 1px solid #ECECEC; margin-bottom: 20px; padding: 5px; width: 450px; height: 675px;}


#slider-3 {position: relative; margin: 0 auto;}
.love-seat-section {display: block; text-align: center;}
.love-seat-section img {background: #FAFAFA; border: 1px solid #ECECEC; margin-bottom: 20px; padding: 5px; width: 510px; height: 420px;}


#slider-4 {position: relative; margin: 10px auto;}
.back-section {display: block; text-align: center;}
.back-section img {background: #ffffff; border: 1px solid #ECECEC; margin-bottom: 20px; padding: 5px; width: 510px; height: 420px;}





:focus {outline: none;}

#preload {display: none;}



/*--press gallery---*/


#press-gallery li {width: 175px; height: 245px; float: left; display: block; margin: 4px; padding: 2px; border: 1px solid #cccccc;}

.title {color: #95886c;}

/*---  love seat price list bullets ---*/



ul.price-list-love {list-style-type: disc; list-style-position: inside; margin-bottom: 20px;}
ul.price-list-love li { line-height: 30px; }

/*---------unordered-list-top-left-box-of-site-----------*/

.top-left {position: relative; left: 30px;}
.top-left li {padding: 5px; margin-bottom: 5px;}
.top-left li img  {border: none;}


/*------newsletter-rollover---------*/

.rollover-bottom a {border-bottom: 1px solid #fcff6c;;}
.rollover-bottom a:hover {border-bottom: 1px solid #cccccc;}



/*--marquee styling--*/

marquee.marquee {position: relative; text-align: center; height: 20px; border-top: dashed green 1px; border-bottom: dashed green 1px; font-size: 16px; line-height: 20px; color: green; padding: 10px; margin-top: -50px; margin-bottom: 15px; margin: auto; z-index: 9999;}

#breadcrumb {position:absolute;text-align:left;top:0px;left:10px;font-size:10px;width:465px;}
#claim {position:absolute;text-align:right;top:-5px;right:10px;color:#97C098;font-size:15px;width:500px;}

#main {position:relative;width:950px;height:auto;background-color:#ffffff; top: 0px;}

#block {position:relative; top: -20px; width:950px;height:20px;background-color:#ffffff;}
#navbottom {position:absolute;top:-20px;left:10px;width:930px;height:30px;line-height:30px;text-align:center;font-size:12px;text-transform:capitalize;background:#95886C;color:#FCFFC6;}
#wlccopy {float:left;position:relative;width:280px;}
#wlccopyin {position:relative;width:260px;height:316px;padding:10px;margin-bottom:10px;text-align:left;font-size:14px;color:#514939;background:#FCFFC6;}
#wlcimg {float:left;position:relative;width:630px;}
#wlcimgin {position:relative;width:610px;padding:10px;height:316px;text-align:left;font-size:14px;color:#514939;background:#EFF5EF;}


#sidebox {float:left;position:relative;width:185px;padding:10px; z-index: 999;}
.sidebox {float:left;position:relative;width:185px;padding:10px; z-index: 999;}
#subnav {position:relative;width:165px;padding:10px;background:#95886C;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;text-align:left;font-size:11px;color:#FCFFC6;}


#subnav1 {position:relative;width:165px;padding:10px;margin-bottom:10px;text-align:left;font-size:11px;color:#514939;background:#FCFFC6;}
.subnav1 {position:relative;width:165px;padding:10px;margin-bottom:10px;text-align:left;font-size:11px;color:#514939;background:#FCFFC6;}

#subnav-new {position:relative;width:165px;padding:10px;margin-bottom:10px;text-align:left;font-size:11px;color:#514939;background:#FCFFC6;}
.subnav-new {position:relative;width:165px;padding:10px;margin-bottom:10px;text-align:left;font-size:14px;font-family: arial;color:#514939;background:#FCFFC6; line-height: 18px;}


#quote {width:165px;padding:10px;margin-bottom:10px;text-align:center;font-size:11px;color:#514939;background:#FCFFC6;}
#imgbox {position:relative;width:165px;padding:10px;margin-bottom:10px;text-align:center;font-size:11px;color:#514939;background:#FCFFC6;}
.imgbox {position:relative;width:165px;padding:10px;margin-bottom:10px;text-align:center;font-size:11px;color:#514939;background:#FCFFC6;}
#spacerh {position:relative;height:5px;width:950px;background:none;}
#spacerv {float:left;height:10px;width:10px;background:#ffffff;}
#boxout {float:left;position:relative;width:237px;height:150px;}
#boxin {position:absolute;top:10px;left:10px;width:197px;height:120px;padding:10px;background:#97C098;text-align:left;font-size:11px;color:#FCFFC6;}
#copy {float:left;position:relative;width:520px;color:#3A3529;font-size:14px;text-align:left;background:#FCFFC6;padding:10px;margin-top:10px; z-index: 1; }

#footer {position:relative; clear:both; width:950px; height:110px; background:#ffffff; top: 5px; margin-bottom: 5px;}
	#footer p {color: #97bf9a; font-size: 14px; padding-top: 10px; padding-right: 15px; text-align: right;}
	#footer img {float: left; margin-top: -50px; margin-left: 15px;}

.footer-links a {color: #97bf9a; font-weight: normal; letter-spacing: 0px;}
.footer-links a:hover {color: #95886c;}	

#bottom {position:relative;width:950px; top: -20px; height:40px;line-height:20px;background:#ffffff;color:#000000;font-size:12px;}

#link:link, #link:visited, #link:active {color:#FCFFC6;text-transform:uppercase;text-decoration:none;}
#link:hover {color:#97C098;}

#link1:link, #link1:visited, #link1:active {color:#FCFFC6;text-decoration:none;}
#link1:hover {text-decoration:underline;}

#linkon:link, #linkon:visited, #linkon:active, #linkon:hover {color:#97C098;text-transform:uppercase;text-decoration:none;}
#link2:link, #link2:visited, #link2:active {color:#FCFFC6;text-transform:capitalize;text-decoration:none;}
#link2:hover {color:#97C098;}
.crumbs:link, .crumbs:visited, .crumbs:active {color:#000000;text-decoration:none;}
.crumbs:hover {text-decoration:underline;}
#box:link, #box:visited, #box:active {color:#FCFFC6;text-decoration:none;font-weight:bold;}
#box:hover {text-decoration:underline;}
#wlc:link, #wlc:visited, #wlc:active {color:#000000;text-decoration:none;font-weight:bold;}
#wlc:hover {text-decoration:underline;}

#claimlink:link, #claimlink:visited, #claimlink:active, #claimlink:hover {color:#97C098;font-size:15px;text-decoration:none;}
/*used for contact form*/
#forms, iframe {
	background-color:#FCFFC6;
	background-image:none;}
}
/*used for forms on rope swings pages and contact page; should use DIVs really*/
#forms td {margin:5px; padding:10px; background:#D1E3D2;vertical-align:top;}

.formFieldSet{
	border:0px solid #89a8ad;
	margin-top:0px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	padding-bottom:10px;
}

.formContent{
	clear:both;
	float:left;
	padding-left:0px;
	width:99%;
}

.formSeparator{
	font-family:Century, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	background-color:#F0F0F0;
	padding:6px;
	color:#000000;
}

.formHeader{
	clear:both;
	font-family:Century, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#000000;
	padding:5px;
}

.formLine{
	clear:both;
	float:left;
	width:100%;
}

.formCaption{
	font-family:Century, "Times New Roman", Times, serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#FCFFC6;
	float:left;
	margin-top:5px;
	text-align:left;
	width:30%;
	padding-left:5px;
	background:#97C098;
	height: 25px;
	line-height:25px;
}

.formControl{
	font-family:Century, "Times New Roman", Times, serif;
	width:35%;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
color:#FCFFC6;
	float:left;
background:#97C098;
	height:25px;
	line-height:25px;
		margin-top:5px;
}

.formSpace{font-family:Century, "Times New Roman", Times, serif;font-size:11px;font-style:normal;font-weight:normal;color:#FCFFC6;;float:left;padding:5px;padding-left:15px;}
.formControlText{font-family:Century, "Times New Roman", Times, serif;font-size:11px;font-style:normal;font-weight:normal;width:144px;color:#666666;}
.formControlSelect{font-family:Century, "Times New Roman", Times, serif;#font-size:11px;font-style:normal;font-weight:normal;width:150px;color:#666666;}
.formButtons{text-align:center;padding-top:15px;padding-bottom:15px;clear:both;float:left;width:99%;}.g {
	font-size: 16px;
	text-align: center;
}
.e {
	font-style: italic;
}
.pink {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	text-transform: capitalize;
	color: #F6C;
	text-decoration: underline line-through;
}
.standard {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: 3A3529;
}

#clean {visibility:hidden;display:none;}

/*
 * Accordionza jQuery Plugin
 * Copyright 2010, Geert De Deckere <geert@idoe.be>
 */

#accordion1 {
	color:#fff;
	height:240px;
	list-style:none;
	margin:0;
	overflow:scroll;
	padding:0;
	text-shadow:0 1px 0 #333;
	width:840px;
}
#accordion1 li {
	height:240px;
	position:relative;
}
#accordion1 .slide_handle {
	background:url(images/handles.png);
	bottom:0;
	cursor:pointer;
	left:0;
	position:absolute;
	top:0;
	width:40px;
}
#accordion1 .slide2 .slide_handle { background-position:-40px 0; }
#accordion1 .slide3 .slide_handle { background-position:-80px 0; }
#accordion1 .slide4 .slide_handle { background-position:-120px 0; }
#accordion1 .slide_handle div {
	background:url(images/arrows.gif);
	bottom:16px;
	height:7px;
	left:16px;
	position:absolute;
	width:7px;
}
#accordion1 .slide_opened .slide_handle { cursor:default; }
#accordion1 .slide_opened .slide_handle div { background-position:0 -7px; }
#accordion1 .slide_content {
	bottom:0;
	left:40px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0;
}
#accordion1 .slide_content a img { border:0; }
#accordion1 .slide_caption {
	background:url(images/black-30pct.png); /* You could use rgba instead, but that means less browser support */
	bottom:0;
	left:0;
	padding:10px 20px;
	position:absolute;
	right:0;
	/* To change the height of the caption, set the captionHeight option in script.js */
}
#accordion1 .slide_caption_toggle {
	cursor:pointer;
	height:10px;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
#accordion1 .slide_caption_toggle div {
	background:url(images/toggle-caption.png) no-repeat 50% -10px;
	height:100%;
}
#accordion1 .slide_caption_toggle:hover { background:url(images/black-30pct.png); }
#accordion1 .slide_caption_collapsed .slide_caption_toggle div { background-position:50% 0; }
#accordion1 a {
	background:none;
	color:#fff;
	text-shadow:0 1px 0 #333;
}
#accordion1 a:hover { text-decoration:none; }
#accordion1 .slide4 .slide_content { background:url(images/digital-noise.png) 100% 0; }

.full-page-advert {
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
}
.full-page-advert li {
	display: inline;
	list-style-type: none;
	text-align: center;
	margin: 5px;
	line-height: 20px;
}
 

.full-page-advert li a { 
	padding: 5px 15px;
	background-color: #97c098;
	color: #fcffc6;
} 

.full-page-advert li a:hover {
	background-color: #fcffc6;
	color: #97c098;
} 

/*--- sitemap stylings ------*/

ul.sitemap {}


ul.sitemap li {text-indent: 10px; font-size: 16px; padding: 7px 10px; margin-bottom: 10px;}
ul.sitemap li a {color: #ffffff; background: #95886c; padding: 7px 10px; line-height: 0px;}
ul.sitemap li a:hover {color: #000000; background: #97bf9a;}


ul.sitemap li ul {list-style: url(../images/sitemap/sitemap-list.png) inside;}
ul.sitemap li ul li{text-indent: 40px; margin-bottom: 5px; margin-top: 5px; padding: 7px 10px;}
ul.sitemap li ul li a {color: #000000; background: #97bf9a; padding: 5px; font-size: 14px;}
ul.sitemap li ul li a:hover {color: #ffffff; background: #95886c;}


  
