/* MAIN FRAMEWORK */

body,html{
	margin:0;
	padding:0;
	height:100%;
	background-color:#ffffff;
	background-image:url(../Images/body_bg_loop.jpg);
	background-position:top center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000000;
}
#bodyGradient{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	background-image:url(../Images/body_bg_top.jpg);
	background-position:top center;
	background-repeat:repeat-x;
}
#siteWrapper{
	margin:0 auto;
	padding:0;
	width:1000px;
}
#contentTop{
	background-image:url(../Images/content_bg_top.jpg);
	background-repeat:no-repeat;
	width:1000px;
}
#contentLoop{
	background-image:url(../Images/content_bg_loop.jpg);
	background-repeat:repeat-y;
	width:1000px;
}
#footerBg{
	background-image:url(../Images/footer_bg.png);
	background-repeat:no-repeat;
	behavior:url(/iepngfix.htc);
	width:954px;
	height:244px;
	padding-left:23px;
	padding-right:23px;
	font-size:11px;
	color:#ffffff;
}
#footerBg a{
	font-family:Arial, Helvetica, sans-serif;
	color:#888888;
}
#footerBg a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}
#footerLinks{
	height:142px;
}
#footerText{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-right:5px;
	padding-top: 10px;
}
#topText{
	width:964px;
	height:22px;
	padding-left:18px;
	padding-top:10px;
	font-size:9px;
	color:#aaaaaa;
}
#topText a{ color:#cccccc; text-decoration:underline; }
#topText a:hover{ color:#ffffff; text-decoration:underline; }
#logoFrame{
	width:982px;
	padding-left:18px;
	height:78px;
}
#navFrame{
	height:47px;
	padding-left:18px;
}
.navHome, .navAbout, .navCasestudies, .navServices, .navHardware, .navPartners, .navContact, .navAdmin, .navSupport{
	background-image:url(../Images/nav_inactive_loop.jpg);
	background-repeat:repeat-x;
	height:32px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	float:left;
}
.navHome a, .navAbout a, .navCasestudies a, .navServices a, .navHardware a, .navPartners a, .navContact a, .navAdmin a, .navSupport a{
	color:#888888;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}
.navHome a:hover, .navAbout a:hover, .navCasestudies a:hover, .navServices a:hover, .navHardware a:hover, .navPartners a:hover, .navContact a:hover, .navAdmin a:hover, .navSupport a:hover{
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}
.navSplit{
	background-image:url(../Images/nav_split.jpg);
	width:2px;
	height:47px;
	float:left;
}
#searchFrame{
	float:right;
	text-align:right;
	height:35px;
	padding-top:12px;
	padding-right:28px;
}
#contentFrameHome{
	width:944px;
	padding-left:28px;
	padding-top:12px;
}
#contentFrame{
	width:944px;
	padding-left:28px;
	padding-top:22px;
}
#contentFrameGeneric{
	width:944px;
	padding-left:28px;
	padding-top:3px;
}
* html #contentFrameGeneric {
	\width: 972px; /* for IE5 and IE6 in quirks mode */
	w\idth: 944px; /* for IE6 in standards mode */
} 
.largeColumn{
	width:646px;
	float:left;
}
.smallColumn{
	width:292px;
	float:right;
}
.fullWidth{
	width:948px;
}
.servicesColourBar{
	height:10px;
	width:964px;
	margin:0 auto;
	font-size: 0px;
}

/* Search */
.searchBtn
{
	padding-left:1px;
}

/* CONTENT BOXES */

#subtabsFrame{
	width:964px;
	margin-left:18px;
	padding-top:10px;
	display:inline;
	background-color:#343434;
	float:left;
	font-size:11px;
}
.subtabNAS, .subtabVirtual, .subtabSupport, .subtabBackup, .subtabVOIP{
	background-image:url(../Images/subtabs_inactive.jpg);
	background-repeat:repeat-x;
	float:left;
	margin-right:1px;
	padding-top:3px;
	padding-bottom:4px;
	padding-left:15px;
	padding-right:15px;
}
.subtabNAS a, .subtabVirtual a, .subtabSupport a, .subtabBackup a, .subtabVOIP a{
	color:#888888;
}
.subtabNAS a:hover, .subtabVirtual a:hover, .subtabSupport a:hover, .subtabBackup a:hover, .subtabVOIP a:hover{
	color:#ffffff;
}
.subtabsBar{
	height:10px;
}
#bannerFrame{
	width:964px;
	padding-left:18px;
	height:227px;
}

.fullWhiteBoxLoop{
	background-image:url(../Images/fullwhitebox_loop.jpg);
	background-repeat:repeat-y;
	width:944px;
}
.fullWhiteBoxTop{
	background-image:url(../Images/fullwhitebox_top.jpg);
	background-repeat:no-repeat;
	width:918px;
	padding-left:13px;
	padding-right:13px;
	padding-top:4px;
}
.fullWhiteBoxFooter{
	background-image:url(../Images/fullwhitebox_footer.jpg);
	background-repeat:no-repeat;
	width:944px;
	height:18px;
}

.largeWhiteBoxLoop{
	background-image:url(../Images/largewhitebox_loop.jpg);
	background-repeat:repeat-y;
	width:646px;
}
.largeWhiteBoxTop{
	background-image:url(../Images/largewhitebox_top.jpg);
	background-repeat:no-repeat;
	width:620px;
	padding-left:13px;
	padding-right:13px;
	padding-top:4px;
}
.largeWhiteBoxFooter{
	background-image:url(../Images/largewhitebox_footer.jpg);
	background-repeat:no-repeat;
	width:646px;
	height:18px;
}



.largeStoneBoxLoop{
	background-image:url(../Images/largestonebox_loop.jpg);
	background-repeat:repeat-y;
	width:646px;
}
.largeStoneBoxTop{
	background-image:url(../Images/largestonebox_top.jpg);
	background-repeat:no-repeat;
	width:620px;
	padding-left:13px;
	padding-right:13px;
	padding-top:4px;
}
.largeStoneBoxFooter{
	background-image:url(../Images/largestonebox_footer.jpg);
	background-repeat:no-repeat;
	width:646px;
	height:18px;
}



.servicesRightLoop{
	background-image:url(../Images/servicesright_loop.jpg);
	background-repeat:repeat-y;
	width:746px;
}
.servicesRightTop{
	background-image:url(../Images/servicesright_top.jpg);
	background-repeat:no-repeat;
	width:720px;
	padding-left:13px;
	padding-right:13px;
	padding-top:9px;
}
.servicesRightFooter{
	background-image:url(../Images/servicesright_footer.jpg);
	background-repeat:no-repeat;
	width:746px;
	height:18px;
}




.serviceContactLoop{
	background-image:url(../Images/servicecontact_loop.jpg);
	background-repeat:repeat-y;
	width:746px;
}
.serviceContactTop{
	background-image:url(../Images/servicecontact_top.jpg);
	background-repeat:no-repeat;
	width:720px;
	padding-left:13px;
	padding-right:13px;
	padding-top:9px;
}
.serviceContactFooter{
	background-image:url(../Images/servicecontact_footer.jpg);
	background-repeat:no-repeat;
	width:746px;
	height:18px;
}



.smallBlankBoxLoop{
	background-image:url(../Images/smallblankbox_loop.jpg);
	background-repeat:repeat-y;
	width:292px;
	margin-top:7px;
}
.smallBlankBoxTop{
	background-image:url(../Images/smallblankbox_top.jpg);
	background-repeat:no-repeat;
	width:266px;
	padding-left:13px;
	padding-right:13px;
	padding-top:5px;
}
.smallBlankBoxTop p{
	padding-top:5px;
	padding-bottom:5px;
}
.smallBlankBoxFooter{
	background-image:url(../Images/smallblankbox_footer.jpg);
	background-repeat:no-repeat;
	width:292px;
	height:18px;
}




.smallWhiteBoxLoop{
	background-image:url(../Images/smallwhitebox_loop.jpg);
	background-repeat:repeat-y;
	width:292px;
}
.smallWhiteBoxTop{
	background-image:url(../Images/smallwhitebox_top.jpg);
	background-repeat:no-repeat;
	width:266px;
	padding-left:13px;
	padding-right:13px;
	padding-top:4px;
}
.smallWhiteBoxFooter{
	background-image:url(../Images/smallwhitebox_footer.jpg);
	background-repeat:no-repeat;
	width:292px;
	height:18px;
}
.remoteSupportTop{
	background-image:url(../Images/remote_support_top.jpg);
	background-repeat:no-repeat;
	width:266px;
	height:34px;
	padding-left:13px;
	padding-right:13px;
	padding-top:55px;
}
.servicesContainer{
	float:left;
	font-size:11px;
}
.servicesLink{
	width:186px;
	height:124px;
}
.servicesBoxLoop{
	width:186px;
	background-image:url(../Images/services_box_loop.jpg);
	background-repeat:repeat-y;
}
.servicesBoxTop{
	width:166px;
	min-height:65px;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:5px;
	background-image:url(../Images/services_box_top.jpg);
	background-repeat:no-repeat;
}
/* for Internet Explorer */
/*\*/
* html .servicesBoxTop {
	height:65px;
}
.servicesBoxTop a{
	color:#000000;	
}
.servicesBoxTop a:hover{
	color:#888888;	
}
.servicesBoxFooter{
	width:186px;
	height:17px;
	background-image:url(../Images/services_box_footer.jpg);
	background-repeat:no-repeat;
}
.halfLeft{
	float:left;
	width:462px;
	padding-left:3px;
	padding-bottom:12px;
}
.halfRight{
	float:right;
	width:462px;
	padding-right:7px;
	padding-bottom:12px;
}
.servicesHomeButton{
	width:140px;
	float:left;
	padding-top:5px;
}

.aboutPic{
	float:left;
	width:148px;
	padding-top:10px;
	padding-bottom:10px;
}
.aboutDescription{
	float:right;
	width:462px;
	padding-top:10px;
	padding-bottom:10px;
}



.specialofferTop{
	background-image:url(../Images/special_offer_bg.jpg);
	background-repeat:no-repeat;
	width:176px;
	height:55px;
	padding-left:13px;
	padding-right:103px;
	padding-top:34px;
	font-size:9px;
	color:#666666;
}


/* ESSENTIALS */

a{
	text-decoration:none;
	color:#666666;
}
a:hover{
	text-decoration:none;
	color:#000000;
}
a img {
	border:none;
}
.clearBoth{
	clear: both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
ol{
	margin-top:10px;
	margin-bottom:0;
}
ul{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	padding-left:0;
}
li{
	padding-bottom:5px;
}
.bold{
	font-weight:bold;
}
hr{
	border-bottom:1px solid;
	border-top:0;
	color:#000000;
	height:1px;
}
h1 {
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
}
h1 span{
	font-weight:normal;
}

.toptext h1
{
	font-size:9px;
	color:#aaaaaa;
	padding:0px;
	margin:0px;
	font-weight: normal;
}
h2 {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
}
p{
	padding-top:5px;
	padding-bottom:5px;
	line-height:16px;
	margin:0;
}
.paraSpace{
	padding:0;
	margin:0;
	font-size:9px;	
}
.smallText{
	font-size:9px;	
}
.field input{
	background-image:url(../Images/input_gradient.jpg);
	background-repeat:repeat-x;
	border:1px solid #eeeeee;
}
.field2 input{
	background-image:url(../Images/input_gradient2.jpg);
	background-repeat:repeat-x;
	border:1px solid #bbbbbb;
}
.field textarea{
	background-image:url(../Images/input_gradient.jpg);
	background-repeat:repeat-x;
	border:1px solid #eeeeee;
}
.field2 textarea{
	background-image:url(../Images/input_gradient2.jpg);
	background-repeat:repeat-x;
	border:1px solid #bbbbbb;
}
form{
	padding:0;
	margin:0;
}
.grey{color:#888888;}

.purple {color:#bc81b8;}
.purple a{color:#bc81b8;}
.purple a:hover{color:#000000;}

.blue {color:#007fc3;}
.blue a{color:#007fc3;}
.blue a:hover{color:#000000;}

.green {color:#67b244;}
.green a{color:#67b244;}
.green a:hover{color:#000000;}

.red {color:#e93825;}
.red a{color:#e93825;}
.red a:hover{color:#000000;}

.yellow {color:#fbdc3b;}
.yellow a{color:#fbdc3b;}
.yellow a:hover{color:#000000;}

.tableClass{
	margin-top:5px; 
	font-size:11px; 
	border-bottom:1px solid #888888; 
	background-color:#dddddd;
}
.imageTrans{
	behavior:url(/iepngfix.htc);
}
.Bronze{
	background-color:#eaa620;
	text-align:center;
	width:60px;
	font-size:11px;
}
.Silver{
	background-color:#aaaaaa;
	text-align:center;
	width:60px;
	font-size:11px;
}
.Gold{
	background-color:#fbe53f;
	text-align:center;
	width:60px;
	font-size:11px;
}
.None{

}
.rowA{
	background-color:#f5f5f5;
}
.rowB{
	background-color:#eeeeee;
}
.comparisonTableGradient{
	background:url(../Images/table_gradient_header.jpg) repeat-x;
}


/* MAIN MENU */

.servicesRight{
	float:right;
	width:746px;
	padding-top:10px;
}
.menuHolder{
	float:left;
    width:192px;
	padding-top:10px;
	
}
.arrowlistmenu {
    width:186px;
    font-family:Verdana;
    font-size:10px;
    padding-left:3px;
    padding-bottom:10px;
}



.arrowlistmenu .menuheader {
    background:url(../Images/Buttons/button-main-off.jpg) no-repeat;
    margin-bottom:0px;
    padding:8px 0px 0px 10px;
    text-align:left;
    height:20px;
    cursor:hand;
    cursor:pointer;
    border-bottom:1px none;
	position:relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width:auto;
}
.arrowlistmenu .menuheader .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	display:block;
	top:10px;
	right:10px;
	border:none;
}
.arrowlistmenu .catitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	display:block;
	top:7px;
	right:10px;
	border:none;
}
.arrowlistmenu .catitem{
	position:relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width:auto;
}



.arrowlistmenu .overview ul li{
	background: url(../Images/Buttons/button-sub-top.jpg) no-repeat;
}

.arrowlistmenu .menuheader:hover {
    background: url(../Images/Buttons/button-main-on.jpg) no-repeat;
}

.arrowlistmenu .openheader {
    background: url(../Images/Buttons/button-main-on.jpg) no-repeat;
    font-weight: bold;
}

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

.arrowlistmenu ul li {
    background: url(../Images/Buttons/button-sub-off.jpg) no-repeat;
    padding:0;
    margin:0;
}

.arrowlistmenu ul li .opensubheader {
    background: url(../Images/Buttons/button-sub-off.jpg) no-repeat;
    /*	background: #999999 !important; */
}

.arrowlistmenu ul li .closedsubheader {
    background: url(../Images/Buttons/button-sub-off.jpg) no-repeat;
    background: #c5c5c5 !important;
}

.arrowlistmenu ul li .opensubheader:hover {
    /*	background: url(../Images/Buttons/button-sub-off.jpg) no-repeat; */
    background: #c5c5c5 !important;
}

.arrowlistmenu ul li.subcategory_end {
    margin:0;
    padding:0;
    height:9px;
    width: 186px;
    background: url(../Images/Buttons/submenu-end.jpg) no-repeat;
    float:left;
    position: relative;
    top:-2px;
}
.arrowlistmenu ul li.subcategory_end:hover {
    margin:0;
    padding:0;
    height:9px;
    width: 186px;
    background: url(../Images/Buttons/submenu-end.jpg) no-repeat;
    float:left;
    position: relative;
    top:-2px;
}

.arrowlistmenu ul li a {
    display: block;
    padding: 5px 0px 0px 0px;
    padding-left: 10px;
    text-decoration: none;
    /*	font-weight: bold; */
    height:21px;
    /*	border-bottom: 1px dotted #CECECE; */
}

.arrowlistmenu ul li a:visited {
}

.arrowlistmenu ul li a:hover {
    background-color: #a5a5a5;
    cursor: pointer;
    cursor: hand;
}

.arrowlistmenu ul li:hover {
    width: 186px;
    background-color: #a5a5a5;
    cursor: pointer;
    cursor: hand;
}

.subcategoryitems {
    width: 186px;
    background-color: #ffffff;
    text-indent: 20px;
    cursor: pointer;
    cursor: hand;
}

.nonexpandable {
    background: url(../Images/Buttons/button-sub-off.jpg) no-repeat;
    cursor: pointer;
    cursor: hand;
}

.nonexpandable:hover {
    background-color: #c5c5c5;
    cursor: pointer;
    cursor: hand;
}

.arrowlistmenu ul li .nonexpandable {
    background: url(../Images/Buttons/button-sub-off.jpg) no-repeat;
    /*	background: #999999 !important; */
}

.arrowlistmenu ul li .nonexpandable {
    background: url(../Images/Buttons/button-sub-off.jpg) no-repeat;
}

.arrowlistmenu ul li .nonexpandable:hover  {
    /*	background: url(../Images/Buttons/button-sub-off.jpg) no-repeat; */
    background:#c5c5c5 !important;
}




.overviewexpand {
	background: url(../Images/Buttons/button-sub-top.jpg) no-repeat;
    cursor: pointer;
    cursor: hand;
    width:auto;
    margin:0;
    padding:0;
}
.overviewexpand a{
	font-weight:bold;
}
.overviewexpand a:hover{
	font-weight:bold;
}


/* ACCORDION */

#accordion{
	width:620px;
	float:left;
}
.toggler {
	border-top:1px solid #dddddd;
	cursor:pointer;
	padding-top:15px;
}
.element {
 	background-color:none;
	margin-bottom:10px;
}
.elementTopSpace{
	height:10px;
}



/* ADMIN */

.tableHead{
	font-size:14px;
	font-weight:bold;
}
.tableHeaderLeft{
	background:url(../Images/table_gradient_header.jpg) repeat-x;
	padding-left:10px;
	height:30px;
	text-align:left;
	color:#000000;
}
.tableHeaderRight{
	background:url(../Images/table_gradient_header.jpg) repeat-x;
	padding-right:10px;
	height:30px;
	text-align:right;
	color:#000000;
}
.tableHeaderRight a{
	color:#000000;
}
.tableHeaderRight a:hover{
	color:#666666;
}
.tableFooter{
	height:3px;
	background-color:#dddddd;
}
.tableHeaderLeft a{
	color:#000000;
	text-decoration:underline;
}
.tableHeaderLeft a:hover{
	color:#000000;
	text-decoration:none;
}

.rowContentSelected td{
	border:1px solid;
	border-color:#dddddd;
	background-color:#eeeeee;
	padding:8px;
	font-size:11px;
}
.rowContent td{
	border:1px solid;
	border-color:#dddddd;
	background-color:#ffffff;
	padding:8px;
	font-size:11px;
}
.rowContent2 td{
	border:1px solid;
	border-color:#dddddd;
	background-color:#ffffff;
	padding:8px;
	font-size:11px;
}
.rowTotalsContent td{
	border:1px solid;
	border-color:#dddddd;
	background-color:#eeeeee;
	padding:8px;
	font-size:11px;
}
.rowContentCheck{
	width:20px;
	border:1px solid;
	border-color:#dddddd;
	background-color:#ffffff;
	padding:8px;
	font-size:11px;
}

.tableSubHeading{
	font-size:12px;
	font-weight:bold;
}
.whiteBackground
{
	background-color:#ffffff;
}
.tableOptionsLeft{
	background-repeat:no-repeat;
	background-color:#eeeeee;
	padding-left:8px;
	height:40px;
	text-align:left;
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}
.tableOptionsRight{
	background-position:right top;
	background-repeat:no-repeat;
	background-color:#eeeeee;
	padding-right:8px;
	height:40px;
	text-align:right;
}
.buttonOptions{
	font-size:10px;
	height: 21px;
}
.categoryRowCheck{
	padding:4px;
}