/* Maclean CSS */

/* HTML classes */

body {
margin:0 0 0 0;
padding:48px 0 20px 0;
background:url(/i/bg-big2.jpg) no-repeat center top #fff;
color:#222;
font-family:arial,verdana,helvetica,sans-serif;
font-size:12px;
line-height:1.3em;
text-align:center;
min-width:815px;
}

a {
color:#003c78;
text-decoration:none;
}

a:hover {
color:#0033FF;
}

a img {
border:0;
}

h1 {
margin:0 0 0 -2px;
padding:0;
position:relative;
z-index:100;
}

h2 {
margin:0 0 10px 0;
padding:0;
font-size:24px;
font-weight:normal;
color:#003782;
}

h2.action {
color:#e36410;
}

h3 {
color:#326cb5;
font-size:13px;
}

h4 {
color:#1d649f;
margin:0;
font-size:14px;
}

h3, h4, h5, h6 {
margin-top:0;
}

h5 {
font-size:13px;
margin:0;
color:#94979a;
text-transform:uppercase;
}

h6 {
color:#e36410;
background:url(/i/misc-orangeblob.gif) no-repeat 0 0 transparent;
padding:0 0 0 16px;
margin:0 0 5px 0;
font-size:14px;
}

p {
margin-top:0;
}

form {
padding:0;
margin:0;
}

input {
font-family:arial,verdana,helvetica,sans-serif;
font-size:12px;
}

input.text {
padding:2px;
}


/* Layout classes */


.container {
margin:0 auto;
padding:0;
width:815px;
background:transparent;
border:solid #fff;
border-width:1px 0 0 0;
text-align:left;
z-index:1;
position:relative;
}

.intro {
border-top:1px solid #b5b9bd;
width:815px;
margin:47px 0 0 0;
padding:0 0 30px 0;
position:relative;
min-height:300px;
}

.introcontent {
margin:30px 8px 0 205px;
position:relative;
z-index:100;
width:378px;
}
.introcontent_span {
margin:30px 8px 0 205px;
position:relative;
z-index:100;
width:578px;
}

.home .introcontent {
margin:25px 8px 0 400px;
width:400px;
}

.introcolumn {
margin:30px 8px 0 0;
position:absolute;
z-index:100;
width:200px;
right:0;
top:0;
}

.introcontent h3 {
margin:0 0 20px 0;
}

.home .introcontent h2, .home .introcontent h3 {
margin-left:12px;
}

.figure {
position:absolute;
z-index:1;
top:-58px;
left:185px;
}


.cc {
background:url(/i/bg-homeboxbottom.png) no-repeat left bottom transparent;
margin:0 0 2px 0;
padding:0;
position:relative;
}

.cc h4 {
margin:0;
padding:8px 12px 0 12px;
background:url(/i/bg-homeboxtop.gif) no-repeat left top transparent;    
}

.cc p {
padding:0 12px 12px 12px;
font-size:11px;
margin:0;
}

.cc_other{
background:url(/i/bg-homeboxbottom.png) no-repeat left bottom transparent;
margin:0 0 2px 0;
padding:0;
position:relative;
}
.cc_header {
background:url(/i/bg-homeboxtop.gif) no-repeat left top transparent;    
width:400px;
text-align:right;
float:right;

}

.cc_other h4 {
margin:0;
padding:4px 12px 0 12px;
}

.cc_other p {
padding:0 12px 4px 12px;
font-size:11px;
margin:0;
}

.introforms {
position:absolute;
bottom:0;
left:0;
}

div.subscribe, div.search {
width:185px;
margin:0 0 5px 0;
padding:0;
border-top:1px solid #b5b9bd;
background:url(/i/bg-boxbottom.gif) no-repeat left bottom transparent;
overflow:hidden;
}

h5.form {
margin:0 0 4px 10px;    
}

div.subscribe form, div.search form {
margin:0;
padding:5px 10px 15px 10px;
overflow:hidden;
font-size:11px;
}

.text {
background:#d7e8f5;
border:1px solid #b5b9bd;
margin:0px 0 5px 0;
font-size:11px;
}

.subscribe .text {
width:160px;
}

.subscribe .button {
position:relative;
margin-right:-3px;
}

.search .text {
width:130px;
}

.search .button {
position:relative;
margin:2px -4px 0 0;
float:right;
}

.base {
width:100%;
background:url(/i/bg-base2.png) no-repeat center top transparent;
text-align:center;
position:relative;
z-index:200;
margin:-24px 0 0 0;
padding:0;
overflow:hidden;
}

.home .base {
background:url(/i/bg-base.png) no-repeat center top transparent;
}

.basecontainer {
margin:0 auto;
padding:28px 0 0 0;
width:815px;
background:transparent;
text-align:left;
position:relative;
z-index:200;
}

.item {
float:left;
margin:0 5px 15px 10px;
background:0;
font-size:11px;
width:185px;
}

.bigitem {
float:left;
margin:0 15px 15px 10px;
background:0;
font-size:12px;
width:575px;
}

/* A couple of tweaks to the above class, specifically for Safari */
html[xmlns*=""] body:last-child .bigitem  { margin:0 15px 15px 11px; }
@media all and (min-width:0px) { body:last-child .bigitem  { margin:0 15px 15px 11px; } }

.relateditem {
float:left;
margin:0 0 20px 0;
background:0;
font-size:11px;
width:201px;
border-bottom:1px solid #b5b9bd;
}

.column {
padding:0 10px 5px 10px;
background:url(/i/bg-column.gif) repeat-y left top transparent;
}

.column h6 {
background:transparent;
padding:0;
}

.footer {
clear:both;
font-size:11px;
margin:0 auto 0 auto;
padding:0;
width:815px;
background:transparent;
text-align:left;
position:relative;
z-index:200;
border-top:1px solid #b5b9bd;
}

.footer p {
padding:8px 10px;
}



/* Navigation classes */


#menu {
width:185px;
float:left;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
font-size:12px;
margin:0 0 0 0;
z-index:1000000;
}

#menu ul .current a {
border:1px solid #b5b9bd;
background:#fff;
color:#e36410;
}

#menu a {
display:block;
padding:3px 10px;
border:1px solid transparent;
margin:-1px 0 0 0;
}

#menu li {
position:relative;
margin:0;
padding:0;
display:block;
}

#menu li:hover {
background:#fff;
}

#menu ul ul {
position:absolute;
top:1px;
left:184px;
width:100%;
font-size:12px;
}

div#menu ul ul,
div#menu ul li:hover ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display:block;}



#menu ul ul {
background:url(/i/bg-subnav.png) repeat 0 0 transparent;
margin:0;
padding:0;
} 

#menu ul li:hover a {
color:#003c78;
background:transparent;
border:1px solid #b5b9bd;
}


#menu ul ul a {
color:#003c78;
text-decoration:none;
background:transparent;
display:block;
}

#menu ul li a:hover, #menu ul li a:hover, #menu ul ul li a:hover {
color:#e36410;
background:#fff;
border:1px solid #b5b9bd;
}

#menu ul ul li a {
display:block;
padding:3px 10px;
}


/* Misc. classes */

.actionlist {
margin:0 0 15px 0;
padding:0;
}

.actionlist li {
margin:0;
padding:0;
list-style-type:none;
}

.actionlist a {
display:block;
padding:1px 0 0px 20px;
}

.actionlist a.call {
background:url(/i/icon-phone.gif) no-repeat 0 0 transparent;
padding-bottom:7px;
}

.actionlist a.sales, .actionlist a.support {
background:url(/i/icon-sales.gif) no-repeat 0 0 transparent;
}

.actionlist a.whitepaper {
background:url(/i/icon-download.gif) no-repeat 0 0 transparent;
padding-bottom:7px;

}
.contact_detail{
	color:#003c78;
	padding-left:20px;

}
.content-table {

}


.content-table td {
border-bottom:1px solid #e1e5ed;
border-right:2px solid #fff;
background:#ebf1fb;
padding:0 0 7px 0;
}

.content-table h3 {
margin:0 0 7px 0;
background:#fff;
padding:5px 10px 6px 0;
border-bottom:1px solid #e1e5ed;
}

.content-table a {
margin:0 0 0 0;
padding:5px 10px;
}


.image_border {
	float: left;
	margin: 0px 15px 15px 0px;
	border: 1px solid #d3d3d3;
	padding: 6px;
}

blockquote	{
	font: italic small Georgia, "Times New Roman", Times, serif;
	line-height: 1.6em;
	text-align: left;
	background-image: url(../upimg/quotes2.gif);
	background-repeat: no-repeat;
	font-size:12px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 35px;
	margin-top: 20px;
	margin-left:5px;
}

/*blockquote.quote-text-2 {
	font: italic small Georgia, "Times New Roman", Times, serif;
	line-height: 1.6em;
	text-align: left;
	background-image: url(../images/quotes2.gif);
	background-repeat: no-repeat;
	font-size:18px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
	margin-top: 20px;
}*/

#awardsflash {
width:192px;
height:118px;
position:absolute;
top:199px;
left:13px;}
