@charset "utf-8";
/* CSS Document */


*
{
	margin:0;
	padding:0;
}
body
{
	font-family:Arial, Helvetica, sans-serif;
	background:#e7e5e5 url(../images/body-bg.jpg) top left repeat-x;
	font-size:0.8em;
	line-height:1.5em; /**/
}
a:link, a:visited
{
	color:#e77813;
	text-transform:capitalize;
	outline:none;
}
a:hover, a:active
{
	text-decoration:none;
}
a:link img, a:visited img, a:hover img, a:active img
{
	border:0;
}
.col-rgt a
{
	text-transform:none;
}
.outermain
{
	width:1024px;
	margin:0 auto;
}

h1
{
	text-transform:uppercase;
	font-size:1.8em;
	font-weight:normal;
	color:#20201f;
	margin-bottom:20px;
}
h1 span
{
    color:#999999;
}
h2, h2#gray, .pro-details h2
{
	text-transform:capitalize;
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:20px;
	color:#7c7c7b;
}
h2#gray, .pro-details h2
{
	text-transform:uppercase;
	color:#20201f;
}
h3, h4, h5
{
	color:#20201f;
	margin-bottom:15px;
	text-transform:capitalize;
	font-size:1.4em;
}
h4
{
	margin-bottom:10px;
	font-size:1.2em;
}
h5
{
    font-size:1em;
}
p
{
	margin:10px 0;
	overflow:auto;
}
p img
{
    float:left;
    margin:0 10px 10px 0;
}


/*---------- Order List ----------*/

ol
{
    margin:5px 15px;
    padding:5px 15px;
}
ol li
{
    margin-bottom:5px;
}

/*---------- End of Order List ----------*/




/*---------- Page Padding ----------*/

.topmenu, .nav-bar
{
	padding:0 20px;
}

/*---------- End of Page Padding ----------*/


/*---------- Top Menu ----------*/

.topmenu
{
	text-align:right;
	line-height:29px;
	height:29px;
}
.topmenu a:link, .topmenu a:visited
{
	color:#ffffff;
	font-size:0.8em;
	text-decoration:none;
	margin-left:10px;
}
.topmenu a:hover, .topmenu a:active
{
	text-decoration:underline;
}
.topmenu a img
{
	border:1px solid #a2a2a2;
}
.topmenu #flag
{
	margin-left:5px;
}

/*---------- Top Menu End ----------*/



/*---------- Navigation Bar ----------*/

.nav-bar
{
	height:88px;
	background:url(../images/logo-bg.jpg) top left no-repeat;
	/* margin-top:1px; */
}
.nav-bar img
{
	float:left;
}
.nav
{
	float:right;
}

/*----- First Level Nav -----*/

.nav ul li
{
	list-style:none;
	display:inline-block;
	float:left;
	position:relative;
	z-index:200;
}
.nav ul li a:link, .nav ul li a:visited
{
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	margin-left:1px;
	display:block;
	float:left;
	font-size:1.2em;
	line-height:87px;
	width:100px;
	height:87px;
}
.nav ul li a:hover, .nav ul li a:active, .nav ul li:hover a,
#solutions #nav-solutions, #services #nav-services, #support #nav-support,
#partners #nav-partners, #about #nav-about
{
	background:url(../images/nav-button-bg.jpg) repeat-x;
	color:#20201f;
}

/*----- First Level Nav End -----*/

/*----- Second Level Nav -----*/

.nav ul li ul
{
	padding:5px 12px;
	background-color:#ffffff;
	border:1px solid #eeeeee;
	border-top:5px solid #ed9324;
	position:absolute;
	width:226px;
	left:-20000px;
	z-index:200;
}
.nav ul li:hover ul, .nav ul li:hover ul.last
{
	display:block;
	left:0;
	top:86px;
	z-index:10;
}
.nav ul li:hover ul.last
{
	left:-150px;
}
.nav .second-level a:link, .nav .second-level a:visited
{
	color:#20201f;
	text-align:left;
	text-indent:5px;
	margin-left:0;
	margin-bottom:5px;
	font-size:0.9em;
	line-height:22px;
	background-image:none;
	clear:right;
	width:225px;
	height:22px;
}
.nav .second-level a:hover, .nav .second-level a:active
{
	background-color:#cccccc;
}

/*----- Second Level Nav End -----*/

/*---------- Navigation Bar End ----------*/




/*---------- Container ----------*/

.container
{
	padding:5px 20px 15px;
	padding:5px 20px 30px;
	background-color:#ffffff;
	border:0 2px;
	border-color:#d5d5d5;
	overflow:auto;
	//overflow:visible;
}
.container img#ppic
{
	margin-bottom:20px;
}
.container hr
{
	border:none;
	background-color:#dbdbdb;
	color:#dbdbdb;
	height:1px;
	margin:40px 0;
}




/*---------- Footer ----------*/

.footer
{
	background:#151514 url(../images/footer-bg.jpg) repeat-x bottom left;
	width:100%;
	/*height:200px;*/
	overflow:auto;
}
.footer-outermain
{
	width:984px;
	margin:0 auto;
	padding:0 20px;
	overflow:auto;
}

/*----- First Level Nav -----*/

.footer ul li
{
	list-style:none;
	display:inline-block;
	float:left;
	width:130px;
	margin:0 15px 15px 0;
}
.footer ul li a:link, .footer ul li a:visited
{
	color:#d0d0d0;
	text-decoration:none;
	font-size:0.9em;
	line-height:35px;
	font-weight:bold;
}
.footer ul li a:hover, .footer ul li a:active
{
	color:#ffffff;
}

/*----- First Level Nav End -----*/

/*----- Second Level Nav -----*/

.footer li li
{
	display:block;
	float:none;
	margin:0;
}
.footer .second-level a:link, .footer .second-level a:visited
{
	color:#656564;
	font-size:0.7em;
	line-height:18px;
}
.footer .second-level a:hover, .footer .second-level a:active
{
	color:#d0d0d0;
}

/*----- Second Level Nav End -----*/


/*----- Bottom Menu -----*/

.bottommenu
{
	line-height:38px;
	height:38px;
	clear:both;
	bottom:0;
	left:0;
}
.bottommenu a:link, .bottommenu a:visited
{
	color:#ffffff;
	font-size:0.7em;
	text-decoration:none;
	margin-left:15px;
	float:right;
}
#slogan
{
	float:left;
	margin:0;
	margin-top:13px;
}
.bottommenu a:hover, .bottommenu a:active
{
	text-decoration:underline;
}

/*----- Bottom Menu End -----*/

/*---------- Footer End ----------*/



/*---------- Press Bar ----------*/

.press
{
	background:url(../images/press-bg.jpg) repeat-x top left;
	border:1px solid #dddddd;
	line-height:29px;
	margin:10px 0;
	padding:0 10px;
	width:962px;
	color:#757575;
	overflow:auto;
}
.press a:link, .press a:visited
{
	color:#424242;
	text-decoration:none;
}
.press a:hover, .press a:active
{
	text-decoration:underline;
}
.press #viewall
{
	text-transform:capitalize;
	margin-left:10px;
}
.press label
{
	color:#20201f;
	text-transform:uppercase;
	font-size:1em;
	margin-right:20px;
	float:left;
}
.press .ar-lft, .press .ar-rgt
{
	width:12px;
	height:12px;
	display:inline-block;
}
.press .ar-lft
{
	background:url(../images/left-arrow.gif) top left no-repeat;
}
.press .ar-rgt
{
	background:url(../images/right-arrow.gif) top left no-repeat;
}
.press span
{
    float:left;
}
.press div.nws-cont
{
	width:67%;
	width:65%;
	display:inline-block;
	margin:0 20px;
	float:left;
}

/*---------- End of Press Bar ----------*/


/*---------- Bottom Bar ----------*/

.btm-bar, .hm-btm-bar
{
	width:100%;
	margin:0;
	font-size:1.2em;
	clear:both;
	/*overflow:auto;*/
	height:155px;
	//height:165px;
}
.hm-btm-bar
{
    height:214px;
    height:190px;
    //height:195px;
    padding-top:3px;
    margin-bottom:-10px;
}
.btm-bar p
{
	height:60px;
}
.btm-bar a:link, .btm-bar a:visited,
.btm-bar a:hover, .btm-bar a:active,
.orange-arrow:link, .orange-arrow:visited,
.orange-arrow:hover, .orange-arrow:active
{
	color:#f58900;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../images/more-arrow.gif) center right no-repeat;
	padding-right:25px;
	width:auto;
	display:inline-block;
	bottom:0;
	left:0;
}
.btm-bar p.inline-link
{
    height:150px;
}
.inline-link a:link, .inline-link a:visited
{
	color:#e77813;
	font-weight:normal;
	text-transform:capitalize;
	background:none;
	padding:0;
	margin-left:10px;
	font-size:1em;
}
.inline-link a:hover, .inline-link a:active
{
	text-decoration:underline;
}

/*---------- Left Box, Right Box Styles ----------*/

.lft-box, .rgt-box,
.hm-lft-box, .hm-rgt-box
{
	width:25%;
	height:166px;
	//height:200px;
	height:150px;
	position:relative;
}
.hm-lft-box, .hm-rgt-box
{
    height:183px;
}
.lft-box, .hm-lft-box
{
	float:left;
	margin-right:1%;
}
.lft-box p img, .rgt-box p img, .md-box p img,
.hm-lft-box p img, .hm-rgt-box p img
{
	float:left;
	margin:0 10px 15px 0;
}
.hm-lft-box p img
{
    margin-top:15px;
}
.rgt-box, .hm-rgt-box
{
	float:right;
	margin-left:1%;
}
.lft-box label, .rgt-box label, .md-box label,
.hm-lft-box label, .hm-rgt-box label
{
	color:#20201f;
	font-size:1.2em;
	text-transform:uppercase;
}
#h-btm-bar .lft-box p, #h-btm-bar .rgt-box p,
.hm-lft-box p, .hm-rgt-box p
{
	font-size:0.8em;
}
.rgt-box p, .lft-box p, .md-box p
{
    height:77px;
}
#h-btm-bar .md-box p
{
    height:103px;
    //height:105px;
}
.lft-box hr, .rgt-box hr, .md-box hr,
.hm-lft-box hr, .hm-rgt-box hr
{
	background-color:#ebebeb;
	border:none;
	height:3px;
	margin:15px 0;
	//margin-bottom:5px;
	color:#ebebeb;
}
.rgt-box #media a,
.hm-rgt-box #media a
{
	background:none;
	padding:0;
	margin-right:15px;
	text-decoration:none;
}

/*---------- End of Left Box, Right Box Styles ----------*/

/*---------- Middle Box Styles ----------*/
.md-box
{
	width:41%;
	height:160px;
	margin-left:27%;
	padding:0 2%;
	//padding-top:3px;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	position:relative;
}
.hm-btm-bar .md-box
{
    height:180px;
}
#h-btm-bar .md-box label
{
	color:#20201f;
	font-size:2em;
	text-transform:capitalize;
	display:block;
	margin-bottom:28px;
}
.md-box label span
{
	color:#ff8f00;
}

.md-box p img#saas
{
	float:right;
	margin-left:10px;
}
.md-box ul
{
	list-style:none;
	line-height:25px;
}
.md-box ul li
{
	width:49%;
	float:left;
}
.md-box ul li a:link, .md-box ul li a:visited
{
	color:#e77813;
	text-transform:capitalize;
	background:none;
	font-weight:normal;
	text-decoration:underline;
	font-size:0.8em;
}
.md-box ul li a:hover, .md-box ul li a:active
{
	text-decoration:none;
}

/*---------- End of Middle Box Styles ----------*/


/*---------- End of Bottom Bar ----------*/


/*---------- Wrappers Styles ----------*/

.wrapper, .pro-wrapper, .cust-wrapper
{
	width:100%;
	overflow:auto !important;
	//overflow:visible !important;
	overflow:visible;
	margin:10px 0;
}
.pro-wrapper
{
	border:1px solid #eeeeee;
	height:319px;
	width:99.5%;
}
.cust-wrapper div
{
	width:165px;
	height:85px;
	display:inline-block;
	float:left;
	border:1px solid #e7e7e7;
	text-align:center;
	margin:0 5px 15px 20px;
}


/*---------- End of Wrappers Styles ----------*/



/*---------- Left Content Side Styles ----------*/

.lft-cont
{
	float:left;
	width:680px;
}
.lft-cont ul
{
	list-style:disc;
	width:95%;
	margin:0 20px;
}
.lft-cont ul li
{
	margin-bottom:10px;
}
.int-par
{
	font-weight:bold;
}


/*---------- End of Left Content Side Styles ----------*/

/*---------- Right Content Side Styles ----------*/

.rgt-cont
{
	float:right;
	width:255px;
	background-color:#f8f8f8;
	border-left:3px solid #e7e5e5;
	border-bottom:3px solid #e7e5e5;
	padding:10px 0 15px 15px;
}
.rgt-cont h3
{
	text-transform:uppercase;
	font-weight:normal;
}
.rgt-cont hr
{
	height:3px;
	border:none;
	color:#ebebeb;
	background-color:#ebebeb;
	font-size:0;
	margin:3px 0 20px;
}
.rgt-cont p
{
	padding-right:2px;
}
.rgt-cont ul
{
	list-style:none;
}
.rgt-cont ul li, .rgt-cont ol li
{
	line-height:20px;
}
.rgt-cont ol
{
	list-style:inside;
	list-style-type:decimal;
	color:#e77813;
	margin:3px;
	padding:3px;
}
.rgt-cont .sepa
{
	margin:20px 0 20px -15px;
	height:20px;
	background-color:#e7e5e5;
	width:270px;
}
.rgt-cont .follow-us
{
	width:95%;
	margin-top:10px;
}
.rgt-cont .follow-us a:link, .rgt-cont .follow-us a:visited,
.rgt-cont .follow-us a:visited, .rgt-cont .follow-us a:active
{
	margin-right:10px;
	text-decoration:none;
}
.rgt-cont .follow-us span
{
	text-transform:uppercase;
	color:#20201f;
	margin:7px 10px 0 0;
	float:left;
}




/*---------- End of Right Content Side Styles ----------*/


/*---------- Spaces Styles ----------*/

.space-20
{
	width:100%;
	height:20px;
}

/*---------- End of Spaces Styles ----------*/


/*---------- Highlight Styles ----------*/

.bold-txt
{
    font-weight:bold;
}

/*---------- End of Highlight Styles ----------*/



/*---------- Table Styles ----------*/

.ptable
{
	width:100%;
	font-size:0.9em;
	margin-bottom:40px;
}
.ptable td
{
	vertical-align:top;
	padding:10px 0;
	border-bottom:1px dotted #ebebeb;
}
.ptitle
{
	width:83%;
}
.pspace
{
	width:2%;
}
.pdate
{
	width:15%;
}

/*---------- End of Table Styles ----------*/


/*---------- 45 DIV Styles ----------*/

.left-45, .right-45, #contacts .left-45,
ul.left-45, ul.right-45
{
	float:left;
	width:45%;
	margin:15px 0;
}
.right-45, #contacts .right-45, ul.right-45
{
	float:right;
}
ul.left-45, ul.right-45
{
    list-style-position:inside;
}
#contacts .left-45, #contacts .right-45
{
	height:auto;
}
.left-45 img, .right-45 img
{
	float:left;
	margin:0 15px 15px 0;
}

/*---------- End of 45 DIV Styles ----------*/

/*---------- 27 DIV Styles ----------*/

.left-27, .lft-cut-cont
{
	float:left;
	width:27% !important;
	width:25%;
	height:210px;
	padding-bottom:20px;
	margin:0 3%;
	margin-bottom:50px;
	border-bottom:1px dotted #cccccc;
	position:relative;
}
.lft-cut-cont
{
    height:160px;
    margin:0 3% 40px;
}
.lft-cut-cont img
{
    margin:0 10px 10px 0;
}
.left-27 img
{
	display:block;
	margin:0 auto;
	margin-bottom:10px;
}
.left-27 a
{
	bottom:0;
	left:0;
	margin-bottom:15px;
	position:absolute;
}

/*---------- End of 27 DIV Styles ----------*/


/*---------- Contacts DIV Styles ----------*/

.left-45#lft-cont, .left-45#rgt-cont
{
	width:30%;
	margin:10px 120px 10px 0;
}
.left-45#lft-cont h4, .left-45#rgt-cont h4
{
	text-transform:uppercase;
	color:#f58900;
	margin:15px 0;
}
.left-45#lft-cont .col-lft, .left-45#lft-cont .col-rgt,
.left-45#rgt-cont .col-lft, .left-45#rgt-cont .col-rgt
{
	width:35%;
	display:inline-block;
	line-height:20px;
	text-transform:capitalize;
}
.left-45#lft-cont .col-rgt,
.left-45#rgt-cont .col-rgt
{
	width:60%;
}
.img-left img
{
	float:left;
	border:1px solid #bababa;
	margin:0 20px 20px 0;
}

/*---------- End of Contacts DIV Styles ----------*/


/*---------- Contacts Form Styles ----------*/

.cform label, .cform input
{
	text-transform:capitalize;
	display:block;
	margin-bottom:5px;
	line-height:16px;
}
.cform input
{
	text-transform:none;
	margin-bottom:20px;
	width:98%;
	height:20px;
	border:1px solid #d5d5d5;
}
.cform textarea
{
	border:1px solid #d5d5d5;
	width:98%;
	height:145px;
}
.cform a:link, .cform a:visited
{
	text-decoration:none;
	float:right;
	margin:10px 6px 0 20px;
	height: 16px;
}
.cform a:hover, .cform a:active
{
	text-decoration:underline;
}

/*--- Amr style ---*/
.cform select
{
text-transform:none;
margin-bottom:20px;
width:98%;
height:22px;
border:1px solid #d5d5d5;	
	
	}
/*--- End of Amr Style ---*/


/*---------- End of Contacts Form Styles ----------*/


/*---------- Product DIVs Styles ----------*/

.pro-list
{
	background:url(../images/list-bg.jpg) top left repeat-x;
	height:299px;
	width:29%;
	padding:10px;
	padding-right:0;
	border-right:1px solid #eeeeee;
	float:left;
}
.pro-list hr, .pro-details hr
{
	height:3px;
	background-color:#ebebeb;
	color:#ebebeb;
	border:none;
	margin:10px 0;
	//margin:5px 0;
}
.pro-details hr
{
	margin-bottom:30px;
	//margin-bottom:20px;
}
.pro-list ul, .pro-details ul
{
	list-style:none;
	text-transform:capitalize;
	margin-top:20px;
	float:right;
	width:260px;
}
.pro-details ul
{
	float:none;
	margin:0;
	width:99%;
	line-height:20px;
}
.pro-list ul li
{
	padding-left:10px;
	display:block;
	line-height:26px;
	margin-bottom:3px;
}
.pro-list ul li:hover
{
	background:url(../images/list-round-corner.gif) top left no-repeat;
}
.pro-list ul li a
{
	display:block;
	text-decoration:none;
	color:#20201f;
}
.pro-list ul li:hover a
{
	background-color:#e6e4e4;
}
.pro-details
{
    float:left;
    height:225px;
    padding:12px;
    width:67%;
}

.pro-details p
{
	font-size:0.9em;
	margin-bottom:15px;
}
.pro-details ul li a:link, .pro-details ul li a:visited
{
	color:#010101;
	font-size:0.9em;
}
.pro-col-lft
{
	float:left;
	width:29%;
	margin:0 5px 15px 0;
}
.pro-col-rgt
{
	float:right;
	width:68%;
	margin-right:10px;
}


/*---------- Black and Orange Buttons Styles ----------*/

a:link.orange-but, a:visited.orange-but,
a:link.black-but, a:visited.black-but,
.dsbl-but
{
	background:url(../images/org-but-bg.jpg) top left repeat-x;
	line-height:25px;
	display:inline-block;
	color:#ffffff;
	width:auto;
	min-width:80px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	padding:0 10px;
	margin:15px 10px 0 0;
}
a:hover.orange-but, a:active.orange-but
{
	background:url(../images/org-but-bg-on.jpg) top left repeat-x;
}
a:link.black-but, a:visited.black-but
{
	background:url(../images/blk-but-bg.jpg) top left repeat-x;
}
a:hover.black-but, a:active.black-but
{
	background:url(../images/blk-but-bg-on.jpg) top left repeat-x;
}
.dsbl-but
{
    background:#f3f3f3;
    color:#999999;
}

/*---------- End of Black and Orange Buttons Styles ----------*/


/*---------- End of Product DIVs Styles ----------*/


/*---------- Float Styles ----------*/

.flt-rgt
{
    float:right;
}

/*---------- End of Float Styles ----------*/


/*---------- Alignment Styles ----------*/

.algn-cntr
{
    text-align:center;
}
p.algn-cntr
{
    padding:10px 0;
}
p.algn-cntr img
{
    float:none;
    margin:0;
}

/*---------- End of Alignment Styles ----------*/


/*---------- Images Styles ----------*/


.sub-img img
{
	border:1px solid #eeeeee;
	border-bottom-width:3px;
	margin-bottom:10px;
}


/*---------- End of Images Styles ----------*/


/*---------- Error Msg Styles ----------*/

span#vld_email
{
    display:inline-block;
    float:left;
    width:97%;
	text-indent:4px;
	line-height:18px;
	background-color:#ffdcdc;
	font-size:0.9em;
	text-transform:capitalize;
	padding:0 1%;
	margin-bottom:5px;
}


/*---------- End of Error Msg Styles ----------*/


/*---------- Gallery List Styles ----------*/

ul.glr-lst
{
    list-style:none;
    padding:0;
    margin:10px 0;
}
ul.glr-lst li
{
    display:inline-block;
    padding:0;
    margin:0 10px 10px 0;
}

/*---------- End of Gallery List Styles ----------*/


/*---------- Clear DIV ----------*/

.clear
{
    clear:both;
}

/*---------- End of Clear DIV ----------*/


/*Carousel Styles start 14-12-2009*/
#carousel {
	margin: 0 auto;
	width: 400px;
	height: 390px;
	padding: 0;
	overflow: scroll;
	border: 0px solid #999;
	z-index:1;
}
#carousel ul {
	list-style: none;
	width: 1960px;
	margin: 0;
	padding: 0;
	position: relative;
}
#carousel li {
	display: inline;
	float: left;
}
.textholder {
	text-align: left;
	font-size: small;
	color: #000;
	padding: 6px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}
.thumbholder {
	text-align: left;
	font-size: small;
	color: #000;
	padding: 6px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

.thumbs-holder
{
	position:absolute;
	top:10px;
	right:40px;
	width:50px;
	z-index:50;
}
.thumb{
	background:#9fb7c9;
	border:1px solid #e2e2e2;
	font-size:10px;
	text-align:center;
	cursor:pointer;
	display:inline;
	float:right;
	overflow:hidden;
	z-index:50;
	text-shadow:0 0 3px #fff;
}
.pause-play-button
{
	position:absolute;
	top:10px;
	right:10px;
	border:1px solid #FFF;
	width:20px;
	height:21px;
	z-index:50;
}

/*Carousel Styles end*/

/*Scroller Styles start*/
#newsDiv{
	width:600px;
	height: 23px;
	border: 0px solid black;
	float:left;
	display:inline-block;
	overflow: hidden;
	top:2px;
}
.someclass{ /*class to apply to your scroller(s) if desired*/
}
/*Scroller Styles end*/

#news_holder{
    border:1px solid #999;
    width:650px;
    min-height:100px;
    position:absolute;
    margin-top:33px;
    background-image: url(../../layout/images/press-bg.jpg);
    display:none;
    #margin-left: -600px;
}
.font-8 
{
font-size:0.8em;	
	
	}
	
/* -- Apply Links in Careers -- */	
.ApplyDiv
{	
	text-align:right;
	height:50px;
}