@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
* Filename: layout.css
* Purpose: All the CSS Rules required to design web pages.
* Author: Suraj Naik n[dot]suraj[at]agiletechnosys[dot]com
****************************************************************************************************/
/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
html {background:#000 url(../images/pagebg.png) 0 0 repeat-x fixed}
body {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000033; text-align:left; background:url(../images/mnubg.png) center 49px no-repeat fixed}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-transform:capitalize; text-decoration:none}
a {color:#000; font-weight:bold; text-decoration:none}
a:hover {color:#ad1419; text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}

/* 	HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/
/* H1 */

/* H2 */

/* H3 */

/* 	ALL IDS (id=IDS)
**********************************************************/
#topmnubg {background:url(../images/menubg1.png) center 0 no-repeat}
#wrapper {margin:0 auto; width:988px}
#header  {width:100%; height:71px}
#logo    {background:url(../images/logo.png) 0 0 no-repeat; width:218px; height:26px; margin:0 auto}
#logo  a {width:218px; height:26px; display:block}
#logo  a:hover {text-decoration:none}
#globNav {width:896px; margin:0 auto 8px auto; height:32px; line-height:32px}
#maincont {width:946px; margin:0 auto}
#maincontinn {background:url(../images/illust.jpg) 0 0 no-repeat; width:944px; height:437px; margin:0 auto} 
#sidebar {float:left; width:174px; position:relative; z-index:2}
#content {float:right; width:766px}


/* 	MAIN MODULES (id=MAINMODS)
**********************************************************/
/* -------------->MENUS< -------------- */ 
ul.topnav {list-style:none; padding:0; margin:0}
ul.topnav li {display:inline; float:left}
ul.topnav li a  {font:normal 11px/32px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding: 0 10px;  display:block; float:left; height:31px} 
ul.topnav li a:hover, ul.topnav li a.active {color:#000033; background:url(../images/mnuover.gif) 0 0 repeat-x; text-decoration:none}


/* -------------->LISTINGS< -------------- */ 
ul.list1 {margin:0; padding:0; list-style:none; position:relative; z-index:1; width:100%}
ul.list1 li a {font:normal 11px/24px Verdana, Arial, Helvetica, sans-serif; color:#000033; padding-left:18px; /*height:24px;*/ display:block}
ul.list1 li a:hover, ul.list1 li a.active {background:url(../images/bg2.gif) 0 0 repeat; text-decoration:none; color:#6699ff}



ul.list1 li ul li a {padding:3px 0 3px 33px; line-height:1.1}

ul.tabs {margin:0; padding:0; list-style:none; height:23px; overflow:hidden; width:447px}
ul.tabs li {margin-right:2px; display:inline; float:left}
ul.tabs li a {display:block; height:23px; font:normal 11px/23px Arial, Helvetica, sans-serif; color:#6699ff; padding:0 10px; float:left; background:url(../images/tabbg.png) 0 0 repeat-x}
ul.tabs li a:hover {background:#fff; color:#000033; text-decoration:none}
ul.tabs li a.active {background:#fff; font-weight:bold; color:#000}


ul.form {margin:0; padding:0; list-style:none}
ul.form li {position:relative; width:100%}
ul.form li label {font-size:10px; color:#fff; text-transform:uppercase; padding-bottom:2px; display:block; cursor:pointer}
ul.form li input,ul.form li textarea {background:url(../images/inputbg.gif) 0 0 repeat-x; width:271px; padding:4px 2px 0 2px; border:none; border:1px solid #00264b; margin-bottom:10px; font-size:11px; color:#666}
ul.form li input:focus, ul.form li textarea:focus {border:1px solid #fff}
ul.form li .input {height:16px}

ul.form li input.error {color:#ff0000}
ul.form li textarea {height:61px; background:url(../images/textbg.gif) 0 0 repeat-x}
ul.form li input.button {font-weight:bold; background:none; border:none; color:#fff; text-transform:uppercase; font-size:10px; cursor:pointer; height:20px; font-family:Arial, Helvetica, sans-serif; margin:6px 0}
*:first-child+html ul.form li input.button {margin: -2px 0 0 0}
ul.form li input.button:hover {color:#316faa}
span.active {background:transparent url(../images/bg_page.png) no-repeat scroll 2px 5px; color:#FFFFFF;font-weight:bold;height:16px;
padding:7px; width:16px}
/* -------------->FORMS< -------------- */ 

/* -------------->GRIDS< -------------- */ 
#illust {background:url(../images/illust.jpg) 0 0 no-repeat; margin:0 auto; width:944px; height:437px}

#sidebar .imgtop {position:absolute; top:-13px; right:5px; z-index:0}
#sidebar .imgend {position:absolute; bottom:-12px; left:4px; z-index:0}

#content .imgtop1 {position:absolute; top:-12px; right:8px; z-index:0}
#content .imgtop2 {position:absolute; top:-14px; left:5px; z-index:0}
#content .imgend1 {position:absolute; bottom:-13px; left:6px; z-index:0}
#content .video {margin-left:52px; position:relative; z-index:1}

#illust1 {padding:30px 0 0 36px; margin:0 auto; position:relative}
#illust1  .contact {width:244px; font-size:11px; color:#000033; float:left}
#illust1  .contact p.name {font-size:14px; font-weight:bold}
#illust1  .contact p.padbtm1 {padding-bottom:16px}
#illust1  .contact p.padbtm2 {padding-bottom:27px}
#illust1  .contactfrm {width:303px; height:276px; font-size:11px; color:#000033; float:left; margin-left:18px; background:url(../images/contactbg.png) 0 0 no-repeat; padding-left:29px; padding-top:28px}

.contactimg {position:absolute; right:10px; top:7px}

/*****Books***/
a.shopCart {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000033; background:url(../images/cart.gif) 100% 0 no-repeat; float:right; display:block; height:24px; line-height:24px; padding-right:29px}
.innCls {padding:0 36px; position:relative; z-index:1; width:694px; margin-left:-19px}
.innCls1 {padding:0 18px; position:relative; z-index:1}
 h1.books {font:normal 24px Verdana, Arial, Helvetica, sans-serif; color:#000033; padding-bottom:20px} 
.innCls .cont1 {height:237px; float:left; margin-left:19px; margin-bottom:20px}
.innCls .cont1 .imgdv {text-align:center; min-height:174px; height:215px}
.innCls .cont1 .imgdv img {border:2px solid #fff}
.innCls .cont1 .imgdv img:hover {border:2px solid #000}
.innCls .cont1 .txtdv {height:40px; padding-top:10px; text-align:center; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; width:160px;margin:0 auto;}
.innCls .cont1 .txtdv a {color:#fff; font-weight:normal; text-transform:uppercase;}


.innCls1 .cont2 {width:236px; height:315px; padding:6px 0; float:left; text-align:center; background:url(../images/tran_bg2.png) 0 0 repeat-y}
.innCls1 .tabdata {width:473px; float:left; background:url(../images/tran_bg3.png) 0 100% repeat-x; height:327px}
.innCls1 .tabdataDv {background:#fff; width:447px; height:222px; overflow-y: auto; font:normal 12p Verdana, Arial, Helvetica, sans-serif; color:#000033; padding:13px}
.innCls1 .tabdataDv p {padding-bottom:18px}
.innCls1 .tabdata .add2cart {color:#000033; font:bold 13px Arial, Helvetica, sans-serif; padding-top:6px; float:right; padding-right:24px}
.innCls1 .tabdata .add2cart a.cart {background:url(../images/add2cart.png) 0 0 no-repeat; height:27px; width:95px; font:bold 11px/27px Arial, Helvetica, sans-serif; color:#fff; display:block;text-align:center}
.innCls1 .tabdata .add2cart a.cart:hover {text-decoration:none}
.innCls1 .tabdata .add2cart select {border:1px solid #000033}


.cart_button {background:url(../images/add2cart.png) 0 0 no-repeat; height:27px; width:110px; font:bold 11px/27px Arial, Helvetica, sans-serif; color:#fff; display:block;text-align:center; border:none; cursor:pointer; text-transform:uppercase}
.cart_button:hover {text-decoration:none}


/*****EVENT REQUEST***/
.eventInn {padding:62px 0 0 103px; position:relative; z-index:1}
.eventfrm {width:479px; height:391px; font-size:11px; color:#000033; margin-left:18px; background:url(../images/formbg1.png) 0 0 no-repeat; padding:31px 37px 0 37px; z-index:100001; position:relative}
.eventfrm h3 {font-size:14px; font-weight:bold; padding-bottom:20px; color:#fff; text-align:center}
.eventfrm  label {width:226px}
.eventfrm .button {text-align:center; width:477px; padding-top:2px; height:15px}


/**presentation**/
.pre_inn {position:relative}
.bgimage {text-align:right; position:absolute; right:5px; top:-13px; z-index:1}
.txtdv1 {position:relative; z-index:1; width:425px; margin-left:30px; padding-top:19px; font-size:11px; color:#000033}
.txtdv1 h3 {font-size:14px; font-weight:bold; color:#000033}

.txtdv_sem {position:relative; z-index:1; width:690px; margin-left:30px; padding-top:19px; font-size:11px; color:#000033}
.txtdv_sem h3 {font-size:14px; font-weight:bold; color:#000033}

.txtdv_form {margin-left:30px; padding-top:16px; font-size:11px; color:#000033}

/****news***/
#illust2 {background:url(../images/newsillust.png) 0 0 no-repeat; margin:0 auto; width:724px; height:390px; padding:38px 0 0 37px}
.illust2inn {color:#000033; padding:38px 0 0 37px; position:relative}
.widone {width:466px}
.illust2inn .posrel {position:relative}
.illust2inn .news {position:absolute; right:7px; top:-14px}

.illust2inn p {padding-bottom:10px}
.illust2inn h1 {font-size:18px}
.illust2inn h3 {font-size:14px; padding-bottom:15px}

/***cart table***/
.cart {border:1px solid #fff;margin-bottom:20px; margin-top:73px}
.cart tr.btnbg {background:url(../images/btnbg.png) 0 0 repeat-x; padding:0}
.cart tr.btnbg {padding:0}
.cart tr.top1 {background:#fff}
.cart tr.top1 h1 {font-size:16px; color:#000033; padding:0; font-weight:normal}
.cart tr.End1 {background:#fff}
.cart tr.End {background:url(../images/bg6.png) 0 0 repeat-x; height:31px}
.cart tr.top {background:#000033; color:#fff; padding:3px; font-weight:normal}
.cart tr td {border-right:1px solid #fff; font-size:12px;border-bottom:1px solid #fff}
.cart tr td .input,.cart tr td select {border:1px solid #000033; background:e9f2fb}
.cart tr.nbd td, .cart tr td.nbrd {border-right:none}
.brdBtm {border-bottom:1px solid #fff; padding-bottom:10px}
/* -------------->MODS< -------------- */ 

/* ROUNDED CORNERS */
.ModTop1, .ModTop1 div, .ModEnd1, .ModEnd1 div {background:url(../images/mnumod.png) 0 0 no-repeat}
.ModTop1 {background-position:0 0; height:16px}
.ModEnd1 {background-position:0 -16px; height:16px}
.ModBg1 {background:url(../images/bg1.png) 0 0 repeat-y; padding-left:5px; padding-right:5px; min-height:402px; position:relative}

.ModTop2, .ModTop2 div, .ModEnd2, .ModEnd2 div {background:url(../images/contmod.png) 0 0 no-repeat}
.ModTop2 {background-position:0 0; height:16px}
.ModEnd2 {background-position:0 -23px; height:16px}
.ModBg2 {background:url(../images/bg3.png) 0 0 repeat-y; padding-left:5px; padding-right:2px; position:relative; width:759px}

.ModTop3 , .ModEnd3  {background:url(../images/blackmod.png) 0 0 no-repeat}
.ModTop3 {background-position:0 0; height:12px}
.ModEnd3 {background-position:0 -12px; height:12px}
.ModBg3 {background:#002040 url(../images/bg4.png) 0 100% repeat-x; min-height:340x; width:553px}


.ModTop4 , .ModEnd4  {background:url(../images/biomod.png) 0 0 no-repeat}
.ModTop4 {background-position:0 0; height:23px}
.ModEnd4 {background-position:0 -23px; height:23px}
.ModBg4 {background:url(../images/tran_bg6.png) 0 0 repeat-y; min-height:554px}
.ModBg5 {background:url(../images/tran_bg6.png) 0 0 repeat-y; min-height:437px}
/* BORDERS */

/* BACKGROUNDS */

/* COLUMNS (id=COLS)
**********************************************************/
/****Calender****/
#calender {background:url(../images/calenderbg.png) 0 0 no-repeat; width:950px; height:437px; margin:0 auto; position:relative}
.calender {padding:0 7px 0 12px}
.caltbl {width:100%; color:#4f657b; font-size:25px}
.caltbl tr.head {background:#11264b; height:20px; font-weight:normal; text-align:right; font-size:12px; color:#fff}
.caltbl tr.head th {padding-right:5px}
.caltbl td {border-bottom:1px solid #fff; border-right:1px solid #fff; font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#fff; width:134px; height:58px}
.caltbl td .innDv {width:126px; height:51px; position:relative; padding:2px}
.caltbl td .innDv span {position:absolute; top:0; right:0}
.caltbl td.event {background:url(../images/bg5.png) 0 0 repeat-x}
.caltbl td .innDv a  {font:bold 11px Arial, Helvetica, sans-serif; color:#000033; text-decoration:underline}
.caltbl td .innDv a:hover {text-decoration:none}
.caltbl td.last {border-right:none}
.caltbl td.last1 {border-bottom:none}
/*.caltbl tr.headt {height:62px}*/
.caltbl tr.headt {height:64px}
.caltbl tr.headt th {text-align:center; font:normal 18px Arial, Helvetica, sans-serif; color:#11264b}
.caltbl tr.headt th .posdv {}
/*.caltbl tr.headt th a.leftarw {position:absolute; display:block; width:56px; height:50px; left:0px; top:-20px}*/
.caltbl tr.headt th a.leftarw {position:absolute; display:block; width:56px; height:54px; left:12px; top:10px}
.caltbl tr.headt th a.leftarw:hover {text-decoration:none; background:url(../images/arwl_1.png) -1px 0 no-repeat} 
/*.caltbl tr.headt th a.rightarw {position:absolute; display:block; width:56px; height:50px; right:-4px; top:-42px}*/
.caltbl tr.headt th a.rightarw {position:absolute; display:block; width:56px; height:54px; right:6px; top:10px}
.caltbl tr.headt th a.rightarw:hover {text-decoration:none; background:url(../images/arwr_1.png) 0px 0 no-repeat}
/* -------------->MODS< -------------- */ 

/* ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:14px}
/*font WEIGHTS */
.strong {font-weight:bold} 
.normTxt, .normTxt a {font-weight:normal}
/* text TRANSFORMS */
.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU, .textU a{text-decoration:underline}
/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}
/* colored text */
.clrOne {} /* for green color */
/* a TAGS, BUTTONS */

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne {padding:8px}
.padBtm {padding-bottom:5px}
.padBtmbig {padding-bottom:30px; height:20px}
.padrht {padding-right:25px}

/* matgins */
.marginTop {margin-top:10px}
.marginBtm {margin-bottom:10px}

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; height:0; padding:0; overflow:hidden; margin:0}
.fl {float:left}
.fr {float:right}
.posrel {position:relative}
.clearfix:after, .container:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container {display: block}

/* 	date :- 01-10-2009 add new
**********************************************************/
span.error   {color:#CC0033; position:absolute; top:-13px; float:right; padding-right:28px; right:0}
div.error   {color:#CC0033}
.error   {color:#CC0033}
.success {color:#FF8000}

.posrel1 {position:relative; z-index:1000}

/* 	date :- 04-12-2009 add new
**********************************************************/
/*.calenderimg {position:absolute; right:-2px; top:17px}*/
.calenderimg {position:absolute; right:60px; top:14px}
.marginr {margin-right:15px}
.marginl {margin-left:23px}


/*Added by Jagdish Khairnar Date 26 April 2010  */

/*.maintitle1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/titlebg1.png) no-repeat scroll 0 0;
height:304px;
margin:35px auto 0 28px;
padding:0 40px 15px 32px;
position:relative;
text-align:center;
width:665px;
z-index:1;
}
.maintitle1 h3 {
-x-system-font:none;
color:#FFFFFF;
font-family:Verdana,Geneva,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:30px 0 20px;
}
.maintitle1 .title1 {
height:191px;
overflow-y:scroll;
padding-right:10px;
width:610px;
}
 .maintitle1 .title1 p {
-x-system-font:none;
color:#FFFFFF;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:16px;
padding-bottom:15px;
text-align:justify;
}


 .maintitle {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/titlebg.png) no-repeat scroll 0 0;
height:304px;
margin:35px auto 0 5px;
padding:0 40px 0 32px;
position:relative;
text-align:center;
width:933px;
z-index:1;
}

 .maintitle h3 {
-x-system-font:none;
color:#FFFFFF;
font-family:Verdana,Geneva,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:30px 0 20px;
}
.maintitle .title {
height:191px;
overflow-y:scroll;
padding-right:10px;
width:875px;
}
 .maintitle .title p {
-x-system-font:none;
color:#FFFFFF;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:16px;
padding-bottom:15px;
text-align:justify;
}*/
/* End Here 26 April 2010 */

/* 27 Apr 2010 from Dhananjay */
/* for home page */
 .maintitle  { width:933px; margin:35px auto;  text-align:center}
.maintitle .maintop {background:url(../images/maintop.png) center top no-repeat; height:18px; overflow:hidden}
.maintitle .mainmid {background:url(../images/mainmidrpty.png) repeat-y center}
.maintitle .mainmid .mainmidinn {background:url(../images/mainmid.png) no-repeat bottom; padding:0 30px}
.maintitle .mainmid .mainmidinn {}
.maintitle .mainbtm {background:url(../images/mainbtm.png) no-repeat center bottom; height:18px}
.maintitle h3 {font:18px Verdana, Geneva, sans-serif; font-weight:bold; padding:20px 0 20px 0; color:#fff}
.maintitle .mainmid .mainmidinn p {font:12px Verdana, Geneva, sans-serif; color:#fff; line-height:17px; padding-bottom:20px; text-align:justify}

/* For Product page */
.maintitle1  {width:665px; margin:35px auto 0; text-align:center}
.maintitle1 .maintitletop {background:url(../images/maintitletop.png) center top no-repeat; height:19px; overflow:hidden}
.maintitle1 .maintitlemid {background:url(../images/maintitlemidrpty.png) repeat-y center}
.maintitle1 .maintitlemid .maintitlemidinn {background:url(../images/maintitlemid.png) no-repeat bottom; padding:0 30px}
.maintitle1 .maintitlebtm {background:url(../images/maintitlebtm.png) center bottom no-repeat; height:18px}
.maintitle1 h3 {font:18px Verdana, Geneva, sans-serif; font-weight:bold; padding:20px 0 20px 0; color:#fff}
.maintitle1 .title1 p {font:12px Verdana, Geneva, sans-serif; color:#fff; line-height:17px; padding-bottom:15px; text-align:justify}
/* End */
.textchange a {color:#FFF;}