@charset "utf-8";
/* CSS Document */

/* Container */

*{
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, sans-serif;
}

html, body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
background: #fff;
text-align: center;
}

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
background: url('images/custom_images/bg.jpg') top center repeat-x;
}

.clear { clear: both; }

/*------ Custom Header ------*/

#sitesheader{
width: 980px;
height: 105px;
margin: 0 auto;
}

/*=======================================================================================
Sitesheader
========================================================================================*/
#home #sitesheader{
background: transparent url('images/custom_images/bg_header_home.jpg') no-repeat;
}
#webdesign #sitesheader{
background: transparent url('images/custom_images/bg_header_webdesign.jpg') no-repeat;
}
#programming #sitesheader{
background: transparent url('images/custom_images/bg_header_programming.jpg') no-repeat;
}
#webhosting #sitesheader{
background: transparent url('images/custom_images/bg_header_webhosting.jpg') no-repeat;
}
#networking #sitesheader{
background: transparent url('images/custom_images/bg_header_networking.jpg') no-repeat;
}
#nextcart #sitesheader{
background: transparent url('images/custom_images/bg_header_nextcart.jpg') no-repeat;
}
#logo{
	width: 282px;
	height: 59px;
	margin: 6px 21px 0 0;
	float: left;
}
#logo a{
	background: transparent url(../../newsitefiles/images/NHlogo.png) no-repeat top left;
	width:285px; 
	height:62px;  
	text-indent:-5000px;
	display:block; 
	float:left; 
}
/** html #logo a{
	background: transparent url(../images/NHlogo.png) no-repeat top left;
}
#logo a:hover{
	background-position: bottom left;
}*/
#topnav{
	margin: 0 0 0 610px;
	text-align: right;
}
#topnav li{
	width:auto;
	float:left;
	list-style-type: none;
	padding: 5px 0 0 20px;
	color: #748998;
	font-size: 11px;
	line-height: 20px;
	vertical-align:middle;
}
#topnav li a{
	color: #748998;
	text-decoration: none;
	text-transform: lowercase;
	background: none;
}
#topnav li a:Hover{
	color: #333;
	text-decoration: underline;
	background: none;
}

#sectionnav{
	float: left;
	margin: 2px 0 0 0;
}
#sectionnav li{
display: inline;
list-style-type: none;
}
#sectionnav li a{
display: block;
float: left;
width: 100px;
height: 25px;
margin: 0 19px 0 5px !important;
margin: 0 19px 0 4px;
padding: 5px 0 0 0;
color: #3b5b6d;
line-height: 25px;
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
text-decoration: none;
background: none;
}
#sectionnav li a:Hover{
color: #fff;
}
#sectionnav li a.currentsection{
color: #fff;
}
#sectionnav li a.currentsection span{
color: #b8f31d;
}
#topsubnav{
width: 900px;
margin: 0 auto;
text-align: right;
}
#topsubnav li{
display: inline;
list-style-type: none;
margin: 0 0 0 15px;
}
#topsubnav li a{
background: transparent url('images/custom_images/bg_subnav_arrow.png') no-repeat right 3px;
color: #fff;
font-size: 11px;
line-height: 25px !important;
line-height: 24px;
text-transform: lowercase;
text-decoration: none;
padding: 0 12px 0 0;
}
#topsubnav li a:Hover{
text-decoration: underline;
}



/* ----- Header Start ----- */

/* Layout */

#pcHeader08 {
width: 900px;
height: 187px;
background: url('images/custom_images/nh_productcart_header.png') top left no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
border: none;
position: relative;
}

#pcHeader08Left {
position: absolute;
top: 0px;
left: 10px;
}

/*------ SmallShoppingCart.asp ------*/

#pcSmallShoppingCart {
float: right; 
min-width: 300px;
text-align: right;
margin: 10px 15px 0 0;
padding: 8px;
background: #000;
filter: alpha(opacity=70);
-moz-opacity: .70;
opacity: .70;
border: 1px solid #000;
color: #999;
}	

#pcShowCart {
width: auto;
margin-bottom: 10px;
font-size: 11px;
display: block;
font-weight: normal;
}

#pcShowCart a {
font-family: Arial, Helvetica, sans-serif;
color: #ddd;
text-decoration: none;
font-weight: normal;
}

#pcShowCart a:hover {
color: #fff;
text-decoration: underline;
}

#small-link {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}

#small-link a {
color: #ddd;
text-decoration: none;
}

#small-link a:hover {
color: #fff;
text-decoration: underline;
}

.red { color: #ff0000; }
.white { color: #fff; font-weight: bold; }
.underline { text-decoration: underline; }

/*----- END SmallShoppingCart -----*/

#pcHeader08Center {
float: left;
top: 30px;
left: 320px;
width: 210px;
margin: 45px 0 0 240px;
}

#pcHeader08Right {
position: absolute;
top: 8px;
left: 575px;
width: 295px;
border: 1px dashed #CCC;
padding: 10px;
text-align: left;
}

/* Elements */

#pcHeader08StoreName {
text-align: left;
font-size: 30px;
font-weight: bold;
color: #333;
}

#pcHeader08StoreDescription {
text-align: left;
font-size: 14px;
margin: 20px 0 5px 0;
}

#pcHeader08Center form input {
font-size: 12px;
border: 1px solid #333;
background-color: #F7F7F7;
width: 150px;
height: 16px;
color: #000;
}

#pcHeader08Center form input:focus {
background-color: #000;
border: 1px solid #000;
filter: alpha(opacity=75);
-moz-opacity: .75;
opacity: .75;
color: #fff;
}

#pcHeader08Center a {
text-decoration: none;
color: #666;
text-align: right;
}

#pcHeader08Center a:hover {
color: #999;
}

#pcHeader08Right .tagLine {
font-size: 40px;
}

#pcHeader08Right .tagLineSmall {
font-size: 18px;
margin-top: -5px;
}

/* ----- Header End ----- */

/* ----- Top Navigation Start ----- */

#pcTopNav08 {
width: 900px;
height: 25px;
background: url('images/custom_images/bg_mainnav.jpg') top left repeat-x;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
border: none;
font-size: 14px;
text-align: right;
color: #ccc;
}

#pcTopNav08-CART {
float: left;
padding: 0px 0 0 5px;
font-size: 9px;
}

#pcTopNav08-LINKS {
float: right;
margin: 0px 0 0 0;
padding: 0;
}

#pcTopNav08 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #333;
padding: 4px;
font-weight: bold;
}

#pcTopNav08 a:hover {
color: #666;
padding: 4px;
}

/*=======================================================================================
Mainnav
========================================================================================*/

#mainnav ul{
margin: 0;
padding: 0;
}
#mainnav li{
display: inline;
list-style-type: none;
}
#mainnav li a{
display: block;
float: left;
height: 25px;
color: #333;
font-size: 12px;
/*line-height: 25px;*/
font-weight: bold;
text-align: center;
text-decoration: none;
text-transform: uppercase;

background: transparent url('images/custom_images/bg_mainnav_spacer.jpg') no-repeat top left;
}
#mainnav li a:Hover{
color: #666;
background-color: transparent;
}
#mainnav li a.firstlink{
background: none;
}
#mainnav li a.currentsection{
color: #fff;
}
#mainnav li a.currentsection span{
color: #b8f31d;
}

/*------ Button Styles ------*/

#mainnav #navHome {
width: 90px;
}

#mainnav #navSearch {
width: 95px;
}

#mainnav #navBrowse {
width: 95px;
}

#mainnav #navViewBasket {
width: 123px;
}

#mainnav #navCheckout {
width: 115px;
}

#mainnav #navMyAccount {
width: 125px;
}


/* ----- Top Navigation End ----- */

/* ----- Main Area Start ----- */

#pcMainArea08 {
width: 900px;
background: #0F374D none repeat scroll 0 0;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 4px;
border: none;
}

.cellpadding {
padding: 5px;
}

#pcMainArea08-PC {
width: 665px;
float: left;
/*border: 1px solid #CCC;*/
text-align: left;
margin: 5px 0px 20px 10px;
}

#pcMainArea08-PC-Content {
	padding: 0;
}

#pcMainArea08-LEFT {
width: 205px;
float: left;
text-align: left;
vertical-align: top;
margin: 5px 0 20px 10px;
}

#pcMainArea08-LEFT a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	border-left: 7px solid #fff;
	padding: 2px 15px 2px 7px;
}

#pcMainArea08-LEFT a:hover {
	border-left: 10px solid #b8f32f;
	background: #b8f32f;
	color: #000;
}

#pcMainArea08-LEFT li a  {
	margin: 5px 0 0 5px;
	padding: 2px 2px 2px 7px;
	display: block;
	width: 75%;
}

#pcMainArea08-LEFT li a:hover {
	background: #b8f32f;
	color: #000;
}

#pcMainArea08-BROWSE {
	width: 200px;
	border: 1px solid #000;
	margin-bottom: 10px;
	background: #0a2331;
}

#pcMainArea08-BROWSE table {
margin: 0 0 10px 0px;
width: 100%;
}

#pcMainArea08-BROWSE table td {
padding: 7px 0 0 0;
}

#pcMainArea08-PRICE {
	width: 200px;
	border: 1px solid #000;
	margin-bottom: 10px;
	background: #0a2331;
}

#pcMainArea08-LINKS {
	width: 200px;
	border: 1px solid #000;
	margin-bottom: 10px;
	background: #0a2331;
}

#pcMainArea08-LEFT h3 {
font-size: 16px;
color: #b8f32f;
border-bottom: 1px solid #fff;
width: 180px;
margin: 5px 0 10px 5px;
font-weight: normal;
}

#pcMainArea08-LEFT ul {
list-style-type: none;
margin: 0 0 10px 0px;
padding: 0;
}

#pcMainArea08-LEFT li {
margin: 5px 0 0 5px;
display: block;
width: 100%;
}

#pcMainArea08-SPACER {
clear: both;
}

#pcMainArea08FooterWrap {
background: #fff;
}

#pcMainArea08Footer {
width: 900px;
height: 10px;
display: block;
background: url('images/custom_images/bg_content_footer.jpg') top center no-repeat;
}

/* ----- Main Area End ----- */

/* ----- Footer Start ----- */

#pcFooter08 {
width: 900px;
height: 24px;
background-color: #666;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 20px;
border: none;
font-size: 16px;
text-align: left;
color: #000;
}

#pcFooter08 p {
margin: 0;
padding: 2px 0 0 10px;
}

#pcFooter08 a {
text-decoration: none;
color: #000;
}


#pcFooter08 a:hover {
color: #CCC;
}

/* ----- Top Navigation End ----- */

/* ----- Other Interface Elements ----- */
.throw {
	position: absolute;
	width: 0;
	font-size: 0;
	text-indent: -5000px;
	display: block;
}	

/*New Footer - added 02-23-2011*/

#splashFooter {
	background:url(../../newsitefiles/images/splash/footerBG.png) top left repeat-x;
	height:310px;
	padding:0px;
}

#footerContainer {
	width:900px;
	margin:0 auto;
	text-align:left;
}

#footerContainer ul li {
	list-style:none;
	line-height:18px;
}

#footerContainer img {
	border:none;
}

#footerContainer a:link, #footerContainer a:active, #footerContainer a:visited {
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	font-family: Tahoma, Helvetica, Arial;
}

#footerContainer a:hover {
	color:#a3d801;
	background:none;
}

#titlePlatform {
	background:url(../../newsitefiles/images/splash/txtPlatform.png) top left no-repeat;
	width:286px;
	height:16px;
	text-indent:-5000px;
}

#logoIntel {
	width:66px;
	height:60px;
	display:block;
	background:url(../../newsitefiles/images/splash/logoIntel.png) top left no-repeat;
	float:left;
	margin:25px 15px 0 0;
	text-indent:-5000px;
}

#logoMicrosoft {
	width:111px;
	height:60px;
	display:block;
	background:url(../../newsitefiles/images/splash/logoMicrosoft.png) top left no-repeat;
	float:left;
	margin:25px 15px 0 0;
	text-indent:-5000px;
}

#logoMySQL {
	width:109px;
	height:60px;
	display:block;
	background:url(../../newsitefiles/images/splash/logoMySQL.png) top left no-repeat;
	float:left;
	margin:25px 15px 0 0;
	text-indent:-5000px;

}

#logoAdobe {
	width:46px;
	height:60px;
	display:block;
	background:url(../../newsitefiles/images/splash/logoAdobe.png) top left no-repeat;
	float:left;
	margin:25px 15px 0 0;
	text-indent:-5000px;
}

#logoASP {
	width:147px;
	height:60px;
	display:block;
	background:url(../../newsitefiles/images/splash/logoASP.png) top left no-repeat;
	float:left;
	margin:25px 15px 0 0;
	text-indent:-5000px;
}

#logoSQLServer {
	width:212px;
	height:60px;
	display:block;
	background:url(../../newsitefiles/images/splash/logoSQLServer.png) top left no-repeat;
	float:left;
	margin:25px 15px 0 0;
	text-indent:-5000px;
}

#logoCisco {
	width:92px;
	height:60px;
	display:block;
	background:url(../../newsitefiles/images/splash/logoCisco.png) top left no-repeat;
	float:left;
	margin:25px 15px 0 0;
	text-indent:-5000px;
}

#titleWebDesign {
	background:url(../../newsitefiles/images/splash/txtWebDesign.png) top left no-repeat;
	width:87px;
	height:12px;
	text-indent:-5000px;
}

#titleWebHosting {
	background:url(../../newsitefiles/images/splash/txtWebHosting.png) top left no-repeat;
	width:96px;
	height:12px;
	text-indent:-5000px;
}

#titleProgramming {
	background:url(../../newsitefiles/images/splash/txtPrograming.png) top left no-repeat;
	width:92px;
	height:12px;
	text-indent:-5000px;
}

#titleNetworking {
	background:url(../../newsitefiles/images/splash/txtNetworking.png) top left no-repeat;
	width:95px;
	height:12px;
	text-indent:-5000px;
}

#titleFollowUs {
	background:url(../../newsitefiles/images/splash/txtFollowUs.png) top left no-repeat;
	width:107px;
	height:17px;
	text-indent:-5000px;
	margin-bottom:10px;
}

.footerList {
	width:200px;
	float:left;
	margin-top:25px;
}

.footerList ul li{
	background:url(../../newsitefiles/images/splash/footerBullet.png) top left no-repeat;
	padding-left:13px;
	text-align: left;
}

#social {
	width:100px;
	float:left;
	margin-top:25px;
}

#facebookIcon {
	margin:0 15px;
}

#copyright {
	color:#FFF;
	text-align:right;
	padding-top:5px;
}


