@charset "utf-8";
/* CSS Document */

* { /* For all elements */
	margin:0 auto;
	padding: 0;
	border: 0;
	line-height: 1.4em;
}

a {
	color: #000;
}
.noul a {
	text-decoration: none;
}

#topPanel{width:960px; margin:0 auto; padding:0;}
#bodyPanel{width:960px; height:700px; position:relative; margin:0 auto; padding:0;}
#footerPanel{width:960px; position:relative; margin:0 auto; padding:0;}

#worktop_plan{
	position:relative;
	width:551px;
	height:458px;
	margin:10px 5px 0px 5px;
	padding:0px;
	float:left;
}
	
#worktop_length_2{
	display:block;
	font:10px/14px Arial, Helvetica, sans-serif;
	position:absolute;
	top: 44px;
	left: 253px;
	z-index:1;
	padding:0;
	margin:0px 0px 0px 0px;
	width:70px;
}
#worktop_width_2{
	display:block;
	font:10px/14px Arial, Helvetica, sans-serif;
	position:absolute;
	top: 107px;
	left: 490px;
	z-index:1;
	padding:0;
	margin:0px 0px 0px 0px;
	width:70px;
}

#worktop_length_1{
	display:block;
	font:10px/14px Arial, Helvetica, sans-serif;
	position:absolute;
	top: 252px;
	left: 5px;
	z-index:1;
	padding:0;
	margin:0px 0px 0px 0px;
	width:70px;
}
#worktop_width_1{
	display:block;
	font:10px/14px Arial, Helvetica, sans-serif;
	position:absolute;
	top: 395px;
	left: 91px;
	z-index:1;
	padding:0;
	margin:0px 0px 0px 0px;
	width:70px;
}
#worktop_length_3{
	display:block;
	font:10px/14px Arial, Helvetica, sans-serif;
	position:absolute;
	top: 252px;
	left: 490px;
	z-index:1;
	padding:0;
	margin:0px 0px 0px 0px;
	width:70px;
}
#worktop_width_3{
	display:block;
	font:10px/14px Arial, Helvetica, sans-serif;
	position:absolute;
	top: 395px;
	left: 421px;
	z-index:1;
	padding:0;
	margin:0px 0px 0px 0px;
	width:70px;
}

#worktop_length_4{
	display:block;
	font:10px/14px Arial, Helvetica, sans-serif;
	position:absolute;
	top: 395px;
	left: 310px;
	z-index:1;
	padding:0;
	margin:0px 0px 0px 0px;
	width:70px;
}
#worktop_width_4{
	display:block;
	font:10px/14px Arial, Helvetica, sans-serif;
	position:absolute;
	top: 326px;
	left: 216px;
	z-index:1;
	padding:0;
	margin:0px 0px 0px 0px;
	width:70px;
}


/* **********TOPBAR********** */
#logo {
	clear: both;
	padding: 0px;
	position:relative;
	float:left;
}

#telephoneTop {
	clear: both;
	padding: 0px;
	float:right;
	padding-top:10px;
}

#bookmarks {
	clear: both;
	float:right;
	padding-top:5px;	
}

#topbar {
	height: 25px;
	width: 960px;
	clear: both;
	background: url('../images/topbar_bg.gif') repeat-x  ;
	border-bottom: solid 0px #fff;	
	border-top: solid 15px #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:right;
	font-weight:bold;
	color: #666666;
	padding-top: 5px;
}

#topbar a {
	color: #666666;
	margin: 0px;
	text-decoration: none;
	padding-right: 5px;
	padding-left:5px;
}

#topbar a:hover {
	color: #c14f03;
	padding-bottom: 0px;
}
/* **********TOPBAR********** */


/* **********MENU********** */
	#menu {
		background: #EFEDEE;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0;
		width: 12em;
		text-align: left;
	}
	#menu li {
		font: 13px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", "Verdana, Helvetica, sans-serif";
		margin: 0;
		padding: 0;
	}
	#menu a {
		background: #EFEDEE;
		border-bottom: 1px solid #E8E6E7;
		color: #979596;
		display: block;
		margin: 0;
		padding: 0px 12px;
		text-decoration: none;
		font-weight:normal;
	}
	#menu a:hover {
		background: #DCE3EA url("../images/menu_hover.gif") left center no-repeat;
		color: #c14f03;
		padding-bottom: 0px;
	}
	
	/* Red text for estimate links */
	#menu a[href="online_estimate.html"], #menu a[href="../online_estimate.html"]  {
		color: #d73333;
	}
/* **********MENU********** */

	#mainFlex {
	height:238px;
	width:625px;
	position:absolute;
	top:0px;
	left:197px;
	clear: both;
	}

	#yellowbar {
	height:40px;
	/*width:625px;
	position:absolute;
	top:238px;*/
	left:197px;
	clear: both;
	background: #c14f03;
	border-bottom: solid 0px #fff;
	border-top: solid 0px #fff;
	}
	
	#yellowbar h1 {
		color: #FFFFFF;
		font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", "Verdana, Helvetica, sans-serif";
		font-size: 27px;
		text-align: left;
		padding-left: 5px;
	}

	#yellowbarSmall {
	height:30px;
	/*width:625px;
	position:absolute;
	top:238px;*/
	left:197px;
	clear: both;
	background: #c14f03;
	border-bottom: solid 0px #fff;
	border-top: solid 0px #fff;
	}
	
	#yellowbarSmall h2 {
		color: #FFFFFF;
		font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", "Verdana, Helvetica, sans-serif";
		font-size: 20px;
		text-align: left;
	}
/* **********BODY BOXES********** */

	#boxKitchens{
	width:195px;
	height:157px;
	/*position:absolute;
	top:172px;
	left:197px;*/
	margin:10px 5px 0px 5px;
	padding:0px;
	background:url(../images/box_kitchens.jpg) no-repeat 0 0 #FC5F00;
	color:#666666;
	float:left;
	}
	#boxKitchens a{
/*		width:195px;
		height:157px;
		display:block;
		text-decoration:none;
*/	}
	#boxKitchens a:hover{
/*		width:195px;
		height:157px;
		color:#fff;
		text-decoration:none;
*/	}
	#boxKitchens p{
		width:163px;
		display:block;
		font:10px/14px Arial, Helvetica, sans-serif;
		font-weight:bold;
		position:relative;
		top:10px;
		left:14px;
		z-index:1;
		padding:0;
		margin:0px 0px 0px 0px;
		text-align: right;
	}

	#boxKitchens h3{
	display:block;
	width:190px;
	margin:45px 0 0 0px;
	font:16px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:relative;
	top:1px;left:10px;
	z-index:1;
	color:#348AC3;
	}

	#boxBathrooms, #boxOnlineEst{
	width:195px;
	height:157px;
	/*position:absolute;
	top:172px;
	left:412px;*/
	margin:10px 5px 0px 5px;
	padding:0px;
	color:#666666;
	float:left;
	}
	
	#boxBathrooms{
		background:url(../images/box_bathrooms.jpg) no-repeat 0 0 #FC5F00;
	}
	
	#boxBathrooms a{
/*		width:195px;
		height:157px;
		display:block;
		text-decoration:none;
*/	}
	#boxBathrooms a:hover{
/*		width:195px;
		height:157px;
		color:#fff;
		text-decoration:none;
*/	}
	#boxBathrooms p, #boxOnlineEst p{
		width:163px;
		display:block;
		font:10px/14px Arial, Helvetica, sans-serif;
		font-weight:bold;
		position:relative;
		top:10px;
		left:14px;
		z-index:1;
		padding:0;
		margin:0px 0px 0px 0px;
		text-align: right;
	}

	#boxBathrooms h3, #boxOnlineEst h3{
	display:block;
	width:190px;
	margin:45px 0 0 0px;
	font:16px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:relative;
	top:1px;left:10px;
	z-index:1;
	color:#348AC3;
	}

	
	
	#boxAccessories, #boxNationwide{
	width:195px;
	height:157px;
	/*position:absolute;
	top:172px;
	right:137px;*/
	margin:10px 5px 0px 5px;
	padding:0px;
	color:#666666;
	float:left;
	}
	
	#boxNationwide{
		background:url(../images/box_nationwide.png) no-repeat 0 0 #FC5F00;
	}
	
	#boxAccessories{
		background:url(../images/box_accessories.jpg) no-repeat 0 0 #FC5F00;
	}
	
	#boxAccessories a{
/*		width:195px;
		height:157px;
		display:block;
		text-decoration:none;
*/	}
	#boxAccessories a:hover{
/*		width:195px;
		height:157px;
		color:#fff;
		text-decoration:none;
*/	}
	#boxAccessories p, #boxNationwide p{
		width:163px;
		display:block;
		font:10px/14px Arial, Helvetica, sans-serif;
		font-weight:bold;
		position:relative;
		top:10px;
		left:14px;
		z-index:1;
		padding:0;
		margin:0px 0px 0px 0px;
		text-align: right;
	}

	#boxAccessories h3, #boxNationwide h3{
	display:block;
	width:190px;
	margin:45px 0 0 0px;
	font:16px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:relative;
	top:1px;left:10px;
	z-index:1;
	color:#348AC3;
	}
/* **********BODY BOXES********** */

#qualityBox {
	left:197px;
	width:195px;
	margin:0px 0px 0px 0px;
	color:#999999;
	line-height:0.5em;
	float:left;
	margin:10px 5px 0px 5px;
}

#luxuryBox {
	left:412px;
	width:195px;
	margin:0px 0px 0px 0px;
	color:#999999;
	line-height:0.5em;
	float:left;
	margin:10px 5px 0px 5px;
}

#styleBox {
	left:627px;
	width:195px;
	margin:0px 0px 0px 0px;
	color:#999999;
	line-height:0.5em;
	float:left;
	margin:10px 5px 0px 5px;
}

#qualityAssuranceBox {
	top:600px;
	left:197px;
	width:625px;
	clear: both;
	position:absolute;
	margin:0px 0px 0px 0px;
	color:#999999;
	line-height:0.5em;
}

#rightAdvert {
	width:132px;
	height:484;
	clear: both;
	margin:0px 0px 0px 0px;
}

.mainText {
	color:#999999;
	line-height:1.2em;
}

.mainText h2 {
	color: #c14f03;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", "Verdana, Helvetica, sans-serif";
	font-size: 21px;
	text-align: left;
}

.mainText h3 {
	color: #c14f03;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", "Verdana, Helvetica, sans-serif";
	font-size: 16px;
	text-align: left;
}

.mainText p {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 1.2em;
}

.mainText a {
	line-height: 1.2em;
	color: #348AC3;
	text-decoration: none;
}

/* **********FOOTER********** */
	#footer ul {
		clear:both;
	}
	
	#footer ul#row1 li {
		margin-top: 8px;
	}
	
	#footer ul li {
		display: block;
		width: auto;
		float: right;
		padding: 2px 10px 2px 0;
		font-size: 80%;
		color: #fff;
	}
	
	#footer ul li a {
		color: #ff9900;
	}
	
	#footer {
		height:46px;
		width:960px;
		clear: both;
		background: url('../images/footer_bg.gif') repeat-x  ;
		border-bottom: solid 10px #fff;	
		border-top: solid 10px #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	#footer.home {
		border-top: solid 1px #fff;
	}
/* **********FOOTER********** */




.main {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
}

.errorText {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
}

.main h1 {
	color: #c14f03;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", "Verdana, Helvetica, sans-serif";
	font-size: 22px;
	text-align: left;
}

.main h2 {
	color: #c14f03;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", "Verdana, Helvetica, sans-serif";
	font-size: 18px;
	text-align: left;
}

.main h3 {
	color: #c14f03;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", "Verdana, Helvetica, sans-serif";
	font-size: 14px;
}

.main input.greyStyle {
font-family: "Trebuchet MS", Verdana, Lucida, Helvetica, Arial, sans-serif;
visibility: visible;
border: 1px solid #999999;
color: Black;
vertical-align: middle;
}

.main textarea.greyStyle {
font-family: "Trebuchet MS", Verdana, Lucida, Helvetica, Arial, sans-serif;
font-size:12px;
visibility: visible;
border: 1px solid #999999;
color: Black;
vertical-align: middle;
width:100%;
}

.main select.greyStyle {
font-family: "Trebuchet MS", Verdana, Lucida, Helvetica, Arial, sans-serif;
visibility: visible;
border: 1px solid #999999;
color: Black;
vertical-align: middle;
}

.submitButton {
font-size:12px;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../images/formbg.gif) repeat-x left top;
}

.infoBox {
  background:#CCCCCC;
}

.infoBoxContents {
  background:#EEEEEE;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background:#CCCCCC;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background:#CCCCCC;
  color: #ffffff;
  height:16;
  background-repeat: repeat-x;
  background-position: left;
}
TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


#planKitchen {
	left:197px;
	width:195px;
	margin:0px 0px 0px 0px;
	color:#999999;
	line-height:0.5em;
	float:left;
	margin:10px 5px 0px 5px;
}

#styleKitchen {
	left:412px;
	width:195px;
	margin:0px 0px 0px 0px;
	color:#999999;
	line-height:0.5em;
	float:left;
	margin:10px 5px 0px 5px;
}

#enjoyKitchen {
	left:627px;
	width:195px;
	margin:0px 0px 0px 0px;
	color:#999999;
	line-height:0.5em;
	float:left;
	margin:10px 5px 0px 5px;
}

.inlineBox {
	left:197px;
	width:195px;
	margin:0px 0px 0px 0px;
	color:#999999;
	line-height:0.5em;
	float:left;
	margin:10px 5px 0px 5px;
}


ul.inlineBox  {
	list-style-type: square;
	list-style-image: none;
	list-style-position: inside;
}

ul.inlineBox li {
	font-style: italic;
	text-align: left;
}

/*.sitemap ul {
	list-style-type: square;
	list-style-image: none;
	list-style-position: inside;
}

.sitemap ul li {
	font-style: italic;
	padding:inherit;
}*/

.faq a{
	text-decoration:none;
	font-weight:bold;
	color:#666666;
}

.faq a:hover{
	text-decoration:none;
}

ol.faq  {
	list-style-type: decimal;
	list-style-position: inside;
}

ol.faq li {
	font-style: italic;
}

.colourPage a{
	text-decoration:none;
	font-weight:bold;
	color:#666666;
}

.colourPage a:hover{
	text-decoration:none;
}


.button {
	padding:0.15em;
	width:3em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
.button:hover, .button:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
}

.formstyle {
	background:#fff;
	padding:1em;
	border:1px solid #eee;
	margin:1em;
	width:48em;
}

.estimate_link a {
	color: #0066FF;
	margin: 0px;
	text-decoration: none;
}

.estimate_link a:hover {
	color: #c14f03;
}
#slider ul { padding: 0; margin: 0; list-style: none;}
#slider li { 
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/
padding-right: 132px;
width: 132px;
height: 484px;
overflow: hidden; 
}

#footer-txt { width: 960px; height: 58px; margin-left: auto; text-align: center; margin-right: auto; font-size: 100%; font-family: arial, sans-serif;}
#footer-txt h1 { font-size: 70%; color: #000000; margin-bottom: 5px;}
#footer-txt ul { font-size: 70%;}
#footer-txt li { list-style: none; display: inline; margin-right: 4px; text-align: center;}
#footer-txt li a { color: #666666; text-decoration: none; text-align: center;}

span.more { clear: both; display: block; margin: 25px 0 0 136px;}

#topbar li, .nobullet li, .colourmenu li {
	list-style-type: none;
	display: inline;
}

#topbar ul, .colourmenu ul{
	display: inline;
}

.nobullet li {
	display: block;
	font-size: 8pt;
	text-align: right;
	margin-right: 20px;
	margin-top: 5px;
	line-height: 10px;
}
h3 a {
	color: #348AC3;
	text-decoration: none;
}

.body p {
	margin-bottom: 10px;
	text-align: left;
}
.body h1, .body h2, .body h3, .body h4, .body h5, .body h6 {
	text-align: left;
}

.colourPage td {
	padding: 10px 20px;
}

.colourmenu {
	padding-top: 8px;
	text-align: left;
}
.colourmenu a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

/* FAQs */
ol.faq {
	margin-top: 15px;
}

.faqdl dt{
	margin-top: 10px;
	font-weight: bold;
}

.faqdl {
	margin-bottom: 10px;
	margin-right: 3px;
}

/* Sitemap */
.sitemap-container {
	padding-top: 10px;
}
.sitemap-left {
	width: 39%;
	float: left;
}

.sitemap-right {
	width: 49%;
	float: left;
}

.sitemap {
	text-align: left;
}

.sitemap a{
	color: #777;
}

.sitemap ul {
	margin-left: 15px;
	margin-bottom: 15px;
	list-style-type: none;
}

.sitemap ul li ul {
	margin-left: 0;
}

.sitemap-bottom {
	clear: both;
	font-size: 8pt;
	margin-right: 5px;
	padding-top: 20px;
}

.sitemap-bottom a {
	text-decoration: none;
}

.sitemap-bottom ul {
	list-style-type: none;
}
.sitemap-bottom li {
	display: inline;
	padding-right: 3px;
	border-right: 1px solid #777;
	
	line-height: 12px;
}



.imgleft {
	float: left;
	padding: 0 5px 5px 0;
}


/* Breadcrumbs */
ul#breadcrumbs {
	border-bottom: 1px solid #ddd;
	color: #999;
	list-style-type: none;
	padding-bottom: 2px;
	text-align: left;
}
ul#breadcrumbs li {
	display: inline;
	margin-right: 3px;
}

ul#breadcrumbs a{
	color: #c14f03;
	text-decoration: none;
}

/* Testimonial pages */
.testimonial ul{
	padding: 10px 15px 15px 15px;
}

.testimonial blockquote {
	margin-bottom: 20px;
}

.testimonial .button {
	background-color: #c14f03;
	float: left;
	text-align: center;
	width: 50%;
}

.testimonial .button a {
	font-size: 16pt;
	color: #fff;
	padding: 5px;
	text-decoration: none;
}

.testimonial .button:hover {
	background-color: #ff8800;
}

.rhs-badge{
	background-color: #C14F03;
	font-family: "Gill Sans MT", "Gill Sans", sans-serif;
	font-weight: bold;
	margin-bottom: 8px;
	text-align: center;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	
	width: 130px;
}
.rhs-badge a{
	display: block;
	color: #fff;
	padding: 5px;
	padding-bottom: 8px;
	text-decoration: none;
}

.jcpic {
	position:relative;
	top: -130px;
}