@charset "utf-8";
/* CSS template */
/* simple portfolio site */
 *, *::before, *::after { box-sizing: border-box;}
body{ background-color: #fff !important; padding: 0; margin: 0; outline: 0 none; vertical-align: baseline; text-align: left; }
#wrapper {width: 100%;max-width: 100%;padding:0;}
.headerInnertop, .headerInnerbottom, .headerInnertop, .bodybox, .footerOuter{ margin: auto;width: 100%;max-width: 1280px;}
.bodyContainer, .headerInnertop, .headerInnerbottom, .headerInnertop, .footerOuter, .copyright {max-width: 1280px;}

/*---------------------- backgrounds ------------------*/
.itemBackground01 { color:#F6F6F6;}
hr.divider { display: inline-block; margin: 20px 0; width: 60px; border-top: 3px solid #778A95; }

/*----------------------text styles content------------------*/
body{ font-family: font-family: "Open Sans",Trebuchet MS, Arial, Helvetica, sans-serif !important; color: #41495A; font-size: 16px; font-weight: 300; }
h1, h2, h3, h4, h5, h6{ color:#41495A; font-weight: 300; text-rendering: optimizelegibility;margin: 10px 0 5px; font-family: "Imprima",Open Sans, Trebuchet MS, Arial, Helvetica, sans-serif !important; text-align: left; }
h1, .heading{font-size: 32px !important; ;}
h2,  .subheading1{font-size: 28px !important; ;}
h3,  .subheading2{font-size: 22px !important; ;}
h4{font-size: 18px !important; }
p, li { color: #41495A; font-size: 16px; font-weight: 300; line-height: 150%; padding: 8px 0 ; text-align: left; }
ul{margin-bottom: 14px; margin-top:0;}
li{margin: 0 0 2px 0; }
a{ color: #41495A; font-weight: 400 !important; color: #41495A  !important; text-decoration: none !important;  }
.heading, .subheading1, .subheading2 { color:#41495A; font-weight: 300; text-rendering: optimizelegibility;}
.bodyContainer, .headerInnertop, .headerInnerbottom{margin:0 auto;float:none;display:block;}
.bodyContainer02{padding:20px;}
.pageIntro-top h1 {border-bottom: 1px solid;}
.info_content li {padding: 0;}



/*---------------------- buttons ------------------*/
input[type="submit"] {background-color: #41495A; border: 1px solid #41495A;border-radius: 0;}
.contactexplanation .tel { background-color: #41495A; color: #fff !important; display: inline-block; padding: 10px; text-decoration: none !important; }
.loginPanel-button-success:hover,
.loginPanel-button-error:hover,
.loginPanel-button-warning:hover,
.loginPanel-button-secondary:hover,
.contactexplanation .tel:hover { background-color: #41495A; border-color: #41495A; 	background-image: none;}
.outlineButton { border: 1px solid #fff; color: #fff !important; display: inline-block; font-size: 14px; margin-top: 10px; padding: 8px 16px; text-decoration: none !important; text-transform: uppercase; }
.outlineButton:hover { border-color: #D54A4A; 	}

/*---------------------- header  ------------------*/
.headerInnertoptop, .headertextposition_left, .headertextposition_center, .headertextposition_right, .headertextposition_top-bottom, .headertextposition_bottom-left, .headertextposition_bottom-center, .headertextposition_bottom-right, .headertextposition_bottom-top, .headertextposition_bottom-bottom { padding:0;}
.headerleftBottom {min-width: 180px;}
.headerInnertop, .headerInnerbottom{ float: none !important; text-align: center; margin:0 auto; padding: 5px 20px; }
.headerColumnRightContainer {padding: 6px 0;}
.headerColumnRight {text-align: right;}
.headerContact { text-align: right;}
.headertextposition_bottom-left { text-align: left;}
.fullwidth_horizontal .nav li:last-child {padding-right: 0 !important;}
.headerContact {color: #fff;font-size: 22px;font-weight: 400; }
.headerContact01{padding-right: 10px; font-family: "Imprima",Open Sans, Trebuchet MS, Arial, Helvetica, sans-serif !important; }
.headerContact a { color: #fff !important; font-size: 30px; font-weight: 600; padding-left: 5px;}
.headerInner {  width:100%;}
.headerleftBottom h1 { margin: 0;}

/*---------------------- home page ------------------*/
.landing-page h2 { background-color: #5FB456;color: #fff;padding: 10px; text-align: center}

.landing-page h1, .landing-page heading, .landing-page .subheading1, .landing-page .subheading2, .landing-page h3, .landing-page p { text-align: center}
.landing-page .one_col { margin: 20px 0 0 0; padding: 0;}
.landing-page .info_content li {text-align: center;}
.landing-page .image_links_horizontal li {margin: 15px 0.33% 15px 0;}
/*---------------------- general page ------------------*/
.bodybox { padding: . 20px;}
.bodyContainer{ padding: 0;}
.content { padding: 0 0 10px; text-align:center;}
.info_content {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.mainContent {width: 100%;}
.list .item .item_col, .details .item .item_col { padding:0;}
.noWrap { white-space: nowrap;}
.additionalimages img {display: block;}
.column100p_clear {float: none;}
.imagelist_cont {padding-bottom: 8px !important;}
.testIcons ul li,.testIcons .item, .testIcons .c_tpl_content_left, .testIcons .info_content p{
    margin-left: auto;
	 margin-right: auto;
    text-align: center;
	float:none;
}
.maincontentleft {
    box-sizing: border-box;
    float: left;
    height: 100%;
    min-height: 100%;
    padding-left: 2%;
    width: 100%;
}
.leftpanel {
    margin: 0;
    width: 28%;
	max-width: 320px;
}
.maincontentOuterleft {
    border-left: 1px dotted #c9d2d9;
    box-sizing: border-box;
	width: 72%;
}
.maincontainer { margin: 0 !important;}
.itemouter.mobile_col a {
    font-weight: 700;
    text-decoration: underline;
}
.tel {color: inherit;text-decoration: none !important;}

.content h4 {
    background-color: #F4F4F4;
    box-sizing: border-box;
    color: #fff;
    font-size: 20px;
    font-weight: 400 !important;
    padding: 30px;
}
.content h4 a {
    color: #fff;
    font-size: 20px;
    font-weight: 400 !important;
	padding-right: 30px;
}
.testInfo {
    border-top: 1px dotted #c9d2d9;
	padding-top:20px;
    text-align: center;
}
.custom_item_testIcons p, .custom_item_testIcons li {text-align: center;}
.custom_item_testIcons {box-sizing: border-box; float: left; margin-bottom: 20px;}
.custom_item_testIcons h3 {color: #41495A;}
.testInfo .content.customtemplate_top {margin: 0 auto; text-align: center;}

.item.noBanner {margin: 0 4%;}
.arrow01 {background-image: url(images/arrow_right_alt1_24x24.png);background-repeat: no-repeat;background-position: right center;}
.ticks li { list-style-type: none; background-image: url(images/tick01.png); background-repeat: no-repeat; background-position: left top; padding: 10px 40px; }
.ticks { margin-top: 20px; margin-bottom: 10px; }
.double { width:60%; float:left; margin:0;}
.double li {
    border-top: 1px solid #b4bec5;
    display: inline;
    float: left;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 45%;
}
.mainContent .column70p { padding-right: 40px;}

/*---------------------- category page ------------------*/
.product.itemouter { float: left; width: 33%; text-align: center; }
.one_column_product { background-color: #F4F4F4; float: left; margin-bottom: 10px; margin: 5px; padding: 15px; }
.productimage { float: left; height: auto !important; margin: 0; overflow: hidden; width: 100%; }
.order-now { background-color: #41495A; text-transform: uppercase; font-size: 28px; margin-bottom: 5px; border: 1px solid #fff; }
.prodbuttons h3 { text-align: center;}

.product .item { border: 1px solid #eee; padding: 20px;}
.image_outer {position: relative;width: 100%;}
/*.outer_top_left, .outer_top_right, .outer_left, .outer_right, .outer_mod, .outer_bottom {float: left;width: 100%;}*/
/*.outer_top_right, .outer_left, .outer_right, .outer_mod, .outer_bottom{ padding: 0 20px 5px;}*/
.outer_top_left{ padding: 0;}
.prod_heading { float: left; margin: 0 0 5px; width: 100%; }
.prod_heading h3 { font-size: 16px; font-weight: bold; margin: 0; padding: 0; }
.prod_size { float: left; width: 100%; text-decoration: none; }

.paginate_topleft, .paginate_topright, .paginate_bottomright, .paginate_bottomleft {
    border: none 0;color: #333;float: left;font-size: 11px;font-weight: bold;margin: 10px 0 25px;padding: 10px 0;text-align: left;width: 100%;}
.paginate_topright, .paginate_bottomright { text-align: right;}
.pagination_tag {color: #666;}
.paginate_topleft .currentpage, .paginate_topright .currentpage, .paginate_bottomright .currentpage, .paginate_bottomleft .currentpage{
    position: relative;color: #fff !important; background-color: #666;}

/*---------------------- products page ------------------*/
.static_imageswap_outer {margin: 0 0 20px;}
.item .product_details_productdetail{margin-top:20px;}
#imageswap { padding: 10px 0 20px;}
.productinfo{min-height:75px;}
.product_details_productdetail .column-left{width:54%;}
.product_details_productdetail .column-right{width:45%;}
.product_details_productdetail .prod_size{margin-top:20px;text-align:right;float:right;}
.product_details_productdetail .priceby{font-size:11px;color:#999;}
.details_breadcrumb h3 {color: #ccc;font-size: 18px; padding:0; margin:0;}
.details_breadcrumb a {
    background-image: url("/media/images/static/back-icon.png");background-position: left center;background-repeat: no-repeat;cursor: pointer;padding: 0 0 0 20px;color: #ccc;font-size: 18px; }
.details_breadcrumb { margin-bottom: 20px;}
.order-now h3 { margin: 0 !important;}
.product-enquiry a, .installation-quote a, .order-now a, .add-to-cart a {font-size: 18px !important;}
.item_col.outer_top_right.column40p.one_col_768 {
    padding-left: 20px;
}
/* for template */
.product-details_container .outer_mid{border:none; padding:0; margin-top:0;}
.prodbuttons div {background-color: #5cb155;}
.details .itemouter {padding: 0;}
.product-details_container  .product .item {padding: 40px;;}
/*---------------------- Slider ------------------*/
.slider_cont .nav_outer { border: 0 none;}
.slider_text  h1, .slider_text h2, .slider_text h3, .slider_heading h3, .slider_text h4, .slider_text p{color: #fff !important;}
.slider_heading h3 { margin-top: 15px;color: #fff;font-size: 48px !important;}
.slider_text_cont{ bottom: 15%; position: absolute; right: 0; width: 40%; padding: 15px 5% 0 5%; background: none; box-shadow: none; }
.slider_text h3, .slider_text p  { text-align: left; color: #fff; line-height: 150%; }
.slider_heading { background: none; box-shadow: 0 0 0 0 transparent; padding: 20px 0;}

/*---------------------- contact page ------------------*/

#Contactform h2 {display: none;}
#requiredfiels {text-align: right;}
.contactcontainer { padding: 20px 30px; background-color: #f4f4f4;}
.contactcontainerTop h4 { margin: 16px 0 0;}
.maincontenterror {background-color: #0B86C1;box-sizing:border-box;color: #fff;display:none;font-size:16px;height:auto;margin:0 auto;padding:8px 0;text-align: center;
width: 100%;
}
.contactcontainer ul {margin: 0 0 20px;}
.contactdetails p {padding: 0;}
.contactcontainerTop h3 { padding-top: 5px; color: #778A95;border-top: 1px solid; }
/*---------------------- widget ------------------*/
.textOuter_HLH.margin10l {
    margin: 0 !important;
}
.mage_links-hMRRv {
    margin-top: 30px;
}
.mage_links-hMRRv p{
	text-align:right;
    font-weight: bold;	
}
.imagelink_ILH_buttontext {
    color: #41495A;
    float: left;
    font-weight: 600;
}
.imagelink_ILH_buttontext h3 {
    color: #41495A;
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
}
.page-widget-right .opt1 {text-align: center;}
.page_top_widget .textleft{
	background-color: #F4F4F4;
}
.page_top_widget .textleft h3{
	color: #FF6633;
	font-size: 24px;
	font-weight: normal;
}
.page_top_widget .textleft h4{
	color: #41495A;
	font-weight: bold;
}
.page_top_widget .textleft p{
	color: #41495A;
	font-size: 14px;
	font-weight: normal;
}
.textleft p {
    padding: 0;
	margin: 5px 0;
}
.page-widget-left {
    width: 60%;
}
.imagelink_ILH_inner {
    float: left;
    width: 100%;
}
.imagelink_ILH_image {
    float: left;
}
.imagelink_ILH_image img {
    padding: 0 5px;
}
.imagelink_ILH_a {
    color: #41495A !important;
    float: none;
    font-size: inherit;
    font-weight: normal;
    margin: 35px 0 0;
}
.imagelink_ILH_inner a, .imagelink_ILH {
	color: #41495A !important;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif !important;
}

.page-widget-right {
    float: right;
    margin: 0;
    width: 40%;
}
.outer_SL h2 {
    color: #41495A;
    font-size: 28px;
    font-weight: bold;
    padding-right: 50px;
    padding-top: 5px;
}
.heading_SL {
    text-align: right;
}
.textOuter_SL {
    float: right;
}
.top_inner_SL {
    left: 83%;
}
.text_SL {
    font-weight: bold;
    text-align: right;
}
.text_SR {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 15px;
    text-align: left;
}

/*----------------------form------------------*/

.general form {
    background-color: #F4F4F4;
    box-sizing: border-box;
    float: left;
    margin: 0 4%;
}
#form_head { color: #5FB456; }
.customerheader {background-color: #5FB456;}
.ordercontainer #requiredfiels{text-align: left;}
/*----------------------blog------------------*/
.blogtopmenu {background-color:#F4F4F4;}



/*----------------------footer------------------*/
.footerOuter, .copyrightContent{ width: 100%;}
.footer_body{border-top: 10px solid #5cb155; width: 100%;float: left;text-align: center;}
.footer{ position: relative; width: 100%; background-color: #F4F4F4; float: left; padding:0;}
.footerOuter{ position: relative; padding: 10px 20px;}
.footerMiddle { padding:0; }
.footerText { }
.left .footerTextContainer, .middle .footerTextContainer, .middle_right .footerTextContainer { margin:0;}
.footer .phone {background-image: url(images/icon_tel_green.png);}
.footer .email {background-image: url(images/icon_email_green.png);}
.footer .address {background-image: url(images/icon_address_green.png);}
.footer .hours {background-image: url(images/icon_hours_green.png);}
.footer .fax {background-image: url(images/icon_fax_green.png);}
.footer .email, .footer .phone, .footer .address, .footer .hours, .footer .fax { background-position: left 10px; background-repeat: no-repeat; display: inline-block; margin: 0; padding: 0 30px; }
.footer p, .footer li, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5{ color:#41495A; font-size: 16px; line-height: normal; margin: 0; padding: 5px 0 !important; font-weight: 300;}
.footer p {padding: 5px 0 15px !important;}
.footer h4{font-size: 24px !important;} 
.footer a {color:#41495A; text-decoration: none;}
.address div {
    margin-bottom: 20px;
}
.copyright { color: #41495a; margin: 0 auto; max-width: 100%; padding: 8px 0; position: relative; text-align: center; width: 100%; }
.copyright a, .copyright p { color: #778A95 !important; font-size: 12px; line-height: normal; margin: 0; padding: 10px 0 0 !important; font-weight: 300; text-align: center;width: 100%;}

.contact-us_container .footer_wrapper{ display: none;} 



iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}
.item_col{position:relative;}
.product-details_container .youtube-container{max-width:100%;}
.product-details_container .prod_description{margin:0; padding: 0;}
.product-details_container .productinfo {min-height:auto;}
.product-details_container .image_outer{position:relative;}
.product-details_container .overlay_image {position:absolute;}
/*---------------------- mobile  ------------------*/