/*Life Irrigation CSS Document */
@import url("sIFR-print.css") print;
@import url("sIFR-screen.css");

/*GLOBAL STYLES */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
img{border:none;}
a img {border: none;}
fieldset {border:0;}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h5, h5, h6 {display:block;}
h1{ font-size:17px; color:#5e3e2f;}
h1.replace, h2.replace {font-size:18px; color:#FFFFFF;}
h2{ font-size:14px; color:#000000; font-weight:bold; text-align:justify;}
h3{ font-size:15px; margin-bottom:5px;}
h4{ font-size:16px; color:#010101; font-weight:bold;}
h5{ font-size:12px; display:inline;}
h1.light-brown{ font-size:18px; color:#775f3d;}
q:before, q:after {content:'';}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
address { display:table;}
strong {font-weight: bold;}
em {font-style: italic;}
acronym {cursor:help; border-bottom:1px dotted;}
.right{float:right;}
.left{float:left;}
.block{display:block;}
.clear{ clear:both;}
.center {text-align:center;}
a{color:#007fb4; text-decoration:underline;}
a:hover{text-decoration:none;}
.grey-font{ color:#8fa1a7;}
.error {
		color:#b71313;
		font-weight:bold;
		}
body{background:url(../images/css/body-bg.gif) repeat-x top;background-color:#f2f2f2; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*FORM STYLES*/
form dt {float: left;clear: left;width: 120px; color: #696868;}
form dd {text-align:left;}


/*** structure ***/
#page{ width:947px;margin:0 auto;padding:0; background-color:#f2f2f2; }
#header{ width:948px; height:94px; background:url(../images/css/header-bg.gif) no-repeat top left; z-index:10;}
#container{ width:945px; font-size:14px; color:#000000; border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4; background-color:#FFFFFF; float:left; padding-bottom:20px;}
#left-side{width:200px;float:left; }
#right-side{width:676px; margin-left:44px;float:left; z-index:11; margin-top:-14px;}
#footer{ width:945px; height:60px;background:url(../images/css/footer-bg.gif) top repeat-x;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4; background-color:#d9f1f9; padding-top:20px; }

/*-- logo --*/
#logo{ margin:0; position: relative; top:-76px; left:30px;float:left; z-index:1;width:168px; height:125px;}
#logo h1 a{ overflow:hidden; text-indent:-9999px; display:block; background: url(../images/css/irrigation-logo.gif) no-repeat; width:168px; height:125px;}


/*-- top navigation --*/
#top-nav{width:520px;height:21px; display:inline; float:right; top:20px;position:relative; margin-right:-11px;}
#top-nav li{display:inline; list-style:none;}
#top-nav a{background: url(../images/css/top-navigation.gif) no-repeat ;display:block;z-index:999;overflow:hidden;text-indent:-999px; float:left;height:21px;}
#nav-home a{background-position:0px 0px;width:84px;}
#nav-home a:hover, .home-active #nav-home a{background-position:0px -21px;	}
#nav-about a{background-position:-84px 0px;width:102px;}
#nav-about a:hover, .about-active #nav-about a{background-position:-84px -21px;	}
#nav-glossary a{background-position:-186px 0px;width:103px;}
#nav-glossary a:hover, .glossary-active #nav-glossary a{background-position:-186px -21px;	}
#nav-news a{background-position:-289px 0px;width:121px;}
#nav-news a:hover, .news-active #nav-news a{background-position:-289px -21px;	}
#nav-contact a{background-position:-410px 0px;width:73px;}
#nav-contact a:hover, .contact-active #nav-contact a{background-position:-410px -21px;	}


/*** container ***/
.content{ font-size:14px; margin-top:15px;}
#content-left{ width:470px; float:left; margin-top:10px;}
#content-left p {text-align:justify;}
#content-right{ float:left; width:183px; margin-left:18px;}

/*--- left side ---*/
.suppliers{ float:left; margin:31px 0 0 47px;}

/*** home page ***/
.top-banner{ width:676px; height:148px;}
.top-banner h1, .top-banner h2{ position:relative; top:115px; left:25px;}
#home-banner{ background:url(../images/home-banner.jpg) no-repeat;}

#select-area{ width:470px; height:302px; border:1px solid #dededf;  background:url(../images/css/map-bg.gif) top repeat-x;background-color:#f2f1f1; font-size:11px; color:#323e42;  margin-bottom:10px;}
#area-text{ background:url(../images/select-area.gif) no-repeat; text-indent:-9999px; margin:15px 0 10px 15px;}
.area-subtext { margin-left:15px; margin-right:15px;}
.map-list{ list-style:none; margin-top:3px;}
.map-list li{ line-height:16px;}
#map-block{ width:290px; height:209px; float:left; margin:18px 15px 0 10px;}
#map-right-block{ float:left; width:133px; margin:20px 0 0 0;}
#video-gallery{ background:url(../images/video-gallery-installations.jpg) no-repeat top; width:469px; height:114px;}
#video-gallery a{ display:block; text-indent:-9999px; overflow:hidden; width:320px; height:16px; position:relative; top:84px; left:140px;}


/***Right Side ***/
#contact-form{ background:url(../images/css/contact-bg.gif) no-repeat; padding:10px 0 0 15px; width:180px; height:354px;}
#about-sub-nav {background:url(../images/css/about-bg.gif) no-repeat; padding:10px 0 0 15px; width:180px; height:248px;}
#contactpage-form {background:url(../images/css/contactpage-bg.gif) no-repeat; padding:10px 0 0 15px; width:180px; height:271px; }

/*--- form---*/
.download-brochure{ display:block; margin-top:9px; overflow:hidden;text-indent:-9999px; background:url(../images/irrigation-brochure.gif) no-repeat 0 0; width:159px; height:18px;}
a.download-brochure:hover {background-position:0 -18px;}
.send-email{ display:block; margin-top:23px; overflow:hidden;text-indent:-9999px; background:url(../images/send-email.gif) no-repeat 0 0; height:23px; width:123px;}
a.send-email:hover {background-position:0 -23px;}


#contactpage-form #ajaxcall h3{text-indent:-9999px;z-index:999; overflow:hidden;margin-top:51px;}

.call-you{ background:url(../images/get-us-call.gif) no-repeat; text-indent:-9999px;z-index:999; overflow:hidden; margin-top:71px; }
/* .thank-you{ background:url(../images/thank-you.gif) no-repeat; margin-bottom:5px; } */
.field{border: 1px solid #04a3dd;}
#contact-form .field, #contactpage-form .field{ width:148px; height:17px; margin:0 0 8px 0; padding:6px 0 0 10px; font-size:12px; color:#393939;}
#contact-form .button, #contactpage-form .button { margin-left:105px;}
#call_form{ margin-top:10px;}

.ajax-loading {
	/* padding: 20px 0; */
	background: url(../images/spinner.gif) no-repeat center;
}

/*** about pages ***/
#about-right {margin-top:74px;}
#about-links {width:171px;}
#about-links li{margin:0; padding:0;text-align:left;}
#about-links a{background: url(../images/css/right-about-links.gif) no-repeat 0 0; display:block;z-index:999;overflow:hidden;text-indent:-9999px; width:170px; }

#about-why a{height:26px;background-position:0px 0px;	}
#about-why a:hover{background-position:-170px 0px;	}
.about-why-active #about-why a{background-position:-340px 0px;}
#about-team a{height:34px;background-position:0px -26px;	}
#about-team a:hover{background-position:-170px -26px;}
.about-team-active  #about-team a{background-position:-340px -26px;}
#about-process a{height:36px;background-position:0px -60px;	}
#about-process a:hover{background-position:-170px -60px;	}
.about-process-active #about-process a{background-position:-340px -60px;}
#about-service a{height:28px;background-position:0px -96px;	}
#about-service a:hover{background-position:-170px -96px;	}
.about-service-active  #about-service a{background-position:-340px -96px;}

.imgright {float:right; margin-left:18px;}
.service-imgright {float:right; margin-left:28px;}
.imgcentre {text-align:center; width:100%;}
.about-step1 {background: url(../images/css/about-step1.gif) no-repeat; display:block; z-index:999; overflow:hidden; text-indent:-9999px; width:185px; height:36px; margin-bottom:10px;}
.about-step2 {background: url(../images/css/about-step2.gif) no-repeat; display:block; z-index:999; overflow:hidden; text-indent:-9999px; width:307px; height:37px; margin-bottom:9px;}
.about-step3 {background: url(../images/css/about-step3.gif) no-repeat; display:block; z-index:999; overflow:hidden; text-indent:-9999px; width:404px; height:37px; margin-bottom:9px;}
.about-step4 {background: url(../images/css/about-step4.gif) no-repeat; display:block; z-index:999; overflow:hidden; text-indent:-9999px; width:310px; height:37px; margin-bottom:10px;}


/*Contact Page */
#contact-details { width:470px; height:111px; border:1px solid #dededf;  background:url(../images/css/map-bg.gif) top repeat-x;background-color:#f2f1f1; color:#7d7979;  margin-bottom:20px;}
.contact-address {float:right; width:130px; margin:20px 15px 0 0; text-align:left;}
.contact-numbers {float:left; margin:14px 0 0 16px; width:304px; }
.contact-numbers h3 {display:block; z-index:999; overflow:hidden; text-indent:-9999px; float:left; color:#04a3dd}
.contact-numbers p {color:#000000; }
.contact-telephone {background:url(../images/css/telephone.gif) top left no-repeat; width:127px; height:21px;}
.contact-fax {background:url(../images/css/fax.gif) top left no-repeat; width:77px; height:20px;}
.contact-mail {background:url(../images/css/mail.gif) top left no-repeat; width:88px; height:17px;}
.p-telephone {margin:2px 0 11px 0;}
.p-fax {margin:13px 0 14px 0;}
.p-mail {margin:0 0 10px 0;}
		/* Download Guide*/
#download-guide{ background-color:#e4f6fd; width:172px; height:67px; font-size:11px; margin-left:6px; margin-top:-8px;padding:10px 0 0 10px;}
#download-guide a {background:url(../images/download-guide.gif); text-indent:-9999px; overflow:hidden; z-index:999; display:block; color:#000000; width:156px; height:51px;}
#download-guide a:hover {background-position:0 -51px;}
		/*RSS Box*/
#rrs-box {background-color:#a8def2; height:26px; width:182px;margin-left:6px; position:relative; font-size:11px; padding-top:10px; }
.rss-link {margin:0 0 0 13px; position:relative;}
.rss-link img {vertical-align:middle; height:18px;}
		/*Associations */
#association-box {height:150px; width:182px;margin-left:6px; position:relative; font-size:10px; padding-top:20px; }
#association-box p {float:right; width:95px; margin:7px 10px 0 7px; color:#7d7979;}


		/*detail contact form*/
#a-contact{ display:block; text-decoration:none; margin-right:18px; }
#span-contact{ padding-top:4px;  background:url(../images/ico-plus.gif) no-repeat right 7px;}
#detail-contact-form{ font-size:10px; color:#7d7979; float:left;}
.blue-font{color:#4ebae1;}
#detail-left{ float:left; width:304px; margin-top:10px;}
#detail-left .field{ height:22px; width:176px; border:1px solid #058aba; background-color:#e6e4e4;}
#detail-left dl{ float:left;}
#detail-left dt{  width:105px; margin-right:15px; padding-top:3px;}
#detail-left dt.large{ padding-top:15px;}
#detail-left dt.address{ padding-top:40px;}
.radio { float:left; margin-top:20px; margin-left:5px; margin-right:40px;}
.radio input{ margin-right:4px; margin-top:2px; float:left;}
#detail-left dd{ width:179px; float:left; margin-bottom:5px; vertical-align:middle;}
#detail-left .text-area{ border:1px solid #058aba; width:176px;background-color:#e6e4e4; height:106px; margin-top:10px;margin-bottom:10px;}
#detail-left .spam{width:86px;}
.blue-line{ border-top:1px solid #a6e2fa; width:470px; padding-top:3px; margin:5px 0; }
.blue-line img{ margin:4px 5px 0 0;}
.spam-img{ border:1px solid #058aba;}

#detail-right{ float:left; width:124px; height:378px; margin:10px 0 0 20px; padding-left:12px; border-left:1px solid #8fcde4; }
#detail-right p{ text-align:center; margin-bottom:8px;}
.box{ float:left; margin-bottom:10px;}
.check-box{ color:#8fcde4; width:inherit; float:left; margin-bottom:8px;}
.check-box input { margin-right:7px; float:left;}
.check-box span{ float:left; margin-top:-3px;}
#detail-right .text-area{ border:1px solid #8fcde4; width:123px; height:95px;}



/* product pages */
.gallery-icon {float:left; margin-right:10px;}
.area-list {margin-top:20px; margin-left:40px;}
.area-list2 {margin-top:20px; margin-left:0;}
.product-list { text-align:left; color:#35b5e3; font-size:13px;}
.product-list li {background:transparent url(../images/css/product-list.gif) no-repeat 0 2px; padding-left:18px; margin:6px 0;}
.product-list li a {color:#35b5e3; text-decoration:underline;}
.product-list li a:hover {text-decoration:none;}
.product-des {width:260px; color:#35b5e3; font-size:13px;}
.product-img .imgright {margin-right:20px;}
.map-img .imgright {margin-right:60px;}
.dripimg {margin-top:20px;}
.barmadimg {margin-top:25px;}
.tornadoimg {margin-top:45px;}

#commercial-box {width:212px; height:216px; margin-right:25px; position:relative; float:left; background-color:#04a3dd;}
#commercial-box h2 a {display:block;z-index:999;overflow:hidden;text-indent:-9999px; background:url(../images/css/commercial-irrigation.jpg) no-repeat 0 0; width:212px; height:216px;}
#commercial-box h2 a:hover {background-position:-212px 0;}
#commercial-box p {position:absolute; top:185px; left:25px; color:#FFFFFF; font-size:10px; text-align:center; width:167px;}

#domestic-box {width:212px; height:216px; position:relative; float:left; background-color:#a84a98;}
#domestic-box h2 a {display:block;z-index:999;overflow:hidden;text-indent:-9999px; background:url(../images/css/garden-irrigation.jpg) no-repeat 0 0; width:212px; height:216px;}
#domestic-box h2 a:hover {background-position:-212px 0;}
#domestic-box p {position:absolute; top:185px; left:25px; color:#FFFFFF; font-size:10px; text-align:center; width:167px; }

/*case study*/
.testimony-author {color:#007fb4; font-size:13px;}

/*questionnaire */
#questionnaire{ background-color:#e4f6fd; width:172px; height:160px; font-size:11px; margin-left:6px; padding:13px 0 0 10px;}

.slide-block{ width:162px; margin-top:4px; position:absolute; display:none; }
.slide-block p{ margin-bottom:5px;}
.slide-block img{ margin:0 4px 0 0;}


#pre-arrow,#next-arrow{display:block; float:left;  margin:5px 8px 0 8px;}
.slide-nav{ float:left; margin:90px 0 0 52px;}
#faq{ width:157px; height:16px; background-color:#a9def2;padding:4px 0 0 25px; margin-left:6px;}
#faq a{ font-size:11px; color:#04a3dd; text-decoration:underline; }
#faq a:hover{text-decoration:none;}



#vist-blog{width:182px; font-size:11px; margin-left:6px;}
#latest-news{ background:url(../images/latest-news.gif) no-repeat; text-indent:-9999px; width:110px; height:19px; margin:13px 0 7px 10px;}
#visit-blog-banner a{ display:block; text-indent:-9999px; z-index:999; overflow:hidden; background:url(../images/css/visit-blog-banner.gif) 0 0 no-repeat; height:27px; width:181px;}
#visit-blog-banner a:hover {background-position:0 -27px;}
.blog-item{ margin:5px 9px 15px 10px;}
.blog-title{color:#000000; text-decoration:underline;}
.blog-title:hover{ text-decoration:none;}
.blog-date{ color:#819ca5;}


/*** gallery ***/

#photo-gallery-box {width:212px; height:216px; margin-right:25px; position:relative; float:left; background-color:#04a3dd;}
#photo-gallery-box h2 a {display:block;z-index:999;overflow:hidden;text-indent:-9999px; background:url(../images/css/image-gallery.jpg) no-repeat 0 0; width:212px; height:216px;}
#photo-gallery-box h2 a:hover {background-position:-212px 0;}
#photo-gallery-box p {position:absolute; top:185px; left:13px; color:#FFFFFF; font-size:10px; text-align:center; width:180px;}

#video-gallery-box  {width:212px; height:216px; position:relative; float:left; background-color:#a84a98;}
#video-gallery-box h2 a {display:block;z-index:999;overflow:hidden;text-indent:-9999px; background:url(../images/css/video-gallery.jpg) no-repeat 0 0; width:212px; height:216px;}
#video-gallery-box h2 a:hover {background-position:-212px 0;}
#video-gallery-box p {position:absolute; top:185px; left:25px; color:#FFFFFF; font-size:10px; text-align:center; width:167px; }

#recent-gallery-box {width:470px; height:144px; position:relative; float:left; background-color:#FFFFFF;}
#recent-gallery-box h2 a {display:block;z-index:999;overflow:hidden;text-indent:-9999px; background:url(../images/css/recent-work-gallery.jpg) no-repeat 0 0; width:470px; height:144px;}
#recent-gallery-box h2 a:hover {background-position:0 -144px;}
#recent-gallery-box p {position:absolute; top:20px; left:195px; color:#067ca7; font-size:10px; text-align:center; width:268px; }

#micro-gallery-box {width:212px; height:216px; margin-right:25px; position:relative; float:left; background-color:#04a3dd;}
#micro-gallery-box h2 a {display:block;z-index:999;overflow:hidden;text-indent:-9999px; background:url(../images/css/micro-sprinklers.jpg) no-repeat 0 0; width:212px; height:216px;}
#micro-gallery-box h2 a:hover {background-position:-212px 0;}
#micro-gallery-box p {position:absolute; top:185px; left:13px; color:#FFFFFF; font-size:10px; text-align:center; width:180px;}

#popup-gallery-box {width:212px; height:216px; margin-right:0; position:relative; float:left; background-color:#04a3dd;}
#popup-gallery-box h2 a {display:block;z-index:999;overflow:hidden;text-indent:-9999px; background:url(../images/css/popup-sprinklers.jpg) no-repeat 0 0; width:212px; height:216px;}
#popup-gallery-box h2 a:hover {background-position:-212px 0;}
#popup-gallery-box p {position:absolute; top:185px; left:13px; color:#FFFFFF; font-size:10px; text-align:center; width:180px;}

#drip-gallery-box {width:212px; height:216px; margin-right:25px; position:relative; float:left; background-color:#04a3dd;}
#drip-gallery-box h2 a {display:block;z-index:999;overflow:hidden;text-indent:-9999px; background:url(../images/css/drip-irrigation.jpg) no-repeat 0 0; width:212px; height:216px;}
#drip-gallery-box h2 a:hover {background-position:-212px 0;}
#drip-gallery-box p {position:absolute; top:185px; left:13px; color:#FFFFFF; font-size:10px; text-align:center; width:180px;}

#control-gallery-box {width:212px; height:216px; margin-right:0; position:relative; float:left; background-color:#04a3dd;}
#control-gallery-box h2 a {display:block;z-index:999;overflow:hidden;text-indent:-9999px; background:url(../images/css/control-areas.jpg) no-repeat 0 0; width:212px; height:216px;}
#control-gallery-box h2 a:hover {background-position:-212px 0;}
#control-gallery-box p {position:absolute; top:185px; left:13px; color:#FFFFFF; font-size:10px; text-align:center; width:180px;}

.small-text {font-size:10px; color:#323E42;}
.gallery-list {width:470px;}

.gallery-list img{ padding-bottom:20px; margin-right:10px; float:left;	}

.gallery-list:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.gallery-list {display: inline-block;}
/* Hide from IE Mac */
.gallery-list {display:block;}
/* End hide from IE Mac */
* html .gallery-list {height: 1px;}


/*faq */
h2.faq-title {display:block;overflow:hidden;text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; width:436px; height:24px; background:url(../images/faq-title.gif) no-repeat;}
.faqno {margin-right:5px;}
.faq-answer {float:left; width:440px;}


/*** link page ***/
.link-list { text-align:left; font-size:13px; margin:5px 10px 5px 10px;}
.link-list li {background:transparent url(../images/css/product-list.gif) no-repeat 0 2px; padding-left:18px; margin-bottom:10px;}
.link-list li a {color:#35b5e3; text-decoration:underline;}
.link-list li a:hover {text-decoration:none;}


/***site map***/
li.space{ margin:20px 0 20px 0;}

/*** footer ***/
#footer-link{ font-size:11px; color:#90a1a7; float:right; vertical-align:middle; margin:0px 23px 0 0; text-align:right; line-height:17px; font-size:11px; color:#90a1a7;}
#footer-link a{ color:#90a1a7; font-size:11px; text-decoration:none;}
#footer-link a:hover{ text-decoration:underline;}

#footer_article{color:#90a1a7; font-size:11px; margin-top:28px; background:#fff; display:none;padding:20px 15px;}
#footer_article p {text-align:justify; margin-bottom:15px;}