/*  
Theme Name: hydroponics
Theme URI: #
Description: Wordpress Theme for hydroponics site
Version: 2.0
Author: #
Author URI: #
Tags: white
*/


/* Begin Typography & Colors 
------------------------------------- */
body {
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	background: #036436 url(images/body_bg.jpg) top left repeat-x;
	}

#page {
	text-align: left; 
}

#header { 
	background: #fff;
	}

 
#content {
	font-size: 1.2em;

	} 


.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
        background: #f3f3f3;
	}



small {
	font-size: 0.9em;
	line-height: 2em;
	}

#header td { 
	font-size: 1.1em; 
        }

#header h1 { 
	font-size: 1em; 
        margin: 0;
        padding:0; 
	}

.blogtitle {
	font-size: 1.9em !important; 
	text-align: left; 
  	font-weight: bold; 
        margin: 10px 0 0 0;
        padding: 0;
	}
 
 
.description {
        padding: 5px;
        color: #333;
	font-size: 1.1em;
	text-align: left;
	}
 

 
h3 {
	font-size: 1.3em;
	}

#header  h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	}


h1, h1 a, h1 a:visited {
	text-decoration: none;
	color: #333;
	}
 

h1 a:hover, {
	text-decoration: none;
	color: #6ec9ef;
	}






 
.commentlist li, #commentform input, #commentform textarea {
	font-size: 1em;
	}

.commentlist li {
	font-weight: normal;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p { 
	font-size: 1.1em;
	}

.commentmetadata {
	font-weight: normal;
	}
 
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}
pre  {  
   font: 1em 'Courier New', Courier, Fixed;
   color: #008000;
   background: #F8F8F8;
   padding: 5px;
   line-height:1.5em;
   border: 1px solid #ddd; 
   overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
   white-space: pre-wrap; /* css-3 */
   white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
   white-space: -pre-wrap; /* Opera 4-6 */
   white-space: -o-pre-wrap; /* Opera 7 */
   /* width: 99%; */
   word-wrap: break-word; /* Internet Explorer 5.5+ */
      }

code  {
   font: 1.1em 'Courier New', Courier, Fixed;
   color: #008000;
   padding: 0 2px;
   background: #fff; 
   line-height:1.5em;
   overflow: auto;
       }


acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}



a:hover {
	color: #6ec9ef; 
        text-decoration: underline;
	}

.entry a { 
        text-decoration: none;
        }  

.entry a:hover {
	text-decoration: underline; 
        }   

#sidebar a:hover {
	text-decoration: underline;
        }


.sticky {
        background: #FFF8DC !important; 
        padding: 5px 10px;
        margin: 10px 0;
        }


/* Begin Structure 
------------------------------------- */
body {
	margin: 0 0;
	padding: 0 0; 
	}

#page {
	margin: 0px auto 0 auto;
	padding: 0;
	width: 980px; 
	}

#header { 
	margin: 0px; 
	padding: 0px;   
	}

#header a {
	color: #333;
	text-decoration: none;
	}

#header a:hover {
	color: #6ec9ef;
	text-decoration: none;
	}
 
.narrowcolumn {
	float: left;
	padding: 0px;
	margin: 0px;
	} 

.post {
	margin: 0 0 40px;
	text-align: justify; 
	}

.post hr {
	display: block;
	}

.entry{
	font-size:13px; color:#FFF;

	}

.narrowcolumn .postmetadata {

	padding-top: 5px;

	}

.postmetadata {
	clear: left;

       }
 



/*	Begin Headers
------------------------------------- */

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	} 


/* Begin Images
------------------------------------- */
p img {
	padding: 0;
	max-width: 100%;
	}
 
.entry img {
        padding:0px; 
        }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	} 


/* Begin Lists 
------------------------------------- */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 20px; 
	padding-left: 10px; 
	} 

html>body .entry li {
	margin: 2px 0 2px 10px;
	}

.entry ol {
	padding: 0 0 0 20px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 6px 0 0;
	padding: 0;
	} 



/* Begin Form Elements
------------------------------------- */
#searchform {
	margin: 5px 0;
	padding: 5px 3px; 
	text-align: left;
	}

#searchform input {
	border: 1px solid #000;
       }

#sidebar #searchform #s {
	width: 170px;
	padding: 2px;

	}

#sidebar #searchsubmit {
	padding: 1px; background-color:#F00; color:#FFF; font-size:12px;
	}

.formbutton{
   cursor:pointer;
   border: solid 1px #ccc;
   background:#C32364;
   color:#fff;
   font-weight:bold;
   padding: 1px 2px;
}


.entry form {  
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
        border: 1px solid #C32364;
	}

#commentform textarea {
	width: 60%;
	padding: 2px;
        border: 1px solid #C32364;
	}

#commentform #submit {
	margin: 0;
	float: left;
	} 

#map-canvas {
        width: 100%;
        height: 400px;
        margin: 0, auto;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
}

/* Begin Comments
------------------------------------- */
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
        margin: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none; 
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

img.avatar {
        float:left; 
        margin: 0;
        padding: 0 4px 0 0; 
        vertical-align:middle;
        }
 
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#999 !important; }
ol.commentlist li div.comment-meta a:hover { color:#06c !important;  text-decoration:underline; }
ol.commentlist li p { font-size:1em; margin:0 0 1em; }
ol.commentlist li ul { font-size:1em; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:1em; } 
ol.commentlist li div.reply a { text-decoration:none; background: #f3f3f3; padding: 5px;} 
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li.comment { border:1px solid #d5d5d5; padding:1em; }
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li ul.children li.depth-2 { border-left:3px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:3px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:3px solid #999; margin:0 0 .25em .25em; }


/* Begin Sidebar 
------------------------------------- */
#adbox { 
        text-align: center;
        padding: 5px;
        margin: 0 0 5px 0;
        background: #ffffff;
        border: 1px solid #ddd;
        }

#sidebar_low {
	clear:both;
	}

#l_sidebar {
	width:170px;
	float: left; 
        padding: 5px;
        border: 1px solid #DDD;
        background: #f6f6f6;
        }

#r_sidebar {
	width:170px;
	float: right; 


        padding: 5px;


        background: #f6f6f6;
        border: 1px solid #DDD;
        }



#sidebar form {

	margin: 0;
	} 



/* Begin Tags & Classes 


------------------------------------- */

acronym, abbr, span.caps {
	cursor: help;

	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 3px solid #C32364;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}



hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
        font-size: 1.3em; 	} 

/* Captions 
------------------------------------- */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
} 


/********* CUSTOM CLASSES *********/
#page { margin:0 auto 20px auto; padding:0px; width:980px; background:#075201;  }
#pagein { margin:0px; padding:0px 0px 0 0px;/* background:url(images/bottom_bg.gif) bottom left repeat-x*/  }
.header { width:960px; margin:0px; padding:0px; }
.logo { float:left; margin:15px 0 0 -10px; padding:0px; width:271px;}
.logo_01{margin:0px 0 0 0px; padding:0px 0 0 0px; width:270px;}
.logo_02{margin:0px 0 0 0px;padding: 123px 6px 0 6px; width:240px; float:left; height:200px;  position: relative;}
.menu_topbg{margin:0px; padding:0px; width:250px; height:9px; background:url(images/menu_topbg.png) top left no-repeat;}
.menu_topbg1{margin:0px; padding:0px; width:250px; height:9px; background:url(images/menu_bottombg.png) top left no-repeat;}
.menu_topbg2{margin:0px; padding:0px; width:250px; background:#638d0d;}
.logo img { margin:-4px 0 0 0px; padding:0px; position:absolute; z-index:99999;}
.headerright { margin:-15px 0 0 0px; padding:10px 10px 10px 10px; float:right; width:680px; height:370px; background:#FFFFFF; z-index:-1;}

.topnav { clear:both; margin:0px; padding:0px; }
.topnav_center{ margin:0px; padding:0px; float:left;}
.topnav_center ul li { background:url(images/navdiv.gif) center right no-repeat; }
.topnav_center ul .page-item-15 { background:none; border:none; }

.social_icon { margin:0px; padding:0px; float:right;  }
.social_icon img { display:block; float:left;  margin:0 10px 0 0; padding:0px; }

.center { margin:0px; padding:0px; width:960px; }
.centerin { margin:0px; padding:0px; }
#content { width:644px; margin:14px; margin:0px; padding:0 30px 0 30px; }

.main_banner{ clear:both; margin:0px; padding:0px; }

#footer { clear:both; padding:0px; margin:0px; border-top: 1px solid #527903;}

.footerleft { margin:0 0 10px 0; padding: 20px 0 20px 337px; font-size:11px; color:#14a608; float:left; font-family:Tahoma !important;}
.footerright { margin:0px 8px 10px 0; padding:0px; font-size:11px; color:#ea5b17; float:right;}
.footerright a { text-decoration:none; color:#ea5b17;}
.footerright a:hover { text-decoration:none; color:#5c1016;}

#content .content1 { padding:0px; font-size:12px; }
#content .titleimage { display:block; margin:37px auto 0 auto; padding:0px; }
#content h2 { font-size:20px; font-family: Georgia; margin:0px; padding:20px 0 10px 0; border:none; color:#fff;  border-bottom: 2px dotted #427B3E;}
/*#content h3 { font-size:18px; font-weight:normal; margin:0px; padding:10px 0 0 0; border:none; color:#006cbe; font-weight:normal; }*/
#content p { color:#fff; line-height:22px; font-size:13px; line-height:20px;}
#content ul { margin:0 0 0 20px; padding:0px; color:#444; font-size:12px;  }
#content ul li { margin:0px; padding:5px 0; }


h1 { font-family: Georgia; padding-bottom:10px; color:#FFFFFF; font-size:20px; border-bottom: 2px dotted #427B3E;}
h5 { color:#FFFFFF; font-size:18px; margin:0px; padding:0px; font-weight:normal;}
h6 { color:#FFFFFF; font-size:13px; margin:0px; padding:0px; line-height:24px;}

.nocomments { display:none;}


#sidebar { width:240px; margin:153px 0 0 6px;  padding:5px; float:left;  /*background:#042b01;*/ background: url(images/sidebar_buttom.png) bottom left no-repeat;}
#sidebar h4 { color:#000; margin:0px; padding:0px; font-size:15px; font-weight:normal; color:#F60; background-color:#CCC}
#sidebar .ngg-widget a img { border:solid 1px #3dacda; padding:3px; margin-top:10px;}

.formborder { margin:20px 0 0 0; padding:0px;  text-align:left;}
.wpcf7-form div.wpcf7-validation-errors{ margin:0px; padding:0px; border:solid 2px #F00; color:#F00; }
.wpcf7-form .wpcf7-not-valid-tip { color:#F00;}

.formborder th { text-align:left; vertical-align:top; font-size:12px; font-weight:bold; padding:10px; color:#ea5b17; }
.formborder td { text-align:left; font-size:13px; font-weight:normal; padding:10px;}
.formborder input[type=text] { border:solid 1px #ea5b17; font-size:13px; padding:4px; background:#ea5b17; color:#fff; } 
.formborder input[type=submit] { border:solid 0px #cbcbcb; background-color:#ea5b17; color:#fff; font-weight:bold; width:100px; font-size:13px; padding:4px; cursor:pointer; } 
.formborder textarea { border:solid 1px #ea5b17; font-size:13px; padding:4px; height:100px; width:95%; background:#ea5b17; color:#fff }  



a { outline:none; color:#ea5b17; }
a:hover { color:#cf4300 }

.post-edit-link { margin:0px; padding:0px; color:#ea5b17; text-decoration:none; }
.post-edit-link:hover { color:#ff6600; text-decoration:none; }

.home_images { margin:0px; padding:40px 0 0 140px; }


.wpcf7-mail-sent-ok { color:#F00; border-color:#CCC;}



/* HEADER CLASSES */
.headerphoto { background-image:url(headers/general.jpg); background-repeat:no-repeat; background-position:top center; width:960px; height:200px;}
body.page-id-11 .headerphoto { background-image:url(headers/company.jpg); }
body.page-id-19 .headerphoto { background-image:url(headers/safety.jpg); }
body.page-id-54 .headerphoto { background-image:url(headers/founder.jpg); }
body.page-id-58 .headerphoto { background-image:url(headers/corporate.jpg); }
body.page-id-9 .headerphoto { background-image:url(headers/projects.jpg); }
body.page-id-61 .headerphoto { background-image:url(headers/highrise.jpg); }
body.page-id-63 .headerphoto { background-image:url(headers/calgary.jpg); }
body.page-id-65 .headerphoto { background-image:url(headers/edmonton.jpg); }
body.page-id-67 .headerphoto { background-image:url(headers/othercities.jpg); }
body.page-id-69 .headerphoto { background-image:url(headers/firealarm.jpg); }
body.page-id-71 .headerphoto { background-image:url(headers/proudprojects.jpg); }
body.page-id-73 .headerphoto { background-image:url(headers/datacentre.jpg); }
body.page-id-75 .headerphoto { background-image:url(headers/energy.jpg); }
body.page-id-13 .headerphoto { background-image:url(headers/service.jpg); }
body.page-id-77 .headerphoto { background-image:url(headers/service_work.jpg); }
body.page-id-15 .headerphoto { background-image:url(headers/contact.jpg); }
body.page-id-5 .headerphoto { background-image:url(headers/about_test_header.jpg); }



/*** MENU CLASSES START HERE ***/
.topnav .menu { margin-top:1px; margin-left:10px;}
.topnav .menu li { border:none; background:none; width:136px; padding:0 0 0px 0px; }
.topnav .menu li a{ background-color:transparent; border:none; width:235px; background-color:#638d0d; height:32px; line-height:32px; background:url(images/link_bg.png) top left no-repeat; }
.topnav .menu li a:hover{ color:#FF0; background:url(images/hover_bg.png) top left no-repeat;}
.topnav .menu li .page_item page-item-14 current_page_ancestor current_page_parent{ background:url(images/arrow.png) top left no-repeat; padding:0 0 0 30px;  }

.topnav .menu li .children { width:175px; top:33px; border:none; padding:0 0 0 235px; margin:-30px 0 0 0px; background-color:#333333;}
.topnav .menu li .children li { width:175px; border:solid 1px #075201; border-top:none;}
.topnav .menu li .children a{ background-color:#CCC; color:#FFF; height:20px; line-height:20px; width:155px; }
.topnav .menu li .children a:hover { background-color:#FFF; color:#FF0;}

.topnav .menu li .children .children{ width:135px; left:175px; top:-1px; border:none }
.topnav .menu li .children .children li { border:solid 1px #F00; width:135px;}
.topnav .menu li .children .children a{ background-color:#FFF; color:#000; height:20px; line-height:20px; width:115px; }
.topnav .menu li .children .children a:hover { background-color:#f00; color:#000}
/*** MENU CLASSES END HERE ***/

.newsletter { border:solid 1px #F00; background-color:#CCC}
.newsletter input { border:solid 1px #000; background-color:#FF9}
.newsletter input[type="submit"] { background-color:#F00}

#sidebar ul li { font-size:12px;}

.footer2 {clear:both; font-size:11px; padding-left:10px;}

.sidecontactform input { border:solid 1px #00F; width:190px;}
.sidecontactform textarea{ border:solid 1px #00F; width:235px;}
.sidecontactform input[type="submit"] { background-color:#F00; width:100px;}



.login_header{margin:0px; padding: 10px 0 10px 735px; float:left; width:430px;}
.login_header ul{margin:0px; list-style:none; padding:0px;}
.login_header li{margin:0px; padding:0px; display:inline; background:url(images/login_bullet.png) center left no-repeat; }
.login_header li:first-child{background-image:none;}
.login_header li a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ccd941; text-decoration:none; padding:0px 10px 0 10px;}
.login_header li a:hover{color:#FFFFFF; text-decoration:none;}



.contant_siderbar {background: none repeat scroll 0 0 #053C01; margin: -3px 0 -5px -5px; padding: 10px 0 10px 20px; width: 230px; }
.Quick_Message_buttom{margin: 0 0 0 -5px; padding:0px; width:250px; height:9px; background:url(images/contant_buttom.png) top left no-repeat; float:left;}
.Quick_Message{margin:20px 0 0 0px; padding:5px 0 5px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#FFF; }
.Contact_Details{margin:0px; padding: 20px 0 0 49px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#FFF;}
.addres_home{margin:0px; padding:0px; }
.addres_home p{margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#FFFFFF; text-align:center; line-height:22px;}
.addres_home a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#FFFFFF; }
.addres_home a:hover{ color:#CCCCCC; text-decoration:none;}
.contant_bg {background: url("images/email_bg.png") no-repeat scroll left top #042B01;  margin: -5px 0 -11px -5px; padding: 0 0 18px 0px; width: 250px;  }




.featuredprod-row {float: left; margin-left: 25px; margin-right: 12px; margin-top: 10px; width: 676px;}
.featuredprod-row ul {list-style: none outside none; margin: 0; padding-left: 20px;}
.featuredprod-row li {float: left; margin: 8px 0; padding-left: 14px; padding-right: 14px;}
.product-item {background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #24761D;float: left; height: 205px; padding-right: 10px;
    width: 174px;}

.product-item a {color: #FFFFFF; display: block;  text-decoration: none;}
.product-item a:hover { color: #FFFFFF; text-decoration: none;}
.product-item .pro-img {float: left; width: 174px;}
.product-item .price {color: #FF0000 !important; font-size: 20px!important; line-height: 32px!important;  margin-bottom: 5px!important;
    text-align: center!important;}


h3 {  color: #000000 !important;   font-family: Georgia,"Times New Roman",Times,serif !important; font-size: 15px !important;
    font-weight: normal !important;  height: 26px !important;   line-height: 20px !important;  margin: 5px 0 !important;    padding-left: 10px !important;}

.product-item .price {color: #FF0000; font-size: 20px; line-height: 32px; margin-bottom: 5px; text-align: center;}



.product-item a:hover { color: #FFFFFF; text-decoration: none;}
.product-item .pro-img { float: left; width: 174px;}
.product-item .price { color: #FF0000; font-size: 20px; line-height: 32px; margin-bottom: 5px; text-align: center;}
.product-item .detailbutton { background: url("images/button-bg.jpg") repeat-x scroll center top transparent; border: 1px solid #437102;
    color: #FFFFFF; float: left; font-size: 11px;    font-weight: bold; height: 23px; line-height: 23px;  margin-left: 3px;
    margin-right: 9px;  text-align: center; width: 69px;}
.product-item .detailbutton:hover { background: url("images/button-bg-h.jpg") repeat-x scroll center top transparent;}
.product-item .addtocart { background: url("images/button-bg.jpg") repeat-x scroll center top transparent;  border: 1px solid #437102;
    color: #FFFFFF; cursor: pointer; float: left; font-size: 11px; font-weight: bold; height: 23px; line-height: 23px; text-align: center;
    width: 85px;}
.product-item .addtocart:hover { background: url("images/button-bg-h.jpg") repeat-x scroll center top transparent;
}
#footer {   border-top: 1px solid #527903;  color: #14A608; float: left; font-family: Tahoma,Geneva,sans-serif; font-size: 11px; height: 39px;
    line-height: 39px; margin-top: 10px;  text-align: center;   width: 980px;}

.product-item .addtocart { background: url("images/button-bg.jpg") repeat-x scroll center top transparent; border: 1px solid #437102;
    color: #FFFFFF; cursor: pointer; float: left; font-size: 11px; font-weight: bold; height: 23px; line-height: 23px;  text-align: center;
    width: 85px;}
.product-item .addtocart:hover { background: url("images/button-bg-h.jpg") repeat-x scroll center top transparent;}