@charset "utf-8";/*[Basic Layout Stylesheet of all website pages] | Project:IBM | Version:1.0 | Author:Nithin Scaria - webduratech.com*/

body {
	margin:0;
    padding:0;
    line-height:1.8;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#333;
	-webkit-font-smoothing:antialiased;
	background:url(../images/body_bg.jpg) repeat  center 0 #d04c04;	background-size: cover;
}

p,li { 
	font-weight:normal;
}
p{ padding:0 0 10px; margin:0;}

img{ max-width:100%;}

input, textara{ font-family:Arial, Helvetica, sans-serif;}
a,
a:focus, 
a:hover, 
a:active {
   outline:0 !important;
}
a, a img{ text-decoration:underline; color:#dc5f0b;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
a:hover, a:focus { text-decoration:none; text-shadow:1px 1px 1px rgba(0,0,0,0.4); color:#dc5f0b;}

h1, h2, h3, h4, h5, h6 {
	text-shadow:none; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 10px;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}

h1{ font-size:34px; color:#dc5f0b;}
h2{ font-size:34px; color:#dc5f0b;}
h3{ font-size:26px; color:#dc5f0b;}
h4{ font-size:20px;}
h5{ font-size:16px;}
h6{ font-size:14px;}


/*Back to top Btn
------------------------------------*/
span.backToTop{ width:40px; height:40px; float:left; background:url(../images/back_to_top.png) 0 0; position:relative; z-index:9999;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

span.backToTop:hover{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}

/*Header (logo and menu)
------------------------------------*/
#header{ width:100%; float:left; position:relative; overflow:hidden;}
#header .container{ position:relative;}
.headerTop{ position:relative; z-index:9;}
#logo{ float:left; margin:20px 0 5px; position:relative; z-index:9;}

.headerTopRight h2 { font-size:14px; color:#222; font-weight:normal; margin:18px 4px 6px;}
.headerTopRight p.topPhoneNo{ font-size:35px; line-height:normal; color:#dc5f0b; padding-bottom:4px;}
.headerTopRight .top-right-logo{ margin:16px 5px 10px;}

.socialLinks { padding-bottom:2px;}
.socialLinks ul { padding:0; margin:0; list-style:none;}
.socialLinks ul li { display:inline-block; font-size:11px; margin:0 0 0 4px; padding:0; vertical-align:top;}
.socialLinks ul li a{ display:inline-block;}
.socialLinks ul li a img{
opacity:0.75;
filter:alpha(opacity=75); /* For IE8 and earlier */
}
.socialLinks ul li a:hover img{
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

/*Menu*/
.navbar, 
.navbar-inner, 
.nav,
.navbar-inverse {
	width:100%;
	float:left;
	filter:none;
	border:none;
	padding:0;
	margin:0;
	min-height:0;
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.nav i.icon-sort-up { 
	position:absolute; 
	font-size:13px;
	bottom:-6px;
}

.navbar-inner {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.navbar .nav{
width:100%;
display:inline-block;
border-radius:10px 10px 0 0;
padding:0;
margin:4px 0 0;
clear:both;
border:1px solid #c24303;
background: #c2540a; /* Old browsers */
background: -moz-linear-gradient(top,  #c2540a 0%, #ec7508 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2540a), color-stop(100%,#ec7508)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c2540a 0%,#ec7508 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c2540a 0%,#ec7508 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c2540a 0%,#ec7508 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c2540a 0%,#ec7508 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2540a', endColorstr='#ec7508',GradientType=0 ); /* IE6-9 */
}

.navbar .nav > li {
	border-left:1px solid #ea8c39;
	border-right:1px solid #b14a03;
	display:block;
	position:relative;
	padding:0;
	margin:0;
}
.navbar .nav > li:first-child{ border-left:none;}
.navbar .nav > li:last-child{ background:none; border-right:none;}

.navbar .nav > li > a {
	padding:12px 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	display:block;
	background:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.navbar .nav > li > a .downArrow{ display:none;}

.navbar .nav > li:last-child a{}
.navbar .nav > li:first-child a{ border-radius:10px 0 0;}
.navbar .nav > li:first-child a:hover{}

.navbar-toggle .icon-bar{ background:#fff;}

.collapse.in ul {
	height:auto;
	border:none;
}

.collapse.in ul li{
	border:none;
}

.collapse.in li a { 
}

.collapse.in li a:hover,
.collapse.in li a.dropdown-toggle { 
	border-radius:none!Important;
}

.collapse.in ul.dropdown-menu {
	margin:0 0 5px !important;
	padding-bottom:0;
}

.collapse.in ul.dropdown-menu li{
	padding:0 10px;
}
.collapse.in ul.dropdown-menu a {
	padding:12px;
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	margin:0 !important;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  	text-decoration:none;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
background: #ae4b09; /* Old browsers */
background: -moz-linear-gradient(top,  #ae4b09 0%, #d56907 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae4b09), color-stop(100%,#d56907)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ae4b09 0%,#d56907 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ae4b09 0%,#d56907 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ae4b09 0%,#d56907 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ae4b09 0%,#d56907 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae4b09', endColorstr='#d56907',GradientType=0 ); /* IE6-9 */
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
  	text-decoration:none;
	color:#fff;
    background: #ae4b09; /* Old browsers */
    background: -moz-linear-gradient(top,  #ae4b09 0%, #d56907 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae4b09), color-stop(100%,#d56907)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ae4b09 0%,#d56907 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ae4b09 0%,#d56907 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ae4b09 0%,#d56907 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ae4b09 0%,#d56907 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae4b09', endColorstr='#d56907',GradientType=0 ); /* IE6-9 */
}

.navbar .nav > .active > a:hover {
	color:#fff;
}

/*Arrow for menu*/
.navbar .nav > li > a .caret {
  margin:9px 0 0 3px !important;
  border-top-color: #9b9b9b !important;
  border-bottom-color: #9b9b9b !important;
}

/*Dropdown Menu*/
.dropdown-menu {
	padding:0;
	border:none;
	margin-top:-2px;
	border-radius:0; 
	z-index: 9999 !important;
	top:72px;
}
.dropdown-menu li a { 
	color:#ccc; 
	font-size:14px; 
	padding:6px 10px; 

}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color:#ccc;
  background:#555 !important;
  text-shadow:1px 1px 1px #222;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
	filter:none !important;
}

.dropdown-menu .active > a {
	color:#fff !important;
  	background:#687074 !important;
	filter:none !important;
}

.navbar .btn-navbar {
	font-size:20px;
	text-shadow:none;
	padding:8px 10px 10px;
	margin:18px 0 0;
	background:#000;
	border:none !important;
	box-shadow:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.navbar .btn-navbar:hover {
	background:#334478;
	text-shadow:0 1px 0 #777 !important;
}
.navbar .btn-navbar span, 
.navbar .btn-navbar:hover span {
	box-shadow:none !important;
}

.navbar .nav > li > .dropdown-menu:after {
	left:19px;
}
.navbar .nav > li > .dropdown-menu:before {
	left:18px;
	border-bottom:none;
}
.navbar .nav > li > .dropdown-menu:after {
	left:19px;
	border-top-color: #315694 !important;
	border-bottom-color: #315694 !important;
}

/*Search*/
.navbar .search-open {
	right:0; 
	top:44px; 
	display:none;
	position:absolute; 
	background:#fcfcfc; 
	padding:15px 15px 11px; 
	border-top:solid 2px #eee; 
}
.navbar .search-open form {
	margin:0 !important;
}
.navbar a.search i.icon-remove {
	top:2px;
	font-size:17px;
	position:relative;
}
.navbar .nav > li > a.search {
	padding:8px 12px 10px;
	background:#f7f7f7;
	color:#aaa;
	cursor:pointer;
	border-bottom-color:#aaa;
}
.navbar .nav > li > a.search:hover {
	color:#315694;
	border-bottom-color:#315694;
}

/*Arrow for menu*/
.navbar .nav > li > a .caret {
  margin:4px 0 0 5px !important;
  border-top-color: #999;
  border-bottom-color: #999;
}

/* Common style
------------------------------------*/
.pageContainer{ width:100%; float:left; position:relative;}
.container .row-fluid .main{ margin-left:0;}
.container{ background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.6);}
.container .row{ margin-left:-2px; margin-right:-2px;}

.row .row{ margin-left:0; margin-right:0;}
.row .row [class*="col-"]{ padding-left:0; padding-right:0;}

.rightPadding{ padding-right:15px !important;}
.leftPadding{ padding-left:15px !important;}

/* Banner style
------------------------------------*/
.bannerArea{ position:relative;}
.banner-slider-area{ overflow:hidden; border-radius:0 0 10px 10px; position:relative;}
.banner-slider{}
.scroller-area{ width:100%; display:block; height:47px; background:url(../images/news_bg.png) repeat 0 0; padding:11px; position:absolute; left:0; bottom:0; overflow:hidden; z-index:999;}
.scroller-area h4{ display:inline-block; float:left; font-size:13px; color:#fad823; margin-top:5px; margin-right:10px;}
.scroller-area .marquee0, .scroller-area .scroller{ font-size:13px; color:#fff;}
.scroller-area p{ display:inline-block; padding:0 150px 0 30px;}

/* content style
------------------------------------*/
#content{ width:100%; float:left; padding-top:5px;}
.main-content{ padding-left:25px; padding-bottom:5px;}
.main-content h1{ padding-top:14px;}
.main-content h2{ padding:5px 0;}
.main-content h3{ margin:6px 0;}
.main-content p{}
ul.discList01{ padding:6px 0 5px 20px;}
ul.discList01 li{ padding:5px 0;}
ul.discList01 li p{}
ul.discList02{ padding-left:20px;}
ul.discList02 li{ padding-left:10px;}

.left-box-area{ padding-bottom:10px; margin-top:10px;}
.left-box{ margin-bottom:15px;}
.left-box.free-quote{ text-align:center; background:url(../images/free_quote.png) no-repeat right bottom #dfc442; border-radius:10px;}
.free-quote h3{ font-size:19px; color:#fff; background:#bea738; border-radius:10px 10px 0 0; padding:14px;}
.qoute-form{ padding:5px 10px;}
.qoute-form p{ padding-bottom:4px; clear:both;}
.qoute-form .text-box{ width:100%; font-size:11px; background:#e7d373; border:1px solid #a59131; border-radius:5px; padding:6px;}
.qoute-form p.two-text-box{ padding-bottom:0;}
.qoute-form p.two-text-box .text-box{ width:48%; float:left; margin-bottom:4px;}
.qoute-form p.two-text-box .text-box:first-child{ margin-right:4%;}
.qoute-form .submit-btn, .free-quote .pweb-field-buttons .btn{ width:100px; height:31px; background:url(../images/right-arrow.png) no-repeat 75% center #fff; border:none; border-radius:10px; box-shadow:0 -10px 0 rgba(0,0,0,0.1) inset; padding-right:16px; padding-top:2px; margin:4px 0;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.qoute-form .submit-btn:hover,
.free-quote .pweb-field-buttons .btn:hover { text-shadow:1px 1px 1px rgba(0,0,0,0.5); box-shadow:0 1px 1px 1px rgba(0,0,0,0.1) inset;}
.qoute-form p img{ border:1px solid #bbb; padding:4px; margin:10px 0;}


/* Footer Area
------------------------------------*/
.footerArea{ width:100%; float:left;}
.footerArea .row.footer-box{ background:#eadd9e; padding:20px 15px 10px; margin:0 -15px;}
.footer-top{ border-bottom:1px solid #5c6472; padding:0 0 22px; margin-bottom:10px;}
.footer-top ul{ list-style:none; text-align:center; padding:0; margin:0;}
.footer-top li{ display:inline-block; padding:5px 6px;}
.footer-top a:hover img{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.footerArea .copyRight{ padding-top:4px;}
.footerArea .copyRight p{ font-size:11px; text-align:center; color:#5a5a59; padding-bottom:4px;}
.footerArea .copyRight a{ color:#5a5a59;}
.footerArea a:hover{ color:#444;}

/* Home Page
------------------------------------*/
.home-box-area{ margin-top:5px;}
.home-box{ padding-top:5px; padding-bottom:10px;}
.home-box a:hover img{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

/* Inner Page
------------------------------------*/
.inner-main h3{ font-size:22px; text-transform:uppercase; padding-top:10px;}
.inner-main hr{ border:none; border-top:1px solid #999; box-shadow:0 1px 1px rgba(0,0,0,0.2);}
.inner-main h4{ font-size:13px; font-weight:bold; padding-top:8px; margin-bottom:0;}

.inner-main a:hover img{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

/* Product Page
------------------------------------*/
.product-box{ width:100%; display:inline-block; padding:6px 0 6px 20px;}
.product-box h2{ font-size:28px; margin-bottom:0;}
.product-box img{ width:40px; height:50px; float:left; margin:2px 20px 10px 0;}

.product-row p{ padding:10px;}
.product-row a:hover img{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

/* Gallery Page
------------------------------------*/
.gallery-row p{ padding:10px;}
.gallery-row p img{ width:100%; height:140px;}
.gallery-row a:hover img{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

/* Overrides
------------------------------------*/
.nav-child.small {
    font-size: 100%;
}
.scroller p {
    margin-right:40px !important;
}
.navbar-collapse.mainnav {
    text-align: left;
}
.page-header {
    margin: 0;
    border-bottom: 0;
}

/* Contact form overrides
------------------------------------*/
.free-quote form {
    padding: 5px 10px;
}

.pweb-static .pwebcontact-container {
    padding: 0;
}

.free-quote form .pweb-field-container {
    clear: both;
}

.free-quote form .pweb-field input,
.free-quote form .pweb-field textarea {
    width: 100%;
    font-size: 11px;
    background: #E7D373;
    border: 1px solid #A59131;
    border-radius: 5px;
    padding: 6px;
}

.pweb-field-postcode, 
.pweb-field-phone, 
.pweb-field-dailykwh, 
.pweb-field-rooftype {
    width: 49%;
    display: inline-block;
}

.pweb-field-container.pweb-field-buttons {
    text-align: center;
}

form.pwebcontact-form button, form.pwebcontact-form .btn {
    padding: 0;
}

form.pwebcontact-form .btn:hover, form.pwebcontact-form .btn:focus {
    background: url(../images/right-arrow.png) no-repeat 75% center #FFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pweb-labels-over form.pwebcontact-form .pweb-label-over label {
    font-size: 11px;
    line-height: 24px;
    font-weight: normal;
}
form.pwebcontact-form input.pweb-input, form.pwebcontact-form select {
    line-height: 30px;
    height: 30px;
}
form.pwebcontact-form .pweb-field-container {
    margin-bottom: 4px;
}