/*-----------------------------------------
	Title: Cascading Style Sheet (CSS)
	Project: IQVIS Technologies
	Author: Tahir Iqbal - tahirikbal@gmail.com
	Created on: Tuesday, July 11, 2006
	Updated on: 
------------------------------------------*/
html{
	height: 101%;
}
body{
	margin: 0 auto;
	width: 760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

div, p, td, ul{
	font-size: 11px;
	font-weight: 400;
	line-height: 1.5em;	
}

div, p{
	margin: 0;
}

input, textarea, select{
	border: 1px #999 solid;
	font-size: 12px;
	background: url(../images/layout/txt_box_bg.gif) repeat-x top;
}

form{
	margin: 0;
	padding: 0;
}

img{
	border: 0;
	padding: 0;
	margin: 0;
}

span#lblMsg,
span#lblMsg2{
	color: #ff0000;
	border: 1px #ff0000 solid;
	white-space: nowrap;
	padding: 5px;
	margin-bottom: 5px;
	display:block;
	text-align: center;

}

body div#wrapper{
	float: left;
}

div#header{
	margin: 5px 0 5px 0;
	float: left;
}

div#header div#header-img{
	width: 450px;
	float: left;
}

div#header div#search-box{
	float: left;
	padding: 20px 0;
	text-align: right;
	width: 310px;
}

div#header div#search-box img{
	vertical-align: middle;
}

div#left-pane{
	width: 453px;
	float: left;
}

div#left-pane div#banner{
	padding: 0;
	margin: 0;
	white-space: normal;
	overflow: hidden;
	z-index: 0;
}

div#left-pane div.green-box{
	width: 226px;
	height: 115px;
	float: left;
	/*margin-top: 18px;*/
	color: #666;
	/*padding-left: 4px;*/
}

div#left-pane div.green-box h4{
	margin: 0;
	padding: 5px 3px;
	font-size: 15px;
	background: #efefef;
}

div#left-pane div.green-box p{
	margin-top: 5px;
	height: 60px;
	padding: 0 3px;
}

div#left-pane div.green-box span{
	display:block;
	margin-top: 7px;
	text-align: right;
	padding-right: 10px;
}

div#left-pane div.green-box span a,
div#left-pane div.green-box span a:visited{
	color: #666;
}
div#left-pane div.request-proposal{
	background: url(../images/layout/req_prop_bg.png) no-repeat center right;
	margin-right: 1px;
}

div#left-pane div.become-partner{
	background: url(../images/layout/become_partner_bg.png) no-repeat center right;
	
}

div#left-pane div#why-iqvis{
	float: left;
	margin-top: 1px;
	width: 100%;

}

div#left-pane div#why-iqvis h2{
	background: #999;	
}

div#left-pane div#why-iqvis p{
	margin: 4px 0 10px 0;
	padding: 0 3px;
}

div#right-pane{
	margin-left: 454px;
}
div#right-pane div#products img{
	margin-bottom: 1px;
}

div#right-pane div#products h2,
div#right-pane div#news h2,
div#right-pane div#featured-clients h2,
div#left-pane div#why-iqvis h2{
	font-size: 15px;
	color: #fff;
	margin: 0;
	padding: 3px 0 3px 3px;
}

div#right-pane div#featured-clients h2{
	color: #fff;
	background: #FF910F;
	margin-bottom: 5px;
	padding: 5px 0 5px 3px;
}

div#right-pane div#products h2,
div#right-pane div#featured-clients h2,
div#right-pane div#news h2{
	width: 303px;
}

h2 img{
	padding: 3px 0;
}

/*Styles for Products and Services boxes on the home page
-----------------------------------------------------------*/
div#right-pane div#products{
	float: left;
	height: 281px;
}

div#right-pane div#products h2{
	background: #2E72B1;	
}

div#right-pane div#featured-clients{
	float:left;
	margin: 1px 0;
}

div#right-pane div#services h2{
	background: #739E52;
	margin-bottom: 5px;
}

div#right-pane div#products p,
div#right-pane div#services p{
	margin: 0px 0 1px 0;
}

div#right-pane div#products p.eportal{
	/*background: url(../images/products/eportal.png) no-repeat left top;*/
	border: 5px #8AB1DA solid;
	height: 150px;
	background: #D1E4F8;
	text-align: center;
}

div#right-pane div#products p.eportal a,
div#right-pane div#products p.eportal a:visited{
	display: block;
	background: #8AB1DA;
	padding: 4px 0;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	text-align: left;
}

div#right-pane div#products p.cms{
	/*background: url(../images/products/cms.png) no-repeat left top;*/
}
div#right-pane div#products p.oms{
	/*background: url(../images/products/oms.png) no-repeat left top;*/
}

div#right-pane div#services p.custom-app-design{
	background: url(../images/products/cad.png) no-repeat left top;
}
div#right-pane div#services p.web-complete{
	background: url(../images/products/web_complete.png) no-repeat left top;
}

div#right-pane div#products p.eportal,
div#right-pane div#products p.cms,
div#right-pane div#products p.oms{
	cursor: pointer;	
}


/*div#right-pane div#products p.eportal,
div#right-pane div#products p.cms,
div#right-pane div#products p.oms,
div#right-pane div#services p.custom-app-design,
div#right-pane div#services p.web-complete{
	padding: 0 0 0 75px;	
	background-position: 5px 0px;
}
*/

div#right-pane div#products a,
div#right-pane div#services a{
	font-weight: bold;
	color: #666;
}

div#right-pane div#products a:hover,
div#right-pane div#services a:hover{
	background: #f5f5f5;
}

div#right-pane div#products span a,
div#right-pane div#services span a{
	font-weight: normal;
}

div#right-pane div#products i,
div#right-pane div#services i{
	font-style: normal;
	display: block;
	text-align: right;
	padding: 5px;
	font-weight: bold;
}
/*End of styles for Products and Services boxes on home page
------------------------------------------------------------*/

div#right-pane div#news{
	float: left;
	height: 115px;
	width: 100%;
	margin-top: 32px;
}

div#right-pane div#news p{
	padding: 3px;
}

div#right-pane div#news p span{
	font-weight: bold;
}

div#right-pane div#news h2{
	background: #FF910F;
}

/*--------------------------------------------
Styles for inner pages start here.
---------------------------------------------*/
div#wrapper div#nav-view{
	background: #f5f5f5;
	margin: 2px 0;
	padding: 2px 4px;
	color: #666;
	font-weight: bold;
}

div#wrapper div#nav-view a{
	text-decoration: underline;
	color: #666;
	font-weight: normal;
	background: url(../images/icons/arrow_nav_view.png) no-repeat center right;
	padding-right: 10px;
	margin-right: 2px;
}


div#wrapper div#contents{
	margin-top: 2px;
	padding: 0 4px;

}

div#wrapper div#contents div#contents-left-pane{
	width: 220px;
	float: left;	
}

div#wrapper div#contents div#contents-right-pane{
	margin-left: 240px;
}

div#wrapper div#contents div#contents-left-pane,
div#wrapper div#contents div#contents-right-pane{
	margin-top: 10px;
}

div#contents-left-pane div#sub-nav{
	border-top: 1px #ddd solid;
}

div#contents-left-pane a,
div#contents-left-pane a:visited{
	display: block;
	color: #999;
	padding: 12px 0 12px 15px;
	border-bottom: 1px #ddd solid;
	text-decoration: none;
	background: url(../images/icons/arrow_off.png) no-repeat left;
}

* html div#contents-left-pane a{
	width: 205px;
}

div#contents-left-pane a:hover{
	background: #f5f5f5 url(../images/icons/arrow_off.png) no-repeat left;
	color: #666;
}

div#contents-left-pane a.selected,
div#contents-left-pane a.selected:visited{
	background: #f5f5f5 url(../images/icons/arrow_off.png) no-repeat left;
	color: #666;
	font-weight: bold;
}

div#contents-left-pane div#success-story{
	background: url(../images/icons/quotes_top.png) no-repeat top left;
	padding: 5px 15px;
	margin: 15px 0;
}

div#contents-left-pane a.get-started,
div#contents-left-pane a.get-started:visited{
	background: url(../images/layout/get_started.png) no-repeat;
	margin: 15px 0;
	padding: 23px 15px 10px 0;
	border: none;
	display: block;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}

div#contents-left-pane a.get-started:hover{
	background: url(../images/layout/get_started2.png) no-repeat;
}



div#contents-left-pane div#success-story p{
	background: url(../images/icons/quotes_bottom.png) no-repeat center right;
}

div#contents-right-pane h2{
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 10px 0;
}
div#contents-right-pane p{
	margin-bottom: 20px;
	border-bottom: 1px #ddd dashed;
	padding-bottom: 10px;
	padding-left: 2px;
}

div#contents-right-pane p.eportal,
div#contents-right-pane p.cms,
div#contents-right-pane p.custom-app-development,
div#contents-right-pane p.qa-testing,
div#contents-right-pane p.web-complete{
	background-position: 0px 3px;
	padding-left: 70px;
}

div#contents-right-pane p.eportal{
	background: url(../images/products/eportal.png) no-repeat left top;
}

div#contents-right-pane p.cms{
	background: url(../images/products/cms.png) no-repeat left top;
}

div#contents-right-pane p.custom-app-development{
	background: url(../images/products/cad.png) no-repeat left top;
}
div#contents-right-pane p.qa-testing{
	background: url(../images/products/qa_testing.png) no-repeat left top;
}
div#contents-right-pane p.web-complete{
	background: url(../images/products/web_complete.png) no-repeat left top;
}

div#contents-right-pane p a,
div#contents-right-pane p a:visited{
	background: url(../images/icons/read_more.png) no-repeat;
	width: 100px;
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
div#contents-right-pane p a:hover{
	background: url(../images/icons/read_more2.png) no-repeat;
}

div#contents-right-pane div#prod-details{
	/*background: url(../images/products/eportal_bg.gif) no-repeat top right;*/
	float: left;
	width: 100%;
}

div#contents-right-pane div#prod-details div#demo-box{
	float: right;
	width: 150px;
	height: 230px;
	/*border-left: 1px #ccc dashed;*/
}

div#contents-right-pane div#prod-details a.req-demo,
div#contents-right-pane div#prod-details a.signup-free{
	height: 59px;
	width: 140px;
	float: right;
	color: #C3C3C3;
	font-size: 0px;
	display: block;
	padding-left: 5px;
	margin-bottom: 15px;
}

div#contents-right-pane div#prod-details a.req-demo,
div#contents-right-pane div#prod-details a.req-demo:visited{
	background: url(../images/icons/eportal/req_demo.gif) no-repeat;
}
div#contents-right-pane div#prod-details a.req-demo:hover{
	background: url(../images/icons/eportal/req_demo2.gif) no-repeat;
}

div#contents-right-pane div#prod-details a.signup-free,
div#contents-right-pane div#prod-details a.signup-free:visited{
	background: url(../images/icons/eportal/signup_free.gif) no-repeat;
}
div#contents-right-pane div#prod-details a.signup-free:hover{
	background: url(../images/icons/eportal/signup_free2.gif) no-repeat;
}


/*div#prod-details h2{
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 10px 0;
}
*/
div#prod-details p{
	border-bottom: none;
	margin: 0 0 15px 0;
	padding: 0;
}

div#prod-details div.product-box{
	background: #f5f5f5;
	padding-bottom: 3px;
	width: 250px;
	float: left;
	margin: 0 2px 20px 2px;
	
}

* html div#prod-details div.product-box{
	margin: 0 2px;
}

div.product-box div.box-inner{
	background: #fff url(../images/layout/more_detail_tab.png) no-repeat bottom right;
	background-position: 140px 228px;
	border: 1px #ddd solid;
	padding: 2px;
	height: 247px;
}

div#prod-details b,
div.box-inner b{
	display: block;
	font-size: 12px;
	background: #f5f5f5;
}
div#prod-details b{
	padding: 5px 0;
	font-size: 12px;
}

div#prod-details ul li b{
	display: inline;
	background: none;
}

div#prod-details div.box-inner b{
	display: block;
	padding: 5px 0 5px 20px;
	background: #f5f5f5 url(../images/layout/big_white_arrow.png) no-repeat left;
	background-position: 1px 0;
	font-size: 12px;
}

div#prod-details b img{
	float: left;
	margin: 0 5px;
}
div.box-inner ol{
	list-style: none;
	margin: 10px 0 0 10px;
	padding: 0;
	height: 172px;
}
* html div.box-inner ol{
	height: 195px;
}

div.box-inner ol li img{
	margin: 0 5px 0 5px;
}

/** html div.box-inner ol.orderd-list{
	margin-bottom: 33px;
}*/
div.box-inner span{
	display: block;
	padding: 20px 0 0 144px;
}

* html div.box-inner span{
	padding: 0 0 0 144px;
}

div.box-inner span a,
div.box-inner span a:visited{
	font-weight: bold;
	text-decoration: none;
	color: #999;
	font-size: 10px;
}

div.box-inner span a:hover{
	color: #666;
}

div#prod-details h3{
	font-size: 15px;
	margin: 15px 0 5px 0;
	clear: both;
}

#contents-right-pane p.clients-list-heading{
	font-weight: bold;
	border:none;
	margin: 0;
}

#contents-right-pane ul.clients-list{
	list-style-image: url(../images/icons/arrow_bullet.gif);
	margin-top: 0;
}

#contents-right-pane ul.clients-list li{
	margin: 4px 0;
}

/*Contact Us form styles
--------------------------------*/
#contents-right-pane div#quick-contact{
	display: block;
}
#contents-right-pane div#req-for-quote{
	display: none;
}

#contents-right-pane table td.labels{
	background: #f5f5f5;
	width: 30%;
}

#contents-right-pane table td.labels span{
	color: #ff0000;
}

/*Footer section starts below
--------------------------------------------------*/

div#clear{
	clear: both;
	font-size: 1px;
	height: 20px;
}

div#footer {
	float: left;
	background: #dfdfdf;
}
div#footer div#footer-nav{
	padding: 10px 0;
	text-align: right;
	color: #666;
	font-size: 11px;
	width: 360px;
	float: left;
}

div#footer div#footer-nav a,
div#footer div#footer-nav a:visited{
	color: #666;
	text-decoration:none;
	padding: 0 5px;
}

div#footer div#footer-nav a:hover{
	color: #999;
}

div#footer div#copyright-info{
	padding: 10px;
	width: 380px;
	float: left;
}