html {
  box-sizing: border-box;
	margin:0;
   padding:0;
   height:100%;
	width:100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}


/* START MAIN LAYOUT STYLES */

body {
    font-size: 15px;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
  /*  background: #7e96ac url("/images/body-bg.png") repeat-x; */
    color: #232323;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}

#container {
    width: 100%;
    min-width: 960px;
    padding: 0 0 0 0;
	min-height:100%;
	background:#f1f1f1;
}

/*

#headerLeft {
   background: url("/images/header-left-bg.png");
   width: 50%;
   position: absolute;
 top:10px;
   left: 0px;
   height: 148px;
}


#headerRight {
   background: url("/images/header-right-bg.png");
   width: 50%;
   position: absolute;
	top:10px;
   right: 0px;
   height: 148px;
}
*/

#header {
	position:relative;
    float: left;
    width: 100%;
    z-index: 2000;
	background:#ffffff url("/images/header-bg.png") repeat-x 0 175px; 
	border-bottom:1px solid #ffffff;
}

#headerContent {
	position:relative;
    width: 960px;
    margin: 0 auto;
    padding: 0 0 2px 0;
    z-index: 2000;
}

#welcomeMessage
{
	position:absolute;
	top:40px;
	left:300px;
	opacity:0;
	z-index:2500;
	background:url("/images/welcome-bg.png") no-repeat 0 0;
	padding:6px 40px 6px 100px;
	color:#ffffff;
	font-size:23px;
	border-radius:0 20px 20px 0;
}

#containerContent {
    width: 960px;
    text-align: left;
    min-height: 800px;
    margin: 0 auto 20px auto;
	padding:0 0 80px 0;
    /*background:#ffffff;*/
overflow:hidden;
}



#header .logo {
    float: left;
    margin: 6px 0 0 0;
}

#mainBanner {
	float: right;
	width: 636px;
	height:174px;
}


#header .telephone {
    float: right;
    font-size: 19px;
    margin: 8px 0 0 0;
    color: #ffffff;
   /* font-family: 'Segoe UI', Calibri, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; */
}

#header .linkedInLink {
    float: right;
   
    margin: 8px 0 0 25px;

}

    #header .telephone a:link,
    #header .telephone a:visited,
    #header .telephone a:hover {
        font-size: 20px;
        color: #ffffff;
        text-decoration: none;
    }

#mobileMenu {
    display:none;
}

#horizMenu {
    float: left;
	clear:both;
    width: 650px;
    margin: 0px 0 0 0;
   
    z-index: 500;
}

    #horizMenu ul {
        margin: 0 -15px 0 0;
        padding: 0;
        z-index: 2000;
	font-size: 20px !important;
    }

    #horizMenu li {
        position: relative;
        padding: 0;
		margin:0;
        list-style: none;
        display: inline;
        white-space: nowrap;
	line-height:15px;
	            font-size: 20px !important;

    }

        #horizMenu li a:link,
        #horizMenu li a:visited,
        #horizMenu li p {
            display: inline-block;
            padding: 10px 20px 10px 10px;
            margin: 0;
           /* font-family: 'Segoe UI', Calibri, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; */
            font-size: 18px !important;
            color: #ffffff;
            text-decoration: none;
        }

        #horizMenu li p,
		#horizMenu li a.noLink {
            cursor: default;
        }

        #horizMenu li a:hover {
            text-decoration: underline;
        }

        #horizMenu li.firstLink a:link,
        #horizMenu li.firstLink a:visited {
            background: none;
            border: none;
        }

        #horizMenu li.active a:link,
        #horizMenu li.active a:visited,
        #horizMenu li.active p {
            color: #cccccc;
        }


        /* Sub menu styles */

        #horizMenu li ul {
            /*display: none;*/
            position: absolute;
          /*  -moz-box-shadow: 3px 3px 5px #5f5f5f;
            -webkit-box-shadow: 3px 3px 5px #5f5f5f;
            box-shadow: 3px 3px 5px #5f5f5f; */
            border-bottom: 5px solid #d9680a;
            padding: 12px 25px 10px 20px;
            border-radius: 0 0 10px 10px;
            text-align: left;
            left: -15px;
            top: 100%;
            min-width: 100%;
            background: #d9680a;
			margin:0 0 0 0;
            /*background:#044777;*/
        }

        #horizMenu li:hover ul {
            /*display: block !important;*/
        }

        #horizMenu li ul li {
            display: block;
            clear: both;
        }

            #horizMenu li ul li a:link,
            #horizMenu li ul li a:visited {
                display: block;
                font-size: 16px !important;
                border-left: none !important;
                padding: 5px 5px 8px 5px;
                background: none;
                margin: 0;
                color: #ffffff !important;
            }

            #horizMenu li ul li.active a:link,
            #horizMenu li ul li.active a:visited {
                color: #cccccc !important;
            }




#mainContent {
	float:left;
    position: relative;
    width: 100%;
    min-height: 600px;
	margin:10px 0 0 0;
}

#mainContent #facebookLike
{
    position:absolute;
	top:1px;
    right:1px;
    padding:5px 5px 5px 5px;
    background:#3b1812;
    /*opacity:0.75;*/
    z-index:1500;
    opacity:0;
}



.heading1 {
    padding: 10px 0 0 0;
}


.sideBar
{
	float:left;
	width:252px;
}

#fadingImage
{
	border:2px solid #ffffff;
	border-radius:2px;
}

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

.facebookFeed .facebookTitle
{
	font-size:18px;
	color:#78013d;	
	background:url("/images/facebook-logo-small.png") no-repeat 0 0px;
	padding:0 0 15px 30px;
}

.facebookFeed .postDate
{
	font-size:13px;
	color:#666666;
	font-style:italic;
	margin:0 0 5px 0;
	padding:0;
}

.facebookFeed .textContent
{
	font-size:13px;
	line-height:16px;
	margin:0 0 15px 0;
	padding:0;
}


.facebookFeed .likeButton
{
	 margin:0 0 0 -5px;
	text-align:center;
}


#footer {
	position:relative;
    width: 100%;
    min-width: 960px;
    background: #3b1812;
    border-top: 4px solid #d9680a;
	margin:30px 0 0 0;

}

#footer .webfletch
{
	position:absolute;
	bottom:2px;
	right:2px;	
}

#footer .webfletch a
{
	font-size:11px;
	color:#cccccc;
}



#footerContent {
    width: 960px;
    text-align: left;
    overflow: hidden;
    margin: 0 auto;
    padding: 5px 0 7px 0;
}


    #footerContent .logo {
        float: left;
        width: 165px;
        margin: 5px 0 0 5px;
    }

    #footerContent .footerMainText {
        float: left;
        width: 450px;
        margin: 6px 0 0 130px;
        text-align: center;
    }

        #footerContent .footerMainText p {
            color: #ffffff;
            margin: 0;
            padding: 0;
            font-size: 13px;
        }

    #footerContent .facebookFollow {
        float: right;
    }

        #footerContent .facebookFollow .text {
            float: left;
            font-family: Arial;
            font-size: 13px;
            color: #ffffff;
            margin: 50px 0 0 0;
        }

        #footerContent .facebookFollow .image {
            float: left;
            font-family: Arial;
            font-size: 13px;
            color: #ffffff;
            margin: 20px 0 0 5px;
        }


    #footerContent .greenAchiever {
        float: right;
		margin:3px 0 0 10px;
    }


/* END MAIN LAYOUT STYLES */



/* START GENERAL STYLES */

a:link,
a:visited {
    text-decoration: none;
    color: #6084a5;
}

a:hover {
    color: #94bee5;
}

p,
label {
    margin: 0px 0px 10px 0px;
    font-size: 15px;
    color: #232323;
    line-height: 21px;
}

label
{
	margin:0;
	line-height:normal;
}


h1 {
    margin: 0 0 15px 0;
    color: #3b1812;
    font-size: 22px;
    font-weight: bold;
    font-family: Arial;
}


h2 {
    margin: 0px 0px 10px 0px;
    font-size: 22px;
    color: #3b1812;
    font-weight: normal;
   
}

h3 {
    margin: 0px 0px 10px 0px;
    font-size: 125%;
    color: #3b1812;
    font-weight: normal;

}

h4 {
    margin: 0px 0px 10px 0px;
    font-size: 115%;
    color: #3b1812;
    font-weight: normal;
   
}

ul {
    list-style: disc outside;
    padding: 0 0 10px 25px;
    margin: 0 0 0 0;
}

li {
    padding: 0 0 5px 0;
	font-size:15px;
}


strong, b, strong *, b * {
    font-weight: bold !important;
}

em, i, em *, i * {
    font-style: italic !important;
}

input[type=submit],
input[type=button],
button {
    padding: 6px 10px;
    font-size: 16px;
}

.addedToBasketProduct {
    color: #f78300;
}

.addedToBasket {
    width: 300px;
}

    .addedToBasket .buttons {
        padding: 10px 0;
        text-align: center;
    }

textarea {
    font-family: arial;
    font-size: 15px;
}

.standardSection {
    display: none;
   border: 1px solid #ededed; 
    border-radius: 10px;
	background:#ffffff;
    /*-moz-box-shadow: 15px 15px 30px #232323;
    -webkit-box-shadow: 10px 15px 30px #232323;
    box-shadow: 15px 15px 30px #232323;*/

}

.facebookLike {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #3b1812;
    text-align: right;
}

.validator
{
	color:red;	
}

.validationSummary
{
	float:left;
	color:red;	
	padding:10px 60px 0 60px;
}

.validationSummary ul
{
	padding-top:5px;
}

td
{
	padding:5px;
}

td p
{
	margin:0;
	padding:0;
}




/* END GENERAL STYLES */



/* START MODAL POPUP STYLES */

.modal {
    background-color: #DCDCDC;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.modalWindow {
    width: 300px;
    padding: 10px;
    background: #ffffff;
    overflow: hidden;
    border: 2px solid #f78300;
}


    .modalWindow p {
        padding: 10px;
    }

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

        .modalWindow .buttons input {
            padding: 3px 6px;
        }



    .modalWindow .field {
        float: left;
        width: 100%;
        margin: 0 0 5px 0;
    }

    .modalWindow .label {
        float: left;
        width: 100px;
    }

    .modalWindow .input {
        float: left;
        width: 200px;
    }

        .modalWindow .input label {
            padding: 0 0 0 3px;
        }


/* END MODAL POPUP STYLES */


/* START LATEST NEWS WIDGET */

.latestNews {
    float: left;
    width: 100%;
    /*background: rgba(32,52,82,0.9);*/
    background: rgb(47, 69, 100);
    background: rgba(47, 69, 100, 0.93);
    padding: 0 0 5px 0;
}

    .latestNews h3 {
        padding: 15px 20px 5px 20px;
        font-size: 20px;
    }

    .latestNews h4 {
        padding: 0 0 0 16px;
        font-size: 16px;
        background: url("/images/arrow-bullet.png") no-repeat 0 5px;
    }

    .latestNews p {
        padding: 0 0 0 16px;
        margin: 0 0 5px 0;
        font-size: 15px;
    }


    .latestNews .article {
        float: left;
        width: 190px;
        padding: 12px 0 15px 0;
        margin: 0 20px;
        border-top: 1px solid #cccccc;
    }

    .latestNews .articleFirst {
        border: none;
        padding-top: 0;
    }

    .latestNews .readMore {
        float: right;
    }

/* END LATEST NEWS WIDGET */



/* START HOMEPAGE STYLES */

.homepageContainer {
	float:right;
    width: 708px;
}



    .homepageContainer #mobileMainBanner {
        display:none;
    }



 .homepageContainer #mainBanner h2{
    font-size:28px;
    font-family:'Segoe UI',Arial;
    font-weight:normal;
    color:#ffffff;
    padding:0 0 0 10px;
		margin:0 0 0  0;
}

 .homepageContainer #mainBanner h2 a:link,
.homepageContainer #mainBanner h2 a:visited
{
	color:#ffffff;
	text-decoration:none;
}

.homepageContainer #mainBanner h2 a:hover
{
	text-decoration:underline;
}

 .homepageContainer #mainBanner p{
    font-size:15px;
    font-family:Arial;
    color:#cccccc;
    padding:0 0 0 10px;
}

 .homepageContainer #mainBanner p a:link,
.homepageContainer #mainBanner p a:visited
{
	color:#ffffff;
	text-decoration:none;
}

.homepageContainer #mainBanner p a:hover
{
	text-decoration:underline;
}



.homepageContainer .descpanelbg
{
	background:#3b1812 !important;
	opacity:0.8 !important;
	width:960px !important;
}

.homepageContainer .descpanelfg
{
			width:960px !important;
}

.homepageContainer .gallerylayer img
{
	margin-left:0 !important;
}


    .homepageContainer .mainText {
        position: relative;
        float: left;
     
        padding: 15px 20px;
        margin: 0 0 0 20px;
    }

    .homepageContainer .facebookFeed
{
        float: left;
        width: 100;
        padding: 15px 20px;
        margin: 0 0 0 0;
        background: #ffffff;
    }

/* END HOMEPAGE STYLES */



/* START STANDARD STYLES */

.standardContainer  {
	float:right;
    width:708px;
}

.standardContainer .mainText {
    float: left;
    padding: 15px 20px;
	margin:0 0 0 20px;

	width:688px; 
	min-height:400px;
}




.standardContainer .mainImage {
    float: right;
    margin: 0 0 5px 10px;
    border: 1px solid #cccccc;
}


.standardContainer .video
{
    float: right;
	width:356px;
    margin: 0 0 5px 10px;
    border: 1px solid #cccccc;
}

.standardContainer .glassTypes
{
    float: left;
	width:100%;
    margin: 10px 0 0 0;
}

.standardContainer .mainTextVideo
{
    float: right;
    margin: 0 0 5px 10px;
}



/* END STANDARD STYLES */


/* START CONTACT STYLES */

#contactContainer .mainTextContent {
    float: left;
   /* width: 100%; */
	margin:0 0 0 0;
	
}


#contactContainer .enquiryForm {
    float: left;
    width: 300px;
    margin: 0 5px 10px 10px;
}

    #contactContainer .enquiryForm .field {
        float: left;
        width: 100%;
        margin: 5px 0 5px 0;
    }


    #contactContainer .enquiryForm .label {
        float: left;
        width: 60px;
        height: 20px;
        line-height: 20px;
        margin: 0 0 0 0;
    }

    #contactContainer .enquiryForm .input {
        float: left;
        width: 150px;
        height: 20px;
        line-height: 20px;
        margin: 0 0 5px 0;
    }

        #contactContainer .enquiryForm .input input {
            width: 228px !important;
            padding: 5px;
            border-radius: 5px;
            border: 1px solid #cccccc;
        }

    #contactContainer .enquiryForm textarea {
        margin: 5px 0 0 0;
        width: 295px !important;
        padding: 5px;
        border-radius: 5px 0 0 5px;
        border: 1px solid #cccccc;
        height: 78px;
    }

    #contactContainer .enquiryForm .multiLine {
        height: auto;
        line-height: normal;
    }

    #contactContainer .enquiryForm .enquiryWatermark {
        color: #888888;
        font-style: italic;
        padding: 2px 0 0 2px;
    }


    #contactContainer .enquiryForm .inputContactName {
        position: absolute;
        left: -9999px;
    }

    #contactContainer .enquiryForm .errorText {
        float: left;
        width: 100%;
        text-align: center;
        color: Red;
        font-weight: bold;
        padding: 10px 0;
        margin: 10px 0 0 0;
        background: #ffffff;
        border-radius: 5px;
    }

    #contactContainer .enquiryForm .submitButton {
        float: left;
        width: 100%;
        margin: 5px 0 0 0;
        text-align: center;
    }

    #contactContainer .enquiryForm .thankyou {
        float: left;
        width: 100%;
        padding: 10px 0 20px 0;
    }

 #contactContainer .map {
        float: left;
        width: 100%;
        margin: 10px 0 20px 0;
		border:1px solid #cccccc;
	overflow:hidden;
    }

 #contactContainer .map iframe {
		display:block;

    }



/* END CONTACT STYLES */


/* START NEWS STYLES */

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

    .newsArticles .article {
        padding: 10px 0;
        margin: 0 10px;
        border-top: 1px solid #cccccc;
    }

    .newsArticles .articleFirst {
        border: none;
        padding: 0 0 10px 0;
    }

    .newsArticles .article h2 {
        padding: 0;
        margin: 0;
    }

    .newsArticles .article h3 {
        font-style: italic;
    }

/* END NEWS STYLES */



/* START TESTIMONIAL STYLES */

.testimonials
{
	margin:25px 0 0 0;
}

.testimonials .testimonial
{
	display:table-row;
}

.testimonials .testimonial .openQuote
{
	display:table-cell;
	width:40px;
	background:url("/images/open-quotes.png") no-repeat 0 0;
}

.testimonials .testimonial .quoteContent
{
	display:table-cell;
	padding:0 10px;
}


.testimonials .testimonial .closeQuote
{
	display:table-cell;
	width:40px;
	background:url("/images/close-quotes.png") no-repeat 0 bottom;
}

.testimonials .quote p
{
	margin:0;
	padding:0;	
}



.testimonials .customer
{
	float:right;
	font-style:italic;
	
}
.testimonials .customer a
{
	color:#232323;
	
}
.testimonials .spacer
{
	height:35px;
}


/* END TESTIMONIAL STYLES */


.highslide-container
{
	z-index:2500 !important;
}

.highslide-container a:hover
{
	text-decoration:none !important;
}

.highslide-gallery img
{
	margin:0 5px 10px 5px !important;
	border-width:1px !important; 
	
}

.highslide-caption
{
	font-family:arial !important;
	font-size:16px !important;
	font-weight:normal  !important;
	text-align:center !important;
}



.testimonialSummaries
{
	float:left;
	width:100%;
	margin:20px 0 0 0;
}

.testimonialSummaries .testimonial
{
	float:left;
	width:300px;
	padding:15px 10px;
	background:#ffffff;
	border-radius:10px;
	margin:0 0 0 29px;
	cursor:pointer;
}

.testimonialSummaries .testimonialFirst
{
	margin:0;
	
}



.testimonialSummaries .testimonial .openQuote
{
	display:table-cell;
	width:20px;
	background:url("/images/open-quotes-mobile.png") no-repeat 0 0;
}

.testimonialSummaries .testimonial .quoteContent
{
	display:table-cell;
	padding:0 5px;

}


.testimonialSummaries .testimonial .closeQuote
{
	display:table-cell;
	width:20px;
	background:url("/images/close-quotes-mobile.png") no-repeat 0 bottom;
}


.testimonialSummaries .quote
{
		min-height:130px;
	display:block;
}


.testimonialSummaries .quote p
{
	margin:0;
	padding:0;	
}

.testimonialSummaries .testimonial .readMore
{
	padding:5px 0 0 0;
	display:block;
}

.testimonialSummaries .customer
{
	float:right;
	font-style:italic;
	
}

.testimonials .spacer
{
	height:20px;
}



/* START SERVICE STYLES */

.serviceContainer tr:first-child td {
    background:#d9680a;
	color:#ffffff;
}

.serviceContainer tr:first-child td p {
	color:#ffffff;

}

.serviceContainer .serviceContact
{
	float:right;
	margin:0 0 20px 40px;
	width:160px;
}

.serviceContainer .serviceContact h3
{
	font-weight:bold;
	font-size:15px;
}

.serviceContainer .serviceContact h4
{
	font-weight:bold;
	font-size:15px;
	margin:0;
	padding:0;
}

.serviceContainer .serviceContact p
{
	margin:0;
	padding:0;
}

.serviceContainer .serviceContact .linkedIn
{
	float:left;
	margin:2px 0 0 2px;
	padding:0;
}


.serviceContainer .serviceContact .contactImage
{
	float:left;
	border:1px solid #cccccc;
	border-radius:5px;
	margin:0 0 5px 0;
}


/* END SERVICE STYLES */



/* START APPLICATION STYLES */

.applicationContainer .applicationForm
{
	
}
		
.applicationContainer .applicationForm {
    float: left;
}

.applicationContainer .applicationForm  .field {
        display:table-row;
    }


.applicationContainer .applicationForm  .label {
        display:table-cell;
		padding:0 10px 5px 0;
	width:210px;
    }

.applicationContainer .applicationForm  .input {
        display:table-cell;
			padding:0 0 5px 0;
    }

.applicationContainer .applicationForm  .input input[type=text] {
            width: 228px !important;
            padding: 5px;
            border-radius: 5px;
            border: 1px solid #cccccc;
	margin:0 0 5px 0;
        }

.applicationContainer .applicationForm  .input table {
            padding:5px 0 0 0;
        }

.applicationContainer .applicationForm  .input td input {
            padding:5px 0 0 0;
			vertical-align:middle;							
        }

.applicationContainer .applicationForm  .input td label {
            padding:0 0 0 5px;
			vertical-align:middle;
        }

.applicationContainer .applicationForm  .inputContactName {
        position: absolute;
        left: -9999px;
    }

.applicationContainer .applicationForm  .addressLine1 {
        margin:0 0 5px 0;
    }

.applicationContainer .applicationForm  .fieldUploadCv .label,
.applicationContainer .applicationForm  .fieldUploadCv .input
{
       padding-top:10px;
    }


.applicationContainer .applicationForm  .disclaimer {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
    }

.applicationContainer .applicationForm  .disclaimer label {
        padding:0 0 0 5px;
    }



.applicationContainer .applicationForm  .submitButton {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
    }

/*
.applicationContainer .applicationForm  .submitButton input {
        border-radius:5px;
				border:1px solid #cccccc;
				padding:8px 15px;
    }
*/

.applicationContainer .applicationForm .thankyou {
        float: left;
        width: 100%;
        padding: 10px 0 20px 0;
}

/* END APPLICATION STYLES */




.ajax__calendar_container 
{
    border:1px solid #666666 !important;
	border-radius:5px !important;
    padding:2px !important;
}



























































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */