/* vi:sw=4 ts=4:
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
/*
* {
*/
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*font-family: AvenirLT-Medium, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;*/
	font-family: helvetica, verdana, sans-serif;
	vertical-align: baseline;
	color: #ffffde;
	list-style: none;
	background-repeat: no-repeat;
	outline: none;
}

body {
	background-image: url('../images/background.jpg');
	background-repeat: repeat;
	background-color: #a26420;
}

h1, h2, h3 {
	color: #fca304;
	font-weight: bold;
}

h1 {
	font-size: 24px;
	text-align: center;
}
h1 .tag-line {
	font-size: 16px;
	color: #fca304;
}

h2 {
	font-size: 22px;
}

p {
	
	color: #ffffde;
	padding: 5px;
}

a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

#wrapper-outer {
	margin: 0 auto;
	padding: 33px 0px 24px 0px;
	width: 997px;
	position: relative;
}
#wrapper-middle {
	background-image: url('../images/content-bg-middle.png');
	background-repeat: repeat-y;
	background-position: -3px top;
	padding: 0 11px 0px 4px;
	border-top-left-radius: 20px;
}
#wrapper-inner {
	background-color: #5a4515;
	background-image: url('../images/content-bg-gradient.png');
	background-repeat: repeat-x;
	background-position: center top;

}

#content-bg-top {
	position: absolute;
	top: 0;
	left: -3px;
	z-index: -1;
	display:none;
}


#content-bg-bottom {
	position: absolute;
	bottom: 0;
	left: -3px;
}

.splodge {
display: none;
	position: absolute;
	z-index: -500;
}

#splodge-1 {
	top: 0;
	left: 990px;
}

#splodge-2 {
	top: 00px;
	left: -170px;
}

#footer {
	margin: 10px auto;
	width: 990px;
	font-size: 14px;
}

#footer .nav {
	color: #fff;
	text-align: center;
}

#footer .nav a {
	text-decoration: none;
	white-space: nowrap;
}
#footer .nav a:hover {
	text-decoration: underline;
}

#footer .tags {
	margin-top: 5px;
	color: #c69c6d;
}

#header {
	background-image: none;
	margin: 0;
/*
	position: absolute;
	top: 45px;
	left: 4px;
	height: 153px;
	*/
	width: 978px;
}

#header #logo {
	position: absolute;
	left: 4px;
	top: 0px;
	width: 45%;
}


#header h1, #header p {
	margin: 0 240px 0 255px;
	padding: 0;
}

#header p {
	margin-top: 20px;
}

#header ul.action {
	position: absolute;
	right: 0;
	top: 0;
}

#header ul.action li {
	margin-bottom: 10px;
}

#header ul.action a {
	display: block;
	width: 192px;
	height: 33px;
	text-indent: -10000px;
	background-image: url('../images/action-buttons.png');
	background-repeat: no-repeat;
}

#header #request-brochure {
	background-position: 0 -66px;
	right: 0;
	top: 0;
}
#header #request-brochure:hover {
	background-position: -192px -66px;
}

#header #book-site-survey {
	background-position: 0 -33px;
	right: 0;
	top: 50px;
}
#header #book-site-survey:hover {
	background-position: -192px -33px;
}

#header #request-quote {
	background-position: 0 0;
	right: 0;
	top: 100px;
}
#header #request-quote:hover {
	background-position: -192px 0;
}

#wrapper-outer a.telephone {
	position: absolute;
	right: 215px;
	top: 0px;
	font-weight: medium;
	font-size: 14px;
	background-color:#3D2F0E;
	padding: 10px 75px 10px 25px;
	border-top-left-radius: 25px;
	/*z-index:-1;*/
	text-decoration:none;
	font-family: AvenirLT-Medium, Verdana, Arial, sans-serif !important;
}

#wrapper-outer a.email {
	position: absolute;
	right: 7px;
	top: 0px;
	font-weight: medium;
	font-size: 14px;
	background-color:#3D2F0E;
	padding:10px 45px 10px 0;
	border-top-right-radius: 25px;
	/*box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.5);
	z-index:-1;*/
	text-decoration:none;
	font-family: AvenirLT-Medium, Verdana, Arial, sans-serif !important;
}

.icon1.header,
.icon2.header {
	width:23px;
	height: 23px;
	display:inline-block;
	background-image: url('../images/pw-phone-mail-sprite.png');
	background-repeat: no-repeat;
	background-size:46px 46px;
	margin: 0 15px -5px;
	z-index:100;
}

.icon1.header{
	background-position: 0 0;
}

.icon2.header{
	background-position: 0 -23px;
}

#content {
	margin: 50px 0 0;
	min-height: 600px; /* REMOVE THIS - for dev purposes only!! SPO DEBUG TODO */
}

#main-nav {
	position: absolute;
	/*top: 226px;*/
	left: 4px;
	margin: 0 5px 5px 7px;
	color: #fca304;
}

#main-nav li {
	border-bottom: 1px solid #fca304;
	line-height: 140%;
}

#main-nav li.last{
	border-bottom-width: 0;
}

#main-nav a, #main-nav a:visited {
	text-decoration: none;
	color: #fca304;
}

#main-nav li:hover, #main-nav li.hover {
	border-bottom-color: #ffffde;
}

#main-nav li:hover a, #main-nav li.hover, #main-nav a:hover,
#home #main-nav a.home,
#workshop #main-nav a.workshop,
#configurator #main-nav a.configurator,
body.workshop #main-nav a.workshop,
#prices #main-nav a.prices,
#uses #main-nav a.uses,
#photo-gallery #main-nav a.photo-gallery,
#design-construction #main-nav a.design-construction,
#delivery-installation #main-nav a.delivery-installation,
#planning-permission #main-nav a.planning-permission,
#about-us #main-nav a.about-us,
#contact #main-nav a.contact
{
	color: #ffffde;
}

#main-nav li a.social { /* .twitter */
	display: inline-block;
	width: 41px;
	height: 41px;
	margin: 10px 5px 10px 0;
	text-indent: -20000px;
	background-image: url('../images/social-icons.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}
#main-nav li a.social.facebook {
	background-position: -82px 0;
}
#main-nav li a.social.twitter:hover {
	background-position: 0 -41px;
}
#main-nav li a.social.facebook:hover {
	background-position: -82px -41px;
}

#ex-display .content ul,
#usp {
	float: right;
	width: 220px;
	margin: 0 0px 5px 5px;
}
#ex-display .content ul {
	width: 400px;
	float: none;
}

#ex-display .content ul li,
#usp li {
	background-image: url('../images/bullet.gif');
	background-position: 0 9px;
	background-repeat: no-repeat;
	padding: 3px 3px 3px 10px;

	color: #fca304;
	font-weight: bold;
	font-size: 14px;
}
#ex-display .content ul li {
	font-size: 16px;
	color: white;
	font-weight: normal;
}

#image-changer {
	width: 502px;
	height: 330px;
	position: relative;
	left: 250px;
	z-index: 0;
}

#image-0, #image-1 {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 502px;
	height: 294px;
	z-index: 100;
}

#image-changer #thumbnails {
	background-image: url('../images/image-changer-thumbnails-bg.png');
	background-position: 100% 0;
	height: 39px;
	position: absolute;
	right: 0;
	bottom: 2px;
	z-index: 10000;
	float: right;
	padding-right: 10px;
}

#image-changer #thumbnails li {
	height: 39px;
	float: left;
	margin: 0 2px 0 2px;
	padding-top: 3px;
}
#image-changer #thumbnails li:first-child {
	background-image: url('../images/image-changer-thumbnails-bg.png');
	background-position: 0 0;
	padding-left: 25px;
	margin-left: -25px;
}
#image-changer #thumbnails img {
	padding: 2px 1px 1px 1px;
	border: 1px solid #d0b773;
	height: 23px;
}
#image-changer #thumbnails a:hover img {
	border: 1px solid #fca304;
}

.clear {
	clear: both;
	height: 1px;
}

#product-group {
	margin-top: 10px;
}
#designer #product-group {
	margin-top: 90px;
}
#product-group p {
	padding: 10px 7px 0 7px;
}

#product-group a {
	text-decoration: none;
}
#product-group a:hover {
	text-decoration: underline;
}

h2.product-group {
	margin-top: 20px;
	text-align: center;
}

#product-group .style {
	position: relative;
	width: 215px;
	background-color: #2a1e08;
	border-radius: 15px;
	float: left;
	margin-left: 15px;
	padding: 12px 6px 12px 6px;
}

#product-group .style img {
	border: 1px solid #443e2a;
	padding: 2px;
	margin-left: 5px;
}

#product-group h3 {
	text-align: center;
	display: none;
}

#product-group h3 a,
#product-group h3 a:visited
{
	color: #fca304;
}

#product-group .price {
	font-weight: bold;
	text-align: center;
}
#product-group .price a,
#product-group .price a:visited {
	color: #fca304;
}
.base-price span.vat,
#prices h1.title  span.vat,
#product-group .price a span.vat {
	color: #fca304;
	font-size: 12px;
}
.base-price span.vat,
#prices h1.title  span.vat {
	margin-left: 5px;
}
#content #product-group .style p.more a {
	position: absolute;
	right: 8px;
	bottom: 8px;

}
#content #product-group .style p.more a,
#content #product-group .style p.more a span {
	color: #766841;
	font-size: 12px;
}

.typical-use {
	background-image: url('../images/third-width-bg.png');
	width: 304px;
	height: 255px;
	padding: 5px 3px 3px 3px;
	margin: 20px 0 0 15px;
	float: left;
}

.typical-use h3 {
	text-align: center;
	margin-bottom: 5px;
}

.typical-use img {
	border: 1px solid #443e2a;
	padding: 2px;
	margin-left: 9px;
}

.content-pane{
	margin-top:70px;
}

.gallery-group h1.title,
.content-pane h1.title {
	background-image: url('../images/full-width-bg.png');
	width: 955px;
	margin: 20px 0 0 15px;
	padding: 3px 0 3px 15px;
}

.gallery-group div.content,
.content-pane div.content {
	background-image: url('../images/full-width-bg.png');
	background-position: 0 100%;
	width: 955px;
	margin: 0 0 0 15px;
	padding: 0 0 10px 13px;
}

.gallery-group img,
.content-pane img {
	margin: 7px;
	border: 1px solid #443e2a;
	padding: 2px;
}
.content-pane p {
	margin-right: 35px;
}

.offer-info {
	display: inline-block;
	vertical-align: top;
}

.offer-info p {
	width: 200px;
	margin: 5px 0 0 18px;
	text-align: center;
}

#content img.about-us {
	float: right;
	width: 300px;
	margin: 0 0px 5px 5px;
}

.contact-form,
.contact-details {
	float: left;
	padding-left: 15px;
}

.contact-form h1:first-child,
.contact-details h1:first-child {
	background-image: url('../images/half-width-bg.png');
	width: 468px;
}

.contact-form div,
.contact-details div {
	background-image: url('../images/half-width-bg.png');
	background-position: 0 100%;
	width: 458px;
	padding: 0 0 10px 10px;
}

.contact-form img,
.contact-details img {
	margin: 3px;
	border: 1px solid #443e2a;
	padding: 2px;
}

.contact-details h1 {
	padding-top: 10px;
}

.contact-details ul {
	padding-left: 25px;
}

.contact-details li {
	padding: 3px 0 3px 100px;
	position: relative;
	font-weight: bold;

}
.contact-details label {
	padding-right: 5px;
	position: absolute;
	left: 0;
	font-weight: normal;
}

#gmap {
	background-image: none;
	padding-left: 20px;
	width: 400px;
}

#gmap .footer {
	font-size: 10px;
	text-align: right;
}

form table td {
    text-align: left;
    vertical-align: top;
}
form table td.labels {
    text-align: right;
    width: 200px;
	padding-right: 5px;
}
form table tr#buttons td {
    text-align: center;
}
input[type="text"], textarea {
    width: 190px;
	background-color: #2a1e08;
	color: #ffffde;
	border: 1px solid #443e2a;

}
input[type="submit"] {
	margin: 5px 0 5px 0;
	padding: 3px;
	background-color: transparent;
	border: 1px solid #443e2a;
	color: #fca304;
	font-weight: bold;
}
#contact-form table td .invalid-data {
    background-color: red;
}

.configurator-link {
	text-align: center;
	margin: 10px;
	clear: left;
	font-size: 24px;
}
.configurator-link a,
.configurator-link a:visited {
	color: #fca304;
	font-weight: bold;
}

a.dynamic-configurator-link {
	display: block;
	width: 192px;
	height: 33px;
	overflow: hidden;
	text-indent: -10000px;
	background-image: url('../images/action-buttons.png');
	background-repeat: no-repeat;
	background-position: 0 -132px;
	margin-left: 30px;
	margin-top: 10px;
}
a.dynamic-configurator-link:hover {
	background-position: -192px -132px;
}



.content-pane p.base-price {
	text-align: right;
	float: right;
	clear: right;
	color: #fca304;
	font-weight: bold;
	margin-right: 100px;
	margin-top: 65px;
}
.base-price em {
	font-size: 200%;
	color: #fca304;
}
img.plan,
img.three-d-render {
	float: left;
}

img.plan {
	opacity: 0;
}

ul.standard-options {
	 margin-left: 20px;
}

ul.standard-options li {
	background-image: url('../images/bullet-white.gif');
	background-position: 0 9px;
	background-repeat: no-repeat;
	padding: 3px 3px 3px 10px;

	font-size: 14px;
}

#style-images {
	float: right;
	width: 500px;
}

sup {
	font-size: 10px;
	vertical-align: top;
	margin-left: 3px;
}

body#prices table.prices {
	border-collapse: collapse;
	text-align: center;
}

body#prices table.prices td.data a,
body#prices table.prices td.data a:visited {
	text-decoration: none;
}
body#prices table.prices td.data a:hover {
	text-decoration: underline;
}
body#prices table.prices td {
	padding: 5px;
}

body#prices table.prices td.header {
	text-align: center;
	vertical-align: middle;
}

body#prices table.prices tr.hover td,
.x0 .x0,
.x1 .x1,
.x2 .x2,
.x3 .x3,
.x4 .x4,
.x5 .x5,
.x6 .x6,
.x7 .x7,
.x8 .x8,
.x9 .x9,
.x10 .x10,
.x11 .x11,
.x12 .x12,
.x13 .x13,
.x14 .x14,
.x15 .x15,
.x16 .x16 {
	background-color: #a26420;
	color: #2a1e08;
}
body#prices table.prices .hover td.header {
	background-color: transparent;
}

ul#actions {
	margin: 5px 0px 40px 378px;
}
ul#actions li {
	margin-bottom: 10px;
}

ul#actions a {
	display: block;
	width: 192px;
	height: 33px;
	text-indent: -10000px;
	background-image: url('../images/action-buttons.png');
	background-repeat: no-repeat;
}
#store-offline {
	background-position: 0 -165px;
	right: 0;
	top: 0;
}
#store-offline:hover {
	background-position: -192px -165px;
}

#request-formal-quotation {
	background-position: 0 -99px;
	right: 0;
	top: 0;
}
#request-formal-quotation:hover {
	background-position: -192px -99px;
}

#example-video {
	border: 1px solid #443E2A;
	margin: 3px;
	padding: 2px;
	float: left;
}

#planning-rules li {
	background-image: url('../images/bullet.gif');
	background-position: 0 9px;
	background-repeat: no-repeat;
	padding: 3px 3px 3px 10px;
	margin: 3px 23px 3px 50px;

	color: #ffffde;
}

#main-nav li a.special-offer img {
	margin: 5px 0px 0px 0px;
}

#testimonials-wrapper .footer {
	font-size: 12px;
	text-align: right;
	margin-top: 20px;
}
#testimonials-wrapper .testimonial .footer {
	margin-top: 5px;
}
#testimonials-wrapper .footer a,
#testimonials-wrapper .footer a:visited {
	color: #766841;
}
.testimonial {
	width: 430px;
	float: left;
	margin-left: 20px;
	padding-left: 20px;
}
.testimonial.first {
	margin-left: 0;

}
.testimonial p {
	text-indent: -41px;
	padding-left: 20px;
}

.testimonial .author {
	text-align: right;
	font-style: italic;
	line-height: 28px;
	margin-top: 20px;
}
.testimonial .qm {
	background-image: url('../images/quote-mark.gif');
	background-repeat: no-repeat;
	display: inline-block;
	width: 36px;
	height: 28px;
	margin: 0;
	padding: 0;

}
.testimonial .qm.open {
	background-position: 0 0;
	position: relative;
	top: -5px;
	margin-right: 5px;
}
.testimonial .qm.close {
	background-position: -36px 0;
	position: relative;
	bottom: -20px;
	right: -5px;
}

body#what-next .content-pane .content {
	padding: 15px 25px;
}
body#what-next .content-pane h1.title {
	padding-top: 20px;
	padding-left: 0;
}
body#what-next .content-pane h2 {
	padding-top: 25px;
}

body#what-next .content-pane em,
body#what-next .content-pane a {
	color: #fca304;
}
.cta {
	text-align: justify;
	width: 80%;
	margin: 0 0 20px calc(10% - 25px);
}
.cta .spacer {
	display: inline-block;
	width: 100%;
	height: 1px;

}
.cta a {
	background-image: url('../images/cta.png');
	background-repeat: no-repeat;
	display: inline-block;
	width: 185px;
	height: 40px;
	text-indent: -10000px;
}
.cta a.site-survey {
	background-position: 0 0;
}
.cta a.site-survey:hover {
	background-position: -185px 0;
}
.cta a.request-brochure {
	background-position: 0 -40px;
}
.cta a.request-brochure:hover {
	background-position: -185px -40px;
}
.cta a.configurator {
	background-position: 0 -80px;
}
.cta a.configurator:hover {
	background-position: -185px -80px;
}

.content-pane .news-item {
	width: 48%;
	padding-top: 5px;
	margin-left: 1%;
}

@media screen and (max-width: 850px){
	.content-pane .news-item {
		width: 98%;
		margin-left: 1%;
	}
}

.content-pane .news-item h2,
.content-pane .news-item p {
	margin-left: 10px;
	margin-right: 10px;
}
.content-pane .news-item h2 {
	text-align: center;
}
.content-pane .news-item img {
	float: left;
	margin: 0 10px 10px 0;
}

.content-pane .news-item .footer {
	clear: none;
}

.winter-pack-box,
.winter-pack-offer{
	text-align:center;
	font-size: 85%;
	line-height: 85%;
	padding: 8px 0;
	font-family: AvenirLT-Medium, Verdana, Arial, sans-serif !important;
}

.winter-pack-box{
	width: 166px;
	height: auto;
	background-color: #7c560c;
	border: 2px solid #FCA304;
	transition: background-color .75s;
}

.winter-pack-box:hover {
  background-color: #fca304;
}

.winter-pack-box p:first-child,
.winter-pack-offer{
	text-transform: uppercase;
}

.winter-pack-offer{
	margin-top:8px;
}

.winter-pack-box p:last-child{
	font-weight:bold;
}

.header-container{
	width:100%;
	height:auto;
	position:relative;
	display:inline-block;
}

.header-container a img,
.new-action {
	max-width:50%;
}

.new-action{
	float:right;
	text-align:center;
	width:45%;
}

.new-action li {
  background-color: #7c560c;
  border: 2px solid #fca304;
  float: left;
  margin: 1.5% 1%;
  padding: 5px 0;
  width: 45%;
  transition: background-color .75s;
}

.new-action li:hover {
  background-color: #fca304;
}

.new-action li a{
	text-decoration:none;
	text-transform: uppercase;
	font-size: 75%;
	font-family: AvenirLT-Medium, Verdana, Arial, sans-serif !important;
}

.txt-welcome{
	width:98%;
	display:block;
	float:left;
	margin: 3% 1% 1% !important;
	font-size: 85%;
	font-family: AvenirLT-Medium, Verdana, Arial, sans-serif !important;
}

.txt-welcome b{
	font-weight:bold;
}

#print-logo {
	display: none;
}


/**Added 26-04-17**********************************************************************************/
.content-pane .news-item:nth-child(odd) {
    clear: left;
}