/*
Theme Name: Kimberley Designs v2
Theme URI: http://www.kimberleydesigns.co.uk
Description: Wordpress Theme for Kimberley Designs
Version: v2.0
Author: Ian Harris, Carron Media
Author URI: http://www.carronmedia.com

Colours:
	Navy text:			#091f42
	Light blue text:	#acb5c2
	Light blue bg: 	#ecf0f5
*/

/* Import reset styles */
@import url("css/reset.css");

html, body 								{background: url('images/background.jpg') center top repeat-y; color: #acb5c2; font: 62.5%/1.6em "Times New Roman", Times, serif; height: 100%;}

p, li										{font-size: 14px; line-height: 17px;}
p, ul, div.post ul li				{margin: 0 0 10px;}
p.main									{font-size: 16px; line-height: 20px; color: #091f42;}
ul.disc, div.post ul					{list-style-type: disc; margin-left: 30px;}
a, a:visited							{color: #acb5c2;}
a:hover									{color: #091f42;}
a img										{border: none; display: block;}
strong, .bold							{font-weight: bold;}

img.banner								{border: 1px solid #091f42; margin: 0 0 15px;}
img.secondary							{border: 1px solid #091f42; float: right; margin: 0 0 15px 15px;}
img.aligncenter						{display: block; margin: 15px auto;}

h2											{color: #091f42; font-size: 24px; line-height: 30px; margin: 15px 0 10px;}
h3											{color: #091f42; font-size: 14px; line-height: 18px; margin: 0 0 5px;}

.clear									{clear: both;}
.hidden									{display: none;}
.right_img 								{float: right;	padding-right: 20px;}
.left_img 								{float: left;}
.caps										{text-transform: uppercase;}
.zeromargin								{margin: 0;}
.quote 									{color: #091f42; font-size: 11px; text-transform: uppercase;}

.aligncenter							{margin: 0 auto 10px;}
	
#wrapper 								{background: #e5edf9; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; position: relative; text-align: left; width: 960px;}


/******** HEADER ********/

#header		 							{height: 160px; width: 960px; position: relative;}
#logo										{position: absolute; left: 30px; top: 45px;}
#header p, #header a, #header a:visited
											{font-size: 14px; line-height: 16px; text-align: right;}
#headerlogin							{background: url('images/butterflies-large.png') right top no-repeat; position: absolute; right: 15px; top: 20px; padding: 20px 70px 0 0; width: 350px; height: 80px;}
#headercontact 						{position: absolute; right: 25px; top: 110px; width: 300px;}


/******** NAV ********/

#nav										{background: url('images/navigation_bg.png') 0 0 no-repeat; height: 30px; width: 870px; padding: 1px 0 7px 90px;}
#nav li									{float: left;}
#nav li a, #nav li a:visited		{display: block; color: #fff; font-size: 14px; line-height: 30px; padding: 0 10px; margin: 0 30px 0 0; text-transform: uppercase; text-decoration: none;}
#nav li a:hover						{color: #091f42;}
#nav ul									{position: absolute; width: 160px; height: 0; visibility: hidden;}
#nav a:hover ul, #nav li:hover ul
											{visibility: visible; z-index: 1000;}
#nav ul a, #nav ul a:visited		{background: #acb5c2; color: #fff; display: block; line-height: 24px; height: auto; padding: 0 10px; text-decoration: none; text-transform: capitalize; width: 140px; outline: none;}
#nav ul a:hover						{color: #091f42;}



/******** CONTENT ********/

div.contenttop							{background: url('images/content_bg_top.png') 0 0 no-repeat; height: 11px; overflow: hidden;}
div.contentmain						{background: url('images/content_bg_main.png') 0 0 repeat-y; padding: 0 15px; position: relative; z-index: 1;}
div.contentbottom						{background: url('images/content_bg_bottom.png') 0 0 no-repeat; height: 15px; overflow: hidden;}

#sidebar									{float: left; width: 260px; padding: 0 20px 20px;}
#sidebar li	a, #sidebar li	a:visited
											{font-size: 14px; line-height: 24px; text-decoration: none; text-transform: uppercase;}
											
#contentarea							{float: right; width: 610px; padding: 0 20px 20px 0;}
#contentarea h2						{text-transform: uppercase;}
.faqimg									{margin-bottom: 14px; text-align: center;}

ul#sitemap								{list-style: disc inside;}
ul#sitemap li							{margin: 0 0 3px 15px; list-style: disc;}

/****** HOME PAGE ******/

#slider									{height: 400px; width: 610px; position: relative; overflow: hidden; margin: 20px 0 0;}
div.slide								{background: #fff; height: 400px; width: 610px; clear: both;}
div.slidetitlewrap					{height: 85px; position: relative; margin: 50px 0 0;}
#slider div.slidetitlewrap h2		{color: #acb5c2; margin: 0; position: absolute; z-index: 100; text-transform: none; font-size: 32px;}
div.slidetitlewrap span				{color: #091f42; font-size: 28px; line-height: 28px; text-transform: uppercase; position: absolute; top: 57px; left: 60px; z-index: 200;}
div.slide p								{font-size: 18px; line-height: 26px; margin: 30px 0 0;}
div.slide img							{display: block; float: right; width: 360px;}

#prev, #next							{display: block; color: #acb5c2; width: 50px; text-align: center; font-size: 14px; line-height: 14px; text-decoration: none; text-transform: uppercase; padding: 17px 0 0; outline: none;}
#prev										{background: url('images/prev_scroll.png') center 0 no-repeat; float: left;}
#next										{background: url('images/next_scroll.png') center 0 no-repeat; float: right;}
#pager									{float: left; width: 510px; text-align: center; padding: 17px 0 0;}
#pager a									{color: #acb5c2; font-size: 14px; line-height: 14px; text-decoration: none; padding: 0 3px; outline: none;}
#pager a.activeSlide					{color: #091f42;}

div.panelcolumn						{float: left; width: 290px; padding: 0 0 10px 20px;}
div.twittercolumn						{float: left; width: 270px; padding: 0 20px 10px;}
div.panelcolumn p, div.twittercolumn p
											{font-size: 13px; line-height: 16px;}
div.titlewrap							{height: 65px; position: relative;}
div.titlewrap h2						{color: #acb5c2; margin: 0; position: absolute; z-index: 10;}
div.titlewrap span					{color: #091f42; font-size: 18px; line-height: 18px; text-transform: uppercase; position: absolute; top: 35px; left: 60px; z-index: 20;}

a.featurethumb							{display: block; float: right; width: 100px; height: 100px; padding: 0 0 0 5px;}
#featureitem h4, #latestitem h4	{color: #091f42; font-size: 14px; line-height: 16px; margin: 0 0 5px;}
#featureitem p.price					{color: #091f42; font-size: 20px; line-height: 20px; margin: 0 0 5px;}
#sidebar a.featurethumb				{padding: 0 10px 0 5px;}

#latest_tweet 							{min-height: 50px;}
.loading									{background: url('images/ajax-loader.gif') center center no-repeat; height: 40px;}
#latest_tweet small					{font-size: 10px; color: #091f42;}
p.twitterfollow						{background: url('images/Twitter_16x16.png') left center no-repeat; line-height: 16px; margin: 10px 0 0; padding: 0 0 0 18px;}
div.twittercolumn iframe			{margin: 10px 0 0;}


/****** FAQ ******/

h3.faq									{cursor: pointer; padding-left: 20px; background: url('images/closed_arrow.png') 0 center no-repeat; zoom: 1;} 
h3.activefaq							{background: url('images/opened_arrow.png') 0 center no-repeat;}
div.faqanswer							{padding-left: 20px;}
a.toggleLink							{outline: none;}


/****** PRESS ******/

div.pressthumb, div.asseeninthumb
											{float: left; width: 134px; padding: 10px 18px 10px 0; text-align: center;}
div.pressthumb							{height: 150px;}
div.asseeninthumb						{height: 182px;}
div.pressthumb a, div.asseeninthumb a
											{outline: none;}
div.asseeninthumb p					{font-size: 13px; line-height: 16px; margin: 0; font-weight: bold;}


/****** COLLECTIONS GALLERY ******/

div.gallerythumb						{float: left; height: 220px; width: 187px; padding: 10px 16px 10px 0; text-align: center; }
div.gallerythumb img					{border: 1px solid #ecf0f5;} 
div.gallerythumb h5					{color: #091f42; font-size: 13px; line-height: 16px; margin: 0; text-transform: uppercase;}
div.gallerythumb p					{font-size: 13px; line-height: 13px; margin: 0; font-weight: bold;}


/****** PRODUCT PAGE ******/

#mainimage								{float: left; width: 302px;}
#mainimage img							{border: 1px solid #ecf0f5;}
#mainimage p							{line-height: 20px; margin: 5px 0 0;}
a.enlarge								{background: url('images/zoom.png') left 3px no-repeat; display: inline-block; padding: 0 0 0 18px; height: 20px;}
#itemdetails							{float: right; width: 260px; padding: 0 20px;}
#itemdetails h2						{text-transform: none;}
#itemdetails h3, #additionalimages h3, #asseenin h3
											{font-size: 16px; line-height: 20px; margin: 10px 0;}
#itemdetails p							{font-size: 14px; line-height: 18px;}
#itemdetails p.itemprice			{color: #091f42; font-size: 36px; line-height: 36px; margin: 15px 0;}
div.option								{margin: 0 0 10px;}
div.option span						{font-size: 13px; margin: 0 10px 0 0;}

#additionalimages, #asseenin		{clear: both; padding: 20px 0 0;}
#additionalimages	li					{float: left; padding: 0 10px 10px 0;}
#additionalimages	li img			{display: block; border: 1px solid #ecf0f5;}
#bookmark								{clear: both; padding: 30px 0; width: 130px;}


/****** BLOG ******/

#content p.postauthor 				{font-size: 12px; line-height: 30px; margin-bottom: 10px;}
.postdetails 							{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 30px; line-height: 30px;
											 margin-bottom: 30px;}
#content .blogtitle a, #content .blogtitle a:visited
											{text-decoration: underline; color: #091f42;}

#commentform label, #contactform label
											{display: block; font-size: 13px; line-height: 18px; color: #091f42;} 
input.frmcomment, #contactform input.textfield
											{border: 1px solid #ccc; display: block; width: 300px; margin-bottom: 10px; padding: 2px;}
textarea.frmcomment, #contactform textarea
											{border: 1px solid #ccc; display: block; width: 300px; margin-bottom: 10px; padding: 2px;}

#content ol.commentlist 			{list-style: none;}
#content ol.commentlist li 		{background: #fff; border: 1px solid #ccc; list-style: none; margin-bottom: 10px; padding: 15px;}
.commentavatar 						{float: left; padding-right: 10px; width: 32px;}
.commenttext 							{float: left;}	

#content.blogsection img.banner	{margin: 15px 0;}


/****** CONTACT FORM ******/

#content .success, #content .warning
											{background: 5px center no-repeat; border: 1px solid; margin: 15px 0; padding-left: 50px;}
#content .success 					{background-color: #DFF2BF; background-image: url('images/success.png'); color: #4F8A10;}
#content .warning 					{background-color: #FFBABA; background-image: url('images/warning.png'); color: #D8000C;}
#content .success p 					{color: #4F8A10; font-size: 13px; line-height: 40px; font-weight: bold; margin: 0; padding: 0;}
#content .warning p 					{color: #D8000C; font-size: 13px; line-height: 40px; font-weight: bold; margin: 0; padding: 0;}



/******** FOOTER ********/

#footerseperator						{background: url('images/footer_feathers.png') 0 0 no-repeat; height: 100px; width: 960px; clear: both; margin: 20px 0 0;}
#footer 									{background: #091f42; width: 960px; padding: 0 0 8px;}
#footer p, #footer li				{font-size: 13px; line-height: 16px;}
#footer h5								{color: #ecf0f4; font-size: 14px; line-height: 18px; margin: 0 0 5px; text-transform: uppercase;}
#footer a:hover						{color: #fff;}
div.footercolumn						{float: left; width: 220px; padding: 10px 25px; position: relative;}
div.copyrightcolumn					{width: 330px;}
/*footer span							{position: absolute; left: 75px;}*/
#footer span							{display: inline-block; width: 50px;}
a.bja, a.ukaward						{float: right; padding: 0 0 0 10px;}
#cardlogos								{margin: 6px 0 0 0;}
#cardlogos img							{display: block; float: right; padding: 0 6px 0 0;}
#cardlogos img.zeropadding			{padding: 0;}
img#wpstats 							{display:none}