@charset "utf-8";
/* CSS Document */

/*
	New Site - CSS
	Updated: 05.10.05
*/

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

/* properties - un-defined */
	a:link, a:visited, a:active {
	color: #333;
	text-decoration: underline;
}
	a:hover {
		color: #CC6600;
		text-decoration: none;}
	p {
	margin:0;
	padding:0;
	padding-bottom:10px;
}
	
	
	div {
		margin:0;
		padding:0;
		height:auto;
		width:auto;
		/*text-align:left;
		border:1px dashed #333;*/
		border:0;}
	form, input {
		margin:0;
		padding:0;}
	/*ol, ul, li {
		border:0;
		margin:0;
		padding:0;
		list-style:none;}*/
/*	table { width:auto;}
		table th { 
			text-align:left;}
		table td {
			padding:0;
			padding-right:5px;
			vertical-align:middle;}*/
	
/* /properties - un-defined */

.NoUnderline { text-decoration: none;}
.clearboth { clear:both;}
.Indent {margin:0 0 0 15px;}
.imgPadding5 {padding: 5px;}
.strong14color333333 { text-decoration: none; font-size: 14px; font-weight: bold; color: #333333;}
.strong14color999999 {	text-decoration: none; font-size: 12px;	color: #999999;	font-weight: normal;}
.strong14color333333 a, .strong14color333333 a:link, .strong14color333333 a:active, .strong14color333333 a:visited, .strong14color333333 a:hover { text-decoration: none;}
.strong14color999999 a, .strong14color999999 a:link, .strong14color999999 a:active, .strong14color999999 a:visited, .strong14color999999 a:hover {text-decoration: none;}
/* Container ID styles for layout - (items used ONLY once per page)
------------------------------------------------*/
#Container {
	margin:0 auto;
	width:800px;
	text-align:left;}

div#Header {
	height:200px;
}

#Utility {
	border:1px dashed #ccc;
	padding:5px;
	/*	position:absolute;*/
	top:0;
	float: right;
}
	
#Logo {
padding: 5px;
	float:left;
	border:1px dashed #ccc;
}
#Logo h5{ display:none;}

#GlobalNav {
	width:100%;
	float:right;
	margin:10px 0 10px 0;

}
	
#SubNav {
	float:right;
	width:150px;
	margin:0 25px 0 0;
	border-right:1px dashed #333;
}

#Footer {
	float:right;
	width:800px;
	clear: both;
	background-image: url(/images/common/footer-back.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 50px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 15px;
}

#w3c {
	float:right;
}

#Crumbtrail {
	margin:0 7px 0 7px;
	width:750px;
	float:left;
	color:#777;
	font-size:10px;
}
	#Crumbtrail a:link, 
	#Crumbtrail a:visited{
		color:#777;
		text-decoration:underline;}
		#Crumbtrail a:hover{
			color:#CC6600;
			text-decoration:underline;}

	body#SiteMap #PageID {
		padding:0 0 0 15px;
		width:100%;}
		html>body#SiteMap #PageID { width:98%;} /*-- hidden from IE/Win --- */
	

	body#SiteMap #MainContent {
		width:100%;}
		html>body#SiteMap #MainContent { width:98%;} /*-- hidden from IE/Win --- */

	
/* /Container ID styles for layout - (items used ONLY once per page) ------------------------------------------------*/

/* Container CLASS styles for layout - (items that can be used more than once per page) 
------------------------------------------------*/
div.Highlight_Primary {
	float:right;
	padding:15px;
	text-align:left;
	clear: right;
	margin: 0;
}
	
div.Highlight_Secondary {
	float:left;
	margin:5px 0 5px 0;}

.Highlight_ul {
	float:right;
	padding:5px 0 5px 0px;
	text-align:left;
	margin:0px;
	width: 250px;
}
.Highlight_ul_Bullet {
	float:right;
	padding:px;
	text-align:left;
	margin:0px;
	width: 250px;
}
.Highlight_ul_Bullet ul{
	list-style-type: disc;
	display:inline;
}
.highlight_top_right {
	float:right;
	padding:0px;
	clear: right;
	margin: 0;
	display: inline;
}
/*apply to DIV around the UL not the actual UL*/

.NO_Bullets_NO_Indent ul {
	padding:0px;
	text-align:left;
	margin:0px;
	list-style-type: none;
}

/*SERVICES HIGHLIGHTS*/

.mainContent_100 {width: 100%;}

.mainContent_left_50 {
	width: 50%;
	display: inline;
	float: left;
}
.mainContent_left_50 img {
	padding: 5px;
	margin: 0px;
	vertical-align: top;
	float: left;
}
.mainContent_right_50 {
	width: 50%;
	float: right;
	display: inline;
}
.mainContent_right_50 img {
	margin: 0px;
	float: left;
	vertical-align: top;
	padding: 5px;
}
#textLeftBullet {
	text-align: left;
	width: 250px;
	margin: 0px;
	padding: 8px;
}
#textLeftBullet ul {
	display: inline;
	list-style-type: disc;
	list-style-position: inside;
}

#sidenavBoxes {
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
#sidenavBoxes ul {
	display: inline;
	list-style-type: none;
	list-style-position: inside;
	margin: 0px;
	padding: 0;
}
#sidenavBoxes li {
	margin: 0px;
	padding: 0 0 0 10px;
}
#sidenavBoxes h3 {
	color: #CC6600;
	font-size: 20px;
	margin: 0px;
	padding: 0 0 0 10px;
}
/* /Container CLASS styles for layout - (items that can be used more than once per page) ------------------------------------------------*/



/* Homepage specific properties 
------------------------------------------------*/
#HomePhoto { border:1px dashed #333;}
	#HomePhoto h1 { display:none;}  /*-- This hides the text, but allows for an h1 tag to contain keywords on the homepage --- */

#HomeContent {
	text-align:left;
	float:left;
	padding-left:15px;
	padding-right:20px;}

	#HomeContent h2 { 
		padding:15px 0 5px 0;}
		
/* /Homepage specific properties ------------------------------------------------*/


/* GlobalNav properties
------------------------------------------------*/	
	#GlobalNav ul { width:100%;
		list-style: none;
		margin:0; padding:0;}
	
	#GlobalNav li {
	width:128px;
	float:left;
	height: 30px;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 3px;
}
		
		#GlobalNav li a:link,
		#GlobalNav li a:visited, 
		#GlobalNav li a:active {
		color: #ffffff;
	text-decoration:none;
	float: left;
	display: block;
	width:118px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-image: url(/images/common/tab.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	text-align: center;
	font-size: 1.5em;
}
			
			#GlobalNav li a:hover {
	color:#fff;
	background-image: url(/images/common/tabActive.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

	/*-- sticky global nav --*/
	body#SectionOne #GlobalNav a#About { 
		color:#fff;
		background-color:#CC6600;
		border:1px solid #CC6600;}

/*	 Pop-up window properties 
	------------------------------------------------
	body#PopUp { background:transparent;}
	body#PopUp #Container { margin:0 auto; text-align:center;}
	body#PopUp #PageID {
		width:97%;
		margin:0 auto 5px auto;
		padding:14px 0 5px 0;
		float:none;
		text-align:left;}

	body#PopUp #MainContent {
		float:none;
		width: 97%;
		margin:0 auto;
		text-align:center;}
		body#PopUp #MainContent p{ margin:0 auto; padding:0;}
	
	body#PopUp table#DetailThumbImage {
		height:400px;
		width:97%;
		padding:0;
		text-align:center;}
		body#PopUp table#DetailThumbImage #Placement{
			text-align:center;
			padding:0;
			vertical-align:middle;}
	
	body#PopUp #Footer {
		width:97%;
		margin:0 auto;
		text-align:left;
		float:none;}
		
	body#PopUp .Products-DetailThumbLinkPDF { float:none;}
		
	#PopUpUtilityLinks {
		position:absolute;
		top:10px;
		right:15px;
		width:240px;}
	
	#PrintPage {
		margin:0 0 0 15px;
		text-align:left;
		float:right;}
		#PrintPage a:link,
		#PrintPage a:visited{
			font-size:12px;
			padding:4px 4px 4px 18px;
			background:transparent url(/Images/Common/Icon_PrintPage.gif) no-repeat center left;}
			
	#CloseWindow {
		margin:0 0 0 15px;
		text-align:left;
		float:right;}
		#CloseWindow a:link,
		#CloseWindow a:visited{
			font-size:12px;
			padding:4px 4px 4px 18px;
			background:transparent url(/Images/Common/Icon_CloseWindow.gif) no-repeat center left;}
	
/Pop-up window properties ------------------------------------------------*/

/* Press Releases properties 
------------------------------------------------*/

/* Site Map properties 
------------------------------------------------*/
#SiteMapLinks {
	margin:0 0 0 15px;
	width:700px;}

#SiteMapLinks h4{
	display:block;
	margin:0 0 5px 10px;}
	
#SiteMapLinks ul {
	margin:0 0 5px 0;
	width: 100%;}
/* /Site Map properties ------------------------------------------------*/


/* Form Element properties 
------------------------------------------------*/
select.DropDown,
input.TextField {
	background-color: #FFF;
	color: #333;
	width: auto;
	border:1px solid #999;
	text-decoration: none;
	font-size:100%;
	padding:2px;}
input.SubmitButton {
	background-color: #fff;
	color: #333;
	font-weight: normal;
	text-decoration: none;
	font-size:100%;
	padding:1px;
	border:1px solid #999;}
/* /Form Element properties ------------------------------------------------*/
#compare {
	display: inline;
	list-style-type: none;
}
#compare div#silver, #compare div#gold, #compare div#platinum {
	width: 190px;
	margin: 0px;
	padding: 0px;
}
#compare div#silver ul, #compare div#gold ul, #compare div#platinum ul {
	width:190px;
	text-indent: 0px;
	display: inline;
	list-style-position: inside;
}
#noBullet {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
#noBullet li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 350px;
}
#brightLink a, #brightLink a:link, #brightLink a:active, #brightLink a:hover, #brightLink a:visited {
	color: #00acef;
}
#brightLinkIndent a, #brightLinkIndent a:link, #brightLinkIndent a:active, #brightLinkIndent a:hover, #brightLinkIndent a:visited {
	color: #00acef;
	padding-left: 20px;
}
.completeRow {
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style-type: none;
}
.completeRow img {
	margin: 0px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#hordeImg {
	margin: 0px;
	padding: 15px;
}
.mainContent_centerLeft {
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 405px;
}
.mainContent_center {
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 405px;
}
.mainContent_center img, .mainContent_centerLeft img {
	padding:7px 0 0 0px;
	margin: 2px 10px 2px 10px;
	vertical-align: top;
	float: left;
	display: block;
}
 .mainContentCenterWrapperWide {	padding: 5px 1px 0px 1px;
	margin: 0px;
	height: 120px;
	float: left;
	vertical-align: top;
	display:block;} 
	
.mainContentCenterWrapper{
	padding: 10px 1px 0px 1px;
	margin: 0px;
	height: 145px;
	float: left;
	vertical-align: top;
	display:block;
}
.mainContentCenterWrapper2 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: 150px;
	width: 815px;
	display: block;
}
.mainContentCenterWrapper3 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: 120px;
	width: 815px;
	display: block;
}
.mainContent_centerRight {	margin: 0px;
	padding:20px 0 0 0;
	height: 100px;
	width: 375px;
	float: right;}
.mainContent_centerLeft h3 {
	padding: 0px 5px 0px 10px;
	font-size: 18px;
	color: #666666;
	margin: 0px;
	height: 20px;
}
.mainContent_center h3 {
	padding: 10px 5px 0px 10px;
	font-size: 18px;
	color: #666666;
	margin: 0px;
	height: 35px;
}
.mainContent_center ul {height: 100px; padding:5px 0 0 0 ; margin:0; list-style-type: none;}
.mainContent_centerRight ul,  .mainContent_centerLeft  ul  {height: 75px; padding:5px 0 0 0 ; margin:0; list-style-type: none;}
.mainContentCenterWrapper {
	background: url(/images/common/maincontentcenter_back_400h.gif) no-repeat left top;
	height: 145px;
}
.mainContentCenterWrapperWide {
	background: url(/images/common/maincontentcenter_back_810h.gif) no-repeat left top;
	height: 120px;
}
.left-side-square-text-only {
	background-image: url(/images/common/left-side-square-back.jpg);
	margin: 0px;
	padding: 5px 5px 10px 5px;
	height: 66px;
	width: 190px;
	background-repeat: no-repeat;
	background-position: left top;
}
.left-side-square {
	background-image: url(/images/common/left-side-square-back.jpg);
	margin: 0px;
	padding: 0 0 5px 0;
	height: 76px;
	width: 200px;
	background-repeat: no-repeat;
	background-position: left top;
}
.left-side-square img {
	margin: 0px;
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#video-tutorials h2 a, #video-tutorials h2 a:link, #video-tutorials h2 a:active, #video-tutorials h2 a:hover, #video-tutorials h2 a:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
}
#flashServers {
	margin: -28px 0px 0px;
	padding: 0px;
	height: 210px;
	width: 580px;
	z-index: 10;
	position: relative;
}

#TipLayer {
	visibility: hidden;
	position:absolute;
	z-index:990;
	top:-100;
}
.blue {
	color: #00acef
}
.formShowHideHardDisk {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.computerRequestForm {
	margin: 0px;
	padding: 0px;
}
.computerRequestForm tr {
	margin: 0px;
	padding: 5px 0px;
}
.computerRequestForm tr td {
	margin: 0px;
	vertical-align: top;
}