/* Endpoint Exchange */
/* Main.css */
/* Created March 17, 2006 */
/* Modified January 29, 2007
--------------------------------------- */

/* General
--------------------------------------- */

.left {
	float: left;
	margin-right: 15px;
	}

.right {
	float: right;
	margin-left: 15px;
	}

.small {
	font-size: smaller;
	line-height: 1.3em;
	}

.hide {
	display: none;
	}

blockquote {
	border-left-style: dotted;
	border-left-width: 1px;
	padding-left: 1em;
	display: block;
	}

dt {
	margin-top: .5em;
	font-weight: bold;
	}

dd {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1em;
	}

form {
	margin: 0;
	padding: 0;
	}

/* decorated table */	
.d_table
{
	background-color: #EFF3FB;
	border-color: #003F74;
	border-width: 1px;
}	

/* Structure and Layout
--------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #D9D9D9 url(images/body_tile.gif) repeat-x left top;
	text-align: left;
	font-size: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.4em;
	}

#frame {
	margin: 0;
	padding: 0;
	width: 770px;
	background: url(images/frame_tile.gif) repeat-y left top;
	}

.stacked #frame {
	background-image: url(images/frame_tile_stacked.gif);
	}

#header {
	margin: 0;
	padding: 0;
	background: url(images/endpoint_exchange.gif) no-repeat left top;
	}

#header h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 21px 0 0 11px;
	height: 52px;
	}

#header h1 a {
	display: block;
	width: 350px;
	height: 40px;
	text-decoration: none;
	}

#header .loginLink {
	font-size: 65%;
	line-height: 1.3em;
	text-align: right;
	padding: 0 12px 0 0;
	background: url(images/extranet_icon.gif) no-repeat right center; 
	margin: 0;
	position: absolute;
	right: 32px;
	top: 52px;
	}

#container {
	margin: 0;
	padding: 0;
	float: left;
	width: 566px;
	}

#mainCol {
	margin: 0;
	padding: 0;
	width: 566px;
	float: left;
	display: inline;
	}	

.inside #mainCol {
	float: right;
	width: 375px;
	font-size: 70%;
	line-height: 1.3em;
	padding: 0 15px 0 0
	}

.oneCol #mainCol {
	padding: 10px 20px;
	width: 526px;
	font-size: 70%;
	line-height: 1.3em;
	}

.stacked #container {
	width: 753px;
	float: none;
	background: url(images/container_bg_stacked.gif) no-repeat 482px -45px;
	padding: .1em 17px .1em 0;
	margin: 0;
	}

.stacked #mainCol {
	float: none;
	width: 721px;
	margin: 0 16px 16px 16px;
	display: block;
	padding: 0;
	}
	
#subCol {
	display: none;
	}

.inside #subCol {
	display: inline;
	float: left;
	width: 146px;
	font-size: 70%;
	line-height: 1.3em;
	margin: 0 0 0 15px;
	}

#extraCol {
	margin: 0;
	padding: 0 17px 0 0;
	float: right;
	display: inline;
	width: 187px;
	background: url(images/container_bg.gif) no-repeat -84px -40px;
	font-size: 70%;
	line-height: 1.3em;
	}

.stacked #extraCol {
	float: none;
	width: 721px;
	display: block;
	margin: 0 16px;
	padding: 0 0 17px 0;
	background: url(images/extraCol_bg_stacked.gif) repeat-y left top;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	}

.stacked #extraCol .column {
	background: none !important;
	width: 240px;
	float: left;
	margin: 0;
	}

.stacked #extraCol .content {
	background: none;
	}

.stacked #extraCol .content input {
	display: block;
	}

#footer {
	margin: 0;
	padding: 20px 220px 20px 20px;
	font-size: 65%;
	color: #9F9F9F;
	clear: both;
	background: url(images/footer_bg.gif) no-repeat left bottom;
	}

.stacked #footer {
	background-image: url(images/footer_bg_stacked.gif);
	}

/* Links
--------------------------------------- */

a, a:link, a:visited {
	color: #2E4374;
	font-weight: bold;
	text-decoration: none;
	}

a:visited {
	color: #505050;
	}

a:hover, a:active {
	text-decoration: underline;
	}

.inside #mainCol p.more a, .oneCol #mainCol p.more a {
	color: #9F9F9F;
	font-weight: normal;
	margin-right: 1em;
	}

.inside #mainCol p.more img, .oneCol #mainCol p.more img 
{
	border: none;
}
	
/* Menu
--------------------------------------- */

.navContainer {
	background: #505050;
	border-top: 5px solid #2E4374;
	width: 753px;
	}

.nav {
	background: #505050;
	margin-top: 0 !important;
	margin-top: -1px;
	}

.navRootItems {
	font-size: 70%;
	color: #FFF !important;
	text-decoration: none;
	background: #505050;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	}

.navRootItems a, .navRootItems a:link, .navRootItems a:visited, .navRootItems a:hover {
	color: #FFF !important;
	background: none;
	border: none;
	text-decoration: none;
	}

.navItems {
	font-size: 70%;
	color: #FFF !important;
	text-decoration: none;
	background: #505050;
	padding: 1px 5px;
	font-family: arial, helvetica, sans-serif;
	}

.navSelected {
	color: #CFC !important;
	background: #2E4374;
	text-decoration: none !important;
	}

.navHover {
	color: #FFF !important;
	background: #2E4374;
	text-decoration: none !important;
	}

.navItemsGroup {

	}
	
	/* Sub Menu
--------------------------------------- */	

.subNav {
	margin: 0;
	padding: 0;
	}

.subNav ul {
	margin-left: .5em;
	padding-left: .5em;
	margin-top: .5em
	}

.subNav li {
	display: block;
	margin-bottom: .5em;
	list-style: none;
	}

.subNav a, .subNav a:link, .subNav a:visited {
	color: #505050;
	font-weight: bold;
	}

.subNav ul a, .subNav ul a:link, .subNav ul a:visited {
	font-weight: normal;
	}


/* Headers
--------------------------------------- */

h1, h2, h3, h4 {
	font-family: arial, helvetica, sans-serif;
	line-height: 1.2em;
	margin: 1em auto .5em auto;
	color: #505050;
	}

h1 {
	font-size: 220%;
	}

h2 {
	font-size: 180%;
	}

h3 {
	font-size: 140%;
	}
	
h4 {
	font-size: 110%;
	}

.listBox h1, .listBox h2, .listBox h3, .thought h2, .thought h3, .ThreeCols h1, .ThreeCols h2, .ThreeCols h3 {
	background: url(images/header_yellow.gif) repeat-x left bottom;
	padding-bottom: 4px;
	font-size: 125%;
	}

.thought h2, .thought h3 {
	font-size: 150%;
	}
	
#subCol h1, #subCol h2, #subCol h3 {
	background: url(images/header_yellow.gif) repeat-x left bottom;
	padding-bottom: .5em;
	}

.inside #mainCol h1, .oneCol #mainCol h1 {
	color: #2E4374;
	border-bottom: 1px solid;
	margin-bottom: 5px;
	}

/* Content
------------------------------------- */

#feature {
	color: #003C6B;
	font-size: 70%;
	line-height: 1.3em;
	margin: 0;
	padding: 5px 15px 20px 180px;
	background: url(images/feature.jpg) repeat-y left top;
	}
	
#prodSearch {
	background: #2E4374;
	color: #FFF;
	height: 39px;
	padding: 0 10px;
	}

#prodSearch p {
	margin: 0;
	padding: 0;
	}

#prodSearch label, #prodSearch input, #prodSearch select {
	float: left;
	font-size: 65%;
	margin: 8px 4px 8px 0;
	}

#prodSearch #counter {
	float: left;
	margin-top: 3px;
	}

#prodSearch label {
	font-weight: bold;
	}

#commercial {
	width: 379px;
	height: 115px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	font-size: 70%;
	line-height: 1.3em;
	}

.listBox {
	font-size: 70%;
	line-height: 1.3em;
	width: 157px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0 15px; 
	}

#extraCol .listBox {
	float: none;
	font-size: 100%;
	display: block;
	width: auto;
	}
	
.listBox ul {
	margin: 0;
	padding: 0;
	}

.listBox li {
	list-style: none;
	margin: 0 0 .5em 0;
	padding: 0;
	}

.listBox .more {
	font-size: 65%;
	float: right;
	margin-top: -1.5em;	
	}

.content {
	padding: 1px 12px;
	margin: 0;
	}

.blue {
	background: #BACADA;
	}

.grey {
	background: #CFCFCF;
	}

.thought {
	font-size: 90%;
	line-height: 1.2em;
	}

.thought li img {
	border: none;
	float: left;
	margin-right: .5em;
	margin-left: -40px;
	}

.thought ul {
	margin: 0;
	padding: 0;
	}	

.thought li {
	margin: 0 0 .5em 0;
	list-style: none;
	padding: 0 0 0 40px;
	}

.thought .more {
	background: url(images/thought_more.gif) no-repeat left 2px;
	padding: 0 0 0 18px;
	}
	
.arrowNav {
	margin: 0;
	padding: 0;
	}

.arrowNav li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	}

.arrowNav a, .arrowNav a:link, .arrowNav a:visited {
color: #505050;
text-align: left;
margin: 10px 0;
line-height: 1em;
background: url(images/bullets.gif) no-repeat left top;
padding: 0 0 3px 45px;
display: block;
}

.stacked .arrowNav a, .stacked .arrowNav a:link, .stacked.arrowNav a:visited {
background-image: url(images/bullets_white.gif);
}

.arrowNav a:hover, .arrowNav a:active {
	color: #2E4374;
	text-decoration: none;
	background-position: left -50px;
	}

#extraCol .products select {
	font-size: 90%;
	margin: .5em 0 0 0;
	}

#extraCol label {
	font-weight: bold;
	color: #505050;
	display: block;
	}

#extraCol input {
	margin: .5em 0 0 0;
	}

.inside #mainCol p.more, .oneCol #mainCol p.more {
	text-align: right;
	font-size: 90%;
	margin: 0;
	padding: 0;
	line-height: 1em;
	}

.inside #mainCol p.more img {
	border: none;
	}

.ThreeCols {	
	width: 220px; padding: 10px; float: left; display: inline;
	}

div.documents {
	background: #E7E7E7 url(images/documents_tile.gif) repeat-x left bottom;
	border-top: 1px solid #CFCFCF;
	padding: 1em 1em;
	}

div.documents p {
	display: inline;
	margin-right: 1em;
	}

.documents nobr img {
	margin: 1px;
	}