body {
background:#404041;
color:#343434;
font-size:62.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

label {
display:block;
margin-bottom:0.5em;
font-weight:700;
}

input,select,textarea, .wizardSteps p input {
font-size:1.2em;
border:1px solid #959494;
padding:4px;
}

input.button {
border-right:#aaa 3px double;
text-align:left;
border-top:#ccc 3px double;
background:url(images/buttonbg.gif);
font-size: 1.8em;
font-weight:700;
border-left:#ccc 3px double;
width:auto;
overflow:visible;
cursor:hand;
color:#C6171F;
border-bottom:#aaa 3px double;
vertical-align:middle;
margin:10px 0;
padding:6px 20px;
}

* {
font-size:1em;
}

h1,h2,h3,h4,h5,h6 {
font-family:Arial, Helvetica, sans-serif;
color:#777;
}

h1 {
font-size:2.2em;
margin:1em 0;
}

h2,.panel h2 {
color:#C6171F;
font-size:3.1em;
margin:2px 0 10px;
}

h3 {
font-size:2.3em;
border-bottom:2px dotted #eee;
margin:0.8em 0;
}

.wizardSteps h3 {
/*background: url(images/house.jpg) top left no-repeat;*/
background:#f1fecf;
border:2px dotted #d1e991;
padding:0 0 2px 300px;
}

h4.house {
background: url(images/house.jpg) top left no-repeat;
padding:0 0 2px 55px;
}

h4.choosen {
background: url(images/house.png) top left no-repeat;
padding:0 0 2px 55px;
}

.wizardSteps h3 span {
color: #C6171F;
}

h3.house a {
float:right;
font-size:0.6em;
padding-top:0.3em;
}

#content_container_main .wizardSteps h4 {
font-size:2em;
margin:0.8em 0;
}

h5,h6 {
font-size:1.1em;
letter-spacing:-0.2px;
margin:0.45em 0;
}

h6 {
font-size:1em;
letter-spacing:normal;
}

p {
line-height:140%;
}

blockquote {
border-left:2px solid #908f8f;
padding-left:20px;
color:#908f8f;
margin:20px 0 20px 13px;
}

ul li,p,table td {
font-size:1.2em;
}

table td h3 {
font-size:2em;
}

ul {
margin:1em;
padding:1px 0;
}

li {
list-style-image:url(images/list_arrow.gif);
margin:0.6em;
padding:0 0 0 7px;
}

a {
color:#88a241;
text-decoration:none;
}

a:hover {
color:#344530;
}

a.big-button, a.big-button:hover, a.big-button:visited, a.big-button img {
text-decoration: none;
border: none;
}

a[href^="mailto:"] {
display:inline-block;
padding-left:25px;
line-height:18px;
background:transparent url(images/email.png) center left no-repeat;
}

.medium {
font-size:1.3em;
}

.large {
font-size:1.5em;
}

a.large {
font-weight:700;
}

a.image,a.image:hover,a.image:visited {
text-decoration:none;
border:none;
color:#fff;
}

#header {
position:relative;
height:140px;
background:url(images/0800.png) 580px 55px no-repeat;
}

#main_container {
font-size:1.2em;
width:960px;
position:relative;
margin:0 auto;
}

#logo {
width:270px;
height:185px;
outline:none;
background:url(images/logo.png);
z-index:2;
}

.logo {
float:left;
margin:0;
}

.logo a {
display:block;
text-indent:-9000px;
}

img.main-number {
margin:15px 0 0 280px;
}

#main_menu {
vertical-align:top;
float:left;
margin:-8px 0 0 0;
}

#main_menu li {
display:inline;
font-weight:700;
font-size:1.2em;
margin:0;
padding:0;
}

#main_menu li a {
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
color:#FFF;
display:block;
float:left;
margin-right:35px;
margin-top:20px;
text-decoration:none;
text-transform:uppercase;
border-bottom:3px hidden transparent;
letter-spacing:-0.5px;
}

#slider {
position:relative;
width:968px;
background:transparent url(images/header_background3.png) no-repeat;
height:360px;
margin:0 auto;
}

.scroll {
overflow:auto;
overflow-x:hidden;
position:relative;
clear:left;
width:958px;
height:auto;
margin:0 auto;
}

.mb-phase {
position:absolute;
height:57px;
width:900px;
top:505px;
left:30px;
background:url(images/mb_phase.jpg) no-repeat;
z-index:6;
}

.scroll.blog {
width:968px;
height:auto;
overflow:auto;
position:relative;
}

.scrollContainer {
min-height:200px;
}

.scrollContainer div.panel {
width:898px;
height:400px;
overflow:hidden;
padding:13px 35px;
}

.scrollBottom,.scrollBottom.round {
background:transparent url(images/header_bottom.jpg) no-repeat left top;
height:70px;
z-index:1;
position:relative;
margin: -10px 0 10px 0;
}

.left {
width:350px;
float:left;
}

.right {
width:350px;
float:right;
}

.get-started a {
margin-left:70px;
margin-top:0;
background:transparent url(images/get-started-trans.png) no-repeat scroll 0 0;
display:block;
height:59px;
text-indent:-9999px;
width:291px;
}

.get-started a:hover {
margin-left:70px;
margin-top:0;
background:transparent url(images/get-started-trans.png) no-repeat 0 -59px;
display:block;
height:59px;
text-indent:-9999px;
width:291px;
}

.select-layout a {
margin-left:70px;
margin-top:0;
background:transparent url(images/select-layout.png) no-repeat scroll 0 0;
display:block;
height:59px;
text-indent:-9999px;
width:291px;
}

.select-layout a:hover {
margin-left:70px;
margin-top:0;
background:transparent url(images/select-layout.png) no-repeat 0 -59px;
display:block;
height:59px;
text-indent:-9999px;
width:291px;
}

.select-style a {
margin: 0px;
background:transparent url(images/select-style.png) no-repeat scroll 0 0;
display:block;
height:36px;
text-indent:-9999px;
width:200px;
}

.select-style a:hover {
margin: 0px;
background:transparent url(images/select-style.png) no-repeat 0 -36px;
display:block;
height:36px;
text-indent:-9999px;
width:200px;
}

.make-enquiry {
position:relative;
z-index: 7;
}

.panel_left .make-enquiry {
margin-top:5px;
}

.make-enquiry a {
background:transparent url(images/make-enquiry-trans.png) no-repeat scroll 0 0;
display:block;
height:59px;
text-indent:-9999px;
width:291px;
}

.make-enquiry a:hover {
background:transparent url(images/make-enquiry-trans.png) no-repeat 0 -59px;
display:block;
height:59px;
text-indent:-9999px;
width:291px;
}

body#home .panel_left {
width:570px;
float:left;
border-right:none;
}

body#home .panel_right {
width:320px;
float:right;
}

.panel_left {
width:750px;
float:left;
border-right:2px dotted #eee;
}

.panel_right {
width:110px;
float:right;
}

h2#fullbuild-banner {
background:url(images/fullbuild-banner.jpg) top left no-repeat;
height: 340px;
}

h2#kitset-banner {
background:url(images/kitset-banner.jpg) top left no-repeat;
height: 340px;
}

h2.title,h3.title {
text-indent:-9000px;
}

h3.title {
min-height:30px;
}

.column ul {
margin-left:7px;
}

ul.big {
color:#777;
float:left;
font-size:1.2em;
font-weight:700;
letter-spacing:-0.05em;
width:232px;
margin:0 0 0 5px;
}

h2#produce {
background:url(images/title_produce.png) top left no-repeat;
}

h2#kitsetstepstitle {
background:url(images/4-easy-steps-title.png) top left no-repeat;
}

h2#fullbuild-steps {
margin-top: 5px;
background:url(images/fullbuild-steps.png) top left no-repeat;
height: 139px;
}

h2#kitset-steps {
margin-top: 5px;
background:url(images/kitset-steps.png) top left no-repeat;
height: 139px;
}

h3#kitsetstepsimage {
background:url(images/Kitset-steps.jpg) top left no-repeat;
height:247px;
width:899px;
z-index:1;
border-bottom:none;
margin:0;
padding:0;
}

.coda #content_container {
margin-top:13px;
}

#content_container {
margin-top:0;
}

#content_container_top,#content_container_bottom {
height:30px;
background-position:left top;
background-repeat:no-repeat;
}

#content_container_bottom {
background-image:url(images/header_bottom.png);
}

#content_container_main {
position:relative;
background:transparent url(images/header_background3.png) no-repeat scroll 0 0;
overflow:hidden;
height:auto;
padding:13px 35px;
}

#content_container_main h4 {
margin:1.5em 0;
}

.column {
float:left;
width:400px;
margin:0 50px 10px 0;
}

body#home .column {
float:left;
width:200px;
margin:10px 90px 0 0;
}

body#home .column.last {
margin-right:0;
}

.column img {
border:6px solid #dcdddd;
display:block;
margin:4px;
padding:5px;
}

.column h2.title {
text-indent:-9000px;
height:42px;
margin-top:0;
margin-bottom:33px;
}

.column h2 span {
display:block;
font-size:0.7em;
}

.column .button {
margin-top:20px;
}

#idea {
background:url(images/title_idea.png) top left no-repeat;
height:30px;
margin:0;
}

#footer {
font-size:0.9em;
color:#FFF;
padding:0 10px;
}

#footer a {
line-height:0.9em;
color:#FFF;
text-decoration:none;
padding-bottom:3px;
border-bottom:3px solid transparent;
}

#footer p#nav a {
margin-right:1em;
}

#footer p#nav span {
margin-left:2em;
font-size:0.9em;
}

#footer p {
line-height:0.9em;
}

#footer .float_left {
width:350px;
}

#footer .float_right {
text-align:right;
width:550px;
}

ul.navigation {
list-style:none;
z-index:7;
position:relative;
overflow:auto;
height:auto;
margin:-2px 0 -30px 270px;
padding:0 0 9px;
}

ul#steps {
list-style:none;
display: inline;
padding-left: 0;
}

ul#steps li {
list-style-image: none;
margin-left: 0;
margin-right: 1em;
display: inline;
}

body#home ul.navigation li, ul.navigation li {
font-size:1.1em;
display:block;
float:left;
background:url(images/button_navigation.png) top left no-repeat;
width:200px;
height:52px;
overflow:hidden;
margin:0 -7px 0 0;
padding:10px;
}

ul.navigation li {
background:url(images/button_navigation.png) top left no-repeat;
}

body#home ul.navigation a, ul.navigation a {
font-family:Arial, Helvetica, sans-serif;
display:block;
width:179px;
padding-left:52px;
margin-left:5px;
margin-top:0px;
height:52px;
color:#777;
font-size:1.7em;
font-weight:700;
text-decoration:none;
letter-spacing:-1px;
background-position:-px -2px;
background-repeat:no-repeat;
cursor:pointer;
}

ul.navigation a {
color: #6a6b6d;
}

body#home ul.navigation li a.selected,ul.navigation li a.selected:hover {
color:#fff;
outline:none;
}

ul.navigation li.selected {
background:url(images/button_navigation_focus.png) top left no-repeat;
}

ul.navigation li.selected a {
color: #fff;
}
/*
ul.navigation a,ul.navigation a:hover {
background-image:url(images/house.png);
}
*/
ul.navigation a:focus {
outline:none;
}

.hide {
display:none;
}

.clear_left {
clear:left;
}

.clear_right {
clear:right;
}

.float_left {
float:left;
}

.float_right {
float:right;
}

.align_left {
text-align:left;
}

.align_right {
text-align:right;
}

.align_center {
text-align:center;
}

.align_justify {
text-align:justify;
}

.uppercase {
text-transform:uppercase;
}

.panel_right .float_left.contact {
width:44%;
margin:0 1.5% 0 0;
padding:0;
}

.panel_right .float_left.contact p {
font-size:0.9em;
}

.double {
width:507px;
}

.triple {
width:800px;
}

.imgpreview {
float:left;
margin:1.4em 18px 1.5em 0;
}

.imgpreview img {
border-color:#FFF;
}

.imgpreview.last {
margin-right:0;
clear:right;
}

#imgPreviewContainer {
z-index:2;
border:2px solid #777;
}

.panel img.step {
margin-right:40px;
}

.panel img.step-image {
margin-right:120px;
margin-left:10px;
}

ul.gallery {
display:inline;
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
}

ul.gallery li {
padding-left:0;
display:inline;
list-style-image:none;
list-style-position:inside !important;
list-style-type:none;
margin:0 0.2em 0 0;
}

ul.gallery img, table.gallery td img {
border:6px solid #DCDDDD;
margin:4px;
padding:5px;
}

table.gallery td img.glass, table.gallery td a:hover img.glass, img.glass {
vertical-align: middle; 
padding: 0; 
border: 0;
}

ul.gallery a:hover img, table.gallery td a:hover img {
border:6px solid #c1c3c3;
}

p.message {
background:url(images/icon-alert-grey.gif) no-repeat 4px 12px;
background-color:#fffbcf;
border:2px dotted #efebbc;
margin:0 0 1em 0;
padding:10px 10px 10px 24px;
}

span.Validator {
font-size: 1.3em;
background:url(images/icon-alert-grey.gif) no-repeat 6px 12px;
background-color:#fffbcf;
border:2px dotted #efebbc;
margin:1em 0;
padding:10px 10px 10px 28px;
display: block;
}

p.notice {
background:#f1fecf;
border:2px dotted #d1e991;
padding:1em;
}

tr.notice td, div.notice {
background:#fffbcf;
border-top:2px dotted #efebbc;
border-bottom:2px dotted #efebbc;
padding:1em;
}

td.notice {
background:#fffbcf;
}

table.style-options {
width: 100%;
border-left:5px dotted #eee;
border-bottom:5px dotted #eee;
}

table.style-options td {
padding: 1em;
vertical-align: top;
width: 50%;
border-top:5px dotted #eee;
border-right:5px dotted #eee;
}

#content_container_main .right-menu {
margin-right:0;
width:170px;
}

.left-content {
margin-left:0;
border-right:2px dotted #eee;
}

ul.secondary li a {
font-size:1.2em;
font-weight:700;
}

h2.main,ul.secondary {
margin:0;
}

.panel h3,.clear {
clear:both;
}

#main_menu li a.selected,#main_menu li a:hover,#footer a:hover,#footer a.selected {
border-bottom:3px solid #c6171f;
}

.column.last,img.thumb.last {
margin-right:0;
}

table#wizardUserControl_categoriesButtonList td input {
margin-right: 1em;
vertical-align: top;
border: none;
border: 0;
}

table#wizardUserControl_categoriesButtonList td label{
display: inline;
}

div.nav {
margin-top: 1.5em;
border-top:2px dotted #EEEEEE;
}

.wizardSteps ul.gallery li {
margin-right: 1.5em;    
}

.wizardSteps ul.gallery li img{
vertical-align: top;
margin-bottom: 1.5em; 
}

.wizardSteps span.Validator {
font-size: 1.4em;
background:url(images/icon-alert-grey.gif) no-repeat 6px 14px;
background-color:#fffbcf;
border:2px dotted #efebbc;
margin:1em 0;
padding:10px 10px 10px 28px;
display: block;
}

table td.gallery-nav {
width: 200px;
padding-left: 1em;
}

table td.gallery-nav a {
font-size: 1em;
display: block;
margin-bottom: 1em;
}

h2.WizardStepOne {
margin: 0;
background:url(images/wizard-step1.jpg) top left no-repeat;
height: 44px;
text-indent: -5000px;
}

h2.WizardStepTwo {
margin: 0;
background:url(images/wizard-step2.jpg) top left no-repeat;
height: 44px;
text-indent: -5000px;
}

h2.WizardStepThree {
margin: 0;
background:url(images/wizard-step3.jpg) top left no-repeat;
height: 44px;
text-indent: -5000px;
}

h2.WizardStepFour {
margin: 0;
background:url(images/wizard-step4.jpg) top left no-repeat;
height: 44px;
text-indent: -5000px;
}

.stepOne {
background:url(images/step1-background.jpg) no-repeat 0px 50px;
}

table#wizardUserControl_categoriesButtonList {
margin-bottom: 2em;
}

table#wizardUserControl_categoriesButtonList td {
padding-bottom: 0.5em;
}

table.gallery {
width: 100%;
border-collapse: collapse;
}

table.gallery tr th {
text-align: left;
font-size: 1.3em;
padding: 0.25em 1em;
}

table.gallery td {
padding: 1em 0.5em; 
}

table.gallery tr.row {
border-bottom: 2px dotted #eee;
}

.wizardSteps img.border {
border:6px solid #C1C3C3;
border-width: 6px;
margin:4px;
padding:5px;
}

input.previous-step {
position: absolute;
top: 131px;
left: 30px;
}

input.next-step {
position: absolute;
top: 131px;
right: 20px;
}

span.mono-title, span.urban-title {
margin-left: 5px;
}

table.gallery td span.Validator {
font-size: 1.2em;
}

input.print {
position: absolute;
top: 257px;
right: 40px;
}


ul.links li {
padding:5px 0;
margin-bottom: 1em;
}

table.tabular {
	border-collapse: collapse;
	width: 100%;
	border: 1px dotted #D1E991;
}

table.tabular th {
	background: #3e83c9;
	color: #fff;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 1.2;
}

table.tabular td {
	padding: 6px 11px;
	border-bottom: 1px dotted #D1E991;
	vertical-align: top;
}

table.tabular td * {
	padding: 6px 11px;
}

table.tabular tr.alt td {
	background: #F1FECF;
}

table.tabular tr.over td {
	background: #d7e9a9;
}

table.tabular ul li {
font-size:1em;
}




