/* -------------------------------------------------------------- 
  
Site Name: 
Description: 
Author: 
Copyright (c): 

-------------------------------------------------------------- */

/* --------------------------------------------------------------
  
INDEX:

[1] Base styles
[2] General Styles
[3] Header Styles
[4] Navigation Styles
[5] Content Styles
[6] Footer Styles
[7] Typography Styles
[8] Misc Styles
[9] Link Styles
[10] Form Styles

Append a * to the number to quick jump to a section.

-------------------------------------------------------------- */

@import url("accordion.css");
@import url("lightbox.css");


/* --------------------------------------------------------------
  
[*1] Base Styles

-------------------------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background:lightblue; color: #fff; text-shadow: none; }
::selection { background: lightblue; color: #fff; text-shadow: none; }

a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	box-sizing: border-box;
}

/* --------------------------------------------------------------
  
[*2] General Styles

-------------------------------------------------------------- */

html, body {
	margin:0;
	padding:0;
}

body {
    background: url(../images/body-background.png) repeat-x;
	font-size:13px;
	font-family:"Helvetica", Arial, sans-serif;
	line-height:1.5;
	color: #646362;
}


#wrapper {
	width: 1004px;
	margin: 0 auto;
	position: relative;
}

#inner_wrapper{
	border-left : #c8c8c6 1px solid;
	border-right : #c8c8c6 1px solid;
	width : 958px;
	margin: 0 auto;
	background: #FFF;
}

.content-wrapper {
	width: 936px;
	border-bottom: 1px solid #CCC;
	margin: 0 auto 10px auto;
	padding: 25px 0;
}

/* --------------------------------------------------------------
  
[*3] Header Styles

-------------------------------------------------------------- */

header#header {
	width: 100%;
	min-height: 130px;
	background: #000000;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjMyMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #000000 0%, #323233 100%);
	background: -webkit-linear-gradient(top,  #000000 0%,#323233 100%);
	background: linear-gradient(to bottom,  #000000 0%,#323233 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#323233',GradientType=0 );	
	position: relative;
}

.logo {
	float: left;
	margin: 34px 0 0 25px;
}

.basket-container {
	position: absolute;
	top: 0px;
	right:25px;
	width: 235px;
	padding: 5px 0px;
	background: #ffe281;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTI4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQzMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffe281 0%, #ffd329 100%);
	background: -webkit-linear-gradient(top,  #ffe281 0%,#ffd329 100%);
	background: linear-gradient(to bottom,  #ffe281 0%,#ffd329 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe281', endColorstr='#ffd329',GradientType=0 );	
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;	
	overflow: hidden;
}

.basket-text {
	float: left;
}

.basket-text a {
    background: url('../images/your_basket_trolley.png') no-repeat  0% 10%;
    padding-left: 19px;
    margin-left: 8px;
}

.basket-items {
	float: right;
	background: #fff5cf;
	width: 125px;
	height: 19px;
	border-radius: 4px;
	margin: 0 8px 0 0;
	text-align: center;
}

.contact-info {
	float: right;
	margin: 45px 25px 0 0;
	text-align: right;
}

.freephone {
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
}

.tel {
	color: #FFF;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 36px;
	font-weight: 400;
}

.email {
	color: #FFF;
	font-size: 16px;
	line-height: 16px;
}

.email a {
	color: #FFF;
}

/* --------------------------------------------------------------
  
[*4] Navigation Styles

-------------------------------------------------------------- */
nav.main-navigation a#pull { display: none; }

.main-navigation {
	border: 1px solid #FFF;
	height: 35px;
	background: url(../images/top_menu_background.png) top left repeat-x;
}

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

.main-navigation ul li a {
	float: left;
    padding-left: 15px;
    padding-right: 15px;
    height: 35px;
    font-size: 12px;
    line-height: 34px;
	background: url(../images/top_menu_seperator.png) no-repeat;
}

.main-navigation ul li:first-child a {
	background: none;
}


.main-navigation ul li a:hover,
.main-navigation ul li.active a {
	background: url(../images/top_menu_current_tab.png) top left repeat-x;
	color: #FFF;
	text-decoration: none;
}

.breadcrumbs ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}

.breadcrumbs ul li {
	float: left;
	margin: 0 15px 0 0;
	font-size: 11px;
	line-height: 11px;	
	background: url(../images/link_arrow.png) 0% 50% no-repeat;
	padding: 0 0 0 10px; 
}

.breadcrumbs ul li:first-child {
	background: none;
	padding: 0;
}

.breadcrumbs ul li a {
	color: #a9afb4;
}



/* --------------------------------------------------------------
  
[*5] Content Styles

-------------------------------------------------------------- */


#left_body_column_shadow{
	position: absolute;
	left: 0px;
	top: 0px;
	background : url('../images/left_column_shadow_col.png') top left no-repeat;
	width : 24px;
	height : 603px;
}

#right_body_column_shadow{
	position: absolute;
	right : 0px;
	top : 0px;
	background : url('../images/right_column_shadow_col.png') top right no-repeat;
	width : 24px;
	height : 603px;
}

.carousel.mobile {
	display: none;
}

.carousel {
	position: relative;
}

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

.carousel ul li {
	position: relative;
}

.carousel-content {
	position: absolute;
	width: 320px;
	padding: 30px 0 0 10px;
	font-family: 'Lato', sans-serif;
}

.carousel-content .button {
	position: absolute;
	bottom: 5px;
	right: 10px;
}


.carousel-content h2 {
	text-transform: uppercase;
	color: #45495c;
	font-size: 52px;
	line-height: 45px;
	letter-spacing: -1px;
	font-family: 'Lato', sans-serif !important;
	font-weight: 300;
	margin: 0;
	padding: 0;
}

.carousel-content h2 span.small {
	font-size: 43px;
}

.carousel-content .button {
	padding: 0px 15px 0px 8px;
	background: #ffdb44 url(../images/button-arrow.png) 100% 55% no-repeat;
}

.carousel-content .button:hover {
	padding: 0px 15px 0px 8px;
	background: #ffdb44 url(../images/button-arrow.png) 100% 55% no-repeat;
}

.line1 {
	color: #9a9093;
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	margin: 0;
	padding: 0 15px 8px 0;
	display: inline-block;
	background: url(../images/decor-arrow.png) 100% 50% no-repeat;	
}

.line2 {
	color: #45495c;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	margin: 0;
	padding: 0;	
}

.line3 {
	color: #45495c;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	margin: 0;
	padding: 0;	
}

.carousel-image {
	float: right;
}

.carousel-offer {
	border-top: 1px solid #d2d2d0;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	width: 314px;
	height: 124px;
	overflow: hidden;
	border-bottom: 1px solid #d2d2d0;
}

.first-offer {
	float: left;
	width: 157px;
	padding: 10px;
	border-right: 1px solid #d2d2d0;
	min-height: 124px;
}

.second-offer {
	padding: 10px;
	float: left;
	width: 157px;
	min-height: 124px;
}

.first-offer img, .second-offer img {
	margin: 0 0 5px 0;
}


.first-offer h3, .second-offer h3 {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 11px;
	color: #45495c;
}

.first-offer p, .second-offer p {
	font-weight: 300;
	font-size: 11px;
	line-height: 14px;
	color: #45495c;
	margin: 0;
	padding: 0;
}

.first-offer p span, .second-offer p span {
	font-weight: 400;
	font-size: 14px;
}



.button.first {
	position: absolute;
	bottom: 10px;
	left: 90px;
}

.button.last {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.main_content_container {
	float: right;
	width: 615px;
	padding: 11px 0 0;
	margin: 0 15px 0 0;
}

.main_content_container h1 {
    font-size: 20px;
    color: #646362;
    margin-top: 11px;
	font-weight: normal;
	letter-spacing: 1px;
}

.main_content_container ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 16px;
}

.main_content_container ul.home-gallery {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.main_content_container ul.home-gallery li {
	float: left;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	width: 140px;
	height: 120px;
	border: 1px solid #b7b0b0;
	position: relative;
	margin: 0 18px 20px 0;
}

.main_content_container ul.home-gallery li:last-child {
	float: right;
	margin: 0 0 20px 0;
}


.sig-pseudo-caption {
	position: absolute;
	width: 23px;
	height: 23px;
	bottom: 0px;
	right: 0px;
	background: url(../images/magnifying_glass.png) 0px 0px no-repeat;
}

.main_content_container ul.home-gallery li:hover .sig-pseudo-caption,
ul.gallery li:hover .sig-pseudo-caption {
	background: url(../images/magnifying_glass.png) -23px 0px no-repeat;
}

.left_hand_column_container {
    float: left;
    width: 300px;
	margin: 11px 0 0 11px;
}

.five-steps-panel {
	margin: 0 0 20px 0;
}

.five-steps-panel .header {
	min-height: 54px;
	padding: 20px 10px 0 45px;
	background: url(../images/5steps-header.png) top left no-repeat;
}

.five-steps-panel .header h3 {
	color: #FFF;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
}

.five-steps-panel .content {
	border-bottom: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	padding: 5px;
}

ul.steps {
	float: right;
	list-style-type: none;
	margin: 0 0 0 25px;
	padding: 0;
}

ul.steps li {
	background: #d7d7d7;
	margin: 0 0 5px 0;
	padding: 8px 0px 8px 13px;
	font-size: 12px;
	line-height: 14px;
	position: relative;
}

ul.steps li .number {
	position: absolute;
	border: 3px solid #FFF;
	border-radius: 4px;
	background: #0d0d0e;
	text-align: center;
	font-size: 13px;
	width: 26px;
	padding: 5px 0;
	color: #FFF;
	left: -18px;
	top: 7px;
}

ul.steps li .number.last {
	top: 13px;
}

.commercial-contracts-panel {
	border: 1px solid #D7D7D7;
	background: #373737 url(../images/advice-header.png) top left repeat-x;
	padding: 8px 0px 5px 10px;
	position: relative;
	margin: 0 0 20px 0;
}

.commercial-contracts-panel h3 {
	color: #FFF;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.commercial-contracts-panel p {
	color: #FFF;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

.commercial-contracts-panel .button {
	position: absolute;
	right: 10px;
	bottom: 10px;
}


.advice-panel {
	border: 1px solid #D7D7D7;
}

.advice-panel h3 {
	background: #373737 url(../images/advice-header.png) top left repeat-x;
	color: #FFF;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 8px 0px 5px 10px;
}

.advice-panel h3 a,
.commercial-contracts-panel h3 a {
	text-decoration: none;
	color: #FFF;
}

.advice-panel h3 a:hover,
.commercial-contracts-panel h3 a:hover {
	text-decoration: underline;
}

.advice-panel ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
}

.advice-panel ul li {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #D7D7D7;
	font-size: 12px;
	line-height: 16px;
}

.advice-panel ul li:last-child {
	border-bottom: none;
}


.advice-panel ul li a {
	font-weight: 700;
}

.advice-panel ul li a.more {
    background-image: url(../images/link_arrow.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 6px;
}

.bespoke-look {
	background: #373737 url(../images/advice-header.png) top left repeat-x;
	margin: 0 0 10px 0;
	padding: 8px 0px 5px 10px;
	position: relative;
}

.bespoke-look .image {
	float: left;
}

.bespoke-look .text {
	margin: 0 0 0 10px;
	float: left;
}


.bespoke-look h3 {
	font-size: 12px;
	color: #FFF;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
	padding: 0;
}

.bespoke-look p {
	font-size: 12px;
	line-height: 14px;
	color: #FFF;
	margin: 0;
	padding: 0;
}

.bespoke-look .button {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.guarantees {
	position: relative;
	top: -5px;
	left: -5px;
	background: url(../images/ten_year_guarantee_background.png) no-repeat;
	width: 625px;
	height:	79px;
}

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

.main_content_container .guarantees ul li {
	float: left;
	list-style-image: none;
	text-align: center;
	color: #717172;
    font-family: Helvetica;
    font-size: 16px;
	line-height: 18px;
    font-weight: 500;
    letter-spacing: 1px;
	padding: 17px 0 0 0;
}

.main_content_container .guarantees ul li .link {
	font-size: 11px;
	line-height: 11px;
	
}

.main_content_container .guarantees ul li .link a {
	display: inline-block;
	background: url(../images/link_arrow.png) 100% 50% no-repeat;
	padding: 0 5px 0 0;
}

.main_content_container .guarantees ul li.first {
	margin: 0 0 0 70px;
	width: 140px;
}

.main_content_container .guarantees ul li.second {
	margin: 0 0 0 75px;
	width: 140px;
}

.main_content_container .guarantees ul li.third {
	margin: 0 0 0 75px;
	width: 120px;
}

.measuring-guide {
	float: left;
	background:url(../images/measuring_guide_background.png) no-repeat;
	width: 299px;
	height: 76px;
	position: relative;
	margin: 10px 18px 20px 12px;
	padding: 5px 10px 0 80px;
}

.installation-guide {
	float: left;
	background:url(../images/installation_guide_background.png) no-repeat;
	width: 300px;
	height: 76px;
	position: relative;
	margin: 10px 17px 20px 0;
	padding: 5px 10px 0 80px;
}

.request-a-sample {
	float: left;
	background:url(../images/request_a_sample_background.png) no-repeat;
	width: 300px;
	height: 76px;
	position: relative;
	margin: 10px 0 20px 0;
	padding: 5px 10px 0 80px;
}

.measuring-guide .button,
.installation-guide .button,
.request-a-sample .button {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.measuring-guide h4,
.installation-guide h4,
.request-a-sample h4 {
    margin: 0px;
	padding: 0;
    color: #717172;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
}


.measuring-guide p,
.installation-guide p,
.request-a-sample p {
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0;
}




.collections {
	width: 936px;
	margin: 0 auto;
	border-top: 1px solid #d9dcdf;
	padding: 15px 0 0 0;
}

.collections h3 {
	background: #373737 url(../images/advice-header.png) top left repeat-x;
	color: #FFF;
	text-transform: uppercase;
	padding: 8px 10px 6px 10px;
}

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


.collections ul li {
    float: left;
    width: 222px;
    background-color: #f6f6f6;
    border: #d9dcdf 1px solid;
    margin: 2px 16px 15px 0;
    min-height: 273px;
	padding: 10px;
	position: relative
}


.collections ul li:last-child {
	margin: 2px 0 15px 0;
}

.collections ul li h4 {
    font-size: 18px;
	line-height: 22px;
    font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0;
}

.collections ul li img {
	text-align: center;
	margin: 0 0 0 19px;
}

.collections ul li .button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.short-description {
	font-weight: bold;
	font-size: 12px;
	padding: 10px 0;
}

.one {
    color: #606676;
    font-size: 11px;
	line-height: 11px;
    font-weight: bold;
}

.two {
	color: #000;
    font-size: 16px;
	line-height: 18px;
    font-weight: bold;
}

.three {
    color: #606676;
    font-size: 10px;
	line-height: 10px;
}

.contact-column {
	float: left;
	margin: 0 35px 0 0;
}


ul.help, ul.extra, ul.collections {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.help li a {
    background-color: #F6F6F6;
    border: 1px solid #D9DCDF;
    list-style: none;
    width: 300px;
    padding: 10px;
    margin: 0 18px 18px 0;
    float: left;
    height: 315px;
	color: #646362 !important;
	position: relative;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

ul.extra li a {
    background-color: #F6F6F6;
    border: 1px solid #D9DCDF;
    list-style: none;
    width: 23.5%;
    margin: 0 2% 2% 0;
    float: left;
	color: #646362 !important;
	padding: 10px;
	position: relative;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

ul.collections li a {
    border: 1px solid #D9DCDF;
    background-color: #F6F6F6;
    list-style: none;
    width: 23.5%;
    margin: 0 2% 2% 0;
    float: left;
	color: #646362 !important;
	padding: 10px;
	position: relative;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

ul.help li:hover a, ul.extra li:hover a, ul.collections li:hover a {
	background: #fff4ac;
	text-decoration: none;
}


ul.help li:nth-child(3n+3) a {
	margin: 0 0 18px 0;
}

ul.extra li:nth-child(4n+4) a,
ul.collections li:nth-child(4n+4) a{
	margin: 0 0 2% 0;
}


ul.extra li a img {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	border: 1px solid #c8c8c6;
	position: relative;
	z-index: 1;
}

ul.help li a img {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	/* border: 1px solid #c8c8c6; */
}

ul.extra li a img.noborder {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	border: none;
}

ul.help li a h2 {
	min-height: 50px;
	padding: 0;
	margin: 0;
	color: #646362;
	font-family: arial;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0px;
}


ul.extra li a h2, ul.collections li a h2 {
	padding: 0 0 5px;
	margin: 0;
	color: #646362;
	font-family: arial;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0px;
	
	
}

ul.help li a .button {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #45495c;
	background: #ffcd0f url(../images/button-arrow.png) 94% 50% no-repeat;
	font-size: 11px;
	line-height: 11px; 
	padding: 4px 18px 5px 8px;
}

ul.extra li a .button, ul.collections li a .button {
	position: absolute;
	bottom: 12px;
	right: 10px;
	color: #45495c;
	background: #ffcd0f url(../images/button-arrow.png) 94% 50% no-repeat;
	font-size: 11px;
	line-height: 11px; 
	padding: 4px 18px 5px 8px;
}


img.hero {
	display: block;
	margin: 0 auto 20px auto;
}

.related-articles {
	width: 936px;
	margin: 0 auto;
    border: #d9dcdf 1px solid;
}

.related-articles h3 {
	background: #373737 url(../images/advice-header.png) top left repeat-x;
	color: #FFF;
	text-transform: uppercase;
	padding: 8px 10px 6px 10px;
}

.related-articles ul {
	list-style-type: none;
	margin: 0;
	padding: 15px 0 15px 15px;
}


.related-articles ul li {
    float: left;
    width: 142px;
    background-color: #f6f6f6;
    border: #d9dcdf 1px solid;
    margin: 0 10px 0 0;
    min-height: 220px;
	padding: 5px;
	position: relative;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.related-articles ul li:hover {
	text-decoration: none !important;
	background: #fff4ac;
}

.related-articles ul li img {
	margin: 0 0 15px 0;
}

.related-articles ul li p {
	font-size: 12px;
	line-height: 16px;
	color: #646362;
}

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

.gallery li {
	float: left;
	width: 218px;
	border: 1px solid #b7b0b0;
	position: relative;
	height: 140px;
	margin: 0px 20px 20px 0;
	overflow: hidden;
}

.gallery li:nth-child(4n+4) {
	margin: 0px 0px 20px 0;
}


.gallery li img {
	width: 100%;
}

.price-container {
	font-size: 11px;
	font-weight: bold;
}

.price-container span {
    font-size: 14px;
    color: #000;
}

.product-container-left-col {
	float: left;
	width: 300px;
}
.product-container-left-col h2 {
	font-family: arial;
	margin: 0 0 5px 0;
}
.product-container-left-col p {
	line-height: 18px;
	margin: 0 0 5px 0;
}

.price-panel {
	background: #FFF /*#fbe486*/; 
	/* border: 1px solid #ff9900;*/
	padding: 0px;
	margin: 0 0 10px;
}

.price-panel h1 {
	margin: 0;
	padding: 0;
}

.price-panel p {
	margin: 0 0 5px 0;
}

.price-panel span {
	display: block;
    color: #000;
    font-size: 34px;
	line-height: 34px;
    font-weight: bold;
	font-family: arial;
	margin: 0;
	padding: 0;
}

.att-row {
	border-top: 1px solid #c8c8c6;
    padding: 8px 0px;
	width: 100%;
}

.content-wrapper .att-row a {
	color: #646362;
	text-decoration: underline;
}

.content-wrapper .att-row a:hover {
	text-decoration: none;
}

.att-row select {
	float: right;
	width: 180px;
}

.att-row input {
	float: right;
	text-align: center;
}

.att-row input.add-to-cart-btn {
	position: relative;
	float: right;	
	display: none;
	border: 1px solid #b3a674;
	border-radius: 6px;
	padding: 5px 20px 5px 10px;
	background: #ffcd0f url(../images/button-arrow.png) 100% 50% no-repeat;		
}

.att-row input.add-to-cart-btn:hover {
	background: #ffdb44 url(../images/button-arrow.png) 100% 50% no-repeat;		
}

.apperture_info {
	float: right;
	width: 180px;
}

#height_apperture_amount, #width_apperture_amount {
    float: left;
    width: 42px;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #646362;
}

#width_apperture_min_to_max, #height_apperture_min_to_max {
    float: right;
}

#product_container_right_col {
    width: 622px;
    float: right;
	position: relative;
}

#product_container_right_col img {
	/* border: #c8c8c6 1px solid; */
}

#product_container_right_col .image-wrapper {
	position: relative;
	min-height: 430px;
	margin: 0 0 20px 0;
	border: #c8c8c6 1px solid;
	overflow: hidden;
}

#product_container_right_col .image-wrapper img {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}

.panel-colour-1 {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}


.panel-colour-2 {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}


.panel-colour-3 {
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}


.panel-colour-4 {
	position: absolute;
	z-index: 4;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.product-description-left {
	float: left;
	width: 250px;	
}

.product-description-right {
	float: right;
	width: 370px;	
}


.panel-colour-5 {
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.thumbs {
	float: left;
    width: 50px;
    height: auto;
    background-color: #fff;
    border: #c8c8c6 1px solid;
    padding: 5px;
	margin: 5px 5px 10px 0;
	
}

#product_container_right_col .thumbs img {
	width: 100%;
	height: auto;
}

.basket-content-left {
	float: left;
	width: 35%;
}

.basket-content-right {
	float: right;
	width: 60%;
}

.basket-table {
	margin: 0 0 30px;
	border-top: #c8c8c6 1px solid;
	border-left: #c8c8c6 1px solid;
	border-right: #c8c8c6 1px solid;
	background: #F9F9f9;
}

.heading-row {
	width: 100%;
	border-bottom: #c8c8c6 1px solid;
	font-size: 12px;
	background-color: #f9f9f9;
	background: #F3F3F3;
	overflow: hidden;
}

.table-row {
	width: 100%;
	border-bottom: #c8c8c6 1px solid;
	font-size: 12px;
	overflow: hidden;
}

.heading-row div,
.table-row div {
	float: left;
	padding: 5px 5px 4px 5px;
}

.col_one, .col_three, .col_four, .col_five { width: 15%}
.col_two { width: 40%}

a.remove {
	color: #df1214 !important;
}
.totals-container {
	width: 380px;
	float: right;
	margin: 30px 0px;
}

.totals-container .row {
	width: 100%;
	overflow: hidden;
	border-bottom: #c8c8c6 1px solid;
}

.totals-container .row div {
	float: left;
	width: 50%;
	padding: 5px 0px;
}

.totals-container .row div.col_one {
	font-weight: 700;
}

.totals-container .row div.col_two {
	text-align: right;
}

.totals-container .row div.col_third {
	width: 33.33%;
}

.buttons-container {
	width: 380px;
	float: right;
	margin: 0px 0px 30px 0px;
}

.requirements {
	padding: 30px 0 0 0;
}

.requirements textarea {
	width: 100%;
	min-height: 100px;
	padding: 5px;
	margin: 0 0 20px 0
}

ul.help div, ul.extra div, ul.collections div {
	position: relative;
}

#sale5 {
	background: url(../images/sale/5-day-flash-sale-extra-items.png) top center no-repeat;
	width: 100%;
	height: 100%;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.image-wrapper #sale5 {
	background: red url(../images/jansale.png) top right no-repeat;
	width: 100px;
	height: 140px;
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 11;
} 

#product_container_right_col #sale5 {
	background: url(../images/sale/5-day-flash-sale-large.png) top right no-repeat;
	width: 100%;
	height: 100%;
	background-size: contain;
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 11;
} 





ul.extra.swd div #sale5 {
	background: url(../images/sale/5-day-flash-sale-doors.png) top center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: contain;
	top: 0;
	right: 0;
	z-index: 2;
}

ul.extra.wi li:nth-child(1) div #sale5{
	background: url(../images/sale/5-day-flash-sale-interiors.png) top right no-repeat;
	width: 204px;
	height: 152px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}

ul.extra.wi li:nth-child(2) div #sale5 {
	background: url(../images/sale/5-day-flash-sale-interiors.png) top right no-repeat;
	width: 204px;
	height: 152px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}

ul.extra.wi li:nth-child(3) div #sale5 {
	background: url(../images/sale/5-day-flash-sale-interiors.png) top right no-repeat;
	width: 204px;
	height: 152px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}

ul.extra.wi li:nth-child(4) div #sale5 {
	background: url(../images/sale/5-day-flash-sale-interiors.png) top right no-repeat;
	width: 204px;
	height: 152px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}

ul.extra.wi div #sale5 {
	background: url(../images/sale/5-day-flash-sale-interiors.png) top right no-repeat;
	width: 204px;
	height: 152px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}

.collections-image {
	position: relative;
}

.collections ul div #sale5 {
	background: url(../images/sale/5-day-flash-sale-doors.png) top center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: contain;
	top: 0;
	right: 0;
	z-index: 2;
}

#january-sale {
	background: url(../images/jansale-extras.png) top center no-repeat;
	width: 100%;
	height: 100%;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.image-wrapper #january-sale {
	background: red url(../images/jansale.png) top right no-repeat;
	width: 100px;
	height: 140px;
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 11;
} 

#product_container_right_col #january-sale {
	background: url(../images/jansale-products.png) top right no-repeat;
	width: 100%;
	height: 100%;
	background-size: contain;
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 11;
} 

ul.extra.swd div #january-sale {
	background: url(../images/jansale-home.png) top center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: contain;
	top: 0;
	right: 0;
	z-index: 2;
}

ul.extra.wi li:nth-child(1) div #january-sale {
	background: url(../images/10percent.png) top right no-repeat;
	width: 74px;
	height: 78px;
	position: absolute;
	top: 25px;
	right: 53px;
	z-index: 2;
}

ul.extra.wi li:nth-child(2) div #january-sale {
	background: url(../images/10percent.png) top right no-repeat;
	width: 74px;
	height: 78px;
	position: absolute;
	top: 25px;
	right: 41px;
	z-index: 2;
}

ul.extra.wi li:nth-child(3) div #january-sale {
	background: url(../images/10percent.png) top right no-repeat;
	width: 74px;
	height: 78px;
	position: absolute;
	top: 25px;
	right: 25px;
	z-index: 2;
}

ul.extra.wi li:nth-child(4) div #january-sale {
	background: url(../images/10percent.png) top right no-repeat;
	width: 74px;
	height: 78px;;
	position: absolute;
	top: 25px;
	right: 1px;
	z-index: 2;
}

ul.extra.wi div #january-sale {
	background: url(../images/10percent.png) top right no-repeat;
	width: 74px;
	height: 78px;
	position: absolute;
	top: 25px;
	right: 23px;
	z-index: 2;
}

.collections ul div #january-sale {
	background: url(../images/jansale-home.png) top center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: contain;
	top: 0;
	right: 0;
	z-index: 2;
}

#sale10 {
	background: url(../images/10pct-sale-extras.png) top center no-repeat;
	width: 100%;
	height: 100%;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.image-wrapper #sale10 {
	background: red url(../images/10pct-sale-orange.png) top right no-repeat;
	width: 100px;
	height: 140px;
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 11;
} 

#product_container_right_col #sale10 {
	background: url(../images/10pct-sale-products.png) top right no-repeat;
	width: 100%;
	height: 100%;
	background-size: contain;
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 11;
} 

ul.extra.swd div #sale10 {
	background: url(../images/10pct-sale-home.png) top center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: contain;
	top: 0;
	right: 0;
	z-index: 2;
}

ul.extra.wi li:nth-child(1) div #sale10 {
	background: url(../images/10pct-sale.png) top right no-repeat;
	width: 74px;
	height: 78px;
	position: absolute;
	top: 25px;
	right: 53px;
	z-index: 2;
}

ul.extra.wi li:nth-child(2) div #sale10 {
	background: url(../images/10pct-sale.png) top right no-repeat;
	width: 74px;
	height: 78px;
	position: absolute;
	top: 25px;
	right: 41px;
	z-index: 2;
}

ul.extra.wi li:nth-child(3) div #sale10 {
	background: url(../images/10pct-sale.png) top right no-repeat;
	width: 74px;
	height: 78px;
	position: absolute;
	top: 25px;
	right: 25px;
	z-index: 2;
}

ul.extra.wi li:nth-child(4) div #sale10 {
	background: url(../images/10pct-sale.png) top right no-repeat;
	width: 74px;
	height: 78px;;
	position: absolute;
	top: 25px;
	right: 1px;
	z-index: 2;
}

ul.extra.wi div #sale10 {
	background: url(../images/10pct-sale.png) top right no-repeat;
	width: 74px;
	height: 78px;
	position: absolute;
	top: 25px;
	right: 23px;
	z-index: 2;
}

.collections ul div #sale10 {
	background: url(../images/10pct-sale-home.png) top center no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: contain;
	top: 0;
	right: 0;
	z-index: 2;
}

/* --------------------------------------------------------------
  
[*6] Footer Styles

-------------------------------------------------------------- */

footer#footer {
	width: 936px;
	margin: 0 auto;
	border-top: #d9dcdf 1px solid;
	padding: 10px 0 0 0;
}

footer#footer p {
	font-size: 11px;
	line-height: 13px;
	color: #666;
	margin: 0 0 20px 0;
	padding: 0;
}

footer#footer table {
	float: right;
	position: relative;
	right: -10px;
}

.footer-menu ul {
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0;
}

.footer-menu ul li {
	float: left;
	font-size: 11px;
    color: #9e9d9d;
	border-left: 1px solid #9e9d9d;
	padding: 0 0 0 12px;
	margin: 0 0 0 12px;	
}

.footer-menu ul li:first-child {
	margin: 0;
	padding: 0;
	border-left: none;
}

.footer-menu ul li:last-child {
	float: right;
	border-left: none;
}

.footer-menu ul li a {
    color: #9e9d9d;
	font-size: 11px;
	line-height: 11px;
	
}



.payment-logos {
	float: left;
}

.manufactured {
	float: left;
	background: url(../images/footer/union_jack_button.png) 0% 50% no-repeat;
	font-size: 11px;
	padding: 5px 0 5px 30px;
	color: #9e9d9d;
	margin: 3px 0 0 30px;
}


/* --------------------------------------------------------------
  
[*7] Typography Styles

-------------------------------------------------------------- */

p {
    line-height: 21px;
	margin: 0 0 10px 0;
	padding: 0;
}


h1 {
    font-family: Helvetica;
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 21px;
	line-height: 26px;
    margin: 0px 0 20px 0;
	padding: 0;
    color: #292727;
}

h2 {
	font-family: arial;
    font-size: 19px;
    margin: 0px 0 5px 0;
	padding: 0;
	font-weight: 700;
    color: #646362;
}

h3 {
	font-size: 16px;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------------------
  
[*8] Misc Styles

-------------------------------------------------------------- */

.clear {
	clear: both;
	content: ".";
	font-size: 0px;
	height: 0%;
	display: block;
	overflow: hidden;
}

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.pinterest-btn {
    height: 30px;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.pin-it-btn {
    position: absolute;
    background: url(../images/pinit_button.png);
    height: 32px;
    width: 32px;
    background-position: left;
    
    margin-left: 4px;
}

.pin-it-btn:hover {
    background-position: right;
}

img.full {
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
}

.alignright { float: right; }

.light-grey { color: #999; font-size: 11px; }


/* --------------------------------------------------------------
  
[*9] Link Styles

-------------------------------------------------------------- */

a {
    text-decoration: none;
    color: #646362;
}

a:hover {
	text-decoration: underline;
}

.content-wrapper a {
	color: #fec300;
}

.button, .inset-button {
	display: inline-block;
	border: 1px solid #b3a674;
	background: #ffdb44;
	border-radius: 6px;
	padding: 0;
	background: -moz-linear-gradient(top,  #ffdb44 0%, #ffcd0f 100%);
	background: -webkit-linear-gradient(top,  #ffdb44 0%,#ffcd0f 100%);
	background: linear-gradient(to bottom,  #ffdb44 0%,#ffcd0f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb44', endColorstr='#ffcd0f',GradientType=0 );		
}

.button:hover, .inset-button:hover {
	background: -moz-linear-gradient(top,  #ffcd0f 0%, #ffdb44 100%);
	background: -webkit-linear-gradient(top,  #ffcd0f 0%,#ffdb44 100%);
	background: linear-gradient(to bottom,  #ffcd0f 0%,#ffdb44 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd0f', endColorstr='#ffdb44',GradientType=0 );
}

.button a {
	display: block;
	color: #45495c;
	background: url(../images/button-arrow.png) 100% 50% no-repeat;
	font-size: 11px;
	line-height: 11px; 
	padding: 4px 15px 5px 8px;
}

.inset-button a {
	display: block;
	color: #45495c;
	background: url(../images/button-arrow.png) 95% 50% no-repeat;
	font-size: 11px;
	line-height: 11px; 
	padding: 4px 25px 5px 8px;
}


.button a:hover, .inset-button a:hover {
	text-decoration: none;		
}

#right_body_column_share_this_outer_wrapper{
	position : fixed;
	margin-left : 981px;
	border : 1px solid #878787;
	border-left : none;
	top : 365px;
	box-shadow: 4px 5px 5px #D7D7D7;
}

#right_body_column_share_this_inner_wrapper{
	background-color : #D7D7D7;
	border : 1px solid #fff;
	border-left : none;
	width : 38px;
	padding-top : 11px;
	padding-bottom : 11px;
}

#right_body_column_share_this_inner_wrapper span{
	margin : 0;
}

#right_body_column_share_this_inner_wrapper span.share{
	font-size : 11px;
	margin-left : 4px;
	margin-bottom : 5px;
	display : block;
}

#right_body_column_share_this_inner_wrapper span.st_facebook_large,
#right_body_column_share_this_inner_wrapper span.st_twitter_large,
#right_body_column_share_this_inner_wrapper span.st_email_large,
#right_body_column_share_this_inner_wrapper span.st_sharethis_large{
	margin-bottom : 5px;
	margin-left : 4px;
	
}


/* --------------------------------------------------------------
  
[*10] Form Styles

-------------------------------------------------------------- */

form#contact_form { }

.form-left {
	float: left;
	width: 48%;
}

.form-right {
	float: right;
	width: 48%;
}

form#contact_form label,
form#sample_form label,
.form-left label,
.form-right label {
	width: 100%;
	display: block;
	margin-bottom: 5px;	
}

form#contact_form input,
form#sample_form input,
.form-left input,
.form-right input {
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;	
	border: 1px solid #CCC;
}

.form-right select {
	padding: 0px 0px 0 10px;
	height: 27px;
	margin-bottom: 5px;
	width: 100%;
	background: url(../images/dd-arrow.png) 100% 50% no-repeat;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
	-webkit-border-radius: 0px;
	border: 1px solid #CCC;
}

form#contact_form textarea,
form#sample_form textarea {
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;	
	border: 1px solid #CCC;
	resize: none;
	height: 100px;
}

form#contact_form input:focus,
form#contact_form textarea:focus,
form#sample_form input:focus,
form#sample_form textarea:focus {
	border: 1px solid #333;
	outline: none;
}

form#contact_form input.submit,
form#sample_form input.submit,
.button input.btn {
	display: inline-block;
	border: none;
	background: #ffdb44;
	border-radius: 6px;
	width: auto;
	padding: 7px 20px;
	background: -moz-linear-gradient(top,  #ffdb44 0%, #ffcd0f 100%);
	background: -webkit-linear-gradient(top,  #ffdb44 0%,#ffcd0f 100%);
	background: linear-gradient(to bottom,  #ffdb44 0%,#ffcd0f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb44', endColorstr='#ffcd0f',GradientType=0 );		
}

form#contact_form input.submit:hover,
form#sample_form input.submit:hover{
	background: -moz-linear-gradient(top,  #ffcd0f 0%, #ffdb44 100%);
	background: -webkit-linear-gradient(top,  #ffcd0f 0%,#ffdb44 100%);
	background: linear-gradient(to bottom,  #ffcd0f 0%,#ffdb44 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd0f', endColorstr='#ffdb44',GradientType=0 );
}
/*
.swatch-panel {
	background: #EFEFEF;
	border: 1px solid #666;
	padding: 20px 20px 10px 20px;
	margin: 0 0 20px 0;
}

.swatch-panel h4 {
	color: #333;
	margin: 0 0 15px 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #333;
}

.swatch-panel ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
	
.swatch-panel ul li {
	float: left;
	background: #FFF;
	border: 1px solid #CCC;
	margin: 0 10px 10px 0;
	width: 132px;
	height: 132px;
	padding: 20px 20px 0px 20px;
}
	
.swatch-panel input[type="checkbox"][id^="cb"] {
  display: none;
}
	
.swatch-panel label {
	padding: 0 0 0 0;
	display: block;
	position: relative;
	margin: 0px;
	cursor: pointer;
	text-align: center;
}
	
.swatch-panel label:before {
  background-color: #FFF;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -5px;
  left: 0px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  transition-duration: 0.4s;
  transform: scale(0);
}
	
.swatch-panel label.mirrored-panel1 {
	
}

.swatch-panel label.mirrored-panel2 {
	background: url(../images/swatches/mirrored-panels/bronze-mirror.png) 50% 50% no-repeat;
	height: 62px !important;
	width: 100% !important;
	background-size: contain !important;
}

.swatch-panel label.mirrored-panel3 {
	background: url(../images/swatches/mirrored-panels/grey-mirror.png) 50% 50% no-repeat;
	height: 62px !important;
	width: 100% !important;
	background-size: contain !important;		  		
}

.swatch-panel label.mirrored-panel4 {
	background: url(../images/swatches/mirrored-panels/satin-silver-mirror.png) 50% 50% no-repeat;
	height: 62px !important;
	width: 100% !important;
	background-size: contain !important;		  		
}

.swatch-panel label.mirrored-panel5 {
	background: url(../images/swatches/mirrored-panels/satin-bronze-mirror.png) 50% 50% no-repeat;
	height: 62px !important;
	width: 100% !important;
	background-size: contain !important;		  		
}

.swatch-panel label.mirrored-panel6 {
	background: url(../images/swatches/mirrored-panels/satin-grey-mirror.png) 50% 50% no-repeat;
	height: 62px !important;
	width: 100% !important;
	background-size: contain !important;		  		
}
*/

.swatch-panel {
	padding: 0;
	margin: 0 0 20px 0;
}

.swatch-panel h4 {
	color: #333;
	margin: 0 0 5px 0;
	padding: 0 0 5px;
}

.swatch-panel ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
	
.swatch-panel ul li {
	float: left;
	background: #FFF;
	margin: 0 20px 0px 0;
	width: 70px;
	height: 100px;
	padding: 10px 0px 0px 0px;
}
	
.swatch-panel input[type="checkbox"][id^="cb"] {
  display: none;
}
	
.swatch-panel label {
	padding: 0 0 0 0;
	display: block;
	position: relative;
	margin: 0px;
	cursor: pointer;
	text-align: center;
}
	
.swatch-panel label:before {
  background-color: #FFF;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid #8bc34a;
  position: absolute;
  top: -5px;
  right: 0px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  transition-duration: 0.4s;
  transform: scale(0);
}
	
.swatch-panel label.mirrored-panel1 {
	
}

.swatch-panel label.mirrored-panel2 {
	background: url(../images/swatches/mirrored-panels/bronze-mirror.png) 50% 50% no-repeat;
	height: 62px !important;
	width: 100% !important;
	background-size: contain !important;
}

.swatch-panel label.mirrored-panel3 {
	background: url(../images/swatches/mirrored-panels/grey-mirror.png) 50% 50% no-repeat;
	height: 62px !important;
	width: 100% !important;
	background-size: contain !important;		  		
}

.swatch-panel label.mirrored-panel4 {
	background: url(../images/swatches/mirrored-panels/satin-silver-mirror.png) 50% 50% no-repeat;
	height: 62px !important;
	width: 100% !important;
	background-size: contain !important;		  		
}

.swatch-panel label.mirrored-panel5 {
	background: url(../images/swatches/mirrored-panels/satin-bronze-mirror.png) 50% 50% no-repeat;
	height: 62px !important;
	width: 100% !important;
	background-size: contain !important;		  		
}

.swatch-panel label.mirrored-panel6 {
	background: url(../images/swatches/mirrored-panels/satin-grey-mirror.png) 50% 50% no-repeat;
	height: 62px !important;
	width: 100% !important;
	background-size: contain !important;		  		
}

:checked + label {
  border-color: #ddd;
}	

:checked + label:before {
	/* content: "✓"; */
	content: "";
	background: url(../images/tick-white.png) center center no-repeat;
	background-color: #8bc34a;
	transform: scale(1);
}

:checked + label img {
  transform: scale(0.9);
  z-index: -1;
}

.label {
	display: block;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
}

.label a {
	color: #333;
	text-decoration: underline;
}

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

.field-validation-error {
	color: #FF0000;
	position: relative;
	top: -10px;
}


	


#diy_sliding_wardrobe_doors_page_do_list_table .th .left_col{
	background: url('../images/left_hand_col_table_header.png') top center no-repeat;
	width : 350px;
	height : 54px;
	background-repeat : no-repeat;
}

#diy_sliding_wardrobe_doors_page_do_list_table .th .right_col{
	width : 586px;
	background: url('../images/right_hand_col_table_header.png') top right no-repeat !important;
	height : 54px;
}

#diy_sliding_wardrobe_doors_page_do_list_table .left_col{
	width : 350px;
	padding-left: 10px;
	padding-right: 10px;
	float : left;
	border-right: 1px solid #FFF;
}

#diy_sliding_wardrobe_doors_page_do_list_table .right_col{
	width : 586px;
	padding-left: 10px;
	background-image: url('../images/two_line_end_cap_tick_dark_grey.png');
	background-repeat : no-repeat;
	background-position: 100% 0%;
	float : right;
	padding-right: 80px;
}


#diy_sliding_wardrobe_doors_page_do_list_table .row:nth-child(odd) .right_col{
	background-image: url('../images/two_line_end_cap_tick_light_grey.png');
}

#diy_sliding_wardrobe_doors_page_do_list_table .three_line .right_col{
	background-image: url('../images/three_line_end_cap_tick_dark_grey.png');
}

#diy_sliding_wardrobe_doors_page_do_list_table .three_line:nth-child(odd) .right_col{
	background-image: url('../images/three_line_end_cap_tick_light_grey.png');
}

#diy_sliding_wardrobe_doors_page_do_list_table .row{
	clear : both;
}



#diy_sliding_wardrobe_doors_page_do_list_table .left_col,
#diy_sliding_wardrobe_doors_page_do_list_table .right_col{
	background-color : #D7D7D7;
	height : 42px;
	margin-bottom: auto;
	margin-bottom : 1px;
}

#diy_sliding_wardrobe_doors_page_do_list_table .row:nth-child(odd) .left_col,
#diy_sliding_wardrobe_doors_page_do_list_table .row:nth-child(odd) .right_col{
	background-color: #E8E8E8;
}

#diy_sliding_wardrobe_doors_page_do_list_table .three_line .left_col,
#diy_sliding_wardrobe_doors_page_do_list_table .three_line .right_col{
	height : 58px;
}

#diy_sliding_wardrobe_doors_page_do_list_table p{
	line-height : normal;
	margin-top: 5px;
}

#diy_sliding_wardrobe_doors_page_do_list_table h3{
	font-size: 14px;
	text-align: center;
	padding-top: 15px;
}

.popup-overlay {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10000;
	display: none;
}

.popup {
	width: 600px;
	height: 600px;
	background: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -300px;
	padding: 25px;
	z-index: 10001;
	overflow: auto;
	display: none;
}

.close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background: url(../images/close.png) no-repeat;
	cursor: pointer;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type='number'] {
    -moz-appearance:textfield;
}


.form-control.check-box {
	width: auto !important;
	height: auto !important;
}

/* --------------------------------------------------------------
  
[*11] PDF Styles

-------------------------------------------------------------- */

.document-wrapper {
	width: 595px;
	height: 950px;
	background: #FFFFFF;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0px;
	position: relative;
	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 400;	
	
}

.document-wrapper p {
	color: #23282F;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 10px 0;
	padding: 0;
}

.document-logo {
	position: absolute;
	top: 75px;
	left: 0px;
}

.wdd-logo {
	position: absolute;
	top: 50px;
	left: 0px;
}

.wdd-address {
	text-align: right;
	position: absolute;
	top: 40px;
	right: 20px; 
}

.document-title {
	text-transform: uppercase;	
	background: #000;
	position: absolute;
	top: 150px;
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	left: 0px;
	width: 595px;
	padding: 0px 0px 0px 0px;
}

.document-title img {
	width: 100%;
	height: auto;
}

.document-address {
	position: absolute;
	top: 200px;
	left: 20px; 
}

.document-address input.address {
	width: 100%;
}

.document-date {
	position: absolute;
	top: 280px;
	left: 20px; 
}

.document-intro {
	position: absolute;
	top: 320px;
	left: 20px; 
}

.document-intro-create {
	position: absolute;
	top: 390px;
	left: 20px; 
}

.panel-samples {
	position: absolute;
	top: 390px;
	left: 0px;
	width: 48%;
}

.frame-samples {
	position: absolute;
	top: 390px;
	right: 0px;
	width: 48%;
}

.panel-samples-create {
	position: absolute;
	top: 440px;
	left: 0px;
	width: 48%;
}

.frame-samples-create {
	position: absolute;
	top: 440px;
	right: 0px;
	width: 48%;
}

table.data {
	font-size: 11px;
	color: #23282F;
}

table.data th {
	background: #666;
	font-weight: 700;
	color: #FFF;
	font-size: 16px;
	text-align: left;
	padding: 0;
}

table.data th img {
	width: 100%;
	height: auto;
}

table.data td {
	font-weight: 400;
	font-size: 12px;
	text-align: left;
	padding: 4px 20px;
	border-bottom: 1px solid #666;	
}

table.data.noborder td {
	border-bottom: 0px solid #666;	
}

table.data td span {
	width: 20px;
	display: inline-block;
}

table.data input.single-line {
	width: 100%;
}

.info-left-create {
	position: absolute;
	left: 0px;
	padding: 0 20px;
	top: 640px;
	width: 48%
}

.info-right-create {
	position: absolute;
	right: 0px;
	border: 5px solid #666;
	border-radius: 10px;
	padding: 10px 10px 0px 10px;
	top: 640px;
	width: 48%
}

.info-left {
	position: absolute;
	left: 0px;
	padding: 0 20px;
	top: 550px;
	width: 48%
}

.info-right {
	position: absolute;
	right: 0px;
	border: 5px solid #666;
	border-radius: 10px;
	padding: 10px 10px 0px 10px;
	top: 550px;
	width: 48%
}

.info-right h2 {
	font-size: 12px;
	color: #666;
}

.recycling {
	position: absolute;
	bottom: 20px;
	right: 10px;
}

.footer-create {
	position: absolute;
	bottom: -100px;
	left: 0px;
	border-top: 2px solid #000;
	padding: 10px 0 0 0;
	width: 100%;
}

.footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-top: 2px solid #000;
	padding: 10px 0 0 0;
	width: 100%;
}

.footer-left {
	float: left;
}

.footer-left img {
	margin: 4px 0 15px;
}

.footer-right {
	float: right;
	text-align: right;
}

.footer-right p.small {
	font-size: 9px;
}

.form-group {
	clear: both;
	width: 100%;
	padding: 10px 0;
	text-align: center;
}

.form-group-create {
	position: absolute;
	bottom: 50px;
	left: 0px;
	padding: 10px 0 0 0;
	width: 100%;
	text-align: center;
}

.form-group input.btn, .form-group-create input.btn {
	border: none;
	background: #000;
	border-radius: 2px;
	color: #FFF;
	padding: 10px 20px;
	text-transform: uppercase;
}

.form-group input.btn:hover, .form-group-create input.btn:hover {
	background: #666;
}

.order-details {
	float: left;
	width: 48%;
	margin: 210px 0 20px 0;
}

.delivery-instructions {
	float: right;
	width: 48%;
	margin: 210px 0 20px 0;
}

.title-image {
	margin: 0 0 10px;
}

.title-image img {
	width: 100%;
	height: auto;
}

.order-details p, .delivery-instructions p, .delivery-address p {
	padding: 0 0 0 20px;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	width: 100%;
	overflow: hidden;
}

.delivery-address {
	clear: both;
	width: 100%;
	margin: 0 0 20px;
}

span.item-prop {
	width: 90px;
	float: left;
	display: inline-block;
}

span.item-det {
	width: 160px;
	float: left;
	display: inline-block;
}

.block {
	width: 48%;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.customer-signature.fixed {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 48%;
	border-bottom: 1px solid #666;
	height: 70px;
}

.date-received.fixed {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 48%;
	border-bottom: 1px solid #666;
	height: 70px;
}

.customer-signature.fluid {
	position: relative;
	float: left;
	width: 48%;
	border-bottom: 1px solid #666;
	height: 70px;
}

.date-received.fluid {
	position: relative;
	float: right;
	width: 48%;
	border-bottom: 1px solid #666;
	height: 70px;
}

textarea.form-control {
	width: 100%;
	border: 1px solid #CCC;
	padding: 5px;
	min-height: 200px;
	margin: 0 0 10px;
}

input.form-control {
	width: 100%;
	border: 1px solid #CCC;
	padding: 5px;
	margin: 0 0 5px 0;
}

/*
input[required], select[required] {
  background-color: white;
}
*/

.stripe-form {
	margin: 0 0 20px;
}

.stripe-form label {
	float: left;
	width: 25%;
	line-height: 30px;
	height: 30px;
	margin: 0 0 10px;		
	padding: 0 10px 0 0;
}

.stripe-form input[required] {
	float: left;
	width: 75%;
	border: 1px solid #CCC;
	padding: 0 10px;
	height: 30px;
	margin: 0 0 10px;
	background-color: white;
}

.stripe-form select {
	float: left;
	width: 100px;
	padding: 0px 0 0 10px;
	height: 30px;
	margin: 0 10px 10px 0;
	background: url(../images/dd-arrow.png) 100% 50% no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #CCC;
	-webkit-border-radius: 0px;
}

.stripe-form input#txtCvc {
	float: right;
	width: 200px;
	border: 1px solid #CCC;
	padding: 0 10px;
	height: 30px;
	background-color: white;
}

.stripe-form input#btnCharge {
	display: inline-block;
	border: none;
	background: #ffdb44;
	border-radius: 6px;
	width: auto;
	padding: 7px 20px;
	background: -moz-linear-gradient(top,  #ffdb44 0%, #ffcd0f 100%);
	background: -webkit-linear-gradient(top,  #ffdb44 0%,#ffcd0f 100%);
	background: linear-gradient(to bottom,  #ffdb44 0%,#ffcd0f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb44', endColorstr='#ffcd0f',GradientType=0 );		
}

.stripe-form input#btnCharge:hover {
	background: -moz-linear-gradient(top,  #ffcd0f 0%, #ffdb44 100%);
	background: -webkit-linear-gradient(top,  #ffcd0f 0%,#ffdb44 100%);
	background: linear-gradient(to bottom,  #ffcd0f 0%,#ffdb44 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd0f', endColorstr='#ffdb44',GradientType=0 );
}

.radio-button {
	float: left;
	width: 30px;
	margin: 0 0 20px;
}

.radio-image {
	float: left;
	margin: 0 20px 20px 0;
}

input[required], select[required] {
  background-color: white;
}