/*----------------------------------------------------------------------------- 
=general 
-----------------------------------------------------------------------------*/
html { height: 100%; margin-bottom: 1px; } /* Forces a horizontal scrollbar to always appear so the sliders don't appear to shift horizontally by necessitating a new scrollbar */

body { margin: 0;	padding: 0;	font: 75%/1.6em Tahoma, Helvetica, Arial, sans-serif; 
		 color: #000; background: #fff; text-align: center; height: 100%;}
p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 1.0em; font-weight: normal; margin: 0; padding: 0; }
p,ul,dl,blockquote,pre { margin: 1.0em 0; }
img { border: none; }

h1 { font-size: 1.8em; }
h2 { line-height: 1.5em; margin-bottom: 3px; font-size: 1.4em; color: #0E5288; }
h3 { color: #4B7EA6;	font-size: 1.2em; margin: 0; padding-top: 1.5em; }

p { margin: 0 0 10px 0; padding: 0; }

ul { list-style: disc; padding: 0 0 0 20px; }
#main ul, #supp ul { list-style: none; padding-left: 8px; }
#main ul li, #supp ul li { padding-left: 12px; margin-bottom: 5px; background: url(images/bullet.html) no-repeat 0 .75em; }

#main .call-to-action, #supp .call-to-action { border: 1px solid #ddd; }
.feature-copy { color: #666; }

.bottom-dashed { margin-bottom: 7px; padding-bottom: 1px; border-bottom: 1px dashed #ddd; }
.bottom-solid { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #ddd; }
.top-dashed { margin-top: 2px; padding-top: 6px; border-top: 1px dashed #ddd; }
.left-dashed { margin-top: 2px; padding-top: 6px; border-left: 1px dashed #ddd; }
.photo-credit { font-size: .9em; margin-top: 50px; }
.no-border { border-bottom: 0;}
/*----------------------------------------------------------------------------- 
=a
-----------------------------------------------------------------------------*/
a { color: #0E5288; text-decoration: underline; }
a:visited { color: #666; }
a:hover { color: #4B7EA6; }

/*----------------------------------------------------------------------------- 
=layout (general)
-----------------------------------------------------------------------------*/
#main, #supp, #marketing { float: none; width: 759px; margin: 0 auto; text-align: left; position: relative; }

.feature1, .feature2, .feature3 { float: left; width: 242px; margin-left: 15px; }
.feature1 { margin: 0; }


.primary { width: 495px; float: left; margin-right: 10px; margin-top: -3px; }
/* .primary { width: 496px; float: left; margin-right: 10px; margin-top: -3px; margin-left:10px; } */

.secondary { margin-left: 10px; float: left; width: 242px; }
.products #main .secondary { width: 235px; } /* so it doesn't float down on ie */
#content { position: relative; padding-bottom: 39px; clear: left; } 

#main { margin: 20px auto; }

.t2cwl, .t2csl { background: url(images/2cwl.html) repeat-y 1px 0; }

.t2cwr { background: url(images/2cwr.html) repeat-y 1px 0; }
.t2cwr .secondary { margin-left: 0; }

/* .t2cwr .primary { margin-left: 25px; width: 491px; margin-right: 0; } */

.t2cwr .primary { margin-left: 15px; width: 491px; margin-right: 0; }
.secondary h3 {padding-top: .5em; }
	
.header-wrapper { position: relative; width: 759px; margin: 0 auto; text-align: left; }

#header, #marketing, #footer, #nav-section-wrapper { clear: both; width: 759px; position: relative; margin: 0 auto; } 
 	
#logo {float: left; width: 700px; border:0px ; text-align:left; }
#main .feature1, #main .feature2 { width: 240px;}


/*----------------------------------------------------------------------------- 
=marketing 
-----------------------------------------------------------------------------*/
#marketing-wrapper-bottom { 
	background-image: none;
	}
	
#marketing-wrapper {
	background: #4b7ea6 url(images/header-background.gif) top left repeat-x;
	}
	
#marketing {
	text-align: left;
	color: #e7eef4;
	position: relative;
	}

#marketing img { 
	border: 0;
	float: left;
	}
	
#marketing h1 { position: absolute; top: 0; left: 0; font-family: Helvetica, Arial, sans-serif; width: 486px; clear: none; margin: 8px 0 0 10px; padding: 1px 0; color: #fff; letter-spacing: -.1px;  }
#marketing h3 { color: #c3d4e1; font-size: 1em; }

* html #marketing h1 { margin-top: 6px; }
#marketing a, #marketing a:visited { color: #fff; }
#marketing-copy { position: absolute; right: 3px; top: 50px; font-size: 1.2em; line-height: 1.8em; width: 263px; margin-left: 3px; }
/*#marketing-copy p { padding-left: 10px; }*/
#marketing-copy p em { font-weight: bold; font-style: normal; }

#marketing #no-picture h1 { margin-left: 0; }
#marketing #no-picture #marketing-copy  { padding: 0; position: static; font-size: 1em; margin: 0; width: 490px; clear: both; } /* 759 -> 490 for specific product pages */
#marketing #no-picture #marketing-copy p { clear: both; vertical-align: middle; }

#marketing-copy blockquote p { font-size: 1.05em; line-height: 23px; color: #fff; border: 0; padding: 0; margin: 0; }

/*====== these are just sort of standard styles for this thing =======*/
#marketing-copy blockquote.pull p { text-indent:  -.5em; }
#marketing-copy blockquote p strong { font-weight: normal; color: #000; }
#marketing-copy blockquote p:first-line { line-height: 1.4em; }
#marketing-copy blockquote cite { color: #eee; border: 0; padding-left: 0; }

#alt-verticals { background: #4b7ea6 url(images/header-background.gif) top left repeat-x; border: none; float: 
right; width: 243px; padding: 10px 0; margin-bottom: 10px; color: #c3d4e1; }
#alt-verticals p {float: left; margin: 0; padding: 0; font-size: .95em; }
#alt-verticals select { width: auto; color: #000; font-size: 1em; padding: 1px; float: left; }

.callToAction {font-size:150%;}
.highlightText {font-size:120%; font-weight:bold; color:#1A3852;}

/*----------------------------------------------------------------------------- 
=footer
-----------------------------------------------------------------------------*/
 /* #container { position: relative;  min-height: 100%; background: url(images/utility-bg2.gif) repeat-x 15% 0; } */
/* #container { position: relative;  min-height: 100%; background: url(images/top-right-bg.gif) right no-repeat 52% 0; } */

* html #container { height: 100%; } /* footerStickAlt */
#footer-wrapper { position: relative; margin-top: -39px; } /* footerStickAlt */

#footer { border-top: 1px solid #ddd;  text-align: left; width: 100%; background: #eee;  height: 20px; float: none; font-size: .9em; clear: both; padding: 12px 0 7px 0; }

#footer ul { list-style: none; padding: 0; margin: 0 auto; width: 759px; }
#footer ul li { display: block; float: left; padding: 0 10px 0 0; }
#footer ul li.telephone { float: right; padding: 0; }


/*----------------------------------------------------------------------------- 
=nav-main 
-----------------------------------------------------------------------------*/
/* #nav-main { width:100%; height:28px; position: absolute; top: 68px; right: 0; float: left; margin: 0; padding: 0; list-style: none;
	background: url(images/bg1.gif) no-repeat 100%; line-height:28px;
	}

#nav-main a { float: right; padding: 0 8px 0px 8px; text-decoration: none; color: #0E5288; background-color:#0E5288; font-weight:bold; padding-bottom:0px; background: url(/images/nav-main-border.gif) repeat-y 100% 100%; } 
*/
 #nav-main { width:100%; height:28px; position: absolute; top: 68px; right: 0; float: left; margin: 0; padding: 0; list-style: none; line-height:28px;
	}
	
#nav-main a { float: right; padding: 0 8px 0px 8px; text-decoration: none; color: #0E5288; background-color:#0E5288; font-weight:bold; padding-bottom:0px; background: url(images/nav-main-border.gif) repeat-y 100% 100%; } 
#nav-main a:hover { background-color:#0E5288; color:#FFFFFF; padding-bottom: 0; height:28px; text-decoration: none; }
#nav-main li.last a { background-image: none; }


/*----------------------------------------------------------------------------- 
=forms
-----------------------------------------------------------------------------*/
 input, select, textarea { font-size: 10px; padding: 1px; }
form>input, form>select, form>textarea { border: 1px solid #bbb; }
form p input.radio-pair { border: none; width: 20px; margin-left: 1.5em; }
/* textarea { width: 500px; height: 50px; clear: both; } */
*/
textarea.controlcode { width: 740px; height: 560px; clear: both; }
textarea.short { width: 200px; height: 50px; float: left; clear: none; }

.evaluation form input {
	width: 270px;
}

/* input.submit { padding: 0 1px;  width: auto; border: 1px outset #bbb; } */
input.submit, .evaluation form input.submit { padding: 0 1em;  width: auto; }
form>.submit { border: 1px outset #bbb; }



/*----------------------------------------------------------------------------- 
=clearfix
-----------------------------------------------------------------------------*/
/* For standards-compliant browsers */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* This line for IE-mac (will also be read by standards compliant browsers, thus the need to redefine to display: block below) */
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */
/* Bstutz: we might need this again later. * html .clearfix { height: 1%; }*/


/*----------------------------------------------------------------------------- 
=blockquotes
-----------------------------------------------------------------------------*/
blockquote { margin: 0 0 10px 10px; padding: 0; }

.pull { background-image: none; margin: 0 0 10px 0; padding: 0 0 0 25px; }

blockquote p {  border-left: 1px solid #ddd; font-size: 1.5em; line-height: 1.6em; font-family: Georgia, Times, "Times New Roman"; color: #87a9c4; padding: 0 0 0 9px; margin: 0; }


blockquote p:first-line { line-height: 1em;}

blockquote cite { display: block; padding: 10px 0 0 9px; border-left: 1px solid #ddd;  font-size: 1em; color: #999; font-size: .9em; line-height: 1.2em; font-style:italic; }

#topBanner {

	font-size:90%; line-height:12px;
 	/* letter-spacing: -.225mm;  */

}

#topBanner a{

	color:#0066CC;

	font-weight:bold;

	text-decoration:underline;

}

.controlpageActive {font-size:14px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;text-align:center; background-color:#FFCC33; padding:2px;line-height:22px;}
.controlpageActive2 {font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-align:center; background-color:#F6F6F6; padding:2px;line-height:22px;}

.controlpagePaused {font-size:14px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;text-decoration:line-through; text-align:center; background-color:#dfdfdf; padding:2px;line-height:22px;color:#ffffff;}
.controlpagePaused2 {font-size:14px;font-family:Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:line-through; text-align:center; background-color:#ffffff; padding:2px;line-height:22px;color:#000000;}