/*
Theme Name: Sedum Supply
Theme URI: http://sedumsupply.co.uk/
Description: The WordPress theme for sedum supply.
Version: 1.0
Author: Morecambe.NET
Author URI: http://morecambe.net/
*/
/*-------------------------------------------

    General Setup

-------------------------------------------*/
* {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0;
	}	
body {
	color: #2a2a2a;
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #e3e3e3 url(i/bg_body.png) repeat-x 0 0;
	}
body * {
	font-size: 95%;
	line-height: 1.5;
	}
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,dl,dt,dd,ul,ol,li,strong,em, a {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,cite {margin: 0; padding: 0;}
a img,:link img,:visited img, fieldset {border: none;}
address {font-style: normal;}
acronym { cursor: help; border-bottom: 1px dotted; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }
em { font-weight: inherit; font-style: italic; }
legend, hr { display: none;	}
label { display: block; }

.hr, .br {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	border: none;
	}

h1, h2, h3, 
h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	}
a, a:link, a:visited, a:hover { color: #c43965; }

/*-------------------------------------------

    Boxes of goodness

-------------------------------------------*/

/* --->>> Container <<<--- */
#container {
	width: 915px;
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;
	}
	
/* --->>> Header <<<--- */
#header { 
	height: 149px;
	width: 915px;
	position: absolute; 
	top: 0; left: 0;
	}
/* logo */
#header h1 {
	width: 260px;
	height: 149px;
	position: absolute;
	left: 10px; top: 0;
	}
	#header h1 a {
		width: 260px;
		height: 149px;
		display: block;
		text-indent: -9999px;
		background: transparent url(i/bg_logo.png) no-repeat 0 0;			
		}
		#header h1 a:hover { background-position: 0 -155px; }

/* address */
#header address {
	font-size: 1.25em;
	text-align: right;
	margin-top: 10px;
	}
#header address a, #header address a:link,
#header address a:visited, #header address a:hover {
	color: #2a2a2a;
	font-size: 1em;
	}
#header address a:hover { text-decoration: underline; }
	
/* --->>> Top Nav <<<--- */
ul#top-nav { 
	position: relative; 
	z-index: 1; 
	margin-top: 155px;
	background: transparent url(i/bg_top-nav.png) no-repeat 21px 0;	
	}
	ul#top-nav li { height: 27px; }

	ul#top-nav li a { 
		height: 25px; 
		display: block;
		color: #fff;
		font: 16px Arial, Helvetica, sans-serif;
		padding: 2px 0 0 60px;
		background: transparent url(i/bg_nav-sprite.gif) no-repeat 30px -100px;
		outline: none;
		}
		ul#top-nav li a:hover, ul#top-nav li.active a,
		ul#top-nav li.active a:link, ul#top-nav li.active a:visited,
		ul#top-nav li.active a:hover { background-color: #d46d8e; background-position: 30px 1px; } 
		ul#top-nav li.active a span { font-weight: bold; }
		
/* --->>> Main <<<--- */
#main {
	width: 623px;
	float: right;
	position: relative;
	margin-top: -341px;
	background: #f0f0f0;
	border: 6px solid #fff;
	overflow: visible;
	}
	#main-wrapper { min-height: 580px; padding: 20px 20px 40px; }
		* hmtl #main-wrapper { height: 580px; }

/* images */
#main p.img-right { 
	width: 170px;
	float: right;
	clear: right;
	text-align: right;
	padding: 10px 10px 0;
	margin-left: 15px;
	background: #d6d6d6;
	}
	#main p.img-right img { display: block; }

/* formatting */
/* heading 1 + 2 */
#main h1, #main h2 {
	color: #c43965;
	font-size: 2em;
	font-weight: bold;
	font-style: italic;	
	}
	#main h1 span {
		color: #758053;
		font-size: .75em;
		font-weight: normal;
		font-style: normal;
		}

#main h2 { font-size: 1.5em; }

/* heading 3 */
#main h3 {
	color: #758053;
	font-size: 1.25em;
	font-weight: bold;
	}

/* heading 4 */
#main h4 {
	color: #758053;
	font-size: 1em;
	font-weight: bold;
	}

/* heading 5 + 6 */
#main h5, #main h6 { color: #758053; }

/* paragraphs */
#main p {
	margin-bottom: 1em;
	}
	
/* lists */
#main ol li {
	list-style-position: inside;
	list-style-type: decimal;
	}
#main ul, #main ol { padding: 5px 10px .5em 15px; }
#main ul li {
	margin-left: 10px;
	list-style: disc;
	}
/* product */
div.product { font-size: 1em; }

/* buy button */
p.buy-button {
	padding-top: 10px;
	border-top: 1px dashed #dcdcdc;
	}

p.buy-button input { 
	font-size: 13px;
	padding: 3px 5px;
	border: 1px solid #d0d0d0;
	}
p.buy-button input.submit {
	width: 0;
	padding: 0 25px 0 5px;
	margin: 0;
	overflow: visible;
	background: #e3e3e3 url(i/bg_arrow.gif) no-repeat 95% 6px;	
	border: 1px solid #d0d0d0;
	}
	/* some button hacks */
	p.buy-button[class] input.submit { width: auto; }
	p.buy-button input.submit:empty { padding: 2px 25px 2px 5px !important; }

p.buy-button label { display: inline; }
p.buy-button label input { width: 13px; text-align: center; }

#main a, #main a:link,
#main a:visited {
	color: #768053;
	border-bottom: 1px dashed #768053;
	}
	#main a:hover {
		color: #fff;
		background: #768053;
		}
#main p.img-main {
	text-align:center;
	margin: 20px;
	}
	
#row-1, #row-2, #row-3, #row-4, #row-5 { margin: 0 40px; }
#row-1 div.one, #row-1 div.two, #row-1 div.three, #row-1 div.four,
#row-2 div.one, #row-2 div.two, #row-2 div.three, #row-2 div.four,
#row-3 div.one, #row-3 div.two, #row-3 div.three, #row-3 div.four,
#row-4 div.one, #row-4 div.two, #row-4 div.three, #row-4 div.four,
#row-5 div.one, #row-5 div.two, #row-5 div.three, #row-5 div.four {
	width: 105px;
	float: left;
	padding: 10px;
	}
	#row-1 p, #row-2 p, #row-3 p, #row-4 p, #row-5 p { text-align:center; }
	#row-1 a, #row-1 a:link, #row-1 a:visited, #row-1 a:hover,
	#row-2 a, #row-2 a:link, #row-2 a:visited, #row-2 a:hover,
	#row-3 a, #row-3 a:link, #row-3 a:visited, #row-3 a:hover,
	#row-4 a, #row-4 a:link, #row-4 a:visited, #row-4 a:hover,
	#row-5 a, #row-5 a:link, #row-5 a:visited, #row-5 a:hover { border-bottom: none; background: none; outline: none;}
	
/* --->>> Sidebar <<<--- */	
#sidebar {
	width: 230px;
	float: left;
	padding: 40px 20px 20px 30px;
	}
.socialLinks{
	padding:15px 0 10px 60px;
	display:block;
	/*width:100%;*/
	overflow:hidden; 
}
.socialLinks img{
	float:left;
	margin:0 20px 0 0;
}
/* images */
#sidebar p.img-center { 
	width: 170px;
	text-align: right;
	padding: 10px 10px 0;
	margin: 0 auto 10px;
	background: #d6d6d6;
	}
	#sidebar  p.img-center img { display: block; }
	
/* formatting */
#sidebar h2 {
	color: #484f34;
	font-size: 1.75em;
	}

div#get-quote {
		margin-top: 7px;
		background-color: #C1CC8A;
		border-bottom: 6px solid #fff;
}

div#get-quote p {
	padding: 15px 0 15px 60px;
	font-size: 1.4em;
	letter-spacing: -1px;
	color: #4C5336;
}

div#get-quote p span.pink {
	font-weight: bold;
	color: #C43965;
}

div#get-quote p span.phone {
	color: #C43965;
	font-size: 1.7em;
line-height: 1em;
}

/* gallery */
#main div.gallery-image {
	width: 190px;
	float: left;
	padding: 0 0 20px;
}

#main div.gallery-thumb { text-align: center; }
#main div.gallery-thumb a { border: none; }
div.gallery-thumb img { padding: 7px; background: #d6d6d6; border: 1px solid #999; }
p.gallery-caption { color: #999; font-size: 11px; text-align: center; }

/* --->>> Footer <<<--- */
#footer {
	width: 623px;
	float: right;
	position: relative;
	padding-top: 55px;
	margin-top: -35px;
	background: transparent url(i/bg_footer.gif) no-repeat right 0;
	}


/* footer nav */
ul#footer-nav {
	width: 260px;
	float: left;
	}
	
	ul#footer-nav a, ul#footer-nav a:link,
	ul#footer-nav a:visited, ul#footer-nav a:hover { 
		line-height: 1.75em;
		color: #2a2a2a;
		padding-right: 18px;
		background: transparent url(i/bg_arrow.gif) no-repeat right .28em;
		}
		ul#footer-nav a:hover { padding-right: 25px; }
	
/* addresss */
#footer address {
	width: 300px;
	float: right;
	padding: 40px 20px;
	border-left: 1px dashed #a8a8a8;
	}

	


/* --->>> Banner <<<--- */
p.banner {
	width: 635px;
	position: absolute;
	right: 0;
	top: -631px;
	}

/* --->>> Notices <<<--- */
p.notice, p.error,
p.success {
	color: #000;
	margin: 20px 0;
	padding: 5px 5px 5px 30px;
	margin-right: 15px;
	background: #ebecd2 url(i/bg_notice.gif) no-repeat 5px center;
	border: 2px solid #333;
	}
p.error { background: #ebecd2 url(i/bg_error.gif) no-repeat 5px center; }
p.success { background: #ebecd2 url(i/bg_success.gif) no-repeat 5px center; }

/* --->>> Contact Form <<<--- */
#contactform fieldset {
	position: relative;
	margin: 15px 0 0; padding: 0;
	background: 0;
	border: 0;
	}

	#contactform fieldset legend { display: none; }
	
	/* --->>> Standard Input <<<---*/
	#contactform fieldset label {
		width: 150px;
		float: left;
		font: bold 14px/24px "Trebuchet MS", Verdana, Arial, Helvetica,	sans-serif;
		text-align: right;
		margin: 0; padding: 0;
		}
	#contactform fieldset input,
	#contactform fieldset select,
	#contactform fieldset textarea  {
		width: 180px;
		float: left;
		font: 14px/14px Arial, Helvetica, sans-serif;	
		}
	#contactform fieldset input,
	#contactform fieldset select {
		margin: -10px 0 .5em 10px;
	}
	#contactform fieldset textarea {
		width: 250px;
		height: 100px;
		margin: 10px 0 .5em 10px;
		}
	#contactform fieldset p {
		width: 100%;
		float: left;
		clear: both;
		padding: 0 0 10px 0;
		margin: 0;
		}
	#contactform fieldset p.full label {
		width: 100%;
		text-align: left;
		margin: 0; padding: 0;
		}
	#contactform fieldset p.full input,
	#contactform fieldset p.full select {
		clear: both;
		margin-left: 160px;
		}

	/* --->>> Submit <<<--- */
	p.button {
		width: 100%;
		float: left;
		margin: 0 0 10px;
		}
	p.button span {
		margin-left: 160px;
		}
	label span {
		display: block;
		position: relative;
		margin: -5px 0 0;
		padding: 0;
		color:#edc126;
		text-transform: uppercase;
		font-size:9px;
		line-height: 10px;
		text-align: right;
		}
	p.full label span.required { display: inline;	}
	

/* ----- Testimonials --- */


.testimonial {
background: #eee url(i/bg_testimonial.png) top left no-repeat;
border: 3px solid #fff;
padding: 20px;
margin-bottom: 20px;
overflow: auto;
}

.testimonial-pic {
float: right;
width: 263px;
height: 198px;
border: 2px solid #ddd;
}

.testimonial .testimonial-content {
width: 250px;
height: auto;
float: left;
}

.testimonial .testimonial-content blockquote {
font-size: 1.2em;
margin-bottom: 20px;
}

.testimonial .testimonial-content cite {
font-size: 1.1em;
font-weight: bold;
font-style: italic;
}

/*---------------------------------------------------

	-- -- -- -- -- -- -- -- -- -- -- -- --
	Global Styles
	-- -- -- -- -- -- -- -- -- -- -- -- --
	
----------------------------------------------------*/
/* elements */
.alignright { float: right; }
.alignleft { float: left; }

/* images */
img.alignright {
	padding: 5px;
	margin: 0 0 0 10px;
	background: #f3f3f3;
	border: 1px solid #ddd;
}

img.alignleft {
	padding: 5px;
	margin: 0 10px 0 0;
	background: #f3f3f3;
	border: 1px solid #ddd;
}

img.aligncenter {
	margin: 0 auto;
	padding: 5px;
	background: #f3f3f3;
	border: 1px solid #ccc;
}

.caption,
.caption-text {
	text-align:center;
}

.caption img {
	margin: 0 auto; padding: 5px;
	background: #f3f3f3;
	border: 1px solid #ddd;
}

/* text */
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.txt-left { text-align: left; }
.txt-justify { text-align: justify; }

/* Style for Blog top section starts */
.blogTopBox {
	width:580px;
	margin:0 auto;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#cc3366;
}
.blogTopBoxLeft {
	width:360px;
	float:left;
}
.blogTopHeading {
	font:bold 34px/38px Tahoma, Arial, Helvetica, sans-serif;
	padding:0 0 15px;
}
.blogTopCategories {
	padding-left:85px;
}
.blogTopCategories strong{
	float:left;
	font:bold 18px/21px Tahoma, Arial, Helvetica, sans-serif;
	padding:0 18px 0 0;
	display:block;
}
ul.listType1{
	padding:0 0 0 20px;
}
ul.listType1 li{
	color:#000;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	list-style-type:square;
}
ul.listType1 li a{
	color:#778855;
	border-bottom:1px dashed #778855;
	text-decoration:none;
}
.blogTopCategories ul{
	float:left;
	padding:2px 0 0 20px;
}
.blogTopArchives{
	width:188px;
	float:left;
	padding:0 0 0 30px;
	margin:10px 0;
	background:url(i/blog-top-border.gif) 0 0 repeat-y;
	min-height:175px;
}
.blogTopArchives ul{
	padding:0 0 0 40px;
}
.blogTopArchivesHead{
	font:bold 20px/23px Arial, Helvetica, sans-serif;
	font-style:italic;
	padding:13px 0 10px 0;
}
/* Style for Blog top section end */