/*

[Table Of Contents] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');

/* IMPORT PAGE BG IMAGES*/
@import url('pgBGs.css');


/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	vertical-align: top;
	background: #CCCCCC;
	color: #666666;
}
.navID {
	margin:0px auto;
	width:950px;
}
.right {
	float: right;
}
.left {
	float: left;
}
img.left {
	float:left;
	margin-right:20px;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
sup {
	vertical-align:top;
	font-size:75%;
}
.arialblack {
	font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.arialblacknohover {
	font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
	color: #666666;
}
.arialblacknohover a:link {
	font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
	color: #666666;
}
.arialblacknohover a:visited {
	font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
	color: #666666;
}
.arialblacknohover a:hover {
	font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
	color: #666666;
}
.arialblacknohover a:active {
	font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
	color: #666666;
}
.bullet-text {
	font-size: 12px;
	line-height:16px;
	margin-bottom:10px;
}
.POS {
	color: #E6EB03;
}
#maincontent ul {
	list-style-type:disc;
	margin-left:20px;
}
/* SPAN CLASSES TO CHANGE TEXT COLOR TO PRODUCT COLOR */
.netvaultbackup {
	color:#9AB656;
}
.netvaultFASTRecover {
	color:#3399cc;
}
.netvaultArchive {
	color:#F45820;
}
.netvaultSmartDisk {
	color:#662c90;
}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a, a:link, a:visited {
	color: #666666;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	color: #E6EB03;
}
a:active {
	color: #E6EB03;
}
#maincontent a span.arrow, #btnbar a span {
	color: #E6EB03;
	font-weight:bold;
}
a.noHover:hover {
	color:#666666;
}


/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 {
	font-family:Arial, Geneva, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	margin-bottom:10px;
	padding-top:10px;
}
h2 {
	font-size: 13px;
	font-weight:bold;
	color:#333333;
	margin-bottom:10px;
}
h3 {
	font-size: 11px;
	font-weight:bold;
	margin-bottom:10px;
}
h4 {
	font-size: 11px;
	font-weight:bold;
	margin-bottom:1px;
}
h5 {
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}
p {
	font-size: 12px;
	font-weight:normal;
	line-height:16px;
	margin-bottom:10px;
}

/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#flags {
	height:20px;
	width:950px;
	text-align:right;
}
#flags img {
	margin:5px 10px 0px 0px;
}
#flags a:hover {
	cursor:pointer;
}
#header {
	height:90px;
	width:950px;
	overflow:hidden;
}

/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/*	MAIN NAV & RESOURCES NAV  */
#ddtopmenubar, #resourcemenubar {
	width:950px;
	background-image:url(../images/navbar.gif);
	background-repeat:no-repeat;
	overflow: hidden;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}
#ddtopmenubar ul {
	padding-left:47px;
}
#resourcemenubar ul {
	margin-left:0px;
}
#ddtopmenubar li, #resourcemenubar li {
	display: inline;
	float: left;
}
#resourcemenubar li {
	border-right:1px solid #ffffff;
}
#ddtopmenubar li a, #ddtopmenubar li a:link, #ddtopmenubar li a:visited, #resourcemenubar li a, #resourcemenubar li a:link, #resourcemenubar li a:visited {
	float: left;
	display: block;
	color: #ffffff;
}

#ddtopmenubar ul li a span {
	display:block;
	padding:8px 10px 9px 10px;
}
#resourcemenubar ul li a span  {
	display:block;
	padding:5px 10px;
}

/* PAGE IDENTIFIERS IN NAVBAR */
	/* MAIN NAV */
#ddtopmenubar ul li a:hover, #ddtopmenubar ul li a:active, .mattblackmenu li a.selected a.current, .mattblackmenu a.current,
.navID#pageHome #ddtopmenubar ul li a#navHome, .navID#pageHome #ddtopmenubar ul li a#navHome span,
.navID#pageSolutions #ddtopmenubar ul li a#navSolutions, .navID#pageSolutions #ddtopmenubar ul li a#navSolutions span,
.navID#pageVideos #ddtopmenubar ul li a#navVideos, .navID#pageVideos #ddtopmenubar ul li a#navVideos span,
.navID#pageResources #ddtopmenubar ul li a#navResources, .navID#pageResources #ddtopmenubar ul li a#navResources span,
.navID#pageContact #ddtopmenubar ul li a#navContact, .navID#pageContact #ddtopmenubar ul li a#navContact span {
	color: #E6EB03;
	background-image:url(../images/navbar_hover.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.navsplitter {
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	padding-top:4px;
	display:inline-block;
}

/* RESOURCES NAV */
#resourcemenubar ul li a:hover, #resourcemenubar ul li a:active,
.resourceNav#resourceNetVault #resourcemenubar ul li a#navResourceNetVault, .resourceNav#resourceNetVault #resourcemenubar ul li a#navResourceNetVault span,
.resourceNav#resourceHyperV #resourcemenubar ul li a#navResourceHyperV, .resourceNav#resourceHyperV #resourcemenubar ul li a#navResourceHyperV span,
.resourceNav#resourceOracle #resourcemenubar ul li a#navResourceOracle, .resourceNav#resourceOracle #resourcemenubar ul li a#navResourceOracle span,
.resourceNav#resourceSharePoint #resourcemenubar ul li a#navResourceSharePoint, .resourceNav#resourceSharePoint #resourcemenubar ul li a#navResourceSharePoint span, 
.resourceNav#resourceVMware #resourcemenubar ul li a#navResourceVMware, .resourceNav#resourceVMware #resourcemenubar ul li a#navResourceVMware span,
.resourceNav#resourceFASTRecover #resourcemenubar ul li a#navResourceFASTRecover, .resourceNav#resourceFASTRecover #resourcemenubar ul li a#navResourceFASTRecover span,
.resourceNav#resourceNetVaultArchive #resourcemenubar ul li a#navResourceNetVaultArchive, .resourceNav#resourceNetVaultArchive #resourcemenubar ul li a#navResourceNetVaultArchive span,
.resourceNav#resourceNetVaultSmartDisk #resourcemenubar ul li a#navResourceNetVaultSmartDisk, .resourceNav#resourceNetVaultSmartDisk #resourcemenubar ul li a#navResourceNetVaultSmartDisk span,
.resourceNav#resourceNVArchiveSharePoint #resourcemenubar ul li a#navResourceNVArchiveSharePoint, .resourceNav#resourceNVArchiveSharePoint #resourcemenubar ul li a#navResourceNVArchiveSharePoint span
{
	color: #E6EB03;
}
.resourceNav {
	margin-bottom:20px;
}
#resourcemenubar {
	width:680px;
	background-image:url(../images/navbarNoEdges.gif);
	text-transform:none;
	font-size:10px;
	font-weight:bold;
}


/* END ------- NAVBARS ------- */


/* ######### DROP DOWN MENUS ######### */

.ddsubmenustyle, .ddsubmenustyle ul { /*topmost and sub ULs, respectively*/
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	visibility: hidden;
	z-index: 100;
	text-transform:uppercase;
	background-image:url(../images/topnav_dropdownBG.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
.ddsubmenustyle ul {
	text-transform:none;
}

.ddsubmenustyle li a{
	display: block;
	color:#FFFFFF;
	padding:2px 9px 5px 9px;
}

.ddsubmenustyle li a:hover{
	color: #E6EB03;
}

/* 2nd level */
#ddsubmenu1 ul li a, #ddsubmenu2 ul li a {
	width:100px;
}

/* IE6 HACKS */
*html #ddsubmenu1 ul, *html #ddsubmenu2 ul {
	margin:0px;
	padding:0px;
}
*html #ddsubmenu1 li, *html #ddsubmenu2 li {
	display:inline;
}

*html #ddsubmenu1 li a, *html #ddsubmenu2 li a {
	color:#FFFFFF;
	width:110px;
}
*html #ddsubmenu1 li a:hover, *html #ddsubmenu2 li a:hover {
	color: #E6EB03;
}

/*	=LEFT NAVIGATION */
div.sdmenu {
	width: 167px;
	padding-bottom: 10px;
	margin-bottom:15px;
	color: #666666;
}
.subnavBG, #leftColBG, #subnav_Menu div, #subnav_Menu_Resources div {
	background: url(../images/leftnav_2ndlevelBG.gif) repeat;
}
div.sdmenu div {
	background-color:#FFFFFF;
	overflow: hidden;
	margin-bottom:5px;
	color: #666666;
}
div.sdmenu div.collapsed {
	height: 24px;
}
div.sdmenu div a.subnavA, div.sdmenu div a.subnavAindent {
	background: url(../images/leftnav_2ndlevelBG.gif) repeat;
}
a.subnavAindent {
	display:block;
	margin-left:10px;
}
div.sdmenu div span, #leftColTitle span {
	background: url(../images/leftnav_toplevelBG.gif) repeat-x;
	display: block;
	height: 24px;
}

div.sdmenu div span a, #leftColTitle span a {
	padding: 5px 10px 0px 10px;
	color:#FFFFFF;
	cursor: pointer;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
}

div.sdmenu div.collapsed span a {
	background-image: none;
	text-decoration:none;
	color: #FFFFFF;
}

div.sdmenu div span a:hover{
	color: #E6EB03;
}

div.sdmenu div span a:visited, div.sdmenu div.collapsed span a:visited {
	color:#FFFFFF;
}

div.sdmenu div a, div.sdmenu div a:link, div.sdmenu div a:visited {
	display: block;
	padding:5px 18px;
	color: #666666;
	text-decoration: none;
}
div.sdmenu div div a.current, a.current {
	color: #000000;
	background-color:#e2e2e2;
}
div.sdmenu div a:visited, div.sdmenu div a.current:visited {
	color: #666666;
	text-decoration:none;
}
div.sdmenu div a:hover {
	color:#000000;
}

.subnav_level2 {
	margin-left:10px;
}
.subnav_level2 a {
	line-height:3px;
}	
div.sdmenu p a.normalA {
	margin:0px;
	padding:0px;
	display:inline;
}

/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#maincontent {
	width:950px;
	background-image:url(../images/maincontentBG.gif);
	background-repeat:repeat-y;
}

/* HOME PAGE BITS */
#homeLeft {
	width:246px;
	float:left;
	padding:10px 0px;
}
#homeLeftContent {
	margin-left:24px;
}
#homeLeftContent h1, #homeLeftContent p {
	margin:15px 0px 10px 33px;
}

#homeRight {
	width:704px;
	float:right;
	position:relative;
	padding:10px 0px;
}
#homeFloatingText {
	position:absolute;
	top:140px;
	left:97px;
	width:220px;
	color:#666666	;
	background-color:#FFFFFF;
}
#homeFloatingText p {
	margin:10px;	
}
#btnbar {
	width:950px;
	height:110px;
	overflow:hidden;
	background-image:url(../images/btnbar/btnbarBG.gif);
	background-repeat:repeat-y;
}
#btnbar p {
	font-size:10px;
	line-height:12px;
	margin:0px 10px 5px 10px;
}
#btnbar a:hover {
	color:#666666;
}
#btnbarContent {
	margin-left:47px;
	margin-top:17px;
}
#btnbarBlock {
	float:left;
	margin-right:20px;
}
#btnbarBlockContent {
	width:199px;
	height:90px;
	background-color:#FFFFFF;
}
#btnbarBlockText {
	float:left;
	width:126px;
}
#btnbarBlockImage {
	float:right;
	width:73px;
}

/* INNER PAGE BITS */
#innerLeft {
	width:220px;
	float:left;
	padding:10px 0px;
}
#innerLeftContent {
	margin-left:38px;
	margin-right:15px;
}

#innerMiddle {
	width:478px;
	float:left;
	margin:10px 0px;
	background-image:url(../images/middleBG.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
#innerRight {
	width:252px;
	float:right;
	padding:10px 0px;
}
#innerRightContent {
	margin:0px 30px 10px 20px;
	padding:20px;
	background-image:url(../images/rightColTopBG.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
#innerRightContent h1 {
	margin-top:0px;
	margin-bottom:10px;
}

#innerDoubleColWidth {
	float:right;
	margin:10px 0px;
	background-image:url(../images/middleDoubleColBG.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
#mainTextDoubleCol {
	width:680px;
}
#mainTextSingleCol1 {
	width:340px;
	float:left;
	background-image:url(../images/middleDoubleColBG.gif);
	background-position:right;
	background-repeat:repeat-y;
}
#mainTextSingleCol2 {
	width:340px;
	float:right;
}
#mainTextSingleCol1 h4, #mainTextSingleCol2 h4 {
	padding-right:20px;
}
a:hover h4 {
	color:#666666;
}

#pageHeading {
	height:80px;
}
#mainText {
	padding:10px 30px 10px 20px;
}
#mainTextCol1 {
	width:209px;
	float:left;
}
#mainTextCol2 {
	width:209px;
	float:right;
}
#leftColBG {
	padding:10px;
	background-color:#FFFFFF;
	margin-bottom:20px;
}
.rightColDivider, .doubleColDivider {
	display:block;
	background-image:url(../images/rightColDivider.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:4px;
	margin-bottom:10px;
}
.doubleColDivider {
	background-image:url(../images/doubleColDivider.gif);
}
#innerRightContent h1 {
	font-size:13px;
	margin-bottom:3px;
}
	
/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.formTxt{
    float:left;
    width:100px;
    text-align:left;
    padding-bottom:5px;
    border:solid 0px #000000;
}
.formCntrl{
    float:left;
    padding-bottom:5px;
    border:solid 0px #000000;
}


/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a.showHideLink, a.showHideLink:visited {
	cursor:pointer;
	text-transform:uppercase;
}
a.showHideLink:hover {
	color:#333333;	
}
/* ----- SHOW / HIDE DIVS ---- */
#awards, #about, #customers {
	display:none;
}
.close {
	margin-bottom:10px;
}
.uppercase {
	text-transform:uppercase;
}
.videoEntry {
	margin-bottom:20px;
}
.pdficon {
	float:left;
	margin:0px 10px 10px 0px;
}
.quoteName {
	font-size:9px;
}
.magenta {
	color:#FF00FF;
}
.marginbottom {
	display:block;
	margin-bottom:10px;
}

/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#footer {
	width:950px;
	height:50px;
}

#copyright {
	display:block;
	float:left;
	widows:475px;
}
#copyright span, #legal span {
	padding:0px 47px;
}

#legal {
	display:block;
	float:right;
	widows:475px;
}
