/* Style Sheet for iDirect                      */

/* Author: Ryan Brooks rbrooks@crameronline.com */

/*******************************
HTML ELEMENTS
*/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #605f5f;
	background: url(images/body-bg.gif) repeat-x top #dedede;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	outline: none;
}

a:link, a:visited {
	text-decoration: none;
	color: #244b8e;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

/*
COMMON CLASSES
*/

.center {
	text-align: center;
}

.right {
	float: right;
}

.hide {
	display: none;
}

.show {
	display: block;
}

#container{
	background: url(images/corner.png) no-repeat top left;
	position: relative;
	width: 100%;
	min-height: 615px;
}

#wrapper{
	width: 1000px;
	overflow: auto;
}

/* HEADER */

#header {
	background: url(images/header-bg.gif) repeat-x;
	margin-left: 215px;
	height: 125px;
	z-index: 1;
}

#header h1#logo a{
	display: block;
	background: url(images/idirect-logo.gif) no-repeat top left;
	position: absolute;
	top: 30px;
	left: 10px;
	width: 157px;
	height: 41px;
	text-indent: -1000em;
}

#header ul#main-nav{
	list-style-type: none;
	padding-top: 56px;
	width: 750px;
}

#header ul#main-nav li{
	display: block;
	float: left;
	background: url(images/nav-star.gif) no-repeat top left;
	height: 55px;
	padding-left: 29px;
	margin-right: 2px;
}

#header ul#main-nav li a{
	display: block;
	color: #00418b;
	height: 55px;
	padding: 5px 12px 0 0;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .03em;
}

#header ul#main-nav li a:hover{
	color: #449744;
	text-decoration: none;
}

#header ul#main-nav li.on{
	background: url(images/main-nav-on-left.gif) no-repeat top left;
}

#header ul#main-nav li.on a{
	background: url(images/main-nav-on-right.gif) no-repeat top right;
	text-decoration: none;
	color: #B6D2EF;
	
}
#header ul#main-nav li.on a:hover{
	text-decoration: underline;
}

#content{
	width: 805px;
	margin: 0 0 2em 195px;
}

#content:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

span.date{
	color: #439644;
}

/* SIDEBAR */
#sidebar{
	float: left;
	width: 160px;
}

#sidebar .top{
	background: url(images/sidebar-top.png) no-repeat top left; /* TO DO: gif for IE6*/
	height: 15px;
	padding:0;
}

#sidebar .content{
	background: url(images/sidebar-bg.gif) repeat-y;
	padding-right: 10px;
	padding-bottom: 1em;
	margin-top: -4px;
	height: 550px;
}

#sidebar .bottom{
	background: url(images/sidebar-bottom.png) no-repeat bottom left; /* TO DO: gif for IE6*/
	height: 15px;
	margin:0;
}

#sidebar ul{
	list-style-type: none;
}

#sidebar ul li{
	font-weight: bold;
	background-color: #306199;
	border-bottom: 2px solid #446FA1;
	background: url(images/sidebar-li.gif) repeat-y;
}

#sidebar ul li.on{
	background: url(images/sidebar-li-on.gif) repeat-y;
}

#sidebar ul li a{
	display: block;
	color: #edf1f6;
	font-size: .92em;
	padding: 2px 20px 2px 6px;
	background: url(images/collapsed.gif) no-repeat right 50%;
}

#sidebar ul li.on a{
	background: url(images/expanded.gif) no-repeat right 50%;
}

#sidebar ul li.on ul li a{
	background: none;
}

#sidebar ul li ul li.on a{
	background: #edf1f6;
	color: #306199;
	text-decoration: none;
}

#sidebar ul li ul li a{
	color: #aecbea;
	font-size: .92em;
}

#sidebar ul li ul li{
	font-weight: normal;
	background: none;
	background-color: #306199;
	margin-bottom: 0px;
	border-bottom: 1px solid #446fa1;
}

#sidebar h3{
	color: #fff;
	height:50px;
	margin-bottom:14px;
	padding-left:5px;
	padding-top:10px;
	width:144px;
}

#sidebar h3#products{
	background: url(images/heading-products.jpg) no-repeat top left;
}

#sidebar h3#about-us{
	background: url(images/heading-about.jpg) no-repeat top left;
}

#sidebar h3#partners{
	background: url(images/heading-partners.jpg) no-repeat top left;
}

#sidebar h3#solutions{
	background: url(images/heading-solutions.jpg) no-repeat top left;
}

#sidebar h3#technology{
	background: url(images/heading-technology.jpg) no-repeat top left;
}

#sidebar h3#training{
	background: url(images/heading-training.jpg) no-repeat top left;
}

/* MAIN CONTENT */

#content #main-content{
	width: 535px;
	float: left;
	margin-top: 12px;
	padding-top: 20px;
}

#content #main-content h2{
	font-size: 1.42em;
	font-weight: bold;
	background: url(images/secondary-header.gif) no-repeat top left;
	height: 36px;
	padding-left: 30px;
	margin-bottom: 25px;
}

#content #main-content #details{
	float: right;
	margin: 0 1em 1em 1em;
}

#content #main-content #details ul{
	list-style-type: none;
	margin: 8px 0 0 10px;
}

#content #main-content #details ul li{
	background: url(images/bullet-triangle-small.gif) no-repeat 0 3px;
	font-size: .92em;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: .4em;
}

#content #main-content ul.feature{
	list-style-type: none;
	padding-bottom: 15px;
}

#content #main-content ul.feature li{
	font-size: 1.16em;
	font-weight: bold;
	background: url(images/bullet-star.gif) no-repeat 0% 2px;
	padding-left: 20px;
	margin-bottom: .6em;
}

#content p{
	line-height: 1.4em;
	padding-bottom: 1em;
	font-size: 1em;
}

#content h4{
	padding-bottom: .4em;
	color: #403f3f;
	font-size: 1em;
}

#content #resource-center h4{
	padding-bottom: .25em;
}

#home #content #main-content #flash{
	background: url(images/flash.png) no-repeat top left;
	width: 531px;
	height: 202px;
	margin-bottom: 4px;
}

.stars{
	background: url(images/star-slash.png) no-repeat bottom left;
	height: 21px;
	margin-bottom: 14px;
}

#content #main-content .pod{
	width: 532px;
}

#content #main-content .content{
	background: url(images/pod-bg-main-content.gif) repeat-y;
	padding-left: 20px;
	padding-right: 12px;
}

#content #main-content .content p img{
	margin: 1em;
}

#home #content #main-content .content{
	background: url(images/pod-bg-main-content.gif) repeat-y;
	padding-left: 8px;
	padding-right: 8px;
}

#content #main-content .content h2{
	margin-top:0;
	margin-bottom: 8px;
}

#content #main-content .content h2#highlights{
	background: url(images/heading-highlights.gif) no-repeat top left;
	text-indent: -1000em;
	height: 11px;
	width: 102px;
}

#content #main-content .top{
	background: url(images/pod-top-main-content.gif) no-repeat top left;
	height: 12px;
}

#content #main-content .bottom{
	background: url(images/pod-bottom-main-content.png) no-repeat bottom left;
	height: 12px;
}

#content #main-content h3{
	font-size: 1.34em;
	padding-top: 15px;
	margin-bottom: 1em;
}

#content #main-content ul{
	margin-left: 15px;
	padding-bottom: 1em;
}

#content #main-content ul li{
	margin-bottom: .25em;
}

#content #main-content table{
	margin-bottom: 1em;
	border-collapse: collapse;
}

#content #main-content table tr th{
	text-align: left;
	padding: 3px 2em 3px 0;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
}

#content #main-content table tr td{
	padding: 3px 5em 3px 0;
}

/* HOME */

#home #content #main-content{
	padding-top: 0;
}

#home #content #main-content .content ul{
	list-style-type: none;
	border-bottom: 1px solid #d8d8d8;
	height: 35px;
}

#home #content #main-content .content ul li{
	display: block;
	float: left;
	height: 27px;
	padding-right: 10px;
	border-top: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	padding-top: 7px;
	padding-left: 48px;
}

#home #content #main-content .content ul li.on{
	height: 28px;
}

#home #content #main-content .content ul li.last{
	border-right: 1px solid #d8d8d8;
}

#home #content #main-content .content ul li a{
	display: block;
	float: left;
	padding: 2px 7px 2px 7px;
	border: 1px solid #d8d8d8;
	font-size: 1.16em;
	font-weight: bold;
	background: url(images/stripe-bg.gif) bottom right;
}

#home #content #main-content .content ul#highlights-nav{
	margin-left:0;
	padding:0;
}

#home #content #main-content .content ul#highlights-nav li{
	margin:0;
}

#home #content #main-content .content ul li#tab-applications {
	background: url(images/icon-applications.gif) no-repeat 4px 50% #f0f0f0;
}

#home #content #main-content .content ul li#tab-new-products {
	background: url(images/icon-new-products.gif) no-repeat 6px 50% #f0f0f0;
}

#home #content #main-content .content ul li#tab-case-studies {
	background: url(images/icon-case-studies.gif) no-repeat 4px 50% #f0f0f0;
}

#home #content #main-content .pod h3{
	background: url(images/bullet-triangle.gif) no-repeat 0 50%;
	padding-top:0;
	padding-left: 12px;
	margin-left: -12px;
	font-size: 12px;
}

#home #content #main-content .pod .pod-content{
	clear: left; 
	border: 1px solid #d8d8d8; 
	border-top: none;
	height: 260px;
	padding: 20px 0 0 24px;
	overflow-y: scroll;
}

#home #content #main-content .pod .pod-content h3{
	margin-bottom: .3em;
}

#home #content #main-content .pod .pod-content p{
	line-height: 1.4em;
}

#home #content #secondary-content{
	width: 258px;
	float: right;
	padding-top: 0;
}

#home #content #secondary-content .pod{
	width: 258px;
}

#home #content #secondary-content .pod .top{
	background: url(images/pod-top.png) no-repeat top left;
	height: 7px;
	margin: 10px 0 0 0;
}

#home #content #secondary-content .pod .content{
	background: url(images/pod-bg.gif) repeat-y;
	padding: 2px 9px 2px 9px;
}

#home #content #secondary-content .pod .bottom{
	background: url(images/pod-bottom.png) no-repeat top left;
	height: 7px;
}

#home #content #secondary-content .pod h3{
	background-color: #306199;
	color: #b6d2ef;
	font-size: 1em;
	padding: 2px 5px;
	width: 230px;
}

#home #content #secondary-content .pod h3.expanded{
	background: url(images/expanded.gif) no-repeat top right #306199;
}

#home #content #secondary-content .pod h3.collapsed{
	background: url(images/collapsed.gif) no-repeat top right #306199;
}

#home #content #secondary-content .pod #login{
	font-size: .92em;
	margin: 10px 15px 0 15px;
	padding-bottom: 15px;
}

#home #content #secondary-content .pod #login ul{
	list-style-type: none;
}

#home #content #secondary-content .pod #login ul li{
	background: url(images/bullet-triangle.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
}

#home #content #secondary-content .pod #login input.submit{
	float: left;
	margin-right: 10px;
}	

#home #content #secondary-content dl{
	font-size: .92em;
	margin-top: 2em;
	line-height: 1.5em;
	padding: 0 6px;
}

#home #content #secondary-content dl dt{
	font-weight: bold;
	background: url(images/bullet-triangle.gif) no-repeat 0 50%;
	padding-left: 10px;
}

#home #content #secondary-content dl dd{
	font-weight: normal;
	margin-bottom: 2em;
}


/* SEARCH RESULTS */
#content #search-results ul{
	list-style-type: none;
}

#content #search-results ul li h3{
	padding:0;
	margin-bottom:0;
	font-size: 1em;
}

#content #search-results ol{
	margin-left: 20px;
	margin-bottom: 1em;
}

/* NEWS */
#content #news h3{
	margin-bottom: 1em;
}


/* SECONDARY CONTENT */

#content #secondary-content{
	width: 252px;
	float: right;
}

#content #secondary-content.no-related-content{
	padding-top: 58px;
}

#content #secondary-content #related-content{
	width: 249px;
	margin-top: 30px;
	margin-bottom: 2em;
}

#content #secondary-content #related-content h3{
	background: url(images/stripe-bg.gif);
	border: 1px solid #d4d4d4;
	font-size: 1em;
	color: #244b8e;
	padding: 4px 0 4px 15px;
}

#content #secondary-content #related-content .content{
	background: url(images/related-content-bg.gif) repeat-x top #f0f0f0;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	padding: 10px 10px 0 20px;
	font-size: .92em;
}

#content #secondary-content #related-content .content h4{
	background: url(images/bullet-triangle-small.gif) no-repeat 0 2px;
	padding-left: 8px;
	margin-left: -8px;
}

#content #secondary-content .pod .bottom{
	background: url(images/related-content-bottom.png) no-repeat bottom left;
	height: 9px;
}

#content #secondary-content p.callout{
	color: #266a27;
	font-size: 1.16em;
	padding-left: 15px;
	padding-right: 40px;
	margin-bottom: 2em;
}

#content #secondary-content p#find{
	border-top: 1px solid #d3d3d3;
	color: #605f5f;
	padding: 10px 15px;
	font-size: .92em;
}

.form-item{
	padding-bottom: 7px;
}

.form-item label{
	display: block;
	text-transform: uppercase;
	color: #000;
	font-size: .92em;
}

.form-item input{
	margin-right: .5em;
}

input.submit{
	background: url(images/btn-submit.gif) no-repeat top left;
	border: none;
	outline: none;
	width: 54px;
	height: 17px;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}

/* FOOTER */

#footer{
	clear: both;
	padding-bottom: 5em;
	width: 760px;
}

#footer ul#footer-nav{
	list-style-type: none;
	margin-left: 200px;

}

#footer ul#footer-nav li{
	display: block;
	float: left;
	margin-right: 7px;
	font-size: .92em;
	background: url(images/footer-nav-star.gif) no-repeat 0 50%;
	padding-left: 14px;
}

#footer ul#footer-nav li a{
	color: #717171;
	text-decoration: underline;
}

#utility{
	position: absolute;
	top: 5px;
	left: 450px;
	font-size: 11px;
	width: 550px;
	z-index: 2;
}

#utility-nav{
	list-style-type:none;
	display: inline;
}

#utility-nav li{
	display: inline;
	margin-right: 10px;
	background: url(images/bullet-small1.gif) no-repeat 0 50%;
	padding-left: 10px;
}

#utility form{
	display:inline;
}

#utility input.search{
	width: 128px;
	font-size: 11px;
	margin-right: 5px;
}

#utility select{
	width: 125px;
	font-size: 11px;
	margin-right: 10px;
}

#utility input.btn-search{
	background: url(images/btn-search.gif) no-repeat 0 50%;
	border: none;
	outline: none;
	text-indent: -1000em;
	line-height: 0;
	height: 19px;
	width: 55px;
}

/* NEWS & EVENTS */

#news{
	float: left;
	width: 48%;
	margin-right: 2em;
}

#events{
	margin-left: 263px;
}

.pod .content dl dd{
	margin-bottom: 1em;
}

.pod .content dl dt{
	font-weight: bold;
	background: url(images/bullet-triangle.gif) no-repeat 0 50%;
	padding-left: 10px;
}

/* CONTACT US */

.content{
	overflow: auto;
}

.content #col1{
	width: 50%;
	float: left;
}

.content #col2{
	width: 50%;
	float: right;
}

.content #col2 textarea{
	width: 200px;
 }
 
.content input#ctl00_plcMain_MainContentRegion_ctl00_Bizform1_ctl00_btnOK{
	display: block;
	clear: both;
	float: right;
	margin-right: 48px;
	margin-top: 5px;
	background: url(images/btn-submit.gif) no-repeat top left;
	border: none;
	outline: none;
	width: 54px;
	height: 17px;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}

.content #address{
	clear: both;
}

.error{
    color: Red;
    display: block;
}