﻿body {font-family:Verdana;font-size:.70em; color:#000000; margin:0px}

td	{ font-family:Verdana; color: #767676;}
select, textarea,password{ font-family:Verdana; color: black; font-size:.85em;}
input{ font-size:10px}
img{ border:none;}
.ultimate {font-family:Verdana;font-size:1.25em; color:#727272; margin:0px; line-height:23px}
.ultimate2 {font-family:Verdana;font-size:1.25em; color:#727272; margin:0px; line-height:18px; text-align:justify}
.ultimateextranet {font-family:Verdana;font-size:1em; color:#727272; margin:0px; line-height:18px; text-align:left}
.navbox { border:solid 1px #CACACA; padding:5px; background-color:#F7F7F7}
.rightnav { font-family:Verdana;font-size:1.2em; font-weight:500; color:#787878; margin:0px}
.rightnav2 { font-family:Verdana;font-size:1.2em; font-weight:500; color:#343434; margin:0px}
.moreinfo { font-family:Verdana;font-size:2.0em; font-weight:500; color:#117EF5; margin:0px}
.quotetxt { font-family:Verdana;font-size:0.5em; font-weight:500; color:#117EF5; margin:0px}
.moreinfoshots { font-family:Verdana;font-size:1.8em; font-weight:500; color:#313431; margin:0px}
.newsbox { border:solid 1px #CACACA; padding:5px}
.box { border:solid 1px #CACACA; padding:2px;}
.line { border:solid 1px #b1b1b1;}
.list { line-height:20px}
.no-padbox{ border:solid 1px #CACACA;}
.babyblue{ background-color:#B4CFE4; color:#2E3E55; font-family:Verdana}
.rightborder{ border-right:solid 1px #CACACA}
.homenews{ color:#ffffff; font-family:Verdana}

.largestrap{ background-color:#c30000; border-top:solid 1px #ffffff; color:#ffffff; font-size:1.6em; padding:4px; font-weight:bold}

a:link{ text-decoration:none; color:#343434; }
a:visited{ text-decoration:none; color:#787878;}
a:hover{ text-decoration:none; color:#117EF5;  }

a.homelink:link{ text-decoration:none; color:#4981CE; }
a.homelink:visited{ text-decoration:none; color:#4981CE;}
a.homelink:hover{ text-decoration:underline; color:#4981CE;  }

a.subnav:link{ text-decoration:none; color:#ffffff;  font-size:1.2em }
a.subnav:visited{ text-decoration:none; color:#ffffff;  font-size:1.2em}
a.subnav:hover{ text-decoration:underline; color:#ffffff; font-size:1.2em }

a.mainnav:link{ text-decoration:none; color:#777777; font-weight:bold; font-size:1.3em }
a.mainnav:visited{ text-decoration:none; color:#777777; font-weight:bold; font-size:1.3em}
a.mainnav:hover{ text-decoration:none; color:#5891dc; font-weight:bold;font-size:1.3em }

a.whitelink:link{ text-decoration:underline; color:#ffffff; }
a.whitelink:visited{ text-decoration:underline; color:#ffffff;}
a.whitelink:hover{ text-decoration:underline; color:#ffffff;  }

a.greylink:link{ text-decoration:underline; color:#767676; }
a.greylink:visited{ text-decoration:underline; color:#767676;}
a.greylink:hover{ text-decoration:underline; color:#767676;  }

a.plaingreylink:link{ text-decoration:none; color:#767676; }
a.plaingreylink:visited{ text-decoration:none; color:#767676;}
a.plaingreylink:hover{ text-decoration:none; color:#767676;  }

a.bluelink:link{ text-decoration:underline; color:#117EF5; }
a.bluelink:visited{ text-decoration:underline; color:#117EF5;}
a.bluelink:hover{ text-decoration:underline; color:#117EF5;  }


a.navbluelink:link{ text-decoration:none; color:#117EF5; }
a.navbluelink:visited{ text-decoration:none; color:#117EF5;}
a.navbluelink:hover{ text-decoration:none; color:#117EF5;  }

a.featurelink:link{ text-decoration:none; color:#137DF2; font-size:1.0em; }
a.featurelink:visited{ text-decoration:none; color:#137DF2; font-size:1.0em;}
a.featurelink:hover{ text-decoration:none; color:#137DF2; font-size:1.0em; }

a.orangelink:link{ text-decoration:none; color:#FF6600; }
a.orangelink:visited{ text-decoration:none; color:#FF6600;}
a.orangelink:hover{ text-decoration:none; color:#FF6600;  }

a.nav:link{ text-decoration:none; color:#767676; }
a.nav:visited{ text-decoration:none; color:#767676;}
a.nav:hover{ text-decoration:none; color:#117EF5; }

a.purple:link{ text-decoration:none; color:#6B71BF}
a.purple:visited{ text-decoration:none; color:#6B71BF}
a.purple:hover{ text-decoration:none; color:#6B71BF}

a.homefooterlink:link{ text-decoration:none; color:#535353}
a.homefooterlink:visited{ text-decoration:none; color:#535353}
a.homefooterlink:hover{ text-decoration:none; color:#4C81CD}

.black{ color:#137df2; font-family:Verdana}
.brown{ color:#947211}
.red{ color:Red}
.redtxt{ color:#c30000}
.silver{ color:#CCCCCC}
.blacktext{ color:#000000;}
.whitetext{ color:#ffffff;}
.blue{ color:#117EF5;}
.palebluetext{ color:#8EB6EA}
.scrollertext{ color:#2E3E55;}
.dark{ color:#000000}
.mid{ background-color:#D1DEED; color:#000000}
.light{ background-color:#F7F7F7; color:#000000}
.line{ background-color:#CACACA}
.leftborder{ border-left:1px solid; border-color:#b1b1b1}
.rightborder{ border-right:1px solid; border-color:#b1b1b1}
.headerborder{ border-left:1px solid; border-right:1px solid; border-color:#b1b1b1}
.title{ font-size:1.6em}
.biggerwhite{ font-size:1.35em; color:#ffffff}
.points{ color:#000000; font-size:1.6em}
.bigblack{ font-size:1.6em; color:#000000}
.bigblue{ font-size:1.35em; color:#137df2; font-weight:bold}
.bigwhite{ font-size:1.30em; color:#ffffff; font-weight:bold}
.biggrey{ font-size:1.25em;}
.homepagetitle{ font-size:1.30em; color:#4C81CD; font-weight:bold}
.tb { width:280px}
.tbFullWidth
{
	width:100%;
}
.dd { width:280px}
.homebold{ font-size:1.4em}
.base { border-bottom: solid 1px #cacaca; padding-left:2px; padding-top:5px; padding-bottom:5px; width:213px; max-width:213px}
.extralinespace{ line-height:16px}

.dashed{ background-image:url(../ebusiness/dash.gif); background-position:bottom; background-repeat:no-repeat;}
 
.newstitle{ color:#4981CC; font-weight:bold}
.mainblue{ background-color:#BED2ED; color:#000000}
.blueback{background-color:#BED2ED;}
.lightblue{ background-color:#E5EEF7}
.maintitle{ color:#4C81CD; font-size:1.75em; font-weight:bold; margin:0; elevation:0; line-height:10px; padding:0px; line-height:normal; }

h1{ color:#4C81CD; font-size:1.4em; font-weight:bold; margin:0; elevation:0; line-height:10px; padding:0px; line-height:normal;}
h2{ color:#137DF2;  margin-bottom:0px;  font-weight:normal; font-size:1.2em; }
h8{ color:#137DF2;  margin-bottom:0px;  font-weight:normal; font-size:1.5em; }
h3{ color:#000000; font-size:1.2em }
h4{ color:#000000; font-size:2.0em; font-weight:bold; margin:0; elevation:0; line-height:0px; padding:0px; line-height:normal;}
h5{ color:#000000; font-size:2.5em; font-weight:bold; margin:0; elevation:0; line-height:10px; padding:0px; line-height:normal;}
h6{ color:#137DF2; font-size:1.25em;  font-weight:normal; margin:0; elevation:0; line-height:0px; padding:0px; line-height:normal; background-image:url(../ecommerce/b2b-ecommerce-title-background.png); background-repeat:no-repeat; width:800px; height:28px; padding-top:10px;text-indent:20px;}
h7{ color:#137DF2; font-size:1.25em;  font-weight:normal;}

ul{ text-indent:0px; list-style-image: url(../ebusiness/b2c-bullet.gif); padding-left:0px;text-indent: 0px; margin-left:20px;}
li.indented{margin-left:40px }
ul.indented{ margin-top:5px; margin-bottom:0px; border:solid 1px #CACACA; padding:5px; background-color:#F7F7F7; color:#000000}

ul{ text-indent:0px; padding-left:0px;text-indent: 0px; margin-left:20px;}
ul.data li{margin-left:10px; line-height:20px; list-style-type:none; font-size:1.2em}
ul.help li{margin-left:0px; line-height:30px; list-style-type:none; font-size:1.0em}
ul.data{list-style-image:none; text-decoration:none }

.yellowhighlight{ background-color:#fcff0f; color:#000000}

.online-background{ background-image:url(../ebusiness/online-solution.jpg); background-repeat:no-repeat}
.ascend-background{ background-image:url(../ebusiness/ascend-solution.jpg); background-repeat:no-repeat}
.plateau-background{ background-image:url(../ebusiness/plateau-solution.jpg); background-repeat:no-repeat}
.homegirl{ background-image:url(../ebusiness/ecommerce-site-provider.jpg);background-repeat:no-repeat; background-position:bottom right}
.sol-pad1{ height:35px}
.sol-pad2{ height:40px}
.sol-pad3{ height:8px}

.extranet0{ background-color:#1B78F9; color:#ffffff}
.extranet1{ background-color:#0766d2; color:#ffffff}
.extranet2{ background-color:#1363be; color:#ffffff}
.extranet3{ background-color:#0B2A58; color:#ffffff}
.extranet4{ background-color:#61D169; color:#ffffff}
.extranet5{ background-color:#1E731A; color:#ffffff}
.extranet6{ background-color:#085cbb; color:#ffffff}
.extranet7{ background-color:#115DB2; color:#ffffff}
.extranet8{ background-color:#787878; color:#ffffff}
.extranet9{ background-color:#909090; color:#ffffff}
.pink{ background-color:#954B98; color:#ffffff}

.extranetItem0{ background-color:#AFCDF6; color:#000000}
.extranetItem1{ background-color:#85b9f3; color:#000000}
.extranetItem2{ background-color:#4394ef; color:#000000}
.extranetItem3{ background-color:#B6C7E2; color:#000000}
.extranetItem4{ background-color:#B5EAB9; color:#000000}
.extranetItem5{ background-color:#90C48D; color:#000000}
.extranetItem6{ background-color:#a7c9ef; color:#000000}
.extranetItem7{ background-color:#B4D4F8; color:#000000}
.extranetItem8{ background-color:#DBDBDB; color:#000000}
.extranetItem9{ background-color:#A0A0A0; color:#000000}

.extranetArea0{ background-color:#DCE8FA; color:#000000}
.extranetArea1{ background-color:#b9d3fb; color:#000000}
.extranetArea2{ background-color:#d5e4fb; color:#000000}
.extranetArea3{ background-color:#D7E2F2; color:#000000}
.extranetArea4{ background-color:#D5F7D8; color:#000000}
.extranetArea5{ background-color:#C5E1C3; color:#000000}
.extranetArea6{ background-color:#e2ebf8; color:#000000}
.extranetArea7{ background-color:#D4E4F6; color:#000000}
.extranetArea8{ background-color:#F2F1F1; color:#000000}
.extranetArea9{ background-color:#C0C0C0; color:#000000}

.extraneturgent {background-color:#FFA800;color:#000000;}
.extraneturgentitem {background-color:#FDDEA1; color:#000000;}
 
.extranetoverdue { background-color:#CA0202; color:#ffffff;}
.extranetoverdueitem { background-color:#E53939; color:#ffffff;}

.extranetStatusSummary { background-color:#000000; color:#ffffff;}
.extranetStatusSummaryItem { background-color:#555555; color:#ffffff;}

.extranetunassigned{ background-color:#BD6BFC; color:#ffffff}
.extranetunassigneditem{ background-color:#EDCEF7; color:#000000}

.extranetstaff{ background-color:#7416CC; color:#ffffff}
.extranetstaffitem{ background-color:#D8BEF0; color:#000000}
 
.MagicZoomSmallImageCont	{ position: relative;}
.MagicZoomBigImageCont		{ overflow: hidden; position: absolute; z-index: 100; border: 1px solid #bed1ef; 
                      		  visibility: hidden; /* display: none; */ }
.MagicZoomHeader			{ position: relative; z-index: 10; left: 0px; top: 0px; font: 10px Tahoma, Verdana, Arial, sans-serif; 
                			  color:#fff; background:#9E2F2D; padding:3px; }
.MagicZoomHeader a			{ color: #fff; }
.MagicZoomPup				{ z-index: 10; visibility: hidden; position: absolute; width: 50px; height: 50px; border: 1px solid #aaa; 
             				  background: #ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }

.downBasket		{ width:196px; height:28px; position:relative; z-index:1000; left:-3px; overflow:hidden; clear: both; z-index:999; }
.downBasketHTML	{ height:200px; background: white url(../ecommerce/basket-dropped.gif); color:Black; padding-top:138px; text-align:center; }
.basket			{ width:196px; height:20px; background:url(../ecommerce/basket-header.gif); color:White; 
       			  padding-top:7px; text-align:center; cursor:hand; }    
       			  
h1.heading { color:#117EF5; font-size:1.3em; font-weight:bold} 
h1.whiteheading { color:#ffffff; font-size:1.2em;}

.404 { color:#727272; font-size:2.2em;}   
.404title {color:#727272; font-size:1.2em; }
div.roundcorner {
   background: url(../ecommerce/top-right.gif) no-repeat top right;	   
  
   height:100%;
   text-align:left;
}
	
div.roundcorner div {
	background: url(../ecommerce/top-left.gif) no-repeat top left;
	
	height:100%;
	text-align:left;
}

div.roundcorner div div {
	background: url(../ecommerce/bottom-right.gif) no-repeat bottom right;
	
	height:100%;
	text-align:left;
}

div.roundcorner div div div {
	background: url(../ecommerce/bottom-left.gif) no-repeat bottom left;
	
	height:100%;
	text-align:left;
}

div.roundcorner2 {
   background: url(../ecommerce/top-right2.gif) no-repeat top right;	   
  
   height:100%;
   text-align:left;
}
	
div.roundcorner2 div {
	background: url(../ecommerce/top-left2.gif) no-repeat top left;
	
	height:100%;
	text-align:left;
}

div.roundcorner2 div div {
	background: url(../ecommerce/bottom-right.gif) no-repeat bottom right;
	
	height:100%;
	text-align:left;
}

div.roundcorner2 div div div {
	background: url(../ecommerce/bottom-left.gif) no-repeat bottom left;
	
	height:100%;
	text-align:left;
}

div.roundcorner3 {
   background: url(../ecommerce/top-right.gif) no-repeat top right;	   
  
   height:100%;
   text-align:left;
}
	
div.roundcorner3 div {
	background: url(../ecommerce/top-left.gif) no-repeat top left;
	
	height:100%;
	text-align:left;
}

div.roundcorner3 div div {
	background: url(../ecommerce/bottom-right2.gif) no-repeat bottom right;
	
	height:100%;
	text-align:left;
}

div.roundcorner3 div div div {
	background: url(../ecommerce/bottom-left2.gif) no-repeat bottom left;
	
	height:100%;
	text-align:left;
}

.sb {
    height: 122px;
    clear: both;
}

.sb-left {
    background: url(../ecommerce/sb-left.gif) no-repeat bottom left;
    width: 22px;
}

.sb-right {
    background: url(../ecommerce/sb-right.gif) no-repeat bottom left;
    width: 22px;
}

.sb-middle {
    background: url(../ecommerce/sb-middle.gif) repeat-x bottom left;
    padding: 25px 0px 0px 0px;
}
/* Horizontal Carousel */
#horizontal_carousel {
  float: left;
  width: 790px;
  height: 170px;
  margin-bottom: 10px;
  position: relative;
}

#horizontal_carousel .container {
  float: left;
  width: 720px;
  height: 170px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 170px;
}                      

#horizontal_carousel ul li {
  width: 200px;
  height: 170px;
  text-align: center; 
  list-style:none;   
  float:left;
  padding: 0px 20px;
}

#horizontal_carousel .previous_button {
  float:left;  
  width: 32px;
  height: 175px;
  background: url(../images/horizontal/left.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url(../images/horizontal/left_over.png);
}

#horizontal_carousel .previous_button_disabled {
  background: url(../images/horizontal/left_disabled.png);
  cursor: default;
}

#horizontal_carousel .next_button {
  float:left;  
  width: 32px;
  height: 175px;
  background: url(../images/horizontal/right.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url(../images/horizontal/right_over.png);
}

#horizontal_carousel .next_button_disabled {
  background: url(../images/horizontal/right_disabled.png);
  cursor: default;
}


/* vertical Carousel */

.ui_vertical_carousel {
}

#vertical_carousel {
  float:left;
  width: 350px;
  height: 270px;
  margin-bottom: 10px;
  position: relative;
}

#vertical_carousel .container {
  float:left;  
  width: 260px;
  height: 240px;
  overflow: hidden;
}

#vertical_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#vertical_carousel ul li {
  width: 260px;
  height: 240px;
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#vertical_carousel .previous_button {
  float:left;
  height: 32px;
  width: 175px;
  background: url(../images/vertical/left.png);
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 40px;
}

#vertical_carousel .previous_button_over {
  background: url(../images/vertical/left_over.png);
}

#vertical_carousel .previous_button_disabled {
  background: url(../images/vertical/left_disabled.png);
  cursor: default;
}

#vertical_carousel .next_button {
  float:left;
  height: 32px;
  width: 175px;
  background: url(../images/vertical/right.png);
  display:inline;
  margin-left: 40px;
  cursor: pointer;
}

#vertical_carousel .next_button_over {
  background: url(../images/vertical/right_over.png);
}

#vertical_carousel .next_button_disabled {
  background: url(../images/vertical/right_disabled.png);
  cursor: default;
}


/* Horizontal Carousel2 */
#horizontal_carousel2 {
  /*float: left;*/
  width: 965px;
  height: 343px;
  position: relative;
}

#horizontal_carousel2 .container {
  float: left;
  width: 965px;
  height: 343px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel2 ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 170px;
}                      

#horizontal_carousel2 ul li {
  width: 210px;
  height: 170px;
  text-align: center; 
  list-style:none;   
  float:left;
}

#horizontal_carousel2 .previous_button {
  float:left;  
  width: 32px;
  height: 175px;
  background: url(../images/horizontal/left.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel2 .previous_button_over {
  background: url(../images/horizontal/left_over.png);
}

#horizontal_carousel2 .previous_button_disabled {
  background: url(../images/horizontal/left_disabled.png);
  cursor: default;
}

#horizontal_carousel2 .next_button {
  float:left;  
  width: 32px;
  height: 175px;
  background: url(../images/horizontal/right.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel2 .next_button_over {
  background: url(../images/horizontal/right_over.png);
}

#horizontal_carousel2 .next_button_disabled {
  background: url(../images/horizontal/right_disabled.png);
  cursor: default;
}

#floatdiv{ background-color:#fff}
.dotted{ border:solid 1px #000;  background-color:#fff; width:100%}

/* CONTACT US PAGE */

.contactus-main{ background-image:url(../ebusiness/contact-us/contact-us-background.png); background-repeat:no-repeat; background-position:left top; height:472px; width:100%}
.contactinputarea{ background-image:url(../ebusiness/contact-us/filed-background.png); background-repeat:no-repeat; height:322px; width:709px; font-size:14px}
.contact-international { background-image:url(../ebusiness/contact-us/contact-int-background.png); background-repeat:no-repeat; height:102px; background-position:left top;  width:100%; }
.contact-input-box {  width:450px; font-size:18px; color:#727272;}
.contact-bigger{ font-size:1.35em}
.nextday{ font-size:16px; color:#000}

.newsletter-signup-box {  width:190px; font-size:1.2empx; color:#0a2b57; height:25px; background-image:url(../ecommerce/newsletterbox.png); background-repeat:no-repeat;}
.water, .newsletter-container input { font-family: Verdana; Color:#0a2b57; background-image:url(../ecommerce/newsletterbox.png); padding: 6px 0px 7px 0px; background-repeat:no-repeat}

.approvedtitle{ color:#30486e; font-size:1.2em; background-color:#dedede; font-weight:bold; padding-top:6px; padding-bottom:6px}
.underline{ border-bottom:solid 1px #dedede}

.box-top{background: url(../ecommerce/casestudyimages/main-box-top.png) no-repeat top right; display:block; width:794px; height:24px}
.box-middle{background: url(../ecommerce/casestudyimages/main-box-mid.png) repeat-y top right; display:block; width:794px;}
.box-footer{background: url(../ecommerce/casestudyimages/main-box-bottom.png) no-repeat top right; display:block; width:794px; height:24px}

.home-box-top{background: url(../ecommerce/casestudyimages/main-box-top.png) no-repeat top right; display:block; width:968px; height:24px}
.home-box-middle{background: url(../ecommerce/casestudyimages/main-box-mid.png) repeat-y top right; display:block; width:968px;}
.home-box-footer{background: url(../ecommerce/casestudyimages/main-box-bottom.png) no-repeat top right; display:block; width:968px; height:24px}

.main-box-top{background: url(../ecommerce/top-box.png) no-repeat top right; display:block; width:968px; height:34px}
.main-box-header{background: url(../ecommerce/main-box-header.png) no-repeat top right; display:block; width:968px; height:24px}
.main-box-middle{background: url(../ecommerce/mid-box.png) repeat-y top right; display:block; width:968px;}
.main-box-footer{background: url(../ecommerce/bottom-box.png) no-repeat top right; display:block; width:968px; height:19px}

.homefooter-box-top{background: url(../ecommerce/footer-top.png) no-repeat top right; display:block; width:968px; height:20px}
.homefooter-box-middle{background: url(../ecommerce/footer-mid.png) repeat-y top right; display:block; width:968px;}
.homefooter-box-footer{background: url(../ecommerce/footer-bottom.png) no-repeat top right; display:block; width:968px; height:20px}

.drop-button { background-image: url(../ecommerce/ecommerceimages/button.png); background-repeat: no-repeat; display: block; height: 34px; width: 380px; padding: 10px 0 0 50px; text-align: left; }

.drop-button a.bluelinknew:link{   color:#767676; }
.drop-button a.bluelinknew:visited{   color:#767676;}
.drop-button a.bluelinknew:hover{  color:#4C81CD;  }


