/*==========================General=============================*/

html {

    height: 100%;

    margin-bottom: 1px;

	background-color: #F0F0F0;

}



 h1, h2, h3, h4, p, ul, li, form, fieldset {

    margin: 0;

    padding: 0;

	

}

h1,h2{

font-size: 16px;

}

body {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    margin: 0;

    padding: 0;

    color: #000000;

   

}

dl {

    margin: 0 0 0.5em;

}

p {

    margin-bottom: 0.5em;

		background-color: #FFFFFF;

}



img {

    border: none;

}

hr {

    border-top: 1px dotted #999;

    border-bottom: 0px;

    height: 1px;

}



/*

======================Global layaout==========================*/

#Login  {

    padding: 0px  ;  

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	border: 1px solid #DADBDC;	

	background:#FFF83E;

	

}

#grey {

    padding: 0px  ;  

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	background:#F0F0F0;;

	

}





#Login .inner{

    padding: 0px ;  

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	background:#FFF83E;



}







/*

=========================Header===============================*/

#header{

	height: 76px;
	background-image: url('http://www.softpact.com/themes/softpact_2008/images/img/bg_top.png');

	text-align: center;

}

#logo{

	background-image: url('http://www.softpact.com/themes/softpact_2008/images/img/log_1.png') left no-repeat;

	height: 75px;

	width: 211px;

	

  

	

}

#logo-container{

   margin-right:120px;

	 margin: auto;

	width: 830px;

	}



/*

======================Inner Wrapper===========================*/





#container

{

 margin: auto;

 width: 830px;
 

 padding: 0px  ;  

 background:#FFFFFF;

text-align: center;



border-left: 1px solid #DADBDC;

border-right: 1px solid #DADBDC;







}

#container-line

{

 text-align: left;

 border-top: 1px solid #DADBDC;

 background:#FFFFFF;

 margin: 0;

 padding: 0;

}



 #leftnav

{

float: left;

width: 160px;

margin: 0;

padding: 1em;

}



#content

{

width:600px;

padding: 1em;

float:left;

}

.clear {

                clear:both;

                }



/*

=========================Footer===============================*/

#footer-top

{

 margin: auto;

 height:6px;

 width:830px;

 padding: 0px  ;

 background-repeat: no-repeat;

 background-image: url('http://www.softpact.com/themes/softpact_2008/images/img/footer_top.png');

}



#footer-bot

{

 margin: auto;

 height:6px;

 width:830px;

 padding: 0px  ; 

 background-repeat: no-repeat;

 background-image: url('http://www.softpact.com/themes/softpact_2008/images/img/footer_bot.png');

}



#footer

{

 width: 830px;

 padding: 0px  ;

 background-image: url('http://www.softpact.com/themes/softpact_2008/images/img/footer_bg.png');

}



/*

=======================Search============================*/

/*

======================Main Content============================*/







/*

==================Default Forms Styling=======================*/







/*

===================Form Elements Styling======================*/



/*

====================Form Fields Layout========================*/

/* --

Definition lists are used to display fields labels and values

-----*/



/*

==================Default Tables Styling======================*/

table {



    margin: 0;

    padding: 0;

    border: 0;

}

td, th {

    font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

    

	

}



tr th {

    

    

}

tr th, tr td, tr th a {

    

}

tr th a {

    display: block;

}







/*

======================Messages & Errors=======================*/

.message {

    text-align: center;

}

.message div {

    width: 60%;

    margin: 1em auto;

    padding: 0.5em;

    /*-moz-border-radius: 0.3em;*/

}

.errorMessage {

    border: 2px solid #FF3300;

    color: #FF3300;

}

.infoMessage {

    border: 2px solid #2DAF37;

    color: #2DAF37;

}

.warningMessage {

    border-color: 2px solid #ffa900;

    color: #ffa900;

}



.error, .required {

    color: #FF3300;

}



/* PEAR Errors

  --------------------*/

div.errorContainer {

    width: 80%;

    margin: 1em auto;

    padding: 0.5em;

    border: 2px solid ;

    /*-moz-border-radius: 0.3em;*/

    font-family: Arial, Helvetica, sans-serif;

}

div.errorHeader {

    margin-bottom: 0.5em;

    font-size: 1.1em;

    text-transform: uppercase;

    font-weight: bold;

    letter-spacing: 0.3em;

    color: ;

}

div.errorContent {

    text-align: left;

}



/*

============================Flags=============================*/

a.langFlag {

    margin: 0 5px;

}



/*

========================Miscellaneous=========================*/

.floatLeft {

    float: left;

}

.floatRight {

    float: right;

}

.clear {

    clear: both;

}

.spacer {

    clear: both;

    display: block;

    visibility: hidden;

    line-height: 1px;

}

.left {

    text-align: left;

}

.right {

    text-align: right;

}

.center {

    text-align: center;

}

.hide {

    display: none;

}

.narrow {

    width: 45%;

}

.full {

    width: 100%;

}

.noBg {

    background: none;

}

pre.codeExample {

    padding: 1em;

    background-color: #EEEEEE;

    border: 1px solid #666666;

    border-left: 5px solid #666666;

    font-size: 1em;

}



/*

========================Comments=========================*/





/*

========================Miscellaneous2=========================*/

.frame-main {
  margin-bottom: 1.2em;
  color:black;
  padding: 0.6em;
  background-color: #F0F0F0;
  border: 1px solid #000000 ;
}			
.message {
    text-align: center;
}
.message div {
    width: 60%;
    margin: 1em auto;
    padding: 0.5em;
    /*-moz-border-radius: 0.3em;*/
}
.errorMessage {
    border: 2px solid ;
    color: ;
	background-color: #FFFFFF;
}
.infoMessage {
    border: 2px solid #980000;
    color: #D10010;
	background-color: #FFFFFF;
}
.error, .required {
    color: ;
}		

input.button {
background:	#FFDEAD ;border-color:#C3C3C3 #404040 #404040 #C3C3C3;
border-style:solid;
border-width:1px;
color:#000000;
font-weight:bold !important;
padding:4px 3px 2px !important;
}	

table.register{
margin-top:10px;
text-align:left;
}

table.register td {
        padding: 6px 8px 5px 8px;
        vertical-align: middle;
        text-align:left;
 }

table.register label{
vertical-align: top;
font-size:12px
}
table.register label{
vertical-align: top;
text-align:left;
font-size:12px
}


.registered {
	border-top: 1px solid #FFCA0B;
	border-bottom: 1px solid #FFCA0B;
	color: #525252;
	padding-top:20px;
	font-size:11px;
	color:black;	
	padding-left:20px;
	font-weight: bold;	
	background: #FFEFB5;
	padding-bottom:20px;
	margin-bottom:10px;
}
.password-meter {
	position:relative;
	width: 180px;
}
.password-meter-message {
	text-align: right;
	font-weight: bold;
	color: #676767;
}
.password-meter-bg, .password-meter-bar {
	height: 4px;
}
.password-meter-bg {
	top: 8px;
	background: #e0e0e0;
}
.password-meter-message-very-weak {
	color: #aa0033;
}
.password-meter-message-weak {
	color: #f5ac00;
}
.password-meter-message-good {
	color: #6699cc;
}
.password-meter-message-strong {
	color: #008000;
}
.password-meter-bg .password-meter-very-weak {
	background: #aa0033;
	width: 30px;
}
.password-meter-bg .password-meter-weak {
	background: #f5ac00;
	width: 60px;
}
.password-meter-bg .password-meter-good {
	background: #6699cc;
	width: 135px;
}
.password-meter-bg .password-meter-strong {
	background: #008000;
	width: 130px;
}
.password-meter-label {
	color: #666;
	float: left;
	width: 7em;
	padding: 0;
}
.password-meter {
	width: 150px;
	margin-left: 0px;
	vertical-align: middle;
}
.password-meter-message {
	float: left;
	text-align: center;
	font-weight: bold;
	color: black;
	padding-left: 5px;
	background: #eee;
	height: 18px;
	width: 175px;
}
.password-meter-message-very-weak {
	background: #ff8080;
}
.password-meter-message-weak {
	background: #fffb80;
}
.password-meter-message-good {
	background: #80d1ff;
}
.password-meter-message-strong {
	background: #8cff80;
}
#signupform label.error {
  background:url(/images/icon/unchecked.gif) no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;  
  color: red;
}
#signupform label.checked {
  background:url(/images/icon/checked.gif) no-repeat 0px 0px;
}
#signupform .label {
  padding-top: 2px;
  padding-right: 8px;
  vertical-align: top;
  text-align: right;
  width: 125px;
  white-space: nowrap;
}
#signupform .field {
  padding-bottom: 10px;
  white-space: nowrap;
}
#signupform .status {
  padding-top: 2px;
  padding-left: 8px;
  vertical-align: top;
  width: 246px;
  white-space: nowrap;
}
#signupform .textfield {
  width: 150px;
}
#signupform .success_msg {
  font-weight: bold;
  color: #0060BF;
  margin-left: 19px;
}

p.info {
	border-top: 1px solid #FFCA0B;
	border-bottom: 1px solid #FFCA0B;	
	color: #525252;
	padding-top:20px;
	font-size:11px;
	color:black;	
	font-weight: bold;
	height:40px;
	background: #FFEFB5  url(/images/icon/message_info.png) no-repeat 20px center;
}
p.message-info {
	border-top: 1px solid #FFCA0B;
	border-bottom: 1px solid #FFCA0B;	
	color: #525252;
	padding-top:20px;
	font-size:11px;
	color:black;	
	font-weight: bold;
	height:40px;
	background: #FFEFB5  url(/images/icon/message_info.png) no-repeat 20px center;
}
p.message-error {
	border-top: 1px solid #FFCA0B;
	border-bottom: 1px solid #FFCA0B;
	background: #FFEFB5 url(/images/icon/warning_icon.png) no-repeat 20px center;
	padding-top:20px;
	font-size:11px;
	color:black;	
	font-weight: bold;
	height:40px;
	
}
/******************************************************************************/
/*                        BLOCKS STYLE CSS FILE                               */
/******************************************************************************/

.arrow {

position:relative;
color:#000000;
font-size: 0.9em;
text-align: left;
padding-left:14px ;
margin-left:15px;
margin-top:5px;


}

. loginfield{
border: 1px solid #e9e8e8;
color:black;
}
legend{
color:black;
}

A, A:active, A:link, A:visited {

 color: #FF6600;  

 font-weight: bold;

 text-decoration: none;

}

A:hover {

 color: #FF6600;

 text-decoration: underline;

}

.nav_footer:link {

    background: url('http://www.softpact.com/themes/softpact_2008/images/arrow_orange.jpg') left center  no-repeat;

    padding-left:13px ;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #ffffff;

	margin-right:10px;

	text-decoration: none;

}



.nav_footer:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background: url('http://www.softpact.com/themes/softpact_2008/images/arrow_orange.jpg') left center no-repeat;

    padding-left:13px ;

	font-size: 10px;

	font-weight: bold;

	color: #ffffff;

	margin-right:10px;

	text-decoration: none;

}





.nav_footer:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background: url('http://www.softpact.com/themes/softpact_2008/images/arrow_orange.jpg') left center no-repeat;

    padding-left:13px ;

	font-size: 10px;

	font-weight: bold;

	margin-right:10px;

	color: #ffffff;

	text-decoration: underline;

}



.blinkIMG img:hover{

        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);

          -moz-opacity: 0.6;

          -khtml-opacity: 0.6;

          opacity: 0.6;

}  









.ram-left-top{

width:163px;

height:6px;

max-height:26px;

padding-left:5px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/ram-left-top.png') left top no-repeat;

}



.ram-left-mid{

width:163px;

padding-left:5px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/ram-left-mid.png') left top repeat-y;

}



.ram-left-bot{

width:163px;

height:9px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/ram-left-bot.png') left top no-repeat;

}



.ram-left-text{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

padding-top:5px;

font-weight: bold;



}











.header-top-check{

width:603px;

height:32px;

padding-left:45px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/header-top.png') left top no-repeat;

}



.header-mid-check{

width:603px;

padding-left:45px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/header-mid.png') left top repeat-y;

}



.header-bot-check{

width:603px;

height:5px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/header-bot.png') left top no-repeat;

}







.header-text{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

padding-top:9px;

font-weight: bold;



}





.link:link  {

color: #000000;

font-weight: bold;

text-decoration: none;





}





.link:hover  {

color: #000000;

font-weight: bold;

}



.link:active {

color: #000000;

}



.link:visited {

color: #000000;

}



#arrow {

background: url('http://www.softpact.com/themes/softpact_2008/images/arrow_orange.jpg') left center no-repeat;

position:relative;

color:#000000;

font-size: 0.9em;

text-align: left;

padding-left:14px ;

margin-left:15px;



}







.check {

background: url('http://www.softpact.com/themes/softpact_2008/images/img/check.png') left center no-repeat;

position:relative;

color:#000000;

font-size: 0.9em;

text-align: left;

padding-left:16px ;

margin-left:6px;



}





#boxbig   .box-top-big {

background:url('http://www.softpact.com/themes/softpact_2008/images/backgrounds/box-top-big.jpg') top left no-repeat;

width:291px;

position:relative;

height:14px;

padding:0px 0px 0px 0px;

margin: 0px;

}



#boxbig  .box-mid-big {

background:url('http://www.softpact.com/themes/softpact_2008/images/backgrounds/box-mid-big.jpg') left top repeat;

width:290px;

padding-top:0px;

margin: 0px;

padding-left:0px;

}



#boxbig  .box-mid-text-big {

color:#000000;

font-weight: bold;

text-align: center;

font-size: 1.1em;

}



#boxbig  .box-bot-big {

background:url('http://www.softpact.com/themes/softpact_2008/images/backgrounds/box-bot-big.jpg') left top no-repeat;

width:291px;

position:relative;

height:10px;

padding:0x;

}





/*

====================Form Fields Layout========================*/

/* --

Definition lists are used to display fields labels and values

-----*/

#frmLogin fieldset {

    padding-top: 0;

	margin-top: 0;

}

dl.onSide dt {

    padding: 2px 0 2px 0;

	text-align: center;

	padding-left: 30px;

}

dl.onSide dd{

    margin-bottom: 0.5em;

	padding: 2px 0 2px 0;

	text-align: center;

}

dl.onSide dd label{

display: block;

}

dl.onSide dd input{

font-size: 10px;

color: #868585;

background-color: #ffffff;

border: 1px solid #868585;

font-family: Verdana, arial, sans-serif;

}

dl.onSide dd input.loginButton{

    background-color: #EB008C;

	color: #FFFFFF;

}

dl.onTop dd {

    margin: 0;

}

dd .error {

    display: block;

}







#frame_web  {

    padding: 0px  ; 

	text-align:left ;

    background-color: #F0F0F0;	

	border: 1px solid #DADBDC;	

	

	

}

#frame_web .inner {

    padding: 0px ;  

	color:#000000;

	text-align:left ;



}



#frame_web .padding {

text-align:left ;

    padding: 10px ;  



}



.formbutton{

cursor:pointer;

border:outset 1px #ccc;

background:#999;

color:#000;



padding: 1px 2px;



}





.button-small{



color:#000;

font-weight:bold;

width:100px;

height:26px;

border:outset 0px;

background:url('http://www.softpact.com/themes/softpact_2008/images/img/button_small.png') repeat-x left top;

}



.button-big{

color:#000;

font-weight:bold;

width:200px;

height:28px;

border:outset 0px;

background:url('http://www.softpact.com/themes/softpact_2008/images/img/button_new.png') repeat-x left top;

}

#home h2.box-top-ram-promo {

background: url('http://www.softpact.com/themes/softpact_2008/images/ram_webpromo.jpg') left top no-repeat;

border-bottom: 10px solid #FE5200;

color:#000000;

height:28px;

width:175px;

font-size: 1.1em;

text-align: left;

}







#home h2.box-top-ecom {

background: url('http://www.softpact.com/themes/softpact_2008/images/ram_top_ecom.jpg') left top no-repeat;

border-bottom: 10px solid #FE5200;

color:#000000;

height:28px;

width:175px;

font-size: 1.1em;

text-align: left;

}





#home h2.box-top-ram {

background: url('http://www.softpact.com/themes/softpact_2008/images/ram_top_web.jpg') left top no-repeat;

border-bottom: 10px solid #FE5200;

color:#000000;

height:28px;

width:175px;

font-size: 1.1em;

text-align: left;

}

#home .box-mid-ram{

background: url('http://www.softpact.com/themes/softpact_2008/images/ram_mid.jpg') left top repeat;

height:200px;

width:175px;

}

#home .box-bot-ram {

background: url('http://www.softpact.com/themes/softpact_2008/images/ram_bot.jpg') left top no-repeat;

font-size: 0.9em;

position:relative;

padding-top:0px;

height:9px;



position:relative;

padding-top:0px;

padding-bottom:7px;

width:175px;



}

#home  {





text-align: left;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

height:200px;



color:#000000;



}







.box-top-ram {

background: url('http://www.softpact.com/themes/softpact_2008/images/ram_top_web.jpg') left top no-repeat;

border-bottom: 10px solid #ff9e17;

color:#000000;

height:28px;

width:175px;

font-size: 1.1em;

text-align: left;

}





.box-top-ram-promo {

background: url('http://www.softpact.com/themes/softpact_2008/images/ram_webpromo.jpg') left top no-repeat;

border-bottom: 10px solid #ff9e17;

color:#000000;

height:28px;

width:175px;

font-size: 1.1em;

text-align: left;

}





.box-bot-ram-home {

background: url('http://www.softpact.com/themes/softpact_2008/images/ram_bot.jpg') left top no-repeat;

font-size: 0.9em;

position:relative;

padding-top:0px;

height:9px;



position:relative;



width:175px;



}



.box-top-ecom {

background: url('http://www.softpact.com/themes/softpact_2008/images/ram_top_ecom.jpg') left top no-repeat;

border-bottom: 10px solid #ff9e17;

color:#000000;

height:28px;

width:175px;

font-size: 1.1em;

text-align: left;

}





#navigation1 ul {

list-style: none;

margin: 0;

font-weight: normal;

padding: 0;



}



#navigation1 li {

border-bottom: 1px solid #ffffff;

font-weight: normal;

margin: 0;

padding: 0;



}

#navigation1 li a:link, #navigation1 li a:visited {

display: block;

padding: 5px 5px 5px 0.5em;

font-weight: normal;

width:162px;

background: url('http://www.softpact.com/themes/softpact_2008/images/ram_mid.jpg') left top repeat;



border-right: 1px solid #D0CDCD;



color: #000000;

text-decoration: none;

}

#navigation1 li a:hover {

width:162px;

background: url('http://www.softpact.com/themes/softpact_2008/images/background/bg-grey.gif') left top repeat;

color: #000000;

}

#navigation1 ul ul {

margin-left: 2px;

}

#navigation1 ul ul li {

border-bottom: 1px solid #00000;

margin:0;

}

#navigation1 ul ul a:link, #navigation1 ul ul a:visited {

background-color: #D0CDCD;

font-weight: normal;

color: #711515;

}

#navigation1 ul ul a:hover {

background-color: #D0CDCD;

font-weight: normal;

color: #FFFFFF;

}



/*     navigation2 */



#navigation2 ul {

list-style: none;

margin: 0;

font-weight: normal;

padding: 0;



}



#navigation2 li {

border-bottom: 1px solid #ffffff;

font-weight: normal;

margin: 0;

padding: 0;



}

#navigation2 li a:link, #navigation2 li a:visited {

display: block;

padding: 5px 5px 5px 0.5em;

font-weight: normal;

width:162px;

background: url('http://www.softpact.com/themes/softpact_2008/images/ram_mid.jpg') left top repeat;



border-right: 1px solid #D0CDCD;



color: #000000;

text-decoration: none;

}

#navigation2 li a:hover {

width:162px;

background: url('http://www.softpact.com/themes/softpact_2008/images/background/bg-grey.gif') left top repeat;

color: #000000;

}

#navigation2 ul ul {

margin-left: 2px;

}

#navigation2 ul ul li {

border-bottom: 1px solid #00000;

margin:0;

}

#navigation2 ul ul a:link, #navigation2 ul ul a:visited {

background-color: #D0CDCD;

font-weight: normal;

color: #711515;

}

#navigation2 ul ul a:hover {

background-color: #D0CDCD;

font-weight: normal;

color: #FFFFFF;

}







#navigation {

width: 175px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

}

#navigation ul {

list-style: none;

margin: 0;

font-weight: normal;

padding: 0;



}



#navigation li {

border-bottom: 1px solid #ffffff;

font-weight: normal;

margin: 0;

padding: 0;



}

#navigation li a:link, #navigation li a:visited {

display: block;

padding: 5px 5px 5px 0.5em;

font-weight: normal;

background: url('http://www.softpact.com/themes/softpact_2008/images/ram_mid.jpg') left top repeat;



border-right: 1px solid #D0CDCD;



color: #000000;

text-decoration: none;

}

#navigation li a:hover {



background: url('http://www.softpact.com/themes/softpact_2008/images/background/bg-grey.gif') left top repeat;

color: #000000;

}

#navigation ul ul {

margin-left: 2px;

}

#navigation ul ul li {

border-bottom: 1px solid #00000;

margin:0;

}

#navigation ul ul a:link, #navigation ul ul a:visited {

background-color: #D0CDCD;

font-weight: normal;

color: #711515;

}

#navigation ul ul a:hover {

background-color: #D0CDCD;

font-weight: normal;

color: #FFFFFF;

}



.call_us{

width:163px;

height:57px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/call_us.png') left top no-repeat;

}



.header-check{

width:603px;

height:40px;

padding-left:45px;

margin-bottom:4px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/header_new.png') left top no-repeat;

}





.header-text{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

padding-top:9px;

font-weight: bold;



}

.arrow-circle{

height:17px;

padding-left:18px;

margin-top:10px;

margin-left:2px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/arrow_circle.png') left top no-repeat;

}



.arrow-circle-gif{

height:17px;

padding-left:18px;

padding-bottom:10px;

margin-left:2px;



font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/arrow_circle.gif') left top no-repeat;

}





.arrow-link:link {  

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

text-decoration: none;

font-weight: normal;

color: #000000;

}



.arrow-link:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

text-decoration: none;

font-weight: normal;

color: #000000;

}





.arrow-link:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

text-decoration: underline;

font-weight: normal;

color: #000000;

}



/* FRAME  */

.ram-small-top{

width:289px;

height:28px;

max-height:26px;

padding-left:30px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/ram-top.png') left top no-repeat;

}



.ram-small-mid{

width:288px;

padding-left:10px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/ram-mid.png') left top repeat-y;

}



.ram-small-bot{

width:289px;

height:6px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/ram-bot.png') left top no-repeat;

}

.ram-text{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

padding-top:5px;

font-weight: bold;



}



.ram-big-top{

width:309px;

height:29px;

max-height:29px;

padding-left:30px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/ram-big-top.png') left top no-repeat;

}



.ram-big-mid{

width:309px;

padding-left:10px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/ram-big-mid.png') left top repeat-y;

}



.ram-big-bot{

width:309px;

height:6px;

max-height:6px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/ram-big-bot.png') left top no-repeat;

}





.ram-big-big-top{

width:601px;

height:29px;

max-height:29px;

padding-left:30px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/ram-big-big-top.png') left top no-repeat;

}



.ram-big-big-mid{

width:601px;

padding-left:10px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/ram-big-big-mid.png') left top repeat-y;

}



.ram-big-big-bot{

width:601px;

height:12px;

max-height:12px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/ram-big-big-bot.png') left top no-repeat;

}





.ram-stat{

width:80px;

height:74px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/stat.png') right top no-repeat;

}



.ram-basket{

width:81px;

height:80px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/basket.png') right top no-repeat;

}





.more:link {

    background: url('http://www.softpact.com/themes/softpact_2008/images/img/arrow.png') left  no-repeat;

    padding-left:13px ;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #00000;

	text-decoration: none;

}



.more:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background: url('http://www.softpact.com/themes/softpact_2008/images/img/arrow.png') left  no-repeat;

    padding-left:13px ;

	font-size: 10px;

	font-weight: bold;

	color: #00000;;

	text-decoration: none;

}





.more:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

    background: url('http://www.softpact.com/themes/softpact_2008/images/img/arrow.png') left  no-repeat;

    padding-left:13px ;

	font-size: 10px;

	font-weight: bold;

	color: #00000;

	text-decoration: underline;

}



.arrow-orange-new{

height:7px;

width:8px;

padding-top:0px;

padding-left:12px;

margin-left:4px;

margin-top:4px;



}





/*

*/



#menu2{position:absolute;}

#menu2 ul .item{display:none;}

#menu2 ul:hover .item{

display:block;

width:140px;

background:#666666;

padding:1px;

margin:1px;}





#menu2 .top2{

background: url('http://www.softpact.com/themes/softpact_2008/images/arrow_orange.jpg') left center  no-repeat;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight: bold;

margin-right:10px;

padding-left:13px ;

color: #ffffff;

}





#menu2 .top{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight: bold;

color: #0000;

}



#menu2 ul:hover .item a{

 color:#fff;

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 10px;

 font-weight: bold;



}

#menu2 ul:hover .item a:hover{



font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight: bold;

color:#ffff;

}





#menu2 ul{

float:left;

list-style:none;







}

.clear2{clear:both;height:10px;}



.ram-folder{

width:62px;

height:82px;

padding-left:48px;

background: url('http://www.softpact.com/themes/softpact_2008/images/img/ram/folder.png') no-repeat;

}





/* MENU Jquery*/

#myjquerymenu{

position:absolute;

}



#myjquerymenu ul{

 

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 10px;

 font-weight: bold;

 margin-right:10px;

 padding-left:13px ;

 color: #ffffff;

 margin: 0;

 padding: 0;

 list-style-type: none;

 

}



/*Top level list items*/

#myjquerymenu ul li{

  background: url('http://www.softpact.com/themes/softpact_2008/images/arrow_orange.jpg') left center  no-repeat; 

 position: relative;

 display: inline;

 float: left;

}



/*Top level menu link items style*/

#myjquerymenu ul li a{



display: block;



padding: 1px 7px 4px 14px;

margin-right: 3px; /*spacing between tabs*/

/*border: 1px solid #778;*/

border-bottom-width: 0;

color: #ffffff;

text-decoration: none;

}



#myjquerymenu ul li a:hover{

 color:#c2c2c2;;



}

	

/*1st sub level menu*/

#myjquerymenu ul li ul{

position: absolute;

padding-top:3px;

left: 0;

display: block;

visibility: hidden;



}



/*Sub level menu list items (undo style from Top level List Items)*/

#myjquerymenu ul li ul li{



display: list-item;

float: none;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

#myjquerymenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

#myjquerymenu ul li ul li a{

font: normal 13px Verdana;

width: 150px; /*width of sub menus*/

background-color: #666666;

color: white;

padding: 4px 5px;

margin: 0;

border-top-width: 0;

border-bottom: 1px solid black;

}



#myjquerymenu ul li ul li a:hover{ /*sub menus hover style*/

background: #c2c2c2;

color: white;

}



/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass{

position: absolute;

top: 7px;

right: 5px;

}



.rightarrowclass{

position: absolute;

top: 5px;

right: 5px;

}



/*end of menu jquery*/



.portolioimg{



width:200px;

}

.portfoliotext{

float:left;

width:350px;

margin-top:10px;

padding-left:20px;

font: normal 15px Verdana;

margin-left:10px;



}

.portfoliotext strong {

width:179px;

height:30px;

float:left;

padding-top:5px;

padding-left:5px;

font-weight: normal;

background: url('http://www.softpact.com/themes/softpact_2008/images/port-background.jpg') no-repeat;



}

.port-spec{



margin-left:15px;

width:140px;

float:left;

}

.portfoliotext br {

margin-top:27px

}



.porfolio-link:active {



    font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight:normal;

	color: black;	

	text-decoration: none;

}





.porfolio-link:link {



    font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight:normal;

	color: black;	

	text-decoration: none;

}



.porfolio-link:visited {



    font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight:normal;

	color: black;	

	text-decoration: none;

}



.flags{

margin-top:9px;

}
.faqs{ 
float: left;
width: 289px;
margin-left:5px;
}

.spec{
margin-top:0px;width:300px;
}