/* CSS Document */

/*--------basic parts-------------
---------------------------------*/
body{
background:#ff6c1a;
font:Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5{
line-height:1px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}

h1{
}

h2{

}

h3{
font-size:18px;
}

h4{
font-size:14px;
}

h5{
font-size:14px;
font-weight:bold;
}

table{
width:100%;
height:100%;

}

a, a visited{
text-decoration:none;
color:#ff6c1a;
}

a:hover {
color:#aa3d00;

}

/*--------BASIC PARTS END-------------
******************************************************************************
----------LAYOUT -----------------------*/

.mask {
position:absolute;
top:0px;
left:0px;
}
.insidemask{
width:385;
height:400px;
float:right
margin-left:50px;
background:#f7f7da;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#800000;
text-align:justify;
overflow:scroll;
}
.banner{
position:absolute;
top:0px;
left:75%;
background:url(../images/globe1x.gif) no-repeat;
width:150px;
height:150px;
}
.bannerbottom{
position:inherit;
background:url(../images/bannerx.jpg)  no-repeat;
width:550px;
height:70px;
}

.logo{
background: url(../images/logo3.gif) no-repeat;
position:absolute;
left:28px;
top:98px;
width:160px;
height:300px;
border:0px solid #000;
}
.heading{
position:absolute;
background:url(../images/Progressive_logo_new.png) no-repeat;
float:left;
left:20%; /*previously 100*/
top:37px; /*previously 27px;*/
width:1440px;
height:60px;
font-family:arial;
font-size:22px;
color:#ff0000;
border-bottom:#FF0000 solid 0px;
}


.tdtop{
background:#ff6c1a url(../orange/top.jpg) repeat-x bottom;
height:110px;
}

.tdbottom{
background:#ff6c1a url(../orange/bottom.jpg) repeat-x;
height:80px;
}

.tdright{
width:100px;
background:#ff6c1a url(../orange/right.jpg) left repeat-y;
}

.tdleft{
width:12%;
background:#ff6c1a url(../orange/left.jpg) right repeat-y;
}
.tdcornerlefttop{
background:#ff6c1a url(../orange/lct.gif) no-repeat bottom right;
}
.tdcornerrighttop{
background:#ff6c1a url(../orange/rct.gif) no-repeat bottom left;
}
.tdcornerleftbottom{
background:#ff6c1a url(../orange/lcb.gif) no-repeat top right;
}
.tdcornerrightbottom{
background:#ff6c1a url(../orange/rcb.gif) no-repeat top left;
}
.tddisplay{
background:#f7f7da  url(../images/intro.jpg) left bottom no-repeat;
width:700px;
height:380px;
padding-left:300px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.inner{
width:90%;
height:auto;
}
.tddisplay1{
background:#f7f7da url(../images/globechild.jpg) left bottom no-repeat;
width:700px;
height:380px;
padding-left:300px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay2{
background:#f7f7da url(../images/hands.jpg) left bottom no-repeat;
width:700px;
height:380px;
padding-left:300px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay3{
background:#f7f7da url(../images/team.jpg) left center no-repeat;
width:700px;
height:380px;
padding-left:300px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay4{
background:#f7f7da  url(../images/ceo.jpg) left bottom no-repeat;
width:700px;
height:380px;
padding-left:300px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay5{
background:#f7f7da  url(../images/seal.gif) left center no-repeat;
width:700px;
height:380px;
padding-left:300px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay6{
background:#f7f7da  url(../images/9001.jpg) left center no-repeat;
width:700px;
height:380px;
padding-left:300px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay7{
background:#f7f7da  url(../images/14001.jpg) left center no-repeat;
width:700px;
height:380px;
padding-left:300px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay8{
background:#f7f7da url(../images/leaves.jpg) left center no-repeat;
width:700px;
height:380px;
padding-left:250px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay9{
background:#f7f7da url(../images/site.gif) left center no-repeat;
width:700px;
height:380px;
padding-left:450px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay10{
background:#f7f7da url(../images/fire.jpg) left center no-repeat;
width:700px;
height:380px;
padding-left:280px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay11{
background:#f7f7da  url(../images/shakehand.gif) left center no-repeat;
width:700px;
height:380px;
padding-left:300px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay12{
background:#f7f7da  url(../images/envelop.gif) left center no-repeat;
width:700px;
height:380px;
padding-left:400px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay13{
background:#f7f7da  url(../images/clients.gif) center left no-repeat;
width:700px;
height:380px;
padding-left:400px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay14{
background:#f7f7da  url(../images/steps.jpg) center left no-repeat;
width:700px;
height:380px;
padding-left:350px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay15{
background:#f7f7da  url(../images/ProERP_Logo_back.png) center left no-repeat;
width:700px;
height:380px;
padding-left:300px;
overflow:scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#800;
text-align:justify;
}
.tddisplay p,
.tddisplay1 p,
.tddisplay2 p,
.tddisplay3 p,
.tddisplay4 p,
.tddisplay5 p,
.tddisplay15 p,
.tddisplay6 p,
.tddisplay7 p,
.tddisplay8 p,
.tddisplay9 p,
.tddisplay10 p,
.tddisplay11 p,
.tddisplay12 p,
.tddisplay13 p,
.tddisplay14 p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#800000;
text-align:left;
padding-left:20px;
padding-right:100px;
}
.tddisplay li,
.tddisplay1 li,
.tddisplay2 li,
.tddisplay3 li,
.tddisplay4 li,
.tddisplay5 li,
.tddisplay6 li,
.tddisplay7 li,
.tddisplay8 li,
.tddisplay9 li,
.tddisplay10 li,
.tddisplay15 li,
.tddisplay11 li,
.tddisplay12 li,
.tddisplay13 li,
.tddisplay14 li{
list-style:url(../images/bulletblue.gif);
}
.tddisplay li a,.tddisplay li a:visited,
.tddisplay1 li a,.tddisplay1 li a:visited,
.tddisplay2 li a,.tddisplay2 li a:visited,
.tddisplay3 li a,.tddisplay3 li a:visited,
.tddisplay4 li a,.tddisplay4 li a:visited,
.tddisplay5 li a,.tddisplay5 li a:visited,
.tddisplay15 li a,.tddisplay15 li a:visited,
.tddisplay6 li a,.tddisplay6 li a:visited,
.tddisplay7 li a,.tddisplay7 li a:visited,
.tddisplay8 li a,.tddisplay8 li a:visited,
.tddisplay9 li a,.tddisplay9 li a:visited,
.tddisplay10 li a,.tddisplay10 li a:visited,
.tddisplay11 li a,.tddisplay11 li a:visited,
.tddisplay12 li a,.tddisplay12 li a:visited,
.tddisplay13 li a,.tddisplay13 li a:visited,
.tddisplay14 li a,.tddisplay14 li a:visited{
color:#ff6c1a;
}
.pclass{
border-left:solid #ff0000 1px;
}
.pclass2{
background: url(../images/nut.gif) left no-repeat;
padding:-30px;
text-indent:0px;
font-weight:bold;
}

.rsidebar{
	position:absolute;
	left:81%;
	top:170px;
	float:right;
	width:180px;
	height:239px;
	background: url(../images/marquebg.gif) no-repeat left;
	border:#666 solid 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	padding: 5px;
	padding-left:30px;
	z-index:1;
	}
.rsidebar p{
width:160px;
padding-left:11px;
text-align:center;
}	
.insidedisplay {
background:transparent url(../images/globebgx.gif) bottom left no-repeat;
width:420px;
height:400px;
position:relative;
left:-100px;
bottom:-8px;
}
.textclass{
position:absolute;
left:400px;
top:120px;
width:400px;
padding-top:60px;
padding-left:0px;
padding-bottom:10px;
height:330px;
overflow:hidden;
z-index:1;

}
.textclass p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#800000;
text-align:left;
border-left:solid #ff0000 1px;
padding-left:10px;
}
.fixedbutton{
position:fixed;
background:url(../images/fixedbuttonbg.jpg) repeat-y;
left:80px;
top:100px;
width:5px;
height:100px;
z-index:1;

}
.fixedbutton a{
text-decoration:none;
color:#FFDC17;
overflow:auto;
}
.fixedbutton a:hover{
color:#999999;
background:url(../images/arrowup.gif) no-repeat;
}
.scroll{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
marquee a,
marquee a:visited{
color:#999;
text-decoration:none;
}
marquee a:hover{
color:#FF0000;
}
.pclass{
border-left:solid #ff0000 1px;
}
.pclass a {
color:#1b6302;
text-decoration:none;
}
.pclass a:hover{
color:#bf0202;
background:url(../images/arrowright.gif) right no-repeat;
}
.leftarrow{
border-left:solid #ff0000 0px;
}

.leftarrow a{
color:#1b6302;
text-decoration:none;
}

.leftarrow a:hover{
color:#800;
background:url(../images/arrowleft.gif) left  no-repeat;

}
.toparrow{
border-left:solid #ff0000 0px;
}

.toparrow a{

color:#1b6302;
text-decoration:none;
}

.toparrow a:hover{
text-indent:15px;
color:#800;
background:url(../images/arrowup.gif) left  no-repeat;

}
li.redbullet{
list-style:none;
}
.hidden{
width:30px;
height:20px;
top:480px;
left:0px;
float:right;
position:absolute;
cursor:pointer;
z-index:300;
}

.floatbuttons {
	display:inline;
	padding:3px;
	font:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background:#000 url(../images/floatbg.gif);
	width:auto;
	position:relative;
	left: 180px;
	
}
.floatbuttons a {
color:#ccc;
text-decoration:none;
}
.floatbuttons a:hover {
color:#fff;
background:none;
font-weight:bold;
text-decoration:none;
}


/*---------------------
********MENUS**********
----------------------*/
/* main menu*/
/* Set up the default font and ovrall size to include image */
.menu {
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
background:url(../images/logo3.gif) top no-repeat;
width:140px;
height:400px;
position:relative;
padding-top:135px;
left:2%;
top:-2px;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
font-size:12px;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none;
text-align:center; 
color:#fff; 
width:140px; 
height:22px;
font-weight:300;
border-bottom:0px solid #888;
background:transparent url(../images/bg2.gif) left no-repeat;
padding-left:10px;
line-height:1.9em;
margin-right:0px;
margin-left:-5px;
left:2px;
}


/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:140px;
w\idth:138px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
height:2px;
margin:-1px;
border-collapse:collapse;
font-size:12px;

}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#ff0;
padding-right:0px;
border-left:0px #f94304 solid;
background:transparent url(../images/bg1.gif) right no-repeat;

}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:8px;
left:0px;
width: 120px;
border:0px solid #fa963d;
visibility:visible;
border-top:0;
text-align: left;
}

/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:#f66401 url(../images/orangebg.gif) repeat ; 
border-bottom:1px solid #fa963d;
border-right:2px solid #fa963d;
margin:0;
color:#fff;
font-weight:bold; 
font-size:0.9em;
text-align:left;
height:auto; 
line-height:1em; 
padding:5px;
padding-left:30px; 
width:100px;
position:relative;
left:140px;/*146*/
top:-21px;
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#f98100 url(../images/orangebglight.gif) repeat; 
color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:8px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#f66401 url(../images/orangebg.gif) repeat; 
width:150px; /* for IE5.5 faulty box model */
w\idth:150px; /* for IE6 */
}

.menu ul li a .blinklink{
font-size:9px;
color:#f7f7da;
text-decoration:blink;
}
/*================Main menu ends=====================*/