﻿/* CSS Document */
body {
text-align:center;
min-width::800px;
font-family:Verdana, Arial, Helvetica, sans-serif;
size:62.5%;
padding:0px;
margin:0px;
}
#wrapper{
width:786px;
margin:0 auto;
background-image:url(assets/wrapperBgrnd.jpg);
background-repeat:no-repeat;
}
#branding {
height:96px;
}
#BrandingLogo {
width:130px;
float:left;
padding-top:28px;
}
#BrandingBanner {
margin-left:20px;
padding-top:28px;
width:390px;
float:left;
}
#BrandingBannerTwo {
width:227px;
float:right;
padding-top:24px;
}
#priNav {
width:786px;
height:21px;
position:relative;
background:url(assets/menu2.gif);
margin:0;
padding:0;
text-align:left;
}
#priNav li{
float:left;
list-style-type: none;
}
#priNav li a {
position:absolute;
top:0;
margin:0;
padding:0;
display:block;
height:21px;
background:url(assets/menu2.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
font-size:1%;
}
li#priNav_about a{
left:0;
width:55px;
background-position:0 0;
}
li#priNav_show a{
left:55px;
width:67px;
background-position:-55px 0;
}
li#priNav_design a{
left:122px;
width:99px;
background-position:-122px 0;
}
li#priNav_survey a{
left:221px;
width:59px;
background-position:-221px 0;
}
li#priNav_install a{
left:280px;
width:69px;
background-position:-280px 0;
}
li#priNav_support a{
left:349px;
width:102px;
background-position:-349px 0;
}
li#priNav_test a{
left:451px;
width:71px;
background-position:-451px 0;
}
li#priNav_special a{
left:522px;
width:50px;
background-position:-522px 0;
}
li#priNav_brochure a{
left:572px;
width:58px;
background-position:-572px 0;
}
li#priNav_contact a{
left:630px;
width:64px;
background-position:-630px 0;
}
li#priNav_careers a{
left:694px;
width:52px;
background-position:-694px 0;
}
li#priNav_home a{
left:746px;
width:40px;
background-position:-746px 0;
}
li#priNav_about a:hover{
left:0;
width:55px;
background-position:0 -21px;
}
li#priNav_show a:hover{
left:55px;
width:67px;
background-position:-55px -21px;
}
li#priNav_design a:hover{
left:122px;
width:99px;
background-position:-122px -21px;
}
li#priNav_survey a:hover{
left:221px;
width:59px;
background-position:-221px -21px;
}
li#priNav_install a:hover{
left:280px;
width:69px;
background-position:-280px -21px;
}
li#priNav_support a:hover{
left:349px;
width:102px;
background-position:-349px -21px;
}
li#priNav_test a:hover{
left:451px;
width:71px;
background-position:-451px -21px;
}
li#priNav_special a:hover{
left:522px;
width:50px;
background-position:-522px -21px;
}
li#priNav_brochure a:hover{
left:572px;
width:58px;
background-position:-572px -21px;
}
li#priNav_contact a:hover{
left:630px;
width:64px;
background-position:-630px -21px;
}
li#priNav_careers a:hover{
left:694px;
width:52px;
background-position:-694px -21px;
}
li#priNav_home a:hover{
left:746px;
width:40px;
background-position:-746px -21px;
}
#body_about li#priNav_about a{
left:0;
width:55px;
background-position:0 -42px;
}
#body_show li#priNav_show a{
left:55px;
width:67px;
background-position:-55px -42px;
}
#body_design li#priNav_design a{
left:122px;
width:99px;
background-position:-122px -42px;
}
#body_survey li#priNav_survey a{
left:221px;
width:59px;
background-position:-221px -42px;
}
#body_install li#priNav_install a{
left:280px;
width:69px;
background-position:-280px -42px;
}
#body_support li#priNav_support a{
left:349px;
width:102px;
background-position:-349px -42px;
}
#body_test li#priNav_test a{
left:451px;
width:71px;
background-position:-451px -42px;
}
#body_special li#priNav_special a{
left:522px;
width:50px;
background-position:-522px -42px;
}
#body_brochure li#priNav_brochure a{
left:572px;
width:58px;
background-position:-572px -42px;
}
#body_contact li#priNav_contact a{
left:630px;
width:64px;
background-position:-630px -42px;
}
#body_careers li#priNav_careers a{
left:694px;
width:52px;
background-position:-694px -42px;
}
#body_home li#priNav_home a{
left:746px;
width:40px;
background-position:-746px -42px;
}
#mainContent {
text-align:left;
}
#textLeft {
float:left;
margin-left:20px;
margin-top:10px;
width:410px;
display:inline;
/*background-color:#CCCCCC;*/
}
#specialsLeft {
float:left;
margin-left:20px;
margin-top:10px;
width:363px;
display:inline;
/*background-color:#CCCCCC;*/
}
#specialsRight {
float:left;
margin-left:20px;
margin-top:10px;
width:363px;
background-color:#FFF;
}
#imgRight {
float:left;
margin-left:20px;
margin-top:10px;
width:316px;
background-color:#FFF;
}
#mainImage {
width:569px;
height:200px;
float:left;
background-color:#cfcfcf;
display:inline;
margin:10px 0px 10px 10px;
}
#homeMain {
clear:both;
padding:20px 0 0 0;
}
#homeMainBanner {
float:left;
margin-left:20px;
width:554px;
background-color:#fff;
display:inline;
}
#homeBanner {
	clear: both;
	padding: 20px 0 0 0;
	text-align: center;
}
#homeBannerOne {
float:left;
margin-left:20px;
width:170px;
height:100px;
background-color:#fff;
display:inline;
}
#homeBannerOthers {
float:left;
margin-left:22px;
width:170px;
height:100px;
background-color:#fff;
display:inline;
}
#homeMainSubBanner {
float:left;
margin-left:22px;
width:170px;
height:200px;
background-color:#fff;
display:inline;
}
#contactsTitle{
width:746px;
padding:5px 0 5px 0;
margin-top:20px;
margin-bottom:10px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin-left:22px;
font-size:0.8em;
font-weight:bold;
text-align:left;
color:#000066;
}
#homeContacts {
}
#contactDetails {
float:left;
margin-left:20px;
width:235px;
background-color:#fff;
}

#mainBanner {
width:183px;
height:200px;
float:left;
background-color:#cfcfcf;
display:inline;
margin:10px 0px 10px 10px;
}
#clear {
clear:both;
}
#tombstones {
width:782px;
background-color:#FFFFFF;
}
#tombOne {
width:183px;
background-color:#FFFFFF;
float:left;
display:inline;
margin:0 0 0 10px;
}
#tombTwo {
width:183px;
background-color:#FFFFFF;
float:left;
display:inline;
margin:0 0 0 10px;
}
#tombThree {
width:183px;
background-color:#FFFFFF;
float:left;
display:inline;
margin:0 0 0 10px;
}
#tombFour {
width:183px;
background-color:#FFFFFF;
float:left;
display:inline;
margin:0 0 0 10px;
}
#tombOneIntro {
padding:8px;
text-align:left;
font-weight:bold;
color:#FFFFFF;
background-image:url(assets/tombIntroKitchen.gif);
background-repeat:repeat-x;
background-color:#466992;
}
#tombTwoIntro {
padding:8px;
text-align:left;
font-weight:bold;
color:#FFFFFF;
background-image:url(assets/tombIntroBathrooms.gif);
background-repeat:repeat-x;
background-color:#8ad8d8;
}
#tombThreeIntro {
padding:8px;
text-align:left;
font-weight:bold;
color:#FFFFFF;
background-image:url(assets/tombIntroBedrooms.gif);
background-repeat:repeat-x;
background-color:#8bb2d8;
}
#tombFourIntro {
padding:8px;
text-align:left;
font-weight:bold;
color:#FFFFFF;
background-image:url(assets/tombIntroStudy.gif);
background-repeat:repeat-x;
background-color:#b1d88a;
}
#tombOneLinks {
padding:8px;
text-align:left;
font-weight:normal;
color:#333333;
background-color:#e5eaf0;
}
#tombTwoLinks {
padding:8px;
text-align:left;
font-weight:normal;
color:#333333;
background-color:#e0f5f5;
}
#tombThreeLinks {
padding:8px;
text-align:left;
font-weight:normal;
color:#333333;
background-color:#e0ebf5;
}
#tombFourLinks {
padding:8px;
text-align:left;
font-weight:normal;
color:#333333;
background-color:#ebf5e0;
}
#tombLinks ul {
margin:0;
padding:0;
list-style-type:none;
}
#tombLinks li {
background:url(assets/tombBullet.gif) no-repeat 0 50%;
padding-left:10px;
}
#tombLinks li a {
line-height:1.7em;
text-decoration:none;
color:#666;
}
#tombLinks li a:hover {
text-decoration:underline;
}
#tombFooter {
margin-bottom:10px;
}
#specialOfferBox {
background-color:#cfcfcf;
}
h1 {
margin:0;
padding:0;
font-size:1.2em;
line-height:1.5em;
font-weight:normal;
text-align:left;
color:#000066;
}
h2 {
margin:0;
padding:0;
font-size:1.0em;
line-height:1.2em;
font-weight:normal;
text-align:left;
color:#66CCCC;
}
.impact {
	color: #FF00FF;
	font-weight: bold;
}

h3 {
font-size:0.8em;
line-height:1.2em;
font-weight:normal;
text-align:left;
color:#333;
}
h4 {
font-size:0.8em;
line-height:1.2em;
font-weight:bold;
text-align:left;
color:#de4da3;
}
p {
font-size:0.7em;
line-height:1.2em;
font-weight:normal;
text-align:left;
color:#666;
}
#textLeft ul {
margin:0;
padding:0;
list-style-type:none;
}
#textLeft li {
font-size:0.7em;
color:#666;
background:url(assets/bullet.gif) no-repeat 0 50%;
padding-left:30px;
padding-bottom:10px;
}
#textLeft li a:link, #textLeft li a:visited{
color:#000066;
text-decoration:none;
}
#textLeft li a:hover{
text-decoration:underline;
}
#contactDetails h1 {
margin:0;
padding:0;
font-size:1.0em;
line-height:1.2em;
font-weight:bold;
text-align:left;
color:#000066;
}
#contactDetails h2 {
margin:0;
padding:0;
font-size:0.7em;
font-weight:bold;
text-align:left;
color:#66CCCC;
}
#contactDetails h3 {
font-size:0.6em;
line-height:0.1em;
font-weight:bold;
text-align:left;
color:#333;
}
#contactDetails p {
font-size:0.6em;
line-height:1.2em;
font-weight:normal;
text-align:left;
color:#666;
}
#footer {
clear:both;
width:786px;
height:92px;
padding-top:30px;
background-image:url(assets/footerbg.jpg);
background-repeat:no-repeat;
font-size:0.6em;
line-height:1.4em;
font-weight:normal;
text-align:centre;
color:#999999;
}
.specialPrice {
font-size:1.6em;
font-weight:bold;
color:#de4da3;
}
.sold {
font-size:1.6em;
font-weight:bold;
color:#CB0B08;
}
.incVAT {
font-size:0.9em;
font-weight:normal;
}
#footer a:link, #footer a:visited{
color:#66CCCC;
text-decoration:none;
}
#footer a:hover{
color:#000066;
text-decoration:none;
}
#bubbleTop{
width:410px;

}
#bubbleMiddle{
width:390px;
background-image:url(assets/bubbleMiddle.jpg);
background-repeat:repeat-y;
padding:0 10px;
font-size:0.7em;
line-height:1.2em;
text-align:left;
color:#333;
}
#bubbleBase{
width:410px;
}
#bubbleName {
width:410px;
font-size:0.7em;
font-weight:normal;
color:#999999;
text-align:left;
margin-bottom:10px;
}
fieldset {
margin: 1em 0;
padding:1em;
border:1px solid #c9d4e0;
background:#fff;
}
legend {
font-weight:bold;
font-size:1.2em;
color:#03326a;
}
label {
display:block;
}
input {
}
textarea {
width:98%;
height:40px;
}
input.radio, input.checkbox, input.submit {
width:auto;
}
input.radio {
float:left;
margin-right:1em;
}
#imgRight h1 {
margin:0;
padding:0;
font-size:1.2em;
line-height:1.5em;
font-weight:normal;
text-align:left;
color:#000066;
}
#imgRight h2 {
margin:0;
padding:0;
font-size:1.0em;
line-height:1.2em;
font-weight:normal;
text-align:left;
color:#66CCCC;
}
#imgRight h3 {
font-size:0.8em;
line-height:1.2em;
font-weight:normal;
text-align:left;
color:#333;
}
#imgRight p {
font-size:0.7em;
line-height:1.2em;
font-weight:normal;
text-align:left;
color:#666;
}
.clearBoth {
clear:both;
}
/* LIGHTBOX CSS */
.section {
	margin-top:20px;
    margin-left: 20px;
    margin-right: 20px;
}

.section ul {
    list-style: none;
	list-style-type:none;
    margin:0;
	padding:0;
}

.section ul li {
    display: inline;
}

.section ul a {
    background-color: #ffffff;
    border: 1px solid #999999;
    padding: 5px 5px 5px;
    display: block;
    float: left;
    margin: 5px;
}

.section ul a:hover {
    background-color: #19232f;
    border: 1px solid #999999;
}

.section ul a img {
    border: 1px solid #072f64;
}

.section ul a.lightbox-enabled img {
    border: 0px dotted #999999;
}

.section span.code {
    font-family: "Courier New", Courier, monospace;
    margin-left: 10px;
    padding-left: 10px;
    font-size: 11px;
    border-left: 1px solid #000;
}

.section .link {
    font-size: 18px;
    font-style: italic;
    padding-left: 10px;
    margin-left: 10px;
}

.section .important {
    text-decoration: underline;
}

.section .title {
    font-weight: bold;
    font-size: 12px;
}

.clear {
    clear: left;
}

.section.header {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    border-top: none;
}

.section.footer {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
}

/* NEW RULES */
#rangesLeft {
float:left;
margin-left:20px;
margin-top:10px;
width:380px;
font-size: 14px;
}

.handles {
	margin-top:20px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}

.handles ul {
    list-style: none;
	list-style-type:none;
    margin:0;
	padding:0;
}

.handles ul li {
    display: inline;
}

.handles ul a {
    background-color: #ffffff;
    border: none;
    padding: 0px;
    display: block;
	float: left;
	margin: 5px;
}

.handles ul a img {
    border: none;
}

.ranges {
	margin-top:0px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}

.ranges ul {
    list-style: none;
	list-style-type:none;
    margin:0;
	padding:0;
}

.ranges ul li {
	display: inline;
	text-align: center;
}

.ranges ul a {
	background-color: #ffffff;
	border: none;
	padding: 0px;
	display: block;
	float: left;
	margin: 5px;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	width: 95px;
	height: 135px;
}

.ranges ul a img {
    border: none;
}

.bedrooms {
	margin-top:0px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}

.bedrooms ul {
    list-style: none;
	list-style-type:none;
    margin:0;
	padding:0;
}

.bedrooms ul li {
	display: inline;
	text-align: center;
}

.bedrooms ul a {
	background-color: #ffffff;
	border: none;
	padding: 0px;
	display: block;
	float: left;
	margin: 5px;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	width: 95px;
	height: 150px;
}

.bedrooms ul a img {
    border: none;
}

/* END OF NEW RULES */
#textLeft-Right {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	display: inline;
	margin-right: 20px;
}

