@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;
background: transparent url('images/custom_images/logo.png') no-repeat top left;
}
#logo a{
background: transparent url('images/custom_images/logo.png') no-repeat top left;
text-indent: -2000px;
width: 100%;
height: 100%;
display: block;
}
* html #logo a{
background: transparent url('images/custom_images/logo.jpg');
}
#logo a:hover{
background-position: bottom left;
}
#topnav{
margin: 0 40px 0 0;
text-align: right;
}
#topnav li{
display: inline;
list-style-type: none;
padding: 0 0 0 20px;
color: #748998;
font-size: 11px;
line-height: 20px;
}
#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: 19px 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;
}