/* CSS Mastery: Advanced Web Standards Solutions - pramit mehta copyright @ Warehouse Management System for Narolainfotech.com */

/* the appropriate background class will be applied based on class attached to the body */

html, body  	{ margin: 0; padding: 0; font-family:arial, Tahoma, Verdana; background-color:#F0F0F0; }
img 			{ border: 0; }
p				{ padding:5px 5px; margin:5px 0; font-family:verdana, Tahoma, arial; font-size:12px; color:#333; text-align:justify; }
.p 				{ padding:5px 15px; margin:5px 0; }
.p1				{ padding:5px; margin:5px 0; font-family:verdana, Tahoma, arial; font-size:12px; color:#333; text-align:center; }
.p2				{ padding:2px 13px; margin:3px 0; font-family:verdana, Tahoma, arial; font-size:12px; color:#333; text-align:justify; }
.ul				{ padding:0 0 0 15px; margin:0 0 0 15px; list-style:none; }
.ul li			{ color:#333; line-height:20px; background:url(../images/arrow_right.png) 0 center no-repeat; text-indent:30px;}

.floatl			{ float:left; padding:5px; width:auto; }
.floatr			{ float:right; padding:5px; width:auto;}
.floatleft		{ float:left; padding:2px; width:auto;}

.clear			{ clear:both; }

h1, h2, h3		{ margin:5px 3px; padding:0;}
h4, h5, h6		{ margin:6px 3px; padding:0;}
ul				{ padding:0 0 0 15px; margin:0 0 0 15px; }
li				{ margin:0; padding:0;  font-family:verdana; font-size:12px; color:#333; line-height:17px;}
/* default css */
.grayborder		{ border-left:1px solid #d2d9df; }
.tablegraybg	{ background-color:#fbfbfb; }
.tablewhitebg	{ background-color:#fff; }
.shadowleft		{ background:url(../images/shadow.jpg) left top repeat-y; width:15px; }
.shadowright	{ background:url(../images/shadowright.jpg) left top repeat-y; width:15px; }


/* default links */

.black	{ color:#000; font-size:25px; }

a 		 { font-family:arial, verdana, tahoma; font-size:12px; text-decoration: underline; color: #000; }
a.orange { color: #f00; font-size:13px; text-align:center; text-decoration: underline;}
a.green  { color: #006600; font-size:13px; text-decoration: underline;}
a.gray   { color: #666666; font-size:12px; font-weight:700; text-decoration: underline;}
a.blackish { font-family:Georgia, "Times New Roman"; color: #333333; font-size:15px; font-weight:700; text-decoration: underline;}
a.redish    { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:700; color:#C00C00; padding:3px; text-decoration: underline;}

a:hover        { color: #003399; text-decoration: none; }
a:hover.orange { color: #900; text-decoration: none; }
a:hover.green  { color: #003300; text-decoration: none; }
a:hover.gray   { color: #000; text-decoration: none; }
a:hover.blackish { color: #000000; text-decoration: none;}
a:hover.redish    { color: #900; text-decoration: none; }

h1			{ font-family:"Arial Narrow", arial, Helvetica; font-size:16px; font-weight:100; color:#333333; padding-top:8px;}
h2			{ font-family:"Arial Narrow", arial, Helvetica; font-size:21px; font-weight:700; color:#000; line-height:24px; letter-spacing:0.5px; }
h3			{ font-family:"Arial Narrow", arial, Helvetica; font-size:21px; font-weight:700; color:#000; letter-spacing:0.5px; border-top:1px solid #D1D2AA; padding-top:10px; }
h4			{ font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; font-weight:100; color:#ab0000; padding:3px; font-style:normal; }
h5			{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:100; color:#333333; padding:3px; text-align:right; padding-top:8px;}
h6			{ color:#FF0000; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; font-style:italic; font-weight:100; padding:3px; }

.title0			{ font-family: "Times New Roman", Georgia; font-size:28px; font-weight:700; color:#000; }
.title0 span	{ color:#f00; }

.font_title { font-size:11px; font-family:Verdana; color:#f00; text-align:left; text-transform:uppercase; font-weight:700; padding:2px 5px 5px }
.from_bgcolor { vertical-align:top; border:1px solid #d1d2aa; padding:5px; background:#fefef8 }

.btn_input {background:url(../images/btnbg.gif) top left repeat-x; font-family:Arial; height:20px; border:none; color:#FFFFFb; font-size:11px; font-weight:normal; cursor:pointer;}
.btn_input:hover {background:url(../images/btnbg.gif) top left repeat-x; font-family:Arial; height:20px; border:none; color:#FFFFFE; font-size:11px; font-weight:normal;}
.btn_input:focus {background:url(../images/btnbg.gif) top left repeat-x; font-family:Arial; height:20px; font-weight:normal; border:none; color:#FFFEFF; font-size:11px;}

.input		{ border-left:2px solid #999; border-top:2px solid #999;  border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:2px; }

/* -- content ------*/
.padding5px		{ padding:5px; background-color:#FFF; }
.padding15px	{ padding:15px; }
.red			{ color:#F00; vertical-align:top; }
.button1		{ background-color:#f0f0f0; color:#333; font-family:Verdana; font-size:11px; font-weight:700; padding:2px 3px; outline:0; }
.button		    { background-color:#FCFCFC; background:url(../images/btn_submit.jpg) left top no-repeat; width:87px; height:17px; border:none; cursor:pointer; color:#333; font-family:Verdana; font-size:11px; font-weight:700; padding:2px 3px 2px 3px; outline:0; }

.content                 { font-family: Verdana, Arial; font-size:12px; color:#333; padding:3px; text-align:left; }
.contentmain             { font-family:verdan,aarial; font-size:12px; color:#656565; padding:5px 0; text-align:left;}
.content12px             { font-family:Verdana, Arial; font-size:12px; color:#333; padding:0; }
.content11px             { font-family:Verdana, Arial; font-size:11px; color:#666; padding:0; text-align:left; }
.content10px 			 { font-family:Verdana, Arial; font-size:10px; color:#666; padding:0; text-align:left; }
.contentpadding          { font-family:Verdana, Arial; font-size:11px; color:#666; padding:0 5px; text-align:left; }
.content_blackpad 		 { font-family:arial,tahoma,verdana; font-size:11px; color:#000101; padding:3px 3px 3px 0px; }
.content15px             { font-family:arial,tahoma,verdana; font-size:17px; line-height:22px; color:#000; text-align:center; font-weight:700; letter-spacing:0px; }
.contentdefault		     { font-family:arial,tahoma,verdana; line-height:20px; font-size:12px; color:#666664; }
.contentbold		     { font-family:tahoma,verdana; line-height:20px; font-weight:700; font-size:11px; color:#333; letter-spacing:1px; }
.contentblue             { font-family:arial,tahoma,verdana; font-size:15px; color:#333; padding:0; }


.title					 { font-family:"Comic Sans MS", cursive, arial; font-size:16px; font-weight:100; color:#008000; background:url(../images/b-back2.gif) left top repeat-x; }
.title1					 { background:url(../images/asterisk_yellow.png) 5px center no-repeat; text-indent:15px; color: #FFCCFF; font: 15px arial,verdana; font-weight: bold; padding:5px 0 3px 10px; text-align:left; }
.title2					 { background:url(../images/asterisk_yellow.png) 5px center no-repeat; text-indent:15px; color: #99FF00; font: 15px arial,verdana; font-weight: bold; padding:5px 0 3px 10px; text-align:left; }
.title3					 { background:url(../images/asterisk_yellow.png) 5px center no-repeat; text-indent:15px; color: #FFCC00; font: 15px arial,verdana; font-weight: bold; padding:5px 0 3px 10px; text-align:left; }
.title4					 { background:url(../images/asterisk_yellow.png) 5px center no-repeat; text-indent:15px; color: #FFCC00; font: 15px arial,verdana; font-weight: bold; padding:0 0 3px 10px; text-align:left; }

.space30px               { height:30px; }
.space25px               { height:25px; }
.space20px               { height:20px; }
.space15px               { height:15px; }
.space10px               { height:10px; }
.space5px                { height:5px; }

/* -- css -- */
.bannerright			{ background:url(../images/banner-right.jpg) left top repeat-y; }

.bordergraybg			{ border:1px solid #CADDE8; background-color:#fEffff; }
.graycolorbg			{ background:url(../images/bannergraybg.jpg) left top repeat-x; height:47px;}
.bordergrayhr			{ border-top:1px solid #CBDDE8; border-bottom:1px solid #CBDDE8; }

.innertable				{ border:1px solid #000000; background:url(../images/bg1.jpg) left top repeat-x; vertical-align:middle; width:100%; padding:0; margin-top:8px;}
.innertablebg			{ background-color:#ffffff; color:#000;}

.featuretable			{ border:1px solid #E6E6E6; background:url(../images/feature.jpg) left top no-repeat; width:301px; padding:0; background-color:#EEF2F5;}
.demotable				{ border:1px solid #E6E6E6; background:url(../images/demo.jpg) left top no-repeat; width:301px; padding:0; background-color:#FFFCEB;}
.enquirytable			{ border:1px solid #E6E6E6; background:url(../images/enquiry.jpg) left top no-repeat; width:302px; padding:0; background-color:#F1F9EE;}



/* -- Footer -- */
.copyright					 { height:37px; font-family: arial; font-size:11px; color:#666666; letter-spacing:1px; vertical-align:middle; text-align:center; }

/* ---------------------- nav ---------------------- */
.green #nav{position:relative;display:block;height:42px;font-weight:bold;background:transparent url(../images/nav_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:capitalize; margin-top:5px;}
.green #nav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #nav ul li{display:block;float:left;margin:0 1px 0 0;width:auto;}
.green #nav ul li a{display:block;float:left;width:auto;color:#333;text-decoration:none;padding:11px 22px 0 22px;height:30px;font-size:17px;}
.green #nav ul li a:hover,.green #nav ul li a.current{color:#fff;background:transparent url(../images/nav_backgroundover.gif) no-repeat top center;}
/* ---------------------- END nav ---------------------- */
.nav {padding:5px; margin:0; list-style:none; position:relative; cursor: pointer; text-align:left;}
.nav li {float:left; width:auto; margin-right:8px; margin-bottom:20px;list-style:none; text-align:center; clear:none; white-space:nowrap; border:0px solid #ccc; font-weight:100; font-size:13px;}
.nav li a {display:block; width:auto; float:left; text-decoration:underline; padding:0; cursor:pointer;}