/* CSS Document */

body {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-top: 3px solid #000;
}
img{ max-width:100%; }
h1, h2, h3, h4, h5, h6{
	margin:0px;
	color:#3271d2;
	font-size:22px;
	margin-bottom:10px;
	font-weight:normal;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 18px;
}
h4 {
	font-size:16px;
}
h5{ font-size:14px; }
h6{ font-size:13px; }
hr{ margin:10px 0px; border:0px; border-bottom:1px dashed #828282;}
.HomePromoBox {
	clear: none;
	float: left;
	height: 200px;
	width: 200px;
	text-align: center;
	padding-right: 25px;
	padding-top: 25px;
}

p, ul, ol{ margin:0px 0px 12px; line-height:24px; padding:0px;}
ul *, ol * { margin:0px; padding:0px;}
ol { padding-left: 25px;}
ul li{
	line-height:20px;
}
ul li+li{
}
a img { border: 0px;}
.PDFlink {
	background-image: url(../images/pdf-icon.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	border: 1px dashed #999;
}

p {font-size:12px; line-height:18px;}
.clr{ display: block; float: none; clear: both;}
.c { overflow:hidden; float:none;}
.left1{width:1%;float:left;} .left2{width:2%;float:left;} .left3{width:3%;float:left;} .left4{width:4%;float:left;} .left5{width:5%;float:left;} .left5more{width:5.5%;float:left;} .left6{width:6%;float:left;} .left7{width:7%;float:left;} .left8{width:8%;float:left;} .left9{width:9%;float:left;} .left10{width:10%;float:left;} .left11{width:11%;float:left;} .left12{width:12%;float:left;} .left13{width:13%;float:left;} .left14{width:14%;float:left;} .left15{width:15%;float:left;} .left16{width:16%;float:left;} .left17{width:17%;float:left;} .left18{width:18%;float:left;} .left19{width:19%;float:left;} .left20{width:20%;float:left;} .left21{width:21%;float:left;} .left22{width:22%;float:left;} .left23{width:23%;float:left;} .left24{width:24%;float:left;} .left25{width:25%;float:left;} .left26{width:26%;float:left;} .left27{width:27%;float:left;} .left28{width:28%;float:left;} .left29{width:29%;float:left;} .left30{width:30%;float:left;} .left31{width:31%;float:left;} .left32{width:32%;float:left;} .left-33{width:33%;float:left;} .left33{width:33.32%;float:left;} .left34{width:34%;float:left;} .left35{width:35%;float:left;} .left36{width:36%;float:left;} .left37{width:37%;float:left;} .left38{width:38%;float:left;} .left39{width:39%;float:left;} .left40{width:40%;float:left;} .left41{width:41%;float:left;} .left42{width:42%;float:left;} .left43{width:43%;float:left;} .left44{width:44%;float:left;} .left45{width:45%;float:left;} .left46{width:46%;float:left;} .left47{width:47%;float:left;} .left48{width:48%;float:left;} .left49{width:49%;float:left;} .left50{width:50%;float:left;} .left51{width:51%;float:left;} .left52{width:52%;float:left;} .left53{width:53%;float:left;} .left54{width:54%;float:left;} .left55{width:55%;float:left;} .left56{width:56%;float:left;} .left57{width:57%;float:left;} .left58{width:58%;float:left;} .left59{width:59%;float:left;} .left60{width:60%;float:left;} .left61{width:61%;float:left;} .left62{width:62%;float:left;} .left63{width:63%;float:left;} .left64{width:64%;float:left;} .left65{width:65%;float:left;} .left66{width:66%;float:left;} .left67{width:67%;float:left;} .left68{width:68%;float:left;} .left69{width:69%;float:left;} .left70{width:70%;float:left;} .left71{width:71%;float:left;} .left72{width:72%;float:left;} .left73{width:73%;float:left;} .left74{width:74%;float:left;} .left75{width:75%;float:left;} .left76{width:76%;float:left;} .left77{width:77%;float:left;} .left78{width:78%;float:left;} .left79{width:79%;float:left;} .left80{width:80%;float:left;} .left81{width:81%;float:left;} .left82{width:82%;float:left;} .left83{width:83%;float:left;} .left84{width:84%;float:left;} .left85{width:85%;float:left;} .left86{width:86%;float:left;} .left87{width:87%;float:left;} .left88{width:88%;float:left;} .left89{width:89%;float:left;} .left90{width:90%;float:left;} .left91{width:91%;float:left;} .left92{width:92%;float:left;} .left93{width:93%;float:left;} .left94{width:94%;float:left;} .left95{width:95%;float:left;} .left96{width:96%;float:left;} .left97{width:97%;float:left;} .left98{width:98%;float:left;} .left99{width:99%;float:left;} .left100{width:100%;float:left;}
.left,.flot_left{ float:left;}
.right,.flot_right{ float:right;}
.a_left { text-align: left !important;}
.a_center { text-align: center;}
.a_right { text-align: right;}
a { font-size:12px; text-decoration:none; transition:color linear .2s !important;}
.hidden { display:none;}
.italic{
	font-style:italic;	
}
.bold{
	font-weight:bold;	
}
a:hover {
	text-decoration:underline;	
}
.main {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:860px;
	max-width:100%;
	box-shadow:0px 0px 10px rgba(0,0,0,1);
	padding:20px;
	box-sizing:border-box;
}
.footer-section {
    text-align: center;
	margin-top: 25px;
	margin-bottom:20px;
}
.footer-section .footer {
	width:818px;
	display: inline-block;
}
.footer-section .footer .option {
    text-align: left;
    width: 33%;
	display: inline-table;
}
.footer-section .footer .option a{
    color: #000;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 4px;
}
.footer-section .footer .option > p {
    margin-bottom: 0;
	font-size: 12px;
}
.footer-section .footer .option a:hover {
    text-decoration:underline;
}
.footer-section .footer .option .links {
	margin-top:10px;	
}
.footer-section .footer .option .links a + a {
	border-left:1px solid #000;
	padding-left:5px;	
}
@media all and (min-width:768px) and (max-width:859px) {
	.main {
		width:768px;
	}
	.footer-section .footer {
		width: 768px;
	}
	.footer-section .footer .option {
		width: 32%;
	}
}
@media all and (min-width:480px) and (max-width:767px) {
	.main {
		width:480px;
	}
	.footer-section .footer {
		width: 480px;
	}
	.footer-section .footer .option {
		width: 80%;
		margin-bottom:20px;
	}
}
@media all and (max-width:479px) {
	.main {
		width:auto;
		margin-left:10px;
		margin-right:10px;
	}
	.footer-section .footer {
		width: auto;
	}
	.footer-section .footer .option {
		width: 80%;
		margin-bottom:20px;
	}
}

/*----header section----*/
#mobile_menu > a {
    padding-left: 7px;
	color:#000;
}
.menu {
    display: none;
}
.blue {
	color:#3271d2;	
}
.logo-section {
	background-image:url(../images/wilkins-windows_03.png);
	background-repeat:no-repeat;
	background-position:left top;
	height: 100px;	
}
.logo-section .quote {
	background-image:url(../images/wilkins-windows_06.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.logo-section .navigation{
	position:relative;
}
.logo-section .navigation .main-nav {
	margin:0px;
	padding-top:28px;
	display:block;
	text-align:right;
}
.logo-section .navigation .main-nav li {
    display: inline-block;
	position: relative;
	list-style:none;
	text-align:left;
}
.logo-section .navigation .main-nav li + li {
	border-left:1px dashed #c3c3c3;
}
.logo-section .navigation .main-nav li a {
    color: #000;
    cursor: pointer;
    display: block;
    padding: 3px 15px;
    text-decoration: none;
	font-weight:600;
}
.logo-section .navigation .main-nav li ul {
	display:none;
	background-color: #f0f0f0;
	position:absolute;
	z-index:100;
}
.logo-section .navigation .main-nav li:hover > a {
    color: #000;
	background-color:#ddd;
}
.logo-section .navigation .main-nav li:hover > ul {
	display:block;
}
.logo-section .navigation .main-nav li ul li {
	display:block;
}
.logo-section .navigation .main-nav li ul li a {
	white-space:nowrap;
	font-weight:normal;
}
.logo-section .navigation .main-nav li ul li:hover > a {
	background-color: #bebebe;
}
.logo-section .navigation .main-nav li ul li ul {
	margin-left:50%;
	top:0px;
	background-color: #dddddd;
}
.logo-section .navigation .main-nav li ul li ul li ul {
    background-color: #bebebe;
}
.logo-section .navigation .main-nav li ul li ul li ul li:hover > a {
    background-color: #aaa;
}
/*----bottom section ----*/
.bottom-section .hed h1 {
    color: #000;
    font-size: 42px;
	margin-bottom:5px;
}
.bottom-section .hed p {
    font-size: 13px;
}
.timber {
	text-align: right;
	margin-left: -20px;
    margin-right: -20px;
	background-image:url(../images/specialised-timber-upvc-doors-windows_06.png);
	background-repeat:repeat;
	padding: 10px 25px 0;
}
.contact {
    padding-top: 35px;
	background-image:url(../images/wilkins-windows_06.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-align: center;
	margin-bottom: 10px;
}
.contact h1 {
    color: #000;
	margin-bottom: 5px;	
}
.contact > h1 .call {
    font-size:28px;
	background-image:url(../images/wilkins-windows_11.png);
	background-repeat:no-repeat;
    padding-left: 35px;
	background-position:left center;
}
.contact a {
    color: #000;
    font-size: 20px;
}
.contact > a .mail {
	background-image:url(../images/wilkins-windows_15.png);
	background-repeat:no-repeat;
	background-position:left center;
    padding-left: 35px;
}
/*------content section----*/
.content-section {
	margin-top:20px;
	margin-bottom:20px;
}

/*----page bottom ----*/
.bottom a {
    display: inline-block;
}
.bottom  a + a{
    margin-left: 25px;
}



@media all and (min-width:480px) and (max-width:767px) {
	.hed,.contact {
		float: none;
		text-align: center;
	}
	.contact {
		background-position:center top;	
	}
	/*------*/
	.logo-section .navigation .menu {
		display: block;
	}
	.logo-section .navigation .main-nav {
		padding-top: 58px;
		display:none;
	}
	.logo-section .navigation .main-nav li {
		display: block;
	}
	.logo-section .navigation .main-nav li + li {
		border: 0 none;
	}
	/*.logo-section .navigation .main-nav li ul {
		position:absolute;
		right:60%;
	}
	.logo-section .navigation .main-nav li ul li ul {
		right:50%;
	}*/
	.logo-section .navigation .main-nav {
		display: none;
		padding-top: 0;
		position: absolute;
		right: 0;
		top: 40px;
		width: 200px;
		background:#fff;
		border:1px solid #ccc;
		z-index:999;
	}
	.logo-section .navigation .main-nav li ul {
		display: block;
		position: relative;
		right: 0;
		background:none;
		margin-left:11px;	
	}
	.logo-section .navigation .main-nav li ul li ul {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		margin: 0 0 0 21px;
		position: relative;
		right: 0;
	}
	.logo-section .navigation .main-nav li ul li ul li ul {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
}
@media all and (max-width:479px) {
	.hed,.contact {
		float: none;
		text-align: center;
	}
	.contact {
		background-position:center top;	
	}
	.logo-section .navigation .menu {
		display: block;
	}
	.logo-section .navigation .main-nav {
		padding-top: 42px;
	}
	.logo-section .navigation .main-nav {
		display: none;
		padding-top: 0;
		position: absolute;
		right: 0;
		top: 40px;
		width: 200px;
		background:#fff;
		border:1px solid #ccc;
		z-index:999;
	}
	.logo-section .navigation .main-nav li ul{
		background:none;	
	}
	.logo-section .navigation .main-nav li ul {
		display: block;
		position: relative;
		right: 0;
		margin-left:11px;	
	}
	.logo-section .navigation .main-nav li ul li ul {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		margin: 0 0 0 21px;
		position: relative;
		right: 0;
	}
	.logo-section .navigation .main-nav li ul li ul li ul {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.logo-section .navigation .main-nav li {
		display: block;
	}
	.logo-section .navigation .main-nav li + li {
		border: 0 none;
	}
	/*.logo-section .navigation .main-nav li ul {
		position:absolute;
		right:0%;
	}
	.logo-section .navigation .main-nav li ul li ul {
		right:50%;
	}*/
}
@media all and (max-width:450px) {
	.bottom {
		text-align: center;
	}
	.bottom .united,.bottom .awa {
		float: none;
		margin-bottom: 10px;
	}
	.bottom-section .hed h1 {
		font-size: 30px;
	}
}
.ImgNewsRight {
	float: right;
	margin-bottom: 15px;
	margin-left: 25px;
}
.ImgNewsLeft {
	float: left;
	margin-bottom: 15px;
	margin-right: 25px;
}