@import url("mainnav.css");
@import url("ie.css");

* {
	margin:0;
	padding:0;
}
body, html {	
	width: 100%;
	height: 100%;	
}
body {
	font-family:"Trebuchet MS" sans-serif ;
	font-size:1.0em;
	color:#716342;
	background: #FFF;
}
a { color: #66a03b; }
a:hover { color: #66a03b; text-decoration: none }
a img { border: none }

.clear { clear: both; height: 80px;  }

h2 { font-size: 1em; margin: 0 0 0.5em 0 }

/* Customer Login */
.position-customer-login { position: absolute; left: 730px; top: 74px; }
.position-customer-login .customer-login { width: 152px; height: 26px; }
.position-customer-login .customer-login a { width: 152px; display: block; height: 26px; background: url(../images/menu/customer-login.png) no-repeat 0 0; text-indent: -9999px }
.position-customer-login .customer-login a:hover { background-position: 0 -26px; }

/*-------------------------------------------------------------------------------------------*/
/*------------------------------------------ HEADER -----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#header{	
	width:100%;
	background: url(../images/header-background.jpg) no-repeat top left;
	height:216px;
}
#headerContainer{
	width:644px;
	height:160px;
}
h1{
	width:331px;
	height:160px;
	background: url(../images/logo.jpg) no-repeat top left;
}
h1 span, h2 span{
	display:none;
}

h1 a{
	height:160px; 
	display: block;
	cursor: pointer;
}

#header h2{
	width:176px;
	height:52px;
	background: url(../images/tagline.jpg) no-repeat top right;
	float:right;
	margin-top:-104px;
}

/*-------------------------------------------------------------------------------------------*/
/*------------------------------------------ Menu-- -----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#menuContainer{		
	
	width:804px;
	height:34px;
	margin-left:125px;
	margin-top:22px;
}

#subMenu{		
	float:left;
	width:100%;
	height:33px;
	background: #EEF2B3 url(../images/submenu-background.jpg) no-repeat top left;
}

#submenuContainer{
	margin-left:120px;
	padding-top:5px;
}
/*-------------------------------------------------------------------------------------------*/
/*--------------------------------------- BREADCRUMBS ---------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#breadCrumbs{		
	float:left;
	width:100%;
	background: #255C0B;
	color:#FFF;
	font-size:11px;
	color:#B0C48A;
}
#breadCrumbs .links{
	padding-left:125px;
	line-height:20px;
}
#breadCrumbs .links a{
	text-decoration:underline;
	color:#B0C48A;
}
#breadCrumbs .links a:hover{
color:#D2DDBD;
}
/*-------------------------------------------------------------------------------------------*/
/*----------------------------------------- CONTENT -----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#container{		
	float:left;
	width:100%;
	height: 100%;
}
html>body #container{
	height: auto;
	min-height: 100%;
}
#contentWrapper{
	width:100%;
	background: url(../images/background-waves.jpg) no-repeat top left;
}
#contentWrapper-simple{
	width:100%;
	background: url(../images/background-waves-simple.jpg) no-repeat top left;
}

#contentContainer{
	width:897px;
	display: inline;
}
#leftContainer{
	width:584px;	
	float:left;
	background: url(../images/title-what-is-growerlive.jpg) no-repeat top left;
}

/* Product Titles */
.nursery-system #leftContainer { background: url(../images/title-products-nursery-system.jpg) no-repeat 0 0; }
.intelligent-system #leftContainer { padding-top: 20px; background: url(../images/title-intelligent-rep-system.jpg) no-repeat 0 0; }
.merchandiser-system #leftContainer { background: url(../images/title-products-merchandiser-system.jpg) no-repeat 0 0; }
.routing #leftContainer { background: url(../images/title-products-routing.jpg) no-repeat 0 0; }
.accounting-interface #leftContainer { background: url(../images/title-products-accounting-interface.jpg) no-repeat 0 0; }
.production-system #leftContainer { background: url(../images/title-products-production-system.jpg) no-repeat 0 0; }
.testimonials #leftContainer { background: url(../images/title-testimonials.jpg) no-repeat 0 0!important; }
.customer-login-body #leftContainer { background: url(../images/title-customer-login.jpg) no-repeat 0 0!important; }
.pressreleases #leftContainer { background: url(../images/title-press-releases.jpg) no-repeat 0 0!important; }
.growerlive-demo #leftContainer { background: url(../images/title-growerlive-demonstration.jpg) no-repeat 0 0!important; }
.whychoose #leftContainer { background: url(../images/title-why-choose-growerlive.jpg) no-repeat 0 0!important; }


#rightContainer{
	width:313px;
	float:left;
	margin: 0 0 80px 0
}
.leftContent{
	display:block;
	margin-left:125px;
	padding-top:60px;
	padding-right: 20px;
}
.leftContent p, .data-center p {
	font-size:14px;
	line-height:23px;
	color:#716342;
	margin-bottom:15px;
	padding-right:18px;
/*	text-align:justify;*/
.leftContent p, .data-center p {
	font-size:14px;
	line-height:23px;
	color:#716342;
	margin-bottom:14px;
	padding-right:18px;
/*	text-align:justify;*/
}
xt-decoration:underline;
}
.leftContent ul { margin: 0 0 30px 10px; font-size: 0.85em }
.leftContent ul li { margin: 0 0 0.6em 0; padding: 0 0 0 30px; list-style: none; background: url(../images/ul_list_leaf.gif) no-repeat 0 0; }
.products-list li { clear: both; float: none }
.products-list li { border-bottom: 1px solid #cbc2a5; }
.products-list li img { border: 1px solid #cbc2a5; width: 120px; }
.products-list li p { margin: 10px 0 10px 0;}
.clearborder { border: none!important; }
.leftContent .microsoft-logos img { margin: 20px 15px 30px 0 }

.leftContent .oneLink:hover{
	background: url(../images/arrow.jpg) right no-repeat;
	text-decoration:underline;
}
.newsContainer{
	width:313px;
	padding-top:60px;
	text-align:center;
	background:#F5F8D1 url(../images/title-newsroom.jpg) no-repeat top left;
}
.newsContainer table{
	margin:0 auto;
}
#panel1 { padding: 0 0 40px 0 }
.newsItem{
	width:283px;
	margin:0 auto;
	text-align:left;
}
.newsItem .item { margin: 0 0 10px 0 }
.newsItem .item img { border: 2px solid #5c9c21 }
.newsItem .item a:hover img { border: 2px solid #7cd430; }
.newsItem .item h2 a { color: #255c0b }
.newsItem .item h2 a:hover { color: #66a03b; }

.newsItem h3 { margin: 20px 0 0 0; padding: 0 20px 0 0 }


.newsContainer .last{
	height:24px;
	width:313px;
	background: url(../images/news-bottom.jpg) bottom left no-repeat;
	margin:0;padding:0;
}

h3{
	padding-right:10px;
	background:url(../images/leaf.jpg) top right no-repeat;
	text-align:left;
}
h3 a{
	color:#66A03B;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}

h3 a:hover{
	color:#235B0B;
}

.important_news a{
	color:#255c0b!important;
	font-size:14px;
}

.important_news a:hover{
	color:#132408!important;
}
.newsItem span{
	font-family:Tahoma;
	color:#795E00;
	font-size:12px;
	text-align:left;
	line-height:1.5em;
}
.newsItem p{
	font-family:Tahoma;
	color:#795E00;
	font-size:12px;
	text-align:left;
	line-height:1.5em;
	margin-top:5px;
}

.newsItem span a{
	display:block;
	margin-top:3px;
	text-align:left;
	font-size:12px;
	font-family:Tahoma;	
	color:#BF8815;
	font-weight:bold;
	text-decoration:underline;
}
.newsItem span a:hover{
	color:#F8A905;
}

.newsSeparator{
	width:283px;
	margin:0 auto;
	height:39px;
	background: url(../images/separator.jpg) center left repeat-x;	
}
/*-------------------------------------------------------------------------------------------*/
/*----------------------------------------- FOOTER -----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#spacer{
	height:66px;
}
#footer{
	position: relative;
	bottom: 0;
	float:left;
	clear:both;
	width:100%;
	background: #F9F8F5;
	margin-top: -56px;
	height: 56px;	
	background: #F9F8F5 url(../images/logo-inntec.jpg) no-repeat;
	background-position:0 10px;
}
#footer-content{
	width:500px;
	padding-left:125px;
	padding-top:6px;
	float:left;
}
#inntec-logo{
	width:270px;
	
	float:left;	
}
#inntec-logo a{
	display:block;
	width:270px;
	height:56px;
}
#footer-content a{
	padding-right:7px;
	margin-right:10px;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

#footer-content a:hover{
	background: url(../images/arrow.jpg) right no-repeat;
	text-decoration:underline;
}

#footer-content p{
	width:100%;
	margin:0;padding:0;
}
#footer-content span{
	display:block;
	font-size:11px;
	color:#ACACAB;
}
.footer-links { text-transform: uppercase }
/*-------------------------------------------------------------------------------------------*/
/*--------------------------------------- INSIDE PAGES --------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.contentWrapper-inside{
	width:100%;
	background: url(../images/background-interior.jpg) no-repeat top left;
}
#contentContainer-inside{
	width:897px;
	display: inline;
	margin-left:118px;
}
#inside-left{
	width:257px;
	float:left;
	margin-bottom:86px;
	background:#F5F8D1 url(../images/background-interior-top.jpg) no-repeat top left;
	text-align:center;
}
#inside-left-content{
	width:225px;
	margin:0 auto;
	text-align:left;
	padding-top:35px;
}
#inside-left .last{
	height:24px;
	width:257px;
	background: url(../images/inside-panel-bottom.jpg) no-repeat bottom left;
	margin:0;padding:0;
}
#inside-right{
	width:621px;
	float:left;
	margin-bottom:86px;
}
#inside-right h4{
	width:621px;
	height:60px;
	background: url(../images/inside-title-1.jpg) no-repeat top left;
}
#inside-right h4 span{
	display:none;
}
#inside-right p{
	padding-left:20px;
	font-size:13px;
	line-height:23px;
	color:#716342;
	margin-bottom:15px;	
}

//* HOMEPAGE MENU SHIFTING */
#panel2,#panel3,#panel4,#panel5{
	display:none;
}
.newsPanel-inside{
		display:none;
		width:283px;
		text-align:left;
		margin:0 auto;
		font-size:12px;
		font-family: Tahoma;
		line-height:1.5em;
}
.newsPanel-inside ul{
	list-style: none;
}
.newsPanel-inside ul li{
	list-style: none;
	margin-bottom:10px;
}
.newsPanel-inside a{
	color:#66A03B;
	font-size:13px;
	font-weight:bold;
}
.newsPanel-inside a:hover{
		color:#235B0B;
}
.paragraphLink{
	font-size:12px;
	color:#4D9121;
	text-decoration:underline;
	font-family: Tahoma;
}
.paragraphLink:hover{
	color:#235B0B;
}
.backButton{
	display:block;
	/*border-bottom: 1px solid #CCCCCC;*/
	font-size:12px;
	text-align:right;
	color:#4D9121;
}
.backButton a, .backLink{
	color:#4D9121;
	font-family:Tahoma;
}
.backButton a:hover, .backLink:hover{
	color:#235B0B;
}
.newsTitle{
	color:#66A03B !important;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	padding:0;margin:0;
	display:block
}
.newsContent{
	font-family:Tahoma;
	color:#795E00;
	font-size:12px;
	text-align:left;
	line-height:1.5em;
	margin-top:5px;
	display:block;
	margin-bottom:20px;
}
.screenshots, .screenshots li{
	list-style: none;
	text-align: left;
}
.normalList, .normalList li{
	list-style: none;
	font-size:12px;
	margin:0;
}

#scr2,#scr3,#scr4, #scr5, #scr6, #scr7, #scr8{
	display: none;
}

/* Demonstration */
.demo { clear: both }
.demo .parts { float: left; margin: 0 10px 20px 0 }
.demo .parts h2 a:hover { color: #255c0b }
.demo .parts img { border: 2px solid #5c9c21 }
.demo .parts a:hover img { border: 2px solid #255c0b }

/* Tool free */
.tollfree { border: 1px solid #a5a518; text-align: center; background: #f6f8d1; padding: 10px 20px; margin: 0 0 15px 0 }
.tollfree p { margin: 0; padding: 0; line-height: 1.2em }

/* Newsroom */
.newsroom .leftContent h2 { padding: 20px 0 0 0; color: #66a03b }
.newsroom .leftContent q { font-style: italic; display: block; padding: 10px 20px 0 20px; color: #3c6022; line-height: 1.3em }

/* Testimonials */
.testimonials-list h2 { cursor: pointer; padding: 3px 30px 3px 35px; background: #f5f8d1 url(../images/leaf.jpg) no-repeat 7px 5px;  }

/* Customer login */
#loginform { font-size: 0.83em }
#loginform .input-type input { border: 1px solid #97b413; padding: 3px 2px; margin: 0 0 5px 0; color: #795e00 }
#loginform .input-type { clear: both }
#loginform .input-type label { float: left; width: 70px; padding: 2px 0 0 0 }
#loginform .submit-type { padding: 0 0 0 70px; }
#loginform .submit-type input { background: url(../images/btn-login.jpg); border: none; width: 82px; height: 26px; position: relative; cursor: pointer }