@charset "utf-8";
/* CSS Document by Richard Henry for West Midlands Media for Wood and Stone Direct 2008 */
div, img {behavior: url("styles/iepngfix.htc");}		
a{outline:none;}

.site-strip {
	background-color:#f0bb01;
	background-repeat:repeat;
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
	width:900px;
	height:6px;
	line-height:0;
	font-size:0;
}

.strip-header {position:absolute; top:141px;}

body {
background-image:url(../images/body-bg.jpg);
background-position:100% 0;
background-repeat:repeat;
font-family:"Trebuchet MS", Helvetica, sans-serif;
color:#666666;
font-size:medium
}
strong {
font-weight:800
}
b {
font-weight:800
}
a h2 {
color:#666666
}


#container {
	background-image:url(../images/container-bg.png);
	background-position:50% 0%;
	background-repeat:repeat;
	margin:0 auto;
	padding:0;
	display:block;
	width:980px;
	height:100%;
	position:relative;
}

#page {
position:relative;
width:900px;
margin:0 auto;
padding:0;
height:100%;
overflow:hidden;
background-color:#f2f2f2;
}

* #page {top:0;}

#top-cover-left, #top-cover-right {
	background-image:url(../images/top-cover.png);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	display:block;
	width:5px;
	position:absolute;
	z-index:999;
}

#top-cover-left {left:0;}
#top-cover-right {right:0;}

#header {
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
	width:900px;
	height:139px;
	font-size:0;
	line-height:0;
	position:absolute;
	top:0;
}
#headermovie {
clear:both;
height:160px;
width:900px;
margin:8px 0 0 0;
position:absolute;
top:139px;
}
#headerimage {
clear:both;
background:#BDBEC0 url(../pictures/Image/header.jpg) no-repeat center;
height:197px;
width:900px;
margin:8px 0 0 0
}
#toplinks {
float:left;
background:#f0bb01;
padding:0;
padding-top:3px;
margin:0;
width:900px;
height:18px;
position:absolute;
top:307px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.breadcrumb {
clear:left;
float:left;
display:inline;
margin:0;
margin-left:10px;
color:#f2f2f2 !important;
}


.homelinks {
clear:right;
float:right;
display:inline;
margin:0;
margin-right:16px;
color:#f2f2f2 !important;
}

.breadcrumb p, .breadcrumb h1 {
clear:none;
display:inline;
font-size:12px;
text-decoration:none;
color:#f2f2f2 !important;
padding:0 4px 0 4px;
}

.breadcrumb h1 a, .breadcrumb a, .homelinks a  {
font-size:12px;
text-decoration:none;
color:#f2f2f2 !important;
padding:4px 0 0 4px;
}
.breadcrumb a, .homelinks a {color:#f2f2f2 !important; font-size:12px;}
.breadcrumb a:hover, .homelinks a:hover {text-decoration:underline !important;}

.footerlinks {
float:right;
display:inline;
margin:8px 10px 0 0;
color:#666666;
}

.footerlinks {margin-right:10px;}

.footerlinks p, .footerlinks h3 {
font-size:100%;
float:left;
display:inline;
text-decoration:none;
color:#666666;
}
.footerlinks a {
font-size:10px;
text-decoration:none;
color:#666666;
}

.footerlinks a:hover {text-decoration:underline !important;}

/* --- seo links at bottom of page --- */

#extralinks {
clear:both;
min-height:40px;
height:100%;
padding-bottom:8px;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
}
#extralinks table {
margin:10px;
font-size:96%;
text-align:left;
display:inline-table
}

#extralinks table {margin:10px 5px 10px 5px;}

#extralinks h1 a {
float:left;
font-size:110%;
font-weight:bold;
margin:10px 6px 8px 6px;
text-decoration:none;
text-align:left;
color:#333333
}
#extralinks h1 a:hover {
text-decoration:underline
}
#extralinks table tr td a {
margin:6px 6px 8px 6px;
text-decoration:none;
text-align:left;
color:#333333
}
#extralinks table tr td a:hover {
text-decoration:underline
}
/*--- */

#toplinks table {
margin:1px 10px 6px 0;
float:right;
display:inline
}
#toplinks table tr td {
border-spacing:2px;
padding:3px
}
a.toplink {
padding-right:3px
}
#toplinks table tr td a {
font-size:80%;
color:#666666;
font-weight:bold;
text-decoration:none
}
#toplinks table tr td a:hover {text-decoration:underline !important;}

/*-- left column elements --*/

#leftcolumn {
/*clear:both;*/
float:left;
display:inline;
width:286px;
margin-top:328px;
height:100%;
background-color:#f2f2f2;
padding-bottom:24px;
}

.categorylinks {
clear:both;
float:left;
background-image:url(../images/new-left-category-links-bg.jpg);
background-repeat:no-repeat;
width:248px;
height:100%;
min-height:104px;
padding:40px 0 0 38px;
margin:0;
}
.categorylinks a {
text-decoration:none;
color:#4d4d4d;
}

.categorylinks h2 {margin-bottom:24px; width:190px !important}

.categorylinks h2 a {
clear:left;
display:block;
font-size:12px;
padding:0;
margin:0;
width:190px !important;
}


span.big-link-heading, span.big-heading  {
	color:#4d4d4d;
	font-size:20px;
	display:block;
}

span.small-link-heading, span.small-heading {
	color:#4d4d4d;
	font-size:17px;
	display:block;
}

.categoryfeatures span.big-link-heading, .categoryfeatures span.small-heading  {width:190px;}
.categoryheader h2 span.big-heading, .categoryheader h2 span.small-heading  {width:328px;}
#related h3 span.big-heading, #related h3 span.small-heading, #news h3 span.big-heading, #news h3 span.small-heading {width:auto; float:left;}
#news h3 span.small-heading , #related h3 span.small-heading  {margin:2px 0 0 6px;}
#specifications h3 span.big-link-heading, #specifications h3 span.small-heading {width:334px;}
#contacttable h3 span.big-heading, #contacttable h3 span.small-heading, .pagetext h2.pageheader span.big-heading, .pagetext h2.pageheader span.small-heading, #directions h3 span.big-heading, #directions h3 span.small-heading, h2.newsheader span.big-heading, h2.newsheader span.small-heading {width:585px;}
.newsblock h3 span.small-heading {font-size:13px;}

/*--- right column elements ---*/

#rightcolumn {
float:left;
height:100%;
width:286px;
padding:0;
display:inline;
margin-top:-52px;
}

/*--- end right column ---*/
/*-- main content area elements --*/

#maincontent {
float:right;
margin-top:328px;
width:614px;
background-color:#f2f2f2;
height:100%;
*padding-bottom:6px;
}
#maincontent p {
font-size:86%;
margin:8px;
margin-left:0px;
}
#maincontent ul {
list-style-type:square;
margin:2px 0 2px 4px;
padding:2px 0 2px 14px;
font-size:80%
}
#productdetails {
float:left;
width:328px;
height:100%;
overflow:visible;
padding:0 0 6px 0;
margin:0;
position:relative;
}

#productdetails.product {margin-left:-29px; width:357px;}

#productdetails #product-desc {
	margin:0;
	margin-top:20px;
	padding:0;
	padding-left:14px;
	display:block;
	float:left;
	width:343px;
}

#productdetails #product-desc p, #productdetails p {
clear:both;
margin-top:6px;
color:#666666!important;
font-size:11px !important;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
}
#gallerymainimage {
/*background-image:url(../images/product-main-image-bg.png);
background-position:50% 50%;*/
float:left;
display:inline;
width:244px !important;
height:244px !important;
padding:12px 0 0 12px;	
/*border-top:2px solid #A2704F;*/
margin:0;
margin-top:8px;
position:relative;
}
#imagestrip {
margin:0;
padding:0;
padding-top:12px;
display:block;
float:right;
width:90px;
}
#imagestrip .product-thumb {
/*background-image:url(../images/product-thumb-bg.png);
background-repeat:no-repeat;
background-position:50% 50%;*/
margin:0;
margin-bottom:-10px;
padding:9px 0 0 9px;
width:81px;
height:81px;
display:block;
float:right;
}

*html #imagestrip .product-thumb {margin-bottom:auto;}

#imagestrip .product-thumb img {
	width:72px;
	height:72px;
}

#imagestrip a img {
cursor:pointer
}
a img.miniimage {
clear:left;
float:left;
width:100px;
background:white;
padding:3px;
border:1px solid #eaeaea;
border-bottom:2px solid #eaeaea;
margin:0 6px 3px 0
}
a img.miniimageright {
float:left;
width:70px;
background:white;
padding:3px;
border:1px solid #eaeaea;
border-bottom:2px solid #eaeaea;
margin:0 6px 3px 3px
}

/*--- specifications box ---*/
#specifications {
clear:both;
float:left;
display:inline;
width:334px;
height:100%;
margin:12px 0 12px 0;
padding:0;
padding-left:14px;
}
#specifications h3 {
display:block;
color:#4d4d4d;
}
#specifications h3.invisible {
background:#B5B7B9;
color:white
}
#speclist {
line-height:1.6em;
margin:8px 0 8px 0;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
font-size:11px;
width:334px;
}
#speclist ul {
	margin:0;
	padding:0;
	list-style:none;
}
#speclist li {
	background-image:url(../pictures/woodstone_arrow_new.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	margin:0;
	padding:0;
	padding-left:12px;
	width:324px;
}
/*--- end specifications ---*/
#homeintro {
clear:both;
float:left;
display:inline;
width:607px;
height:100%;
margin:12px 0 12px 0;
border:0
}
#homeintro h3 {
display:block;
height:50px;
padding:0;
padding-top:4px;
margin-top:-5px;
width:542px;
}

#homeintro h3 .home-big-heading {
	display:block;
	clear:both;
	color:#4d4d4d;
	font-size:20px;
}

#homeintro h3 .home-small-heading {
	color:#6e6e6e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}

.categorygateway {
background-image:url(../images/categorygateway-bg.png);
background-repeat:no-repeat;
background-position:50% 50%;
float:left;
display:block;
margin:8px 0 8px 8px;
padding:13px 0 0 16px;
height:267px;
width:264px;
position:relative;
text-decoration:none !important;
}

.categorygateway a.main-cat-link {
	margin:0;
	padding:0;
	display:block;
	position:relative;
	width:280px;
	height:280px;
	color:#f2f2f2;
	text-decoration:none !important;
	cursor:pointer !important;
}


.categorygateway .categorygateway-cover {
	background-image:url(../images/categorygateway-cover.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	display:block;
	width:248px;
	height:148px;
	position:absolute;
	bottom:16px;
	left:16px;
}
.categorygateway img {
width:248px;
height:251px;
}
.categorygateway h1 {
margin:0 auto;
color:#f2f2f2; 
font-size:32px;
position:absolute;
bottom:28px;
width:242px;
display:block;
left:22px;
text-decoration:none !important;
}

.pagetext {
clear:both;
float:left;
display:block;
width:585px;
height:100%;
margin:12px 0 12px 0px;
*padding-bottom:12px;
}
.pagetext p {
	margin:0 auto 12px auto;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px !important;
}

.categoryheader {
float:left;
width:328px;
height:100%;
padding:0;
padding-top:19px;
margin:0;
}

.product-header {margin-left:-18px; width:346px;}

.categoryheader h2 {
display:block;
color:#4d4d4d;
}
.categoryheader h1 {
	font-size:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:7px;
}
.categoryheader p {
font-size:86%;
margin:6px 4px
}
/*--- page heading ---*/
.pageheading {
float:left;
background:white;
border-top:3px solid #A2704F;
width:96%;
height:100%;
padding:5px 0 0 0;
margin:8px 0 8px 9px
}
.pageheading h2 {
background:#E8E9EA;
display:block;
height:50px;
padding:4px 0 0 10px;
margin-top:-5px
}
.pageheading h1 {
background:#E8E9EA;
display:block;
height:50px;
padding:4px 0 0 10px;
margin-top:-5px
}
.pageheading p {
font-size:86%;
margin:6px 4px
}
/*--- end page heading ---*/
/* --- create account table ---*/
table#createaccount {
float:left;
margin:6px 0 6px 9px;
font-size:80%;
width:96%
}
/*--- end create account table ---*/
#categoryfeatures {
background-image:url(../images/new-left-category-links-bg.jpg);
background-repeat:no-repeat;
float:left;
width:248px;
height:100%;
min-height:104px;
margin:0;
padding:40px 0 0 38px;
}
#categoryfeatures h3 {
display:block;
width:190px !important;
}

#categoryfeatures ul {
margin:0;
margin-top:14px;
font-size:13px;
padding:0px !important;
width:190px;
list-style-image:url(../pictures/woodstone_arrow_new.png);
list-style-position:inside;
color:#4d4d4d;
}
#categoryfeatures p {
margin:4px;
font-size:86%
}

/*--- related products ---*/
#related {
	background-image:url(../images/new-left-category-links-bg.jpg);
	background-repeat:no-repeat;
	float:left;
	height:100%;
	min-height:104px;
	padding:40px 0 0 38px;
	width:248px;

}
#related h3 {
	color:#4D4D4D;
	display:block;
	float:left;
	margin-bottom:14px;
	width:190px;
}
#related h3.invisible {
background:#B5B7B9;
color:white
}
#related ul {
	font-size:13px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:14px 0 0;
	padding:0 !important;
}

#relatedproducts li {
	background-color:#f0bb01;
	color:#4d4d4d;
	float:left;
	margin-bottom:2px;
	padding-left:14px;
	position:relative;
}
#related a {
	background-color:#e6e6e6;
	border:0 none;
	color:#4D4D4D;
	display:block;
	padding:5px 0 4px 6px;
	text-decoration:none;
	width:170px;
}
#related a:hover {
text-decoration:underline;
}
/*--- end related ---*/

.subcategories {
clear:both;
float:left;
display:block;
width:328px;
height:100%;
min-height:100%;
margin:12px 0 12px 0;
padding-bottom:2px;
position:relative;
}

.subcategories a.sub-cat-link {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	top:0;
	left:0;
	height:171px;
	width:164px;
	z-index:999;
	color:none;
	text-decoration:none !important;
	cursor:pointer !important;
}

.subcategorylink {
background-image:url(../images/sub-category-bg.png);
background-repeat:no-repeat;
background-position:50% 50%;
width:157px;
height:158px;
display:block;
float:left;
margin:0;
padding:5px 0 0 7px;
font-size:12px;;
color:#666666;
position:relative;
}

.subcategorylink a.sub-cat-link {
	margin:0;
	padding:0;
	display:block;
	position:relative;
	width:148px;
	height:148px;
}

.subcategorylink a.sub-cat-link:hover {text-decoration:none !important;}

*html .subcategorylink {
	padding:12px 0 0 12px;
	width:152px;
	height:149px;
}

.subcategorylink .subcategorylink-cover {
	background-image:url(../images/sub-category-cover.png);
	background-repeat:no-repeat;
	background-color:none !important;
	margin:0 !important;
	padding:0;
	display:block;
	width:148px;
	height:148px;
	position:absolute;
	bottom:10px;
	left:7px;
}

*html .subcategorylink .subcategorylink-cover {left:11px; bottom:3px;}
	

.subcategorylink h2 {
margin:0;
display:block;
width:140px;
color:#f2f2f2;
font-size:16px;
position:absolute;
bottom:18px;
left:12px;
z-index:998;
}

*html .subcategorylink h2 {left:16px; bottom:12px;}

.subcategorylink a {color:#f2f2f2; text-decoration:none !important;}
.subcategorylink a h2:hover {text-decoration:none !important;}

.subcategorylink p {
float:left;
margin:-20px 0 3px 0;
text-align:left
}
.subcategorylink img {
margin:0;
width:148px;
height:148px;
}

/*-- contact list, form and directions box --*/

h2.pageheader {
padding-top:8px;
margin-bottom:10px;
width:585px !important;

}
#contactlist {
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px !important;
}
ul#contactlist {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#contactlist li.name {font-weight:bold;}

ul#contactlist li a {
text-decoration:none;
color:#666666;
}

ul#contactlist li a:hover {text-decoration:underline;}

/*--- map ---*/
#directions {
float:left;
width:230px;
height:100%;
padding:0;
margin:0;
}
#directions h3 {
display:block;
width:585px !important;
}
#directions h3.invisible {
background:#E8E9EA;
color:#666666
}
#map p {font-size:11px !important;}

#map a {text-decoration:none;color:#666666;}
#map a:hover {text-decoration:underline;}
/*--- end map ---*/

/*--- footer ---*/

#companydetails {
/*clear:both;*/
float:left;
/*height:26px;*/
margin:0;
width:900px;
min-height:30px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
font-size:10px;
color:#666666;
}

#extralinks #seowrapper {
margin: 6px 0 0 16px;
color:666666;
}

#seowrapper a {color:#666666; text-decoration:none;}
#seowrapper h4 a, #seowrapper a:hover {text-decoration:underline;}

.copyright {
padding:8px 0 0 16px
}
.copyright a {
color:#666666;
text-decoration:none
}

#footer-right-text {
	background-color:#f2f2f2;
	margin:0;
	margin-right:10px;
	padding:0;
	padding-bottom:12px;
	display:inline-block;
	float:right;
	width:890px;
	height:15px;
	font-size:10px;
	color:#666666;
	text-decoration:none;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
}

#footer-right-text p, #footer-right-text a {display:inline-block; clear:none; margin:0; padding:0;}

#footer-right-text a {color:#666666; text-decoration:none;}
#footer-right-text a:hover {text-decoration:underline !important;}
a.quick-nav {cursor:pointer !important;}

#westmidlandsmedia {
clear:left;
width:900px;
background-color:#eaeaea;
margin:0 auto 0 auto;
padding:6px 0;
text-align:center;
font-size:70%
}
#westmidlandsmedia a {
color:#666666;
text-decoration:none
}
#westmidlandsmedia a:hover {
text-decoration:underline
}
#westmidlandsmedia a img {
border:0;
margin:8px auto
}
#westmidlandsmedia h2 a {
font-size:96%
}
#woodstonemenu {

}

/*--- shopping related elements ---*/
.loggedin {
font-size:70%
}
.datadisplay {
background-image:url(../images/request-further-details-bg.png);
background-repeat:no-repeat;
background-repeat:50% 50%;
padding:24px 4px 4px 30px;
font-size:13px;
margin:8px 4px 4px 9px;
display:block;
clear:left;
color:#4d4d4d;
width:160px;
height:28px;
}
.datadisplay a {
text-decoration:none;
color:#666666
}
.datadisplay a:hover {text-decoration:underline !important;}

.variationdisplay {
padding:4px;
font-size:80%;
margin:8px 0 2px 4px;
border:1px solid #BCBDBF;
display:block;
float:left;
background:#F9F9F9
}
.datastrip {
padding:4px;
font-size:80%;
margin:4px;
/*border:1px solid #BCBDBF;*/
display:inline;
clear:both;
float:left
}
.datastrip a {
color:#666666;
text-decoration:none;
font-weight:700
}
.datastrip a:hover {text-decoration:underline !important;}

.alertimage {
margin:4px
}
.inlineimageright {
background-image:url(../images/homeimage-bg.png);
background-repeat:no-repeat;
float:right;
margin:0 25px 0 6px;
padding:10px 0 0 13px;
width:159px;
height:161px;
}

.inlineimageright img {
	display:block;
	width:148px;
	height:148px;
}

.inlineimageright:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
#cartlarge {
font-size:86%;
}
#cartlarge a {
text-decoration:none;
color:#333333
}

#cartlarge a:hover {text-decoration:underline !important;}

.cartbutton {
background:#B5B7B9;
color:#F9F9F9;
margin-left:-2px;
padding:2px 0
}
.accountstrip {
clear:both;
float:left;
font-size:86%;
font-weight:800;
margin-left:10px;
width:300px;
background:#E8E9EA
}
#cart {
float:left;
background:white;
border-top:3px solid #A2704F;
border-bottom:1px solid #666666;
width:200px;
height:100%;
padding:5px 0;
margin:8px 0 8px 9px
}
#cart h3 {
background:#E8E9EA;
display:block;
height:50px;
padding:4px 0 0 10px;
margin-top:-5px;
cursor:pointer
}
#cart h3.invisible {
background:#C4A390;
color:white
}
#cart ul {
margin:4px 0;
font-size:86%;
padding-left:6px;
/*list-style-image:url(../pictures/woodstone_arrow.png);
list-style-position:inside*/
list-style-type:none
}
#cart p {
margin:4px 0;
font-size:80%
}
.rightcost {
float:right;
}
.total {
clear:both;
float:right;
}
#proceed {
clear:both;
float:right;
font-weight:bold;
font-size:110%;
display:block
}
/*--- news ---*/
#news {
background-image:url(../images/new-left-category-links-bg.jpg);
background-repeat:no-repeat;
float:left;
width:248px;
height:100%;
min-height:104px;
padding:40px 0 0 38px;;
}
#news h3 {
display:block;
float:left;
color:#4d4d4d;
width:190px;
margin-bottom:14px;
}
#news h3.invisible {
background:#9bacbc;
color:white
}
#news ul {
margin:0;
margin-top:14px;
font-size:13px;
padding:0 !important;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#news ul li {
	background-color:#f0bb01;
	color:#4d4d4d;
	float:left;
	margin-bottom:2px;
	padding-left:14px;
	position:relative;
}

#news p {margin:4px;}

#news a {
	background-color:#e6e6e6;
	border:0 none;
	color:#4d4d4d;
	display:block;
	padding:5px 0 4px 6px;
	text-decoration:none;
	width:170px;
}

#news a:hover {text-decoration:underline;}

h2.newsheader {margin-top:10px;}

.newsblock {
margin:6px 8px;
margin-left:0px;
padding:0 3px 6px 3px;
border:1px solid #BBBCBE;
font-size:13px !important;
min-height:110px;
height:auto !important;
height:110px;
overflow:visible;
width:578px;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
float:left;
position:relative;
}
.newsblock h3 {
font-size:13px !important;
width:582px;
background-color:#f0bb01;
color:#4d4d4d;
padding:3px 0 3px 3px;
margin:0 0 12px -3px;
}

.newsblock img {width:148px; height:148px;}

.newsblock .newsdate {
	position:absolute;
	bottom:6px;
	left:3px;
}

.newsblock .newsimage {margin-top:-10px;}
/*--- end news ---*/
#theproduct {
/*background:gray;*/
font-weight:bold;
padding:6px
}
.productdrag {
background:#F4FFD4
}
#cartproducts  {
font-size:86%
}
#cartproducts ul li {
padding:2px 0;
border-bottom:1px solid #A2704F;
}
#cartproducts.indent {
text-indent:6px
}
#cartproducts a {
text-decoration:none;
color:#666666
}
#cartproducts a:hover {text-decoration:underline !important;}
#cartproducts a.strong {
font-weight:bold
}
.leftbutton {
clear:left;
float:left;
margin:6px 2px
}
.brownheader {
background:#A46A52;
color:white;
font-size:86%;
font-weight:bold;
padding:4px;
border-top:2px solid #55372B
}
.orangeheader {
background:#FF9664;
color:white;
font-size:86%;
font-weight:bold;
padding:4px;
border-top:2px solid #d96837
}
.marketingheader {
background:#B5B7B9;
color:#666666;
font-size:86%;
font-weight:bold;
padding:4px;
border-top:1px solid #666666;
border-bottom:1px solid #666666
}
/*--- suckerfish menu ---*/

#woodnav, #woodnav ul, #stonenav, #stonenav ul { /* all lists */
padding:0;
margin:0;
list-style:none;
float:left;
width:190px;
font-size:13px;
}
	
#woodnav li, #stonenav li { /* all list items */
background-color:#f0bb01;
position:relative;
float:left;
margin-bottom:2px;
color:#4d4d4d;
font-size:13px !important;
padding-left:14px;

}

#woodnav li h3, #stonenav li h3 {
	font-size:12px !important;
	border:0;
	background-color:#e6e6e6;
	width:170px;
	display:block;
}
	
#woodnav li ul, #stonenav li ul { /* second-level lists */
background-color:#f2f2f2;
position:absolute;
left:-999em;
margin-left:170px;
margin-top:-21px;
*margin-top:-27px;
width:260px;
border-top:3px solid #f0bb01;
}

#woodnav li ul li a, #stonenav li ul li a {
width:240px;
background-color:#e6e6e6;
font-size:13px;
}
#woodnav li ul li a:hover, #stonenav li ul li a:hover {background-color:#f0bb01;}

#woodnav li ul ul, #stonenav li ul ul { /* third-and-above-level lists */
left:-970em;
}
	
#woodnav li a, #stonenav li a {
	padding:5px 0 4px 6px;
	display:block;
	width:164px;
	color:#4d4d4d; 
	text-decoration:none;
}

#woodnav li a:hover, #stonenav li a:hover {background-color:#f0bb01;}
	
#woodnav li:hover ul ul, #woodnav li:hover ul ul ul, #woodnav li.sfhover ul ul, #woodnav li.sfhover ul ul ul, #stonenav li:hover ul ul, #stonenav li:hover ul ul ul, #stonenav li.sfhover ul ul, #stonenav li.sfhover ul ul ul {
left:-999em;
}
	
#woodnav li:hover ul, #woodnav li li:hover ul, #woodnav li li li:hover ul, #woodnav li.sfhover ul, #woodnav li li.sfhover ul, #woodnav li li li.sfhover ul, #stonenav li:hover ul, #stonenav li li:hover ul, #stonenav li li li:hover ul, #stonenav li.sfhover ul, #stonenav li li.sfhover ul, #stonenav li li li.sfhover ul { /* lists nested under hovered list items */
left:auto;
}

#woodnav li:hover, #woodnav li.hover {
    position: static;
}
#stonenav li:hover, #stonenav li.hover {
    position: static;
}
/*--- styling the same db-generated menu list but this time for the sitemap ---*/

.sitemap {
font-size:110%;
margin:6px 6px 6px 12px
}
.sitemap ul {
list-style-type:none;
padding:4px;
margin:4px
}
.sitemap a {
text-decoration:none;
color:#595B5D
}
.sitemap li a:hover {text-decoration:underline !important;}
.sitemap h2 a {
font-weight:bold
}
.sitemap h2 a:hover {text-decoration:underline !important;}
.sitemap ul li a {text-decoration:underline !important;}
.sitemap ul li a:hover {
color:#595B5D
}
.sitemap ul li ul li a {
color:#595B5D
}
.sitemap ul li ul li a:hover {text-decoration:underline !important;}

/*--- shop elements ---*/

table.centretable {
margin:6px auto;
border:1px solid #666666
}
table.centretable a {
color:#666666;
text-decoration:none;
font-size:90%
}
table.centretable a:hover {
color:#A33323;
}

.shopheader {
height:75px;
width:900px;
background:#BBBCBE url("../pictures/woodstone_shopping.png") no-repeat top left;
}
#variations {
clear:left;
margin:2px 0;
background:white;
padding:4px;
height:100%;
border:1px solid #E2CDC5
}
#variations p {
clear:left
}
.groupbox {
padding:2px;
border:1px solid gray;
margin:3px 0
}
/*--- form stuff ---*/
form {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
input {
margin:4px 0 4px 2px;
border:1px solid #c9c9c9
}
textarea {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:100%
}
select {
margin:3px 0;
border:1px solid #c9c9c9
}
button {
margin:4px 0 4px 2px;
border:1px solid #c9c9c9;
border-bottom:2px solid #A3A5A7
}
/*--- end form stuff ---*/

/*--- imagebox rules ---*/
#imagebox {
float:left;
margin:2px auto;
text-align:center
}
#bigimage {
width:232px;
height:232px
}
#imagebox .categoryheader h1 {
font-size:100%
}
#imagebox #imagestrip{
float:left;
margin:2px 1px 2px 3px
}
#imagebox #imagestrip img {
float:left;
margin:2px 7px 2px 7px;
width:90px;
height:90px
}
#imagebox #imagestrip a img {
border:1px solid white
}
#imagebox #imagestrip a:hover img {
border:1px solid #A33323
}

#contactform {
	padding:0;
	padding-top:18px;
}

table#contacttable, .thanks {font-size:11px !important;}

/*HIDE CONTENT ON PAGE LOAD*/
.hide-cufon {visibility:hidden;}
.hide-image {visibility:hidden;}



/* DANNY MAGIC */
.right-block-heading-image {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:58px;
	left:46px;
}

 .right-block-heading-1 {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:197px;
	height:26px;
	color:#4d4d4d;
	font-size:21px;
	font-weight:bold;
}

.right-block-heading-1.margin-top {margin-top:15px !important;}

.right-block-heading-2 {
	margin:0;
	margin-bottom:6px;
	padding:0;
	display:block;
	float:left;
	width:197px;
	height:23px;
	color:#4d4d4d;
	font-size:18px;
}

.right-block-heading-3 {
	margin:0;
	margin-left:19px;
	padding:0;
	display:block;
	float:left;
	width:122px;
	height:26px;
	color:#4d4d4d;
	font-size:21px;
	font-weight:bold;
}

.right-block-heading-4{
	margin:0;
	margin-left:19px;
	padding:0;
	display:block;
	float:left;
	width:122px;
	height:23px;
	color:#4d4d4d;
	font-size:18px;
	font-weight:bold;
}

span.text-block {
	margin:0;
	margin-top:10px;
	padding:0;
	display:block;
	float:left;
	width:175px;
	color:#666666;
	font-size:12px;
}
span.telephone-num {
	margin:0;
	margin-top:10px;
	padding:0;
	display:block;
	float:left;
	width:175px;
	color:#4d4d4d;
	font-size:18px;
}

.form-button {
	background-image:url(../images/form-button.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
	*background-position:0% 40%;
	margin:0;
	margin-top:18px;
	padding:0;
	padding-top:11px;
	display:block;
	float:left;
	width:106px;
	height:28px;
	color:#ffffff;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	text-transform:lowercase;
	cursor:pointer !important;
}

#callback-form {
	margin:0;
	padding:0;
	display:block;
	clear: both;
	width:300px;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
}

#callback-form input {
	background-image:url(../images/callback-input-bg.jpg);
	background-position:50% 0%;
	background-color:transparent;
	background-repeat:no-repeat;
	margin:3px 0 0 0;
	padding:16px 0 0 20px;
	display:block; 
	clear:both;
	width:180px;
	height:31px;
	border:none;
}

#callback-form .submit-callback {
	background-image:url(../images/form-button.jpg);
	background-position:0% 75%;
	background-color:transparent;
	background-repeat:no-repeat;
	margin:4px 0 0 0;
	padding:0;
	display:block;
	float:left;
	width:106px;
	height:41px;
	color:#ffffff;
	text-align:center;
	text-transform:lowercase;
	border:none;
	cursor:pointer !important;
	
}

a.yelbutton, a.yelbutton:hover {
	background-image:url(../images/form-button.jpg) !important;
	background-position:0 0 !important;
	background-color:transparent !important;
	background-repeat:no-repeat !important;
	margin:4px 0 0 0 !important;
	padding:10px 0 0 0 !important;
	display:block !important;
	float:left !important;
	width:106px !important;
	height:23px !important;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-size: 12px;
	color:#ffffff !important;
	text-align:center;
	text-transform:lowercase;
	border:none;
	cursor:pointer !important;
	
}

.link-holder {
	margin:0;
	margin-top:3px;
	padding:0;
	padding-left:22px;
	display:block;
	float:left;
	width:175px;
	height:20px;
	text-decoration:none;
}

div.link-holder a {
	background-color:#e6e6e6;
	margin:0;
	padding:5px 0 0 8px;
	display:block;
	float:left;
	width:167px;
	height:15px;
	color:#42210b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}


.paving-and-landscaping {background-color:#50b948; text-decoration:none !important;}
.roofing {background-color:#0066a4; text-decoration:none !important;}
.handmade-brickwork {background-color:#f57b20; text-decoration:none !important;}
.internal-flooring {background-color:#f0cc01; text-decoration:none !important;}
.reclaimed-materials {background-color:#00a9a7; text-decoration:none !important;}

a.paving-and-landscaping {padding:5px 0 0 5px !important; height:15px !important;}
a.roofing {padding:5px 0 0 5px !important; height:15px !important;}
a.handmade-brickwork {padding:5px 0 0 5px !important; height:15px !important;}
a.internal-flooring {padding:5px 0 0 5px !important; height:15px !important;}
a.reclaimed-materials {padding:5px 0 0 5px !important; height:15px !important;}

a.paving-and-landscaping:hover, a.paving-and-landscaping-current {background-color:#50b948 !important; color:#ffffff !important; text-decoration:none !important;}
a.roofing:hover, a.roofing-current {background-color:#0066a4 !important; color:#ffffff !important; text-decoration:none !important;}
a.handmade-brickwork:hover, a.handmade-brickwork-current {background-color:#f57b20 !important; color:#ffffff !important; text-decoration:none !important;}
a.internal-flooring:hover, a.internal-flooring-current {background-color:#f0cc01 !important; color:#ffffff !important; text-decoration:none !important;}
a.reclaimed-materials:hover, a.reclaimed-materials-current {background-color:#00a9a7 !important; color:#ffffff !important; text-decoration:none !important;}