/*
Theme Name: Door-Stop Template
Theme URI: http://www.theconsultancy.co.uk
Description: Bespoke theme for Door-Stop Websites
Author: The Consultancy
Version: 1.0
Tags: Bespoke Theme
*/

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

body {
	width: 100%;
	min-width: 1100px;
	background: #e4e4e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 0px;
	margin: 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #575757;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #575757;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #575757;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #575757;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

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

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

a img {
	border: 0px;
}

img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.centerbox {
	width: 1100px;
	margin: 0 auto 0 auto;
}

#headerbox {
	width: 100%;
	height: 26px;
	float: left;
	padding-top: 9px;
	background: #292a2c;
}

#header {
	width: 100%;
	float: left;
}

#logo {
	position: absolute;
	z-index: 2;
	margin-left: 6px;
}

#headright {
	width: auto;
	float: right;
}

#headright p {
	width: auto;
	float: left;
	color: #bdbdbd;
	text-transform: uppercase;
	margin: 0px 0px 0px 25px;
}

#headright p a {
	color: #bdbdbd;
}

#headright p img {
	vertical-align: middle;
}

#topnavbox {
	width: 100%;
	height: 110px;
	float: left;
	background: #ffffff;
}

#topnav {
	width: auto;
	float: right;
}

#topnavl {
	width: auto;
	float: left;
}

#topnavr {
	width: auto;
	float: left;
}

#topnavr .menu-item {
	width: auto;
	float: left;
	border: 0px;
}

#topnavr .menu-item a {
	width: auto;
	height: 60px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #929292;
	text-transform: uppercase;
	padding: 50px 20px 0px 20px;
	border-right: 1px solid #e1e1e1;
}

#topnavr .sub-menu {
	border: 0px;
}

#topnavr .sub-menu li {
	width: 100%;
	float: none;
	display: block;
}

#topnavr .sub-menu a {
	width: 100%;
	height: auto;
	font-size: 11px;
	background: #ffffff;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
}

ul.dropdown li.parent > a:after {
	width: 100% !important;
	height: 9px !important;
	right: 0px !important;
	top: 85px !important;
	background: url(images/topnavlink-bg.jpg) center no-repeat !important;
	border: 0px !important;
}

#topnavrmob {
	display: none;
}

#wordpressbox {
	width: 100%;
	float: left;
}

#footerbox {
	width: 100%;
	float: left;
	background: #292a2c;
	padding: 45px 0px 25px 0px;
	border-top: 7px solid #b5954a;
	margin-top: 45px;
}

#footer {
	width: 100%;
	float: left;
}

#footer h3 {
	color: #ffffff;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin-top: 0px;
}

#mainfooter1 {
	width: 28.032619775739041794087665647299%;
	float: left;
	margin-left: 1.0193679918450560652395514780836%;
}

#mainfooter1 p {
	line-height: 15px;
}

#mainfooter2 {
	width: 29.561671763506625891946992864424%;
	float: left;
	margin-left: 5.6065239551478083588175331294597%;
}

#mainfooter2 table {
	width: 100%;
}

#mainfooter2 .hiddenfield {
	visibility: hidden;
}

#mainfooter2 .input input {
	width: 85%;
	background: #3f3f3f;
	font-size: 13px;
	color: #ffffff;
	padding: 2px 10px 2px 10px;
	border: 1px solid #383838;
}

#mainfooter2 .textarea textarea {
	width: 85%;
	height: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	background: #3f3f3f;
	padding: 2px 10px 2px 10px;
	border: 1px solid #383838;
}

#mainfooter2 .submit {
	text-align: right;
}

#mainfooter2 .submit input {
	width: 56px;
	height: 26px;
	color: #ffffff;
	font-size: 12px;
	text-align: left;
	background: url(images/quickenquirysubmit-bg.png);
	padding-bottom: 7px;
	border: 0px;
	margin-top: 5px;
}

#mainfooter2 p {
	line-height: 15px;
}

#mainfooter3 {
	width: 28.848114169215086646279306829766%;
	float: left;
	margin-left: 5.0968399592252803261977573904179%;
}

#mainfooter3 p {
	line-height: 17px;
}

#mainfooter3 a {
	color: #666666;
}

#footerbox2 {
	width: 100%;
	float: left;
	background: #292a2c;
	padding: 0px 0px 15px 0px;
}

#footer2 {
	width: 100%;
	float: left;
}

#footer2l {
	width: auto;
	float: left;
}

#footer2l p {
	width: auto;
	float: left;
	color: #bdbdbd;
	text-transform: uppercase;
	margin: 0px 25px 0px 0px;
}

#footer2l p a {
	color: #bdbdbd;
}

#footer2l p img {
	vertical-align: middle;
}

#footer2r {
	width: auto;
	float: right;
	color: #bdbdbd;
	text-transform: uppercase;
}

#footer2r a {
	color: #bdbdbd;
}

#homepage {
	width: 100%;
	float: left;
}

#homepage .hentry {
	display: none;
}

#homepage #respond {
	display: none;
}

#homebanner {
	width: 100%;
	float: left;
}

#homecontainer {
	width: 100%;
	float: left;
	position: relative;
	margin-top: -19px;
	z-index: 3;
}

#hometop {
	width: 96.126401630988786952089704383282%;
	float: left;
	background: #ffffff;
	padding: 19px 1.9367991845056065239551478083588% 13px 1.9367991845056065239551478083588%;
	margin-bottom: 40px;
}

#hometop div {
	width: 23.64793213149522799575821845175%;
	float: left;
}

#hometop div .img1 {
	width: 100%;
}

#hometop div h3 {
	width: 80%;
	float: left;
	color: #929292;
	padding: 15px 10% 15px 10%;
	border-bottom: 1px solid #e4e4e4;
	margin: 0px 0px 15px 0px;
}

#hometop div h3 a {
	color: #929292;
}

#hometop div .p1 {
	width: 80%;
	color: #929292;
	line-height: 17px;
	float: left;
	margin: 0px 10% 15px 10%;
}

#hometop div .p2 {
	width: 100%;
	float: left;
	margin: 0px;
}

#hometop #homesecurity {
	margin-right: 1.6967126193001060445387062566278%;
}

#hometop #homecolours {
	margin-right: 1.802757158006362672322375397667%;
}

#hometop #homehardware {
	margin-right: 1.802757158006362672322375397667%;
}

#homecontact {
	width: 94.903160040774719673802242609582%;
	float: left;
	background: #ffffff;
	padding: 15px 1.9367991845056065239551478083588% 15px 2.9561671763506625891946992864424%;
	border: 1px solid #cdced0;
	margin-bottom: 43px;
}

#homecontact p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
}

#homecontact .p1 {
	width: 100%;
	float: left;
	font-size: 33px;
	color: #949494;
	background: url(images/homecontact1-bg.jpg) left repeat-x;
}

#homecontact .p1 span {
	width: auto;
	display: inline;
	background: #ffffff;
	padding: 0px 15px 0px 15px;
}

#homecontact .p2 {
	width: 100%;
	float: left;
	font-size: 19px;
	color: #4e4e4e;
	letter-spacing: -1px;
}

#homecontact .p2 a {
	color: #4e4e4e;
}

#homebottom {
	width: 100%;
	float: left;
}

#homebottom div {
	width: 28.236493374108053007135575942915%;
	float: left;
	background: #ffffff;
	padding: 11px 1.1213047910295616717635066258919% 15px 1.1213047910295616717635066258919%;
	border: 1px solid #cccccc;
}

#homebottom div .img1 {
	width: 100%;
	border-bottom: 7px solid #b5954a;
}

#homebottom div h2 {
	width: 94.584837545126353790613718411552%;
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #a7a7a7;
	margin: 15px 1.8050541516245487364620938628159% 10px 3.6101083032490974729241877256318%;
}

#homebottom div h2 a {
	color: #575757;
}

#homebottom div p {
	width: 100%;
	float: left;
	color: #929292;
	line-height: 17px;
	margin: 0px;
}

#homebottom div .p1 {
	width: 94.584837545126353790613718411552%;
	margin: 0px 1.8050541516245487364620938628159% 15px 3.6101083032490974729241877256318%;
}

#homebottom #quotebox {
	margin-right: 4.1794087665647298674821610601427%;
}

#homebottom #aboutbox {
}

#homebottom #contactbox {
	float: right;
}

#innerbackground {
	width: 95%;
	float: left;
	background: #ffffff;
	padding: 20px 4% 28px 1%;
}

#innercontent {
	width: 75.739041794087665647298674821611%;
	float: left;
	background: #ffffff;
	padding: 15px 1.5% 15px 1.5%;
	border: 1px solid #cdcdce;
}

#fullcontentwidth {
	width: 98%;
	float: left;
	margin-left: 2%;
}

#sidebarbox {
	width: 19.979612640163098878695208970438%;
	float: right;
	margin-left: 0.91743119266055045871559633027523%;
}

#sidenavbox {
	width: 18.676627534685165421558164354322%;
	float: left;
	margin-top: 5px;
}

#sidenavlinks {
	width: 100%;
	float: left;
}

#sidenavbox .menu-products-container {
	width: 100%;
	float: left;
	margin-bottom: 33px;
}

#sidenavbox h4 {
	width: 100%;
	float: left;
	color: #b5954a;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
}

.newssidebar ul {
	margin-bottom: 15px !important;
}

.newssidebar li a {
	height: auto !important;
	line-height: 15px;
	background-color: #45464a !important;
	background-position: bottom !important;
	background-repeat: repeat-x !important;
	padding-bottom: 7px !important;
}

#sidenavbox ul {
	width: 100%;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#sidenavbox li {
	width: 100%;
	float: left;
	padding: 0px;
	margin: 0px;
}

#sidenavbox li a {
	width: 95%;
	height: 22px;
	float: left;
	color: #ffffff;
	background: #323436 url(images/sidenavboxa1-bg.jpg) top left;
	padding: 7px 0px 0px 5%;
	border-radius: 3px;
}

#sidenavbox .current-menu-item a {
	color: #b5954a;
}

#sidenavbox .current-menu-item .sub-menu a {
	color: #ffffff;
}

#leftdesigner {
	width: 100%;
	float: left;
}

#sidebarbox div img {
	width: auto;
	max-width: 100%;
	height: auto;
}

#featurescontent {
	width: 78%;
	float: right;
	background: #ffffff;
	padding-left: 2%;
	border-left: 1px solid #cdcdce;
}

#container h2 {
	font-size: 25px;
	font-weight: normal;
}

#container .lefttxt {
	text-align: left;
}

#container .centertxt {
	text-align: center;
}

#container .righttxt {
	text-align: right;
}

#container .smalltxt9 {
	font-size: 9px;
}

#container .contacttitle {
	width: 100%;
	float: left;
	font-size: 27px;
	color: #b5954a;
	font-weight: normal;
	padding-bottom: 15px;
	border-bottom: 1px solid #ececec;
	margin: 0px 0px 25px 0px;
}

#contacttop {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

#contacttopl {
	width: 45%;
	float: left;
}

#contacttopl table {
	font-size: 13px;
	line-height: 19px;
}

#contacttopl table a {
	color: #666666;
}

#contacttopl p {
	font-size: 13px;
	line-height: 19px;
}

#contacttopr {
	width: 45%;
	float: right;
}

#contacttopr img {
	max-width: 90%;
	padding: 3px;
	border: 1px solid #ececec;
}

#blognavbox {
	width: 18.246687054026503567787971457696%;
	float: right;
}

#blognavbox #sidebar {
	width: 100%;
	float: left;
}

#blognavbox #sidebar ul {
	width: 100%;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#blognavbox #sidebar h4 {
	width: 94%;
	height: 21px;
	float: left;
	color: #242527;
	background: #ffffff url(images/sidenavboxa1mob-bg.jpg) bottom left;
	padding: 7px 0px 0px 5%;
	border-top: 1px solid #cdcdce;
	border-right: 1px solid #cdcdce;
	border-left: 1px solid #cdcdce;
	margin: 0px;
}

#blognavbox #sidebar ul ul {
	width: 99%;
	float: left;
	background: #ffffff;
	padding: 0px;
	border-right: 1px solid #cdcdce;
	border-bottom: 1px solid #cdcdce;
	border-left: 1px solid #cdcdce;
	margin: 0px 0px 25px 0px;
}

#blognavbox #sidebar ul li {
	width: 100%;
	float: left;
	border: 0px;
	margin: 0px;
}

#blognavbox #sidebar ul li a {
	width: 95%;
	height: 20px;
	float: left;
	color: #6e6e6e;
	background: url(images/sidenavboxa2-bg.jpg) top left;
	padding: 6px 0px 0px 5%;
}

#blognavbox #sidebar ul .current-cat a {
	color: #242527;
	background-position: bottom left;
}

#innerbanners {
	width: 100%;
	float: left;
	background: #ffffff;
	margin-bottom: 2px;
}

#innerbanners div {
	width: auto;
}

#innerbanners #randombanner1 {
	width: 55.172413793103448275862068965517%;
	float: left;
	margin-right: 1px;
}

#innerbanners #randombanner2 {
	width: 24.949290060851926977687626774848%;
	float: left;
}

#innerbanners #innerbannersr {
	width: 19.675456389452332657200811359026%;
	float: right;
}

#innerbanners #innerbannersr img {
	width: 100%;
}

#innerbanners #innerbannersr .img1 {
	margin-top: 1px;
}

#featurescontent .entry-title {
	display: none;
}

#featurescontent h1 {
	width: 100%;
	font-size: 27px;
	color: #b5954a;
	font-weight: normal;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	margin: 0px 0px 30px 0px;
}

#featurescontent h1 span {
	width: auto;
	float: right;
	font-size: 19px;
	color: #4f4f4f;
}

#fullcontentwidth .entry-title {
	display: none;
}

#fullcontentwidth h1 {
	width: 100%;
	font-size: 27px;
	color: #b5954a;
	font-weight: normal;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
	margin: 0px 0px 30px 0px;
}

#fullcontentwidth h1 span {
	width: auto;
	float: right;
	font-size: 19px;
	color: #4f4f4f;
}

#innerbottom {
	width: 100%;
	float: left;
}

#innerbottom #callnow {
	width: 100%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 31px;
	color: #4f4f4f;
	text-align: center;
	margin-bottom: 25px;
}

#innerbottom #bottombanners {
	width: 100%;
	float: left;
	text-align: center;
}

#innerbottom #bottombanners img {
	width: 33.3333%;
}

.contentbox {
	width: 100%;
	float: left;
	padding-bottom: 25px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 25px;
}

.contentbox h2 {
	font-size: 25px;
	margin-top: 0px;
}

.contentbox h3 {
	font-size: 19px;
	color: #8d8d8d;
	font-weight: normal;
}

#fullcontentwidth .contentbox h3 {
	margin-top: 0px;
}

.contentbox a {
	color: #232323;
}

#aboutl {
	width: 50%;
	float: left;
}

#aboutl ul {
	padding-left: 15px;
	margin-left: 0px;
}

#aboutl li {
	line-height: 17px;
	padding-left: 0px;
	margin-left: 0px;
}

#aboutr {
	width: 45.810055865921787709497206703911%;
	float: right;
}

.innercontenttxt {
	width: 50%;
	margin-top: 45px;
}

.innercontenttxtfull {
	width: 100%;
	float: left;
	text-align: center;
}

.innercontenttxtfull .lefttxt {
	text-align: left;
}

.entry-content .innercontenttxtfull p {
	text-align: center;
}

.innercontentimg {
	width: 45.810055865921787709497206703911%;
	text-align: center;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.videobox {
	margin-top: 20px;
}

.yalelogo {
	vertical-align: middle;
}

#doorrange {
	width: 100%;
	float: left;
	margin-bottom: 35px;
}

#doorrange div {
	width: 14.238773274917853231106243154436%;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
	padding-top: 30px;
	margin: 0 auto 0 auto;
}

#doorrange div a {
	color: #9fa1a5;
}

#contentbanner {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 25px;
}

.entry-content .coloursnote {
	font-size: 9px;
	text-align: center;
}

.keyfreebenefits {
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

.keyfreebenefits li {
	line-height: 17px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

#policeapprovedbanner {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 25px;
}

.clickenlarge {
	font-size: 9px;
	color: #575757;
	text-decoration: underline;
}

.glassgallery {
	width: 100%;
	float: left;
}

.glassgallery div {
	width: 16%;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	text-align: center;
	padding-top: 30px;
	margin: 0 auto 0 auto;
}

.glassgallery div a {
	color: #9fa1a5;
}

.glassgallery div img {
	margin-bottom: 3px;
}

.colourthumbs {
	width: 100%;
	float: left;
}

.colourthumbs div {
	width: 9.5%;
	display: inline-block;
	font-size: 11px;
	text-align: center;
	vertical-align: top;
}

.colourthumbs div a {
	color: #9fa1a5;
}

/*---------------- Wordpress Styles--------------*/

#container {
	width: 100%;
	float: left;
	margin-top: 74px;
	margin-bottom: 15px;
}

#newscontent {
	width: 78%;
	float: right;
	padding-left: 2%;
	border-left: 1px solid #cdcdce;
}

#container #newscontent .entry-title {
	padding-bottom: 0px;
	border-bottom: 0px;
	margin: 0px;
}

#pagetitle {
	width: 100%;
	float: left;
	padding-bottom: 5px;
	border-bottom: 4px solid #e3e3e3;
	margin-bottom: 25px;
}

#pagetitle h1 {
	font-size: 25px;
	color: #3055a5;
	margin: 0px;
}

#homepage {
	width: 100%;
	float: left;
}

#homepage .entry-title {
	display: none;
}

.nocomments #respond {
	display: none;
}

.nocomments .entry-utility {
	display: none;
}

.nocomments .entry-content {
	margin-top: 0px;
	margin-bottom: 0px;
}

.nocomments .page {
	padding: 0px;
	border: 0px;
	margin: 0px;
}

.hentry {
	width: 100%;
	float: left;
	font-weight: normal;
	padding-bottom: 25px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 25px;
}

.entry-title {
	margin: 0px;
}

#container .entry-title {
	width: 100%;
	float: left;
	font-size: 27px;
	color: #b5954a;
	font-weight: normal;
	padding-bottom: 15px;
	border-bottom: 1px solid #ececec;
	margin: 0px 0px 25px 0px;
}

.entry-title a {
	color: #b5954a;
}

.entry-content {
	width: 100%;
	float: left;
	margin: 25px 0px 25px 0px;
}

.entry-content p {
	font-size: 12px;
	text-align: justify;
	line-height: 17px;
	margin: 0px 0px 15px 0px;
}

.entry-content p img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.entry-summary {
	width: 100%;
	float: left;
	margin: 15px 0px 15px 0px;
}

.entry-summary .categorybox {
	width: 100%;
	float: left;
}

.entry-summary .categoryimg {
	max-width: 45%;
	float: left;
	margin-right: 25px;
}

.entry-summary .categoryimg img {
	padding: 2px;
	border: 1px solid #ececec;
}

.entry-summary p {
	font-size: 13px;
	line-height: 19px;
	margin: 0px 0px 15px 0px;
}

.entry-utility {
	width: 100%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}

.notitle .entry-title {
	display: none;
}

.wp-caption {
	text-align: center;
	padding: 10px;
	background: #f6f6f6;
	border: 1px solid #e3e3e3;
}

.wp-caption img {
	margin-bottom: 10px;
}

.alignleft {
	width: auto;
	float: left;
	margin: 0px 20px 20px 0px;
}

.alignright {
	width: auto;
	float: right;
	margin: 0px 0px 20px 20px;
}

.comment-body {
	line-height: 17px;
}

#respond {
	width: 100%;
	float: left;
	padding-top: 25px;
	border-top: 1px solid #ececec;
}

#respond h3 {
	margin-top: 0px;
}

#respond textarea {
	width: auto;
	border: 1px solid #ececec;
	max-width: 95%;
}

#homepage .nocomments {
	display: none;
}

.nocomments .nocomments {
	display: none;
}

#doordesignerbox {
	width: 1100px;
	float: left;
	margin-left: -36px;
}

#doordesignerbox {
	width: 1100px;
	float: left;
	margin-left: -36px;
}

#socialmediabox {
	width: 100%;
	float: left;
	padding: 10px 0px;
	background: #ffffff;
	border-top: 1px solid #e1e1e1;
}

#socialmedia {
	width: 100%;
	float: left;
}

#socialmedia #innerfacebookrank {
	margin-top: 2px;
}

#socialmedia #innertwitterrank {
	margin-top: 2px;
}

#socialmedia div {
	width: 15%;
	float: left;
}

.locationcontenttxt {
	width: 50%;
}

.locationcontenttxt ul {
	padding-left: 15px;
	margin-left: 0px;
}

.locationcontenttxt li {
	margin-bottom: 10px;
}