/*
	Hortraco CSS
*/

/*reset*/
*{ padding:0; margin:0; border:0;}
ul{list-style-type:none;}

/* commons */
.left{float:left;}
.right{float:right;}
.clearer{height:0; line-height:0; font-size:0; clear:both;}
.bold{font-weight:bold;}


/* Skeleton */
	body{background:url('../images/bg_head.jpg') 0 0 repeat-x;}
	#header{width:1200px; height:177px; margin:0 auto; position:relative;}
	#content{width:1200px; margin:0 auto;}
	#footer{background:url('../images/bg_foot.jpg') bottom left repeat-x;}
		#footerinner{width:1200px; margin:0 auto;height:54px; }

		
/* Page Elements*/
/* Header */
	/* viscon holder*/
	div#viscon{ position:absolute; top:8px; right:75px;width:155px; height:110px; background:url('../images/logo_viscon.gif') top left no-repeat;}
	
	/* logo */
	#logo{padding-left:122px; height:111px; padding-top:8px;}
	#logo h1{display:none;} /* SEO */
	/* illustration banner */
	#head_illu{ background:#257cd5;background:url('../images/bg_illu_head.jpg') 0 0 repeat-x; border-bottom:1px solid #dbdbdb;}
	#head_illu_inner{height:194px; background:url('../images/bg_top.jpg') 0 0 no-repeat; margin:0 auto; width:1200px;}
	#head_illu_inner h1{padding-top:89px;}
	#head_illu_inner h1 span{position:relative; left:-9999px;}/* SEO */

	/* main horizontal menu */
	#main_menu{ width:992px;clear:both; padding-left:122px;}
		#main_menu li{ float:left; height:58px; text-align:center;}
			#main_menu li a{display:block; height:54px; font:normal 14px/54px Arial, Helvetica, sans-serif;
					background:url('../images/bg_mmenu_a.gif') no-repeat; text-decoration:none; color:#2f2f2f; padding-top:4px;}
					#main_menu li a:hover{color:#025ebc}
		/* menu items & links, off and active states */
		#main_menu li#mmhome{width:121px;}
			 #main_menu li#mmhome a{background-position: 9px 24px;padding-left:13px;}
			 #main_menu li#mmhome.active{background:url('../images/bg_menu_home_active.gif') no-repeat;}
			 #main_menu li#mmhome.active a{background:none;}

		#main_menu li#mmnurs{width:188px;background:url('../images/bg_menu_off.gif') no-repeat;}
			 #main_menu li#mmnurs a{background-position: 9px 24px; padding-left:13px;}
			 #main_menu li#mmnurs.active{background:url('../images/bg_menu_nursery_active.gif') no-repeat;}
			 #main_menu li#mmnurs.active a{background:none;}

		#main_menu li#mmflwr{width:222px;background:url('../images/bg_menu_off.gif') no-repeat;}
			 #main_menu li#mmflwr a{background-position: 9px 24px; padding-left:13px;}
			 #main_menu li#mmflwr.active{background:url('../images/bg_menu_flower_active.gif') no-repeat;}
			 #main_menu li#mmflwr.active a{background:none;}
		
		#main_menu li#mmfrt{width:309px;background:url('../images/bg_menu_off.gif') no-repeat;}
			 #main_menu li#mmfrt a{background-position: 9px 24px; padding-left:13px;}
			 #main_menu li#mmfrt.active{background:url('../images/bg_menu_fruit_active.gif') no-repeat;}
			 #main_menu li#mmfrt.active a{background:none;}
		
		#main_menu li#mmcontact{width:152px;background:url('../images/bg_menu_off.gif') no-repeat;}
			 #main_menu li#mmcontact a{background-position: 9px 24px;}
			 #main_menu li#mmcontact.active{background:url('../images/bg_menu_contact_active.gif') no-repeat;}
			 #main_menu li#mmcontact.active a{background:none;}
			 
/* Footer */
	#footerinner p{text-align:center; font:normal 11px/54px Arial, Helvetica, sans-serif;color:#696969}


/* ------------- */
/*     PAGES     */
/* ------------- */


/* CATALOG */
/*Content */
#catalog #content{background:url('../images/bg_content_2c.jpg') top left repeat-y;}
	/* left col : nav */
	#content_nav{width:268px; float:left;}
		/* current location*/
		#current_viewed{width:267px; height:70px; background:url('../images/bg_current_viewed.gif') 0 0 repeat-x;}
		#current_viewed h3{ line-height:36px; padding-top:14px;text-align:center;}
		#current_viewed h3 a{ display:block;width:204px; height:36px; color:#000;  margin:0 auto; padding-left:20px; text-decoration:none;
				background:url('../images/bg_current_viewed_a.gif') 0 0 no-repeat; font:bold 16px/36px Arial, Helvetica, sans-serif;}
		#current_viewed h3 a:hover{ text-decoration:underline;}
	/* sub nav : left nav */
	#content_nav ul{padding:0 30px 100px 30px;}
		#content_nav ul li{border-bottom: 1px solid #c7c7c7; padding:0 10px 0 30px; height:40px; line-height:40px;}
			#content_nav ul li a{display:block; height:40px;font:normal 13px/40px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
			#content_nav ul li a:hover{text-decoration:underline;}

	/* right col : content */
	#content_main{width:932px; float:left; padding-top:20px; }
		.onerow{padding-bottom:10px;}
		.oneitem{width:211px; margin-left:17px; float:left;}
			.oneitem h2{font:normal 16px/40px Arial, Helvetica, sans-serif;  color:#000; text-align:center;}
				.oneitem h2 a{font:inherit;  color:#000; text-decoration:none;}
					.oneitem h2 a:hover{text-decoration:underline;}
			.oneitem .oneitem_content{background:url('../images/bg_item.png') 0 0 no-repeat;width:211px; height:175px;padding-top:20px;  }
				.oneitem .oneitem_content a{display:block; margin:0 auto; width:164px; height:146px; }
	
/* CONTACT US */
/* content  main */
#contact #content{padding:20px 0px 20px 40px;width:1160px; margin:0 auto;background:url('');}
	#contentinner{width:1054px; margin:0 auto;}
	#contact #content h2{ width:650px; float:left; text-align:justify;font:bold 22px/24px Arial, Helvetica, sans-serif; color:#015ebb; padding:15px 0;}
	#contact #content p{ width:650px; float:left; text-align:justify;font:normal 13px/16px Arial, Helvetica, sans-serif; color:#626262; padding:10px 0;}

	#contact p#contact_illustration{ margin:0; padding:0;display:block; width:245px; height:297px; float:right; margin-right:145px; text-align:center;
				background:url('../images/bg_contact_illu.jpg') 0 0 no-repeat; padding-top:10px;}
				
	/* content bottom : 3 blocks info boxes*/
	#contact #contentbtm{background:#f7f7f7; border-top: 1px solid #dbdbdb; padding:15px 0 20px 0;}
	#contact #contentbtminner{width:1024px; margin:0 auto;}
				
	.contact_infobox{float:left;width:288px; height:146px; margin-left:50px; padding-top:65px; padding-left:10px;}
		.contact_infobox img{float:left;background:url('../images/bg_info_box_illu.jpg') 0 0 no-repeat; width:96px; height:116px; padding:8px; margin-right:5px; }
	#hortraco_concept{background:url('../images/bg_contact_hort_concept.jpg') 0 0 no-repeat; margin-left:0;}
	#viscon_concept{background:url('../images/bg_contact_visc_concept.jpg') 0 0 no-repeat;}
		#hortraco_concept, #viscon_concept {font:normal 13px/16px Arial, Helvetica, sans-serif;}
		#hortraco_concept p, #viscon_concept p{ color:#626262; padding:2px 20px 10px 10px;text-align:justify;}
	#location_dtls{background:url('../images/bg_contact_loc_dtls.jpg') 0 0 no-repeat; padding-top:85px; height:126px;}
		#location_dtls p{font:normal 18px/20px Arial, Helvetica, sans-serif; color:#626262; text-align:center;}
		#location_dtls p.callnumber{font:bold 24px/26px Arial, Helvetica, sans-serif; color:#000; padding-bottom:25px;}
		
	
/* PRODUCT */
#product #content{background:url('../images/bg_content_3c.jpg') top right repeat-y; width:1200px; margin:0 auto; }
	/* main col */
	#product_details{width:613px; float:left; padding:25px}
	#product #product_details h2{ text-align:justify;font:bold 22px/24px Arial, Helvetica, sans-serif; color:#000; padding:15px 0;}
	#product #product_details h3{text-align:justify;font:bold 13px/16px Arial, Helvetica, sans-serif; color:#626262; padding-top:10px; text-transform:uppercase;}
	#product #product_details p{text-align:justify;font:normal 13px/16px Arial, Helvetica, sans-serif; color:#626262; padding:10px 0;}
	#product #product_details p.pdf{text-align:right; line-height:25px;}
	#product #product_details p.pdf a{color:#b91f2b; text-decoration:underline; padding:5px; padding-left:30px;
				background:url('../images/ico_pdf.gif') top left no-repeat; line-height:25px; height:25px;}
	#product #product_details p.pdf a:hover{ text-decoration:none;}
	/* related product, right col */
	#product_related{width:268px; float:right;  padding-top:25px;}
		#product_related h2{padding:5px 25px;}
			#product_related h2 a { color:#4f4f4f; padding-left:25px; display:block;font:bold 15px/20px Arial, Helvetica, sans-serif; 
			background:url('../images/bg_related_prod_a.gif') 0 50% no-repeat; text-decoration:underline;}
			#product_related h2 a:hover{ text-decoration:none;}
	.onerelated_product{width:231px; height:195px; margin:0 auto; background:url('../images/bg_related_prod.jpg') top left no-repeat; margin-bottom:25px;}
	.onerelated_product img{margin:5px 10px;}