@charset "utf-8";
/* CSS Document */


body{
background:url(bg.gif);
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}

form{
margin:0px;
padding:0px;
}
input{
background: #fff;
border: 1px solid #cccccc;
font-size: 12px;
padding: 2px;
}

input.smallSubmit{
font-size: 12px;
color: #ffffff;
background:#de5d11;
padding: 2px 5px 2px 5px;
}
form .smallSubmit{
font-size: 12px;
color: #ffffff;
background:#de5d11;
padding: 2px 5px 2px 5px;
}
.right{
text-align:right;
padding-right:25px;
bgcolor:#ffffff;
}

.center{
text-align:center;
padding-right:25px;
}

td{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;}

.header{
background: #ffffff;
}
.header img{
border: none;
padding: 0px 0px 0px 20px;
}
.whtspc{
background: #ffffff;
}
a.comlink{
font-size: 11px;
color: #de5d11;
text-decoration: underline;
line-height: 18px;
}
a.comlink:hover{
font-size: 11px;
color: #666666;
text-decoration: none;
}
a.more{
background: transparent url(bullet_more.gif) 0 0.35em no-repeat;
color: #de5d11;
padding: 0px 5px 5px 8px;
margin: 0px 0px 0px 0px;
font: 13px/22px tahoma;
font-weight: 400;
text-decoration: none;
}
a:hover.more{
color: #666666;
text-decoration: underline;
}

.contentwrap{
margin: 0px;
padding: 0px 25px 25px 25px;
font-family:verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
color:#333333;
text-align:justify;

}
h1{
margin: 0px;
padding: 0px 0px 5px 0px;
color: #de5d11;
font-size: 22px;
font-style: normal;
font-weight: bold;
}
h6{
margin: 0px;
padding: 0px 10px 5px 10px;
color: #de5d11;
font-size: 22px;
font-style: normal;
font-weight: bold;
}
.loc{
margin: 0px;
padding: 0px 0px 5px 0px;
color: #ffffff;
font-size: 18px;
font-style: normal;

}

.contentwrap h2{
margin: 0px;
padding: 0px 0px 5px 0px;
color: #de5d11;
font-size: 22px;
font-style: normal;
font-weight: bold;
}
.contentwrap h3{
margin: 0px;
padding: 0px 0px 5px 0px;
color: #666666;
font-size: 16px;
font-style: normal;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.contentwrap h4{
margin: 0px;
padding: 0px 0px 5px 0px;
color: #de5d11;
font-size: 13px;
font-style: normal;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.contentwrap p{
color: #333333;
font-size: 13px;
font-style: normal;
font-weight: normal;
margin: 0px;
padding: 0px;
line-height: 18px;
font-family:Arial, Helvetica, sans-serif;
}
.breadcrumb{
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #333333;
}
.breadcrumb a{
color: #333333;
text-decoration: underline;
font-weight: bold;
}
.breadcrumb a:hover{
color: #de5d11;
text-decoration: none;
}
.clientgal td{
border: 1px solid #CCCCCC;
}
.clientpic a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #de5d11;
text-decoration: none;
line-height: 25px;
font-weight: bold;
font-style: normal;
}
.clientpic a:hover{
color: #de5d11;
text-decoration: underline;
line-height: 25px;
}

.clientpic td{
border: none;
}
.contactmenu{
width: 100%;
border-bottom: 2px solid #666666;
height: 25px;
}
.contactmenu a{
width: 150px;
text-align: center;
float: left;
color: #ffffff;
padding: 5px;
font-size: 11px;
text-decoration: none;
display: block;
background: #de5d11;
margin-right: 2px;
}
.contactmenu a:hover{
display: block;
background: #666666;
}
.contactmenu a.active{
display: block;
background: #666666;
}



/* Top Navigation Start */
.menu {
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;	
	position:relative;
	height:2em;
	background: #de5d11 url(line.gif) bottom left repeat-x;
	border-top:3px solid #de5d11;
	padding-bottom:1px;
	margin-bottom:0em;
	}
	

* html .menu {padding-bottom:0;}

.menu ul{
list-style-type:none;
padding-left:0px;
margin:0 0 0 0px;
width:918px;
height:100%;
}

.menu li{
float:left;
}

.menu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

.menu a, .menu :visited {
color:#fff;
text-decoration:none;

}
.menu a em.lft, .menu :visited em.lft {
display:block;
float:left;
width:3px;
height:2em;

border-bottom:1px solid #d2d2d2;

}
.menu a b, .menu :visited b {
display:block;
font-weight: 600;
float:left;
padding:0 5px;
height:2em;line-height:1.9em;

cursor:pointer;
border-bottom:1px solid #d2d2d2;
}
.menu a em.rgt, .menu :visited em.rgt {
display:block;
float:left;
width:3px;
height:2em;

border-bottom:1px solid #d2d2d2;
}

.menu ul ul {
visibility:hidden;
position:absolute;
height:2.5em;
top:2em;
left:0px;
width:918px;
border-bottom:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
background:#ececec url(hover_bg.gif) repeat-x top left;
}

.menu :hover {
white-space:normal;
}

.menu a:hover b {
color:#000;
background: transparent url(midb.gif);
border-bottom-color:#d2d2d2;
}
.menu a:hover em.lft {
background: transparent url(leftb.gif);
border-bottom-color:#d2d2d2;
}
.menu a:hover em.rgt {
background: transparent url(rightb.gif);
border-bottom-color:#d2d2d2;
}
.menu li:hover > a b
{
color:#000;
background: transparent url(midb.gif);
border-bottom-color:#d2d2d2;
}
.menu li:hover > a em.lft {
background: transparent url(leftb.gif);
border-bottom-color:#d2d2d2;
}
.menu li:hover > a em.rgt {
background: transparent url(rightb.gif);
border-bottom-color:#d2d2d2;
}
.menu ul li:hover ul,
.menu ul a:hover ul{
display:block;
visibility:visible;
top:2em;
margin-top:1px;
}

.menu ul :hover ul li {
display:block; 
border-left:1px solid #d2d2d2; 
background:#ececec url(hover_bg.gif) repeat-x top left; 
height:2.5em;
}
.menu ul :hover ul li a {
display:block;
font-size:11px; 
height:2em; 
line-height:2.5em; 
width:auto; 
float:left; 
color:#444444; 
padding:0 15px;}
.menu ul :hover ul li a:hover {
color:#ce4e03;
}


/* Top Navigation End */



.left-link{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #de5d10;
font-style: normal;
font-weight: bold;
line-height: 18px;
}
.left-link a{
text-decoration:none;
color: #de5d10;
}
.left-link a:hover{
text-decoration:underline;
color: #de5d10;
}
.left-link-sub{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #636563;
font-style: normal;
padding:2px 2px 2px 18px;
background:URL(leftarrow.gif) no-repeat 8px 7px;
}
.left-link-sub a{
text-decoration:none;
color: #636563;
}
.left-link-sub a:hover{
text-decoration:underline;
color: #000000;
}

/* Left Navigation Start */
.navcontainer{
background: #f0f0f0;
}
.navcontainer h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333333;
font-style: normal;
font-weight: bold;
line-height: 35px;
}
.navcontainer ul{
margin: 0px;
padding: 0px;
}
.navcontainer p{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
line-height: 35px;
}

.navcontainer ul li{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
list-style: none;
}
.navcontainer ul li a{
color: #666666;
text-decoration: none;
padding: 4px 10px 4px 10px;
font-weight:bold;
text-transform:capitalize;
}
.navcontainer ul li a:hover{
color: #de5d10;
text-decoration: none;
background: url(leftnav_bg.gif) repeat-y top left;
}
.navcontainer ul li ul li a{
color: #666666;
text-decoration: none;
padding: 4px 10px 4px 10px;
font-weight: normal;
text-transform:capitalize;
}
.navcontainer ul li ul li ul li a{
color: #666666;
text-decoration: none;
display: block;
padding: 4px 10px 4px 10px;
font-weight: normal;
}

/* Left Navigation End */
.sublinks{
margin-left: 20px;
}
.sublinks h2{
margin: 0px;
padding: 0px;
color: #de5d11;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 20px;
}
.sublinks ul{
margin: 0px;
padding: 0px 0px 0px 30px;
}
.sublinks li{
background: transparent url(arrow_simple.gif) 0 0.75em no-repeat;
font: 11px/18px Arial,Helvetica,sans-serif;
margin-top: 2px;
margin-left: 5px;
padding-left: 12px;
list-style: none;
font-style: normal;
font-weight: normal;
}
.sublinks a{
text-decoration: none;
color: #333333;
}
.sublinks a:hover{
color: #de5d11;
font-weight: normal;
}
.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333333;
}

.text a{
color: #333333;
text-decoration: underline;
}
.text a:hover{
color: #de5d11;
text-decoration: none;
}
.popwrap{
background: #ffffff;
color: #333333;
padding: 10px 0px 10px 10px;
}
.popboxes{
background: url(popbg.jpg) no-repeat right top;
margin: 0px;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 11px;
line-height: 18px;
}
.popboxes p	{
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 11px;
line-height: 18px;
}

.mainintro{
color: #333333;
font-size: 11px;
text-align:justify;
background:url(poptbg.gif) repeat-x top left;
}
.mainintro p{
color: #333333;
font-size: 11px;
text-align:justify;
margin: 0px;
padding: 0px;
}
.clientpop {
background: url(bg_client-scroll.png) no-repeat center top;
height: 133px;
}
.clientpop-german{
background: url(clientpop-german.jpg) no-repeat center top;
height: 133px;
}
.popbg{
background: url(poptbg.gif) repeat-x top left;
}
.bgright{
background: url(bg_right.gif) repeat-y top right;
}



#CaseLets1{
color: #333333;
}
#CaseLets1 p{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;
padding-bottom: 15px;
}
.bottomborder
{
border-bottom: 1px dashed #999;
}

#CaseLets2{
color: #333333;
}
#CaseLets2 p{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;
padding-bottom: 15px;
}



#CaseLets3{
color: #333333;
}
#CaseLets3 p{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;
padding-bottom: 15px;
}


#CaseLets4{
color: #333333;
}
#CaseLets4 p{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
line-height: 18px;
padding-bottom: 15px;
}




.bottompage{
background: url(footer_bg.jpg) no-repeat top center;
}
.footer{
padding-left: 10px;
background: url(footer_divider.gif) left top no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 10px;
font-weight: normal;
color: #999999;
line-height: 16px;
}
.footer a{
color: #666666;
text-decoration: none;
}
.footer a:hover{
color: #666666;
text-decoration: underline;
}
#newtbl {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}
#newtbl td{
background: #ffffff;
}
#newtbl th{
text-align: left;
background: #de5d11;
color: #FFFFFF;
font-style: normal;
font-weight: bold;
}

.otherlink{
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 10px;
font-weight: normal;
color: #999999;
line-height: 16px;
}
.otherlink a{
color: #de5d11;
text-decoration: none;
}
.otherlink a:hover{
color: #de5d11;
text-decoration: underline;
}

a.more1{
color: #de5d11;
padding: 0px 5px 5px 8px;
margin: 0px 0px 0px 0px;
font: 13px/22px tahoma;
font-weight: 400;
text-decoration: none;
}
a:hover.more1{
color: #666666;
text-decoration: underline;
}

.block_heading{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight:bold;
font-size: 12px;
color:#ffffff;
height:22px;
}

.block_heading a{
text-decoration:none;
color:#ffffff;
}

.block_heading a:hover{
text-decoration:underline;
color:#000000;
}

.newletter{
background: transparent url(bullet_more.gif) 0 1.0em no-repeat;
font-family:  Arial, Helvetica, sans-serif;
font-size: 16px;
color:#de5d11;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
margin:0px;
padding: 10px 0px 5px 10px;
}

.techImage{
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
color:#de5d11;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
margin:0px;
padding:0px;
}

.boxes{
border: 5px solid #ffffff;
color: #de5d11;
}


.goback{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 11px;
color:#7b9ebd;
height:22px;
text-align:right;
padding-right:15px;
}

.goback a{
text-decoration:none;
color:#7b9ebd;
}

.goback a:hover{
text-decoration:underline;
color:#000000;
}

.red{
color:#ff0000;
}

.boxes{
border: 5px solid #ffffff;
color: #de5d11;
}

.headgreen{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background:#de5d11;
font-weight: bold;
height: 30px;
color: #ffffff;
}

.sendfrm{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 8px;
background: #eeeeee;
border: 1px solid #cccccc;
}

.whitecol{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px;
border: 1px solid #bfbfbe;
}
.blueblttxt{
font-family: Arial, Helvetica, sans-serif;
color: #de5d10;
font-weight:bold;
}

.blueblttxt a{
color: #4b82a8;
text-decoration:none;
font-weight:bold;
}
.blueblttxt a:hover{
text-decoration:underline;
color: #4b82a8;
font-weight:bold;
}


.boxhead1 {
font-size: 12pt;
font-weight: bold;
text-decoration: none;
color: #de5d11;
}
.login-text{
font-size: 11px;
color: #333333;
padding: 0px;
margin:0px;
}

.browsecategorytext {
font-weight: bold;
color: #000000;
text-indent: 0px;
}

.browsecategorybutton{
font-weight: bold;
color: #de5d11;
text-indent: 0px;
text-decoration: none;
}

.headtitle
{
FONT-FAMILY:Times New Roman,Times,serif;
color:#de5d11;

}
.imgxml
{
align:center;
}
a.headtitle
{
color: #de5d11;
text-decoration: none;
}
A.browsecategorybutton:hover {
color: #000000;
text-decoration: none;
}

.browsecategorybuttondisabled {
font-weight: bold;
color: #de5d11;
}

A.buttontext, .buttontextdisabled {
color: red;
font-weight: bold;
margin: 2px;
padding: 4px;

}

A.buttontext:hover {
color:#000000;
}

#ecom-mainarea {
width:920px;
background:#fff;
text-align:center;
font-size:11px;
}

#ecom-mainarea .left {
/* alt: position: absolute; left: 0px; top: 0px; */
float: left;

width: 100px;
background: #2d2c2e;
/* border:1px solid #000; */
}
#ecom-mainarea .right {
/* alt: position: absolute; right: 0px; top: 0px; */
float: right;
width: 200px;
background: #2d2c2e;

}

#ecom-mainarea .center, #ecom-mainarea .leftonly, #ecom-mainarea .rightonly, #ecom-mainarea .nocolumns {
text-align:center;
background:#fff;
text-align: left;
vertical-align: top;
}

#ecom-mainarea .center {
margin-left: 160px;
margin-right: 210px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 161px;
margin-right: 211px;
background: #2d2c2e;

}

.selectBox{
font-family:verdana, Helvetica, sans-serif;
font-size:11px;
height:20px;
}
#mainarea1{
text-align:center;
margin:0px auto;
}

.endcolumns {
clear: both;
height: 0px;
visibility: hidden;
}

.blogwrapper {
color: #000000;
padding: 4px;
margin-top: 6px;
font-weight: normal;
font-size: 11px;
text-align: left;
padding:5px;
border-top:1px solid #333333;
}

.blogwrap {
background: #fff;
padding: 4px;
font-weight: normal;
font-size: 11px;
text-align: left;
padding:5px;

}

#blogwrap {
background: #fff;
padding: 4px;
font-weight: normal;
font-size: 11px;
text-align: right;
padding:5px;

}

.blogwrapper a {
color: #de5d11;
text-decoration:none;
}

.blogwrapper a:hover {
color: #de5d11;
text-decoration:underline;
}

.blueblogView{
font-size: 11px;
color: #ff0000;
font-weight:normal;
padding:5px;
}

a.blueblogView {
color: #ff0000;
font-weight:normal;
text-decoration: underline;
}

a:hover.blueblogView {
color: #ff0000;
font-weight:normal;
text-decoration: underline;
}

.blogtitle{
color: #de5d11;
font-size: 11px;
font-weight:bold;
padding:2px;
text-decoration: none;
}

.blogheadtitle{
color: #de5d11;
font-size: 13px;
font-weight:bold;
padding:2px;
text-decoration: none;
}
.classborder{
border: 1px solid #cccccc;
border-style:dotted;
padding:4px;
}

.responsetext {
        color:#222222;
        font-size:8pt;
        font-weight:normal;
        text-align:justify;
        font-family:verdana, arial, sans-serif;
        margin-left:40px;
	margin-right:20px;
}
.resptext {
        color:#222222;
        font-size:8pt;
        font-weight:normal;
        text-align:justify;
        font-family:verdana, arial, sans-serif;
        margin-left:40px;
		margin-right:20px;
		height:70px;
		width:500px;
		line-height:17px;
		whitespace: nowrap;
		overflow:hidden;
}
.blogs {
width:600px;
color:#222222;
margin: 0px;
margin-left:280px;
padding: 5px 5px 0px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}

.bloghr {
color:#ff0000;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
text-transform:uppercase;
letter-spacing: normal;
line-height: 1.4em;
margin: 0px;
padding: 5px 5px 0px 5px;

}
#right-al1{
width:100% !important;
}
#right-al{
width:920px !important;
margin:0 auto !important;
}