/* CSS Document */
body { background:url(../images/bg.jpg) repeat-x top #146eae; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

p {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; color:#FFFFFF; text-align:left; line-height:18px; margin:0px; padding:0px 0px 10px 0px;}

/* index-group of companies */
.bg {background:url(../images/bg_index.jpg) repeat-x top #0e5297;}
.bgdesign-top {background:url(../images/top_bgdesign.png) no-repeat top; width:905px; height:273px;}
.logo {padding-top:10px;}
.btn_about_ponni {position:absolute; top:135px; padding-left:725px;}
.thumb_products {width:965px; padding-top:40px;}

.bg_thumb1, .bg_thumb2, .bg_thumb3, .bg_thumb4, .bg_thumb5{width:185px; height:212px; float:left; display:block;background-repeat:no-repeat;margin-right:7px;}
.bg_thumb1 {background-image:url(../images/thumb_prod_exports.png);}
.bg_thumb2 {background-image:url(../images/thumb_sasthi_farm.png);}
.bg_thumb3 {background-image:url(../images/thumb_ponni_hatcheries.png);}
.bg_thumb4 {background-image:url(../images/thumb_ponni_feeds.png); }
.bg_thumb5 {background-image:url(../images/thumb_ponni_transports.png);}

.thumb_heading {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:18px; padding-top:180px;}
.thumb_heading a {text-decoration:none; color:#FFFFFF;}
.thumb_heading a:hover {color:#00CCFF; text-decoration:underline;}

.tab_latestnews {background:url(../images/tab_latestnews.jpg) no-repeat; width:128px; height:14px; float:left; padding:10px 30px;}
.tab_title {color:#FFFFFF; font-size:12px; font-weight:bold; font-family:tahoma,Arial, Helvetica, sans-serif;}
.bg_latestnews {width:745px; height:14px; background:#FFFFFF; float:left; padding:10px 10px;}
.txt_news {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; font-style:normal;}

.btm_egg {position:absolute; top:485px; left:925px;}
.btm_egg2 {position:absolute; top:565px; left:825px;}

/* About Us page */
.link-grad {
	position:absolute;
	top:205px;
	padding-right:65px;
	left: 718px;
}
.grad-bg {background:url(../images/bg_grad.png) no-repeat; width:233px; padding:15px 50px;}
.grad-link {font-family:tahoma; font-size:11px; color:#fff; font-weight:bold; text-align:center;}
.grad-link a{color:#ffffff; text-decoration:none;}
.grad-link a:hover{color:#000; text-decoration:none;}
.cont {width:590px; float:left; padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:18px;}

/* inner page */
.menu { height:48px; background-image:url(../images/bg_menu.jpg); background-repeat:repeat-x;}
.menu ul {list-style:none; padding:0px; margin:0px;}
.menu ul li { padding:0px; margin:0px;float:left; background-image:url(../images/menuline.jpg); background-repeat:no-repeat; height:48px; background-position:right;}
.menu ul li.last { padding:0px; margin:0px;float:left; background:none; height:48px; background-position:right;}
.menu a {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#171717; display:block; float:left; text-decoration:none; height:30px; padding-top:18px; padding-left:68px; padding-right:68px;}
.menu a:hover {color:#033a64; text-decoration:underline;background-image:url(../images/menu_hover.jpg);background-repeat:no-repeat;background-position:center bottom;}
.active {color:#033a64; text-decoration:underline;background-image:url(../images/menu_hover.jpg);background-repeat:no-repeat;background-position:center bottom;}

/* MENU - ponni hatchries */

.menu_h { height:48px; background-image:url(../images/bg_menu.jpg); background-repeat:repeat-x;}
.menu_h ul {list-style:none; padding:0px; margin:0px;}
.menu_h ul li { padding:0px; margin:0px;float:left; background-image:url(../images/menuline.jpg); background-repeat:no-repeat; height:48px; background-position:right;}
.menu_h ul li.last { padding:0px; margin:0px;float:left; background:none; height:48px; background-position:right;}
.menu_h a {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#171717; display:block; float:left; text-decoration:none; height:30px; padding-top:18px; padding-left:45px; padding-right:45px;}
.menu_h a:hover {color:#033a64; text-decoration:underline;background-image:url(../images/menu_hover.jpg);background-repeat:no-repeat;background-position:center bottom;}
.active {color:#033a64; text-decoration:underline;background-image:url(../images/menu_hover.jpg);background-repeat:no-repeat;background-position:center bottom;}


.col-left {padding:10px 20px 0px 10px;}
.col-right {padding:30px 0px 0px 10px;}

.heading {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF;}

/* inner page right tab styles */
.tab1 { background:url(../images/img_tab1.jpg) no-repeat; width:291px; height:28px; padding:0px 0px 0px 50px;}
.tab2 { background:url(../images/tab_other.jpg) no-repeat; width:291px; height:28px; padding:0px 0px 0px 50px;}

.tab_link {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; line-height:20px; padding:3px 0px 0px 50px;}
.tab_link a {color:#FFFFFF; text-decoration:none;}
.tab_link a:hover {color:#07384a; text-decoration:none;}

/* footer */
.ftr {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-style:normal; line-height:18px; text-align:center; padding:10px 0px;}
.ftr a{color:#FFFFFF; text-decoration:none;}
.ftr a:hover{color:#ffffff; text-decoration:underline;}

/* inner page footer */
.ftr2 { background:url(../images/inner_ftr.jpg) no-repeat; height:65px;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-style:normal; line-height:18px; text-align:center; padding:5px 0px 5px 0px;}
.ftr2 a{color:#FFFFFF; text-decoration:none;}
.ftr2 a:hover{color:#ffffff; text-decoration:underline;}

/* list items */
ul.list{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; padding-top:1px; padding-bottom:10px; list-style:none; line-height:20px;}
ul.list li{font-family:Arial, Helvetica, sans-serif; font-size:12px; background: url('../images/bullet.png') no-repeat left 2px; padding-left:25px; background-repeat:no-repeat; line-height:20px;}

/* text styles */
.white-txt {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:18px; color:#fff;}
.blue-txt {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:16px; color:#fff;}

/* enquiry form styles */
.form-txt {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:18px; font-style:normal; float:left;}
.txtbox {background:url(../images/bg_txtbox.jpg) repeat-x bottom #FFFFFF; width:230px; height:28px; border:1px #FFFFFF solid;}
.txtarea {background:url(../images/bg_txtbox.jpg) repeat-x bottom #FFFFFF; width:230px; height:100px; border:1px #FFFFFF solid;}
.address {float:right; display:block; padding-right:100px;}
.address-hatcheries {float:right; display:block; padding-right:15px;}
.address-feeds {float:right; display:block; padding-right:15px;}
.address-transport {float:right; display:block; padding-right:100px;}

/* img styles */
.img-bdr {border:5px #FFFFFF solid;}


/* link styles */
a.mail {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; color:#FFFFFF; text-decoration:none;}
a.mail:hover {color:#fff; text-decoration:underline;}

/* scroller */
a.min_prev, a.min_next{width:12px;height:41px;position:absolute;top:30px;cursor:pointer;text-indent:-9999px;}
a.min_prev{background:url(../images/scroll_prev.png) no-repeat left top;left:22px;}
a.min_next{background:url(../images/scroll_next.png) no-repeat left top;right:20px;}


.store_scroll_container{position:relative;	height:125px;	width: 600px;}
.store_scroller{position:relative;overflow:hidden;clear:both;width:537px;margin:0 auto;height:100%;}
.store_items{width:20000em;position:absolute;clear:both;margin:0;padding:0;}
.store_items div{ margin:0px 15px 0px 0px;float:left}


a.store_prev, a.store_next{width:12px;height:41px;position:absolute;top:50px;cursor:pointer;text-indent:-9999px;}
a.store_prev{background:url(../images/scroll_prev.png) no-repeat left top;left:-12px;}
a.store_next{background:url(../images/scroll_next.png) no-repeat left top;right:-10px;}


.store_items div a img {
	border:0px;
}

/* the active thumbnail */
.store_items div a.active img {
	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}

/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color:#333;
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}



/* "next image" and "prev image" links */
.next, .prev {
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}
.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
}