/* CSS Document */

/* AS Kitchens Ltd - as_kitchens_main.css  =============================================== */
/* Copyright A&G Creative 2014  =============================================== */
/* Author A&G Creative =============================================== */

/* QUICK COLOUR REFERENCE  =============================================== */
/* Blue #23408F */
/* Grey #818285 */

@import url("reset.css");
@import url("queries.css");
@import url("responsive-nav.css");
@import url("responsive.gs.12col.css");
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic|Open+Sans:400,300,600,700,800);

/* Generic Selectors  =============================================== */

/* HTML5 tags */

header, section, footer, aside, nav, article, figure {
	display: block;
}

body {
	color: #666;
	font-size: 16px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #fcfcfc;
	background: #fff;
}
a {
	color: #23408F;
	text-decoration: none;
}
a:hover {
	color: #000;
}

/* Headers */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin: 0 0 20px 0;
	color: #818285;
}
h1, h2.h1Style {
	font-size: 36px;
	line-height: 40px;
	letter-spacing: 1px;
	margin: 0 0 40px 0;
	font-weight: 300;
	color: #23408F;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 26px;
	line-height: 32px;
	margin: 0 0 40px 0;
	font-family: 'PT Serif', serif;
}
h3 {
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 1px;
	margin: 0 0 30px 0;
	font-weight: 300;
	color: #23408F;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}	
h4 {
	font-size: 22px;
	line-height: 28px;
}
h5 {
	font-size: 16px;
	line-height: 22px;
}
h2 a, h3 a {
	color: #23408F;
	text-decoration: none !important;
}
h2 a:hover, h3 a:hover {
	color: #999;
	text-decoration: none;
}

/* Paragraphs */

p {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 30px 0;
}
* p:last-child, * h2:last-child {
	margin-bottom: 0;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
 
::-moz-selection {
 background: #23408F;
 color: #FFF;
}
::selection {
	background: #23408F;
	color: #FFF;
}
img {
	border: 0;
    vertical-align: middle;
	max-width: 100%;
}
small {
	font-size: 12px;
	line-height: 14px;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/* Classes */

.GenBtn, .PageTop {
	padding: 3px 10px;
	background: #23408F;
	color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
a.GenBtn {
	background: #23408F;
	color: #FFF !important;
}
a:hover.GenBtn {
	background: #666;
	color: #FFF !important;
}
.clearer {
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
.FloatRight {
	float: right;
}
.Blue {
	color: #23408F;
}
.Grey {
	color: #818285;
}

.Red {
	color: #FF0000;
}

/* Shared Styles Layout  =============================================== */ 


#formContact .needsfilled, .formDC .needsfilled {
	background: #ffcaca;
	color:white;
	text-align: right;
}
.formDC input.btn, .formDC input.btnhov, #formContact input.btn, #formContact input.btnhov {
	font-size: 12px;
	line-height: 22px;
	height: 32px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	padding: 0 2px;
	border: none;
	width: 80px;
}
.formDC input.btn, .formDC input.btnhov, #formContact input.btn, #formContact input.btnhov {
	background: #23408F;
	color: #FFF;
}
.formDC input.btnhov, #formContact input.btnhov {
	background: #000;
	color: #FFF;
}
 

/* Begin Page Layout  =============================================== */

#divContainer {
}

/* 	Header **************** */

#BannerWrapper {
	width: 100%;
	padding: 0;
	background: url(../images/bg_main_01.gif) repeat-x top #fff;
}

#Banner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
	
}		
#HeadContact {
	padding: 10px 0;
}
#HeadContact h2 {
	color: #818285;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	text-align: right;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#HeadContact h2 a {
	color: #818285;
}
#HeadContact h2 a:hover {
	color: #fff;
}
#HeadLogo {
	padding: 10px 0 0;
}
#HeadTitle {
	padding: 40px 0 0;
	text-align: center;
}
#HeadTitle h2 {
	font-size: 18px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#HeadSocial {
	padding: 20px 0;
	text-align: right;
}
#ulHeadSocial {
	margin: 0;
	padding: 0;
	float: right;
}
#ulHeadSocial li {
	float: left;
	text-align: right;
	list-style: none;
	margin: 0 0 0 5px;
}
#ulHeadSocial li a.rollover {
	display: block;
	width: 40px;
	height: 40px;
	text-decoration: none;
	background: url(../images/icons/social_icons/ico_social_lg.png);
}
#ulHeadSocial li a.rollover.Facebook {
	background-position: -80px 0;
}
#ulHeadSocial li a.rollover.Twitter {
	background-position: -80px -40px;
}
#ulHeadSocial li a.rollover.LinkedIn {
	background-position: -80px -80px;
}
#ulHeadSocial li a.rollover:hover.Facebook {
	background-position: -40px 0;
}
#ulHeadSocial li a.rollover:hover.Twitter {
	background-position: -40px -40px;
}
#ulHeadSocial li a.rollover:hover.LinkedIn {
	background-position: -40px -80px;
}
#ulHeadSocial li .displace {
	position: absolute;
	left: -5000px;
}
#NavWrapper {
	width: 100%;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	text-transform: uppercase;
	z-index: 1000;
}
#nav {
}


/* 	END Header **************** */

/* Main Body Layout =============================================== */

#divMainBody, .MainBody, .MainBodyCenter {
	margin: 0 0 20px 0;	
}
#divMainImg {
	max-width: 1060px;
	margin: 0 auto;
}
.MainBodyCenter h1, .MainBodyCenter h2, .MainBodyCenter p {
	text-align: center;
}

/* Main Body Layout END =============================================== */

/* Right Cols Layout  =============================================== */

#divFacebook, #divTwitter, #divFacebookRight, #divTwitterRight {
	margin-bottom: 20px;
}
.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {
    width: 100% !important;
}
#RightTesimonials {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 20px;
	color: #FFF;
	background: #23408F;
}
#RightTesimonials h2 {
	color: #FFF;
}
#RightTesimonials p {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
}

/* END Right Cols Layout  =============================================== */

/* Footer Layout  =============================================== */

#FooterWrapper {
	background: #cacaca;
	padding: 40px 0;
}
#Footer, #Footer p {
	font-size: 12px;
	line-height: 16px;
}
#Footer a {
	color: #666;
	text-decoration: none;
}
#Footer a:hover {
	color: #23408F;
}
#Footer h4 {
	color: #23408F;
	font-size: 16px;
	line-height: 18px;
}
#Footer h4 a {
	color: #23408F;
	text-decoration: none;
}
#Footer h4 a:hover {
	color: #666;
}
#divFooterCopy {
	max-width: 1060px;
	margin: 0 auto;
	padding: 10px 0 0;
}
#divFooterCopy {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 40px; /* Firefox */
	-webkit-column-gap: 40px; /* Safari and Chrome */
	column-gap: 40px;
	/*display: none;*/
}
#divFooterCopy p {
}

#FooterLinks, #FooterAddress {
	margin-bottom: 0;
}

#FooterLinks ul {
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 50%;
}
#FooterLinks ul.Class {
	width: 100%;
}
#FooterLinks li {
	margin: 0 0 5px 0;
	padding: 0;
}
#FooterAddress, #FooterAddress p, #FooterAddress h4 {
	text-align: right;
}
#FooterAddress p {
	text-align: right;
	margin: 0;
}
#divFooterCopyrightWrapper {
	color: #818285;
	background: #404040;
	padding: 10px 0;
}
#divFooterCopyright {
	max-width: 1060px;
	margin: 0 auto;
	padding: 10px 20px;
	line-height: 30px;
}
#divFooterCopyright p {
	margin: 0 0 10px 0;
}
#divFooterCopyright a {
	color: #818285;
	text-decoration: none;
}
#divFooterCopyright a:hover {
	color: #c3c3c3;
}
#FooterSocial {
	text-align: right;
}
#ulFooterSocial {
	margin: 0;
	padding: 0;
	float: right;
}
#ulFooterSocial li {
	float: left;
	list-style: none;
	margin: 0 0 0 5px;
}
#ulFooterSocial li a.rollover {
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	background: url(../images/icons/social_icons/ico_social_footer_sml.png);
}
#ulFooterSocial li a.rollover.Facebook {
	background-position: -20px 0;
}
#ulFooterSocial li a.rollover.Twitter {
	background-position: -20px -20px;
}
#ulFooterSocial li a.rollover.LinkedIn {
	background-position: -20px -40px;
}
#ulFooterSocial li a.rollover:hover.Facebook {
	background-position: -40px 0;
}
#ulFooterSocial li a.rollover:hover.Twitter {
	background-position: -40px -20px;
}
#ulFooterSocial li a.rollover:hover.LinkedIn {
	background-position: -40px -40px;
}
#ulFooterSocial li .displace {
	position: absolute;
	left: -5000px;
}
a.PageTop {
	background: #818285;
	color: #404040 !important;
}
a:hover.PageTop {
	background: #c3c3c3;
	color: #404040 !important;
}

/* Footer Layout END  =============================================== */

/* Homepage Layout  =============================================== */

.WrapperWhite {
	background: #fff;
	padding: 40px 0;	
}

.WrapperGrey {
	background: #f5f5f5;
	padding: 40px 0;	
}
.PageIntro {
	background: url(../images/icons/pg_break_grey.png) no-repeat center bottom;
	padding-bottom: 60px;
}
.PageIntro h1, .PageIntro h2, .PageIntro h3, .PageIntro p, .HomeKitchenStyles h1, .HomeKitchenStyles h2, .HomeKitchenStyles h3, .HomeKitchenStyles p, .HomeServices h1, .HomeServices h2, .HomeServices h3, .HomeServices p {
	text-align: center;
}
.HomeKitchenStyles h2.h1Style {
	text-align: center;
}
.HomeKitchenStyles {
	/*background: url(../images/temp_imgs/bg_test.jpg) no-repeat;
	background-size: cover;*/
}

.HomeKitchenStyles h2.h1Style, .HomeServices h2.h1Style {
	text-align: center;
}
.HomeServices {	
}

.HomeServices div img {
	max-width: 160px;
	height: auto;
}
.KitchenStylesIntro {
	padding: 20px 0;
	
}
.WrapperAppliances {
	background: #f5f5f5;
	padding: 20px 0;	
}
.WrapperAppliances > div > div {
	width: 20%;
	float: left;
	padding: 0 !important;
	margin: 0 !important;
}
.WrapperAppliances img {
	max-width: 80%;
}
/* Homepage Layout END  =============================================== */

/* Kitchen Ranges END  =============================================== */

#RangesGallery {
	margin-bottom: 40px;
}
.RangesGalleryContainer {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.RangesGalleryContainer img {
	
    vertical-align: middle;
	max-width: 100%;
}
.RangesGalleryItem {
	width: 23.5%;
	margin: 0 2% 20px 0;
	float: left;
	transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -webkit-transition:all .5s ease-in-out;
}
.RangesGalleryItem:nth-child(4n+4) {
	margin-right: 0;
}
.RangesGalleryItem img {
	 max-width: 100% !important; height: auto !important; width: 100% !important;
	 border: 1px solid #CCCCCC;
	 margin: 0 0 10px 0;
}
.RangesGalleryItem h2 {
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0;
	margin: 0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
}
.RangeColours {
	width: 18.4%;
	margin: 0 2% 2% 0;
	float: left;
	transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -webkit-transition:all .5s ease-in-out;
}
.RangeColours:nth-child(5n+5) {
	margin-right: 0;
}
@media screen and (max-width: 480px) {
.RangeColours {
	width:32%;
	margin: 0 2% 2% 0;
	float: left;
	transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -webkit-transition:all .5s ease-in-out;
}
.RangeColours:nth-child(5n+5) {
	margin-right: 2%;
}
.RangeColours:nth-child(3n+3) {
	margin-right: 0;
}
.RangeColours {
	height: 120px;
}
.RangeColours h4 {
	text-align: center;
}
}
.RangeColours div {
	width: 100%;
	height: 80px;
	margin-bottom: 5px;
}

/* Contemporary Colours */

.RangeColours .White {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.RangeColours .Beige {
	background: #d1c6b5;
	border: 1px solid #fff;
}
.RangeColours .DoveGrey {
	background: #c8c7c5;
	border: 1px solid #fff;
}
.RangeColours .Porcelain {
	background: #f7f5ea;
	border: 1px solid #fff;
}
.RangeColours .LightOlive  {
	background: #a9a191;
	border: 1px solid #fff;
}
.RangeColours .Graphite {
	background: #3f3e3f;
	border: 1px solid #fff;
}
.RangeColours .Alabaster {
	background: #e9e5ce;
	border: 1px solid #fff;
}
.RangeColours .StoneGrey {
	background: #938980;
	border: 1px solid #fff;
}
.RangeColours .Black {
	background: #1b0004;
	border: 1px solid #fff;
}
.RangeColours .Almond {
	background: #e1dcc8;
	border: 1px solid #fff;
}
.RangeColours .BrownGrey {
	background: #746b63;
	border: 1px solid #fff;
}
.RangeColours .ChalkBlue {
	background: #829294;
	border: 1px solid #fff;
}
.RangeColours .Cashmere {
	background: #c3bab3;
	border: 1px solid #fff;
}
.RangeColours .Lava {
	background: #575350;
	border: 1px solid #fff;
}
.RangeColours .Aubergine {
	background: #482f43;
	border: 1px solid #fff;
}

/* Classic Colours */

.RangeColours .Chalk {
	background: #fcfbf5;
	border: 1px solid #fff;
}
.RangeColours .ParchmentWhite {
	background: #f9f9ee;
	border: 1px solid #fff;
}
.RangeColours .Ivory {
	background: #f0e7c9;
	border: 1px solid #fff;
}
.RangeColours .Almond {
	background: #e1dcc8;
	border: 1px solid #fff;
}
.RangeColours .Porcelain {
	background: #f7f5ea;
	border: 1px solid #fff;
}
.RangeColours .Alabaster {
	background: #e9e5ce;
	border: 1px solid #fff;
}
.RangeColours .Sage {
	background: #c9cab0;
	border: 1px solid #fff;
}
.RangeColours .Linen {
	background: #b0a894;
	border: 1px solid #fff;
}
.RangeColours .PartridgeGrey {
	background: #c8c9c3;
	border: 1px solid #fff;
}
.RangeColours .ChinaBlue {
	background: #bdc5b9;
	border: 1px solid #fff;
}
.RangeColours .FlintGrey {
	background: #b6b79f;
	border: 1px solid #fff;
}
.RangeColours .TrenchCoatGrey {
	background: #9b9c90;
	border: 1px solid #fff;
}
.RangeColours .Slate {
	background: #646967;
	border: 1px solid #fff;
}
.RangeColours .Charcoal {
	background: #373845;
	border: 1px solid #fff;
}
.RangeColours .Stone {
	background: #b9b2a8;
	border: 1px solid #fff;
}
.RangeColours .Damson {
	background: #7a6969;
	border: 1px solid #fff;
}
.RangeColours .Suede {
	background: #9b9489;
	border: 1px solid #fff;
}
.RangeColours .Cranberry {
	background: #814a5d;
	border: 1px solid #fff;
}
.RangeColours .Willow {
	background: #9fa38c;
	border: 1px solid #fff;
}
.RangeColours .Moleskin {
	background: #3d3337;
	border: 1px solid #fff;
}
.RangeColours .MorrisBlue {
	background: #879898;
	border: 1px solid #fff;
}
.RangeColours .Cornflower {
	background: #6b7d99;
	border: 1px solid #fff;
}
.RangeColours .CopseGreen {
	background: #455352;
	border: 1px solid #fff;
}
.RangeColours .HartforthBlue {
	background: #2e4352;
	border: 1px solid #fff;
}
.RangeColours .Almond {
	background: #e1dcc8;
	border: 1px solid #fff;
}
.RangeColours .Ivory {
	background: #f0e7c9;
	border: 1px solid #fff;
}
.RangeColours .Terra {
	background: #403b3d;
	border: 1px solid #fff;
}
.RangeColours .Ebony {
	background: #292012 url(../images/bg_ebony.gif);
	border: 1px solid #fff;
}

.RangeColours h4 {
	color: #666;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0;
}
	
/* MEDIA QUERIES*/

@media screen and (max-width: 920px) and (min-width: 581px) {
.RangesGalleryItem {
	width: 32.0%;
}
.RangesGalleryItem:nth-child(4n+4) {
	margin-right: 2%;
}
.RangesGalleryItem:nth-child(3n+3) {
	margin-right: 0;
}
}

@media only screen and (max-width: 580px) {
	.RangesGalleryItem {
		width: 49%;
}
	.RangesGalleryItem:nth-child(4n+4) {
	margin-right: 2%;
}
	.RangesGalleryItem:nth-child(3n+3) {
	margin-right: 2%;
}
.RangesGalleryItem:nth-child(2n+2) {
	margin-right: 0;
}
}

/* Kitchen Ranges END  =============================================== */

/* Gallery Layout  =============================================== */

#Gallery {
	margin-bottom: 40px;
}
.GalleryContainer {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.GalleryContainer img {
	border: 0;
    vertical-align: middle;
	max-width: 100%;
}

/*GALLERY STYLES*/
.galleryItem {
	width: 23.5%;
	margin: 0 2% 2% 0;
	float: left;
	transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -webkit-transition:all .5s ease-in-out;
}
.galleryItem:nth-child(4n+4) {
	margin-right: 0;
}
.galleryItem img {
	 max-width: 100% !important; height: auto !important; width: 100% !important;	 
}
/* MEDIA QUERIES*/

@media screen and (max-width: 800px) and (min-width: 481px) {
.galleryItem {
	width: 32.0%;
	
}
.galleryItem:nth-child(4n+4) {
	margin-right: 2%;
}
.galleryItem:nth-child(3n+3) {
	margin-right: 0;
}
}

@media only screen and (max-width: 480px) {
	.galleryItem {
		width: 49%;
}
	.galleryItem:nth-child(4n+4) {
	margin-right: 2%;
}
	.galleryItem:nth-child(3n+3) {
	margin-right: 2%;
}
.galleryItem:nth-child(2n+2) {
	margin-right: 0;
}
}

/* Gallery Layout END  =============================================== */

/* Contact Layout =============================================== */

#divContactMap {
	width: auto;
}
#divContactMap iframe {
	width: 100%;
	height: 400px;
}
#ulOpenHours {
	margin-bottom: 20px;
	position: relative;
}
#ulOpenHours li {
	margin-bottom: 5px;
}
#ulOpenHours li span {
	position: absolute;
	left: 160px;
	color: #23408F;
}
#formContact {
	margin-bottom: 20px;
}
#ulContactForm {
	margin-bottom: 0;
}
#ulContactForm li {
	margin-bottom: 5px;
}
#formContact input, #formContact textarea, #formContact select {
	width: 100%;
	max-width: 100%;
	border: 1px solid #CCC;
	color: #999;
	font-size: 12px;
	padding: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#formContact input {
	line-height: 22px;
}
#formContact textarea {
	min-height: 150px
}
#formContact select {
	padding: 0 3px;
	line-height: 32px;
	width: 100%;
	max-width: 100%;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    text-overflow: '';
    background: #fff url('../images/icons/down_arrow.png') no-repeat 98% 50%;
}
#formContact input.btnhov {
	background: #CCC;
	color: #FFF;
}

/* Contact Layout END =============================================== */

/* DataCap Layout  =============================================== */

#QuoteDataCap {
	background: #fff;
	color: #999;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e6e6e6;
}
#QuoteDataCap h2 {
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}
#QuoteDataCap p {
	font-size: 14px;
	line-height: 16px;
}
.formDC, .formDC fieldset input, .formDC fieldset textarea, .formDC label {
	line-height: 32px;
	color: #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
}
.formDC p {
	position: relative;
	margin: 0 0 5px 0;
}
.formDC p label {
	position: absolute;
	top: 0;
	left: 0;
}
.formDC p br {
	display: none;
}
.formDC fieldset {
	border: 0;
}
.formDC fieldset p input, .formDC fieldset p textarea {
	display: block;
	width: 100%;
	height: 32px;
	margin: 0;
	border: none;
	padding: 5px;
	border: 1px solid #e6e6e6;
}
.formDC fieldset p label {
	font-size: 12px;
	line-height: 32px;
	display: block;
	margin: 0 5px;
	padding: 0;
}
/*.formDC fieldset p input.Date, .formDC fieldset p input.Time {
	background-repeat: no-repeat;
	background-position: right;
}
.formDC fieldset p input.Date {
	background-image: url(../images/icons/cal.gif);
}
.formDC fieldset p input.Time {
	background-image: url(../images/icons/clock.gif);
}*/


/* DataCap Layout  =============================================== */