/***************************************************************************
 *                                  css/style.css
 *                            ------------------------
 *   begin                : 12/01/08
 *   author               : Chad Berg
 *   email                : chad@bdhtek.com
 *   description          : This files contains the page styles for the entire site.
 *
 ***************************************************************************/

/* main page and link styles */
* {
	margin:0;
	padding:0;
}
body {
	background-color:#3a3a3a;
	color:#000000;
	margin:0px;
	padding:0px;
	vertical-align:top;
	background:#26282D url(../img/bg.gif);
	color:#636363;
	line-height:13px;
}
p {
	padding-top:.5em;
	padding-bottom:.5em;
	line-height:normal;
	font-weight:normal;
}
body, p, li {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#E1E1E1;
	text-decoration:none;
}
img {
	border:0px;
	vertical-align:top;
}
a, a:visited {
	background-color:inherit;
	color:#4964a9;
	color:#238DDC;
	text-decoration:none;
}
a:hover, a:active {
	background-color:inherit;
	color:#238DDC;
	text-decoration:underline;
}
/* Copyright and bottom info */
.copyright {
	background-color:inherit;
	color:#fff;
	text-align:center;
	font-weight:800;
	font-size:12px;
}
a.copyright, a.copyright:visited {
	background-color:inherit;
	color:#fff;
	text-decoration:none;
}
a.copyright:hover, a.copyright:active {
	background-color:inherit;
	color:#fff;
	text-decoration:underline;
}
input, select, textarea {
	font-family:arial;
	color:#4A4A4A;
	line-height:11px;
	font-size:10px;
	font-weight:normal;
	vertical-align:middle;
}
table, td {
	vertical-align:top;
}
img {
	border:0px;
	vertical-align:top;
}
#mainWrapper {
	padding:0 0 15px;
}
.main_w {
	width:100%;
	margin:auto;
}
.spacer {
	font-size:0px;
	line-height:0px;
}
.clear {
	clear:both;
}
.clear_r {
	clear:right;
}
.head {
	background:url(../img/bg_head.gif) bottom;
	color:#999999;
	width:100%;
}
.head_c {
	background:url(../img/bg_head_b.jpg) bottom repeat-x;
}
.head_c_gr {
	background:url(../img/bg_head_b_gr.jpg) bottom repeat-x;
}
.head_r {
	background:url(../img/bg_head_br.jpg) bottom right no-repeat;
}
.head_r_backup {
	background:url(../img/bg_head_backup.jpg) bottom right no-repeat;
}
.head_r_network {
	background:url(../img/bg_head_network.jpg) bottom right no-repeat;
}
.head_r_service {
	background:url(../img/bg_head_service.jpg) bottom right no-repeat;
}
.head_r_virus {
	background:url(../img/bg_head_virus.jpg) bottom right no-repeat;
}
.head_r_xbox {
	background:url(../img/bg_head_xbox.jpg) bottom right no-repeat;
}
.head_r_website {
	background:url(../img/bg_head_website.jpg) bottom right no-repeat;
}
.head_r_hosting {
	background:url(../img/bg_head_hosting.jpg) bottom right no-repeat;
}
.head_r_recycle {
	background:url(../img/bg_head_recycle.jpg) bottom right no-repeat;
}
.head_l {
	background:url(../img/bg_head_bl.jpg) bottom left no-repeat;
}
.head_gr {
	background:url(../img/bg_head_gr.jpg) bottom left no-repeat;
}
/*.logo {padding:21px 0 25px 45px; float:left;}*/
.logo {
	padding:10px 0 5px 45px;
	float:left;
}
/*.links {float:right; padding:26px 42px 5px 10px; font-size:14px; color:#999999; font-weight:bolder;}*/
.links {
	float:right;
	padding:5px 42px 5px 10px;
	font-size:14px;
	color:#999999;
	font-weight:bolder;
}
.links a {
	color:#999999;
}
.nav_1 {
	float:right;
	padding:5px 42px 0 5px;
}
.nav_1 .select {
	width:80px;
	margin:0;
	padding:0;
}
.nav_2 {
	float:right;
	padding:6px 10px 0 10px;
}
/*.slogan {padding:70px 0 59px 102px; float:left;}*/
.slogan {
	padding:40px 0 40px 102px;
	float:left;
}
.content {
	margin:auto;
	padding:2em;
}
.menu {
	width:100%;
	background:#2C2C2B url(../img/menu_bg.gif) top repeat-x;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
.menu .menu_pad {
	padding:0 20px 0 21px;
}
#navEZPagesTop {
}
.menu ul {
	margin:0;
	list-style:none;
	font-size:11px;
	font-weight:bold;
}
.menu ul li {/*float:left; background:url(../img/menu_line.gif) top left no-repeat; padding:6px 25px 9px 27px;*/
}
.menu ul li.li_un {
	background:none;
}
.menu ul li a {
	color:#FFFFFF;
	text-decoration:none;
}
.menu ul li a:hover {
	text-decoration:underline;
}
#contentMainWrapper {
}
#column_left {
	padding-top:13px;
}
#column_center {
	background:url(../img/bg_center.gif);
	padding-top:13px;
}
.bg_center {
	background:url(../img/bg_center.gif);
}
.cen_pad {
	padding:0 15px 5px;
}
.box {
}
.box_head {
	padding:10px 20px 0 48px;
	background:#636463 url(../img/h1_bg.gif) top repeat-x;
	height:30px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	line-height:normal;
	font-weight:bold;
}
.box_head a {
	color:#FFFFFF;
	text-decoration:none;
}
.box_head a:hover {
	text-decoration:underline;
}
.box_body {
	margin:0;
	color:#7D7D7D;
	font-size:11px;
	padding:13px 30px 15px;
}
.box_body a {
	color:#7D7D7D;
	text-decoration:none;
}
.box_body a:hover {
	text-decoration:underline;
}
.box_body ul {
	margin:0;
	padding:0;
	list-style:none;
}
.box_body ul li {
	padding:4px 0 5px;
	background:url(../img/li_line.gif) bottom left repeat-x;
}
.box_body ul li a {
	text-decoration:none;
	background:url(../img/arrow_1.gif) top left no-repeat;
	padding-left:18px;
}
.box_body ul li a:hover {
	text-decoration:underline;
}
.box_body ol {
	margin:0;
	padding:0;
	list-style:none;
}
.box_body ol li {
	padding:4px 0 5px 6px;
	background:url(../img/li_line.gif) bottom left repeat-x;
}
.box_body ol li a {
	text-decoration:none;
	background:url(../img/arrow_1.gif) top left no-repeat;
	padding-left:18px;
}
.box_body ol li a:hover {
	text-decoration:underline;
}
#categories {
}
#categories a.category-products {
	color:#E1E1E1;
	text-decoration:none;
}
#categories a.category-products:hover {
	color:#636363;
	text-decoration:none;
}
.sideBoxContent {
}
#moreinformation {
}
#moreinformation .box_body ul {
	margin:0;
	padding:0;
	list-style:none;
}
#moreinformation .box_body ul li {
	padding:4px 0 5px 6px;
	background:url(../img/li_line.gif) bottom left repeat-x;
}
#moreinformation .box_body ul li a {
	text-decoration:none;
	background:url(../img/arrow_1.gif) top left no-repeat;
	padding-left:18px;
}
#moreinformation .box_body ul li a:hover {
	text-decoration:underline;
}
.centerColumn ul {
	padding:0px;
	margin:8px 15px;
	color:#636363;
}
.centerColumn {
}
.centerColumn table {
}
#indexDefault {
	border:none;
	padding:0;
	margin:0;
}
h2.centerBoxHeading, h2.centerBoxHeading_gr {
	width:auto;
	margin:0 -15px;
	padding:10px 25px 0 47px;
	color:#FFFFFF;
	font-size:16px;
	line-height:normal;
	font-weight:bold;
	height:30px;
}
h2.centerBoxHeading {
	background:#214296 url(../img/h_bg.gif) top repeat-x;
}
h2.centerBoxHeading_gr {
	background:#47a000 url(../img/h_bg_gr.gif) top repeat-x;
}
.centerBoxContentsFeatured {
	vertical-align: top;
	width:auto;
	line-height:normal;
	font-weight:normal;
}
/*.content p{line-height:20px; }*/


/*

input, select, textarea {
	font-family:arial;
	color:#4A4A4A; line-height:11px; font-size:10px; font-weight:normal;
	vertical-align:middle;
}

#column_center input, #column_center select {margin:3px;}

.in_none {border:none; padding:0;}

table, td {vertical-align:top;}

a {text-decoration:underline;}	
a:hover{text-decoration:none;}


.col {
	float:left;
}



.line {padding:0; line-height:0px; font-size:0px; background:url(../img/line_1.gif) top left repeat-x;}


#column_right  {padding-top:13px;}

.product a {color:#E1E1E1; text-decoration:none; font-size:11px; line-height:normal; font-weight:normal;}
.product a strong {color:#E1E1E1; text-decoration:none; font-size:11px; line-height:normal; font-weight:normal;}
.product a:hover {text-decoration:underline;}

.product strong {color:#E1E1E1; font-family:tahoma; font-size:19px; line-height:normal; font-weight:normal;}

.product_list {padding:20px 0; margin:0; background:url(../img/line_1.gif) bottom left repeat-x;}
.product_list .left {float:left; position:relative; padding-top:2px; text-align:center;}
.product_list .right {float:right; width:100%;}

.product_list .name {}
.product_list a {color:#E1E1E1; text-decoration:none; font-size:11px; line-height:normal; font-weight:normal;}
.product_list a:hover {text-decoration:underline;}

.product_list .text {padding:10px 15px 0 0;}

.product_list .price {padding:22px 0 0; float:left;}
.product_list .button {padding:23px 20px 0; float:left;}
.product_list strong {color:#E1E1E1; font-family:tahoma; font-size:19px; line-height:normal; font-weight:normal;}

.product_list_col {padding:20px 0; margin:0 0 0; background:url(../img/line_1.gif) bottom left repeat-x;}

.product_list_col .name {padding:11px 0 0;}
.product_list_col a {color:#E1E1E1; text-decoration:none; font-size:11px; line-height:normal; font-weight:normal;}
.product_list_col a:hover {text-decoration:underline;}

.product_list_col .text {padding:4px 0 0 0;}

.product_list_col .price {padding:2px 0;}
.product_list_col .button {padding:5px 0 0;}
.product_list_col strong {color:#E1E1E1; font-family:tahoma; font-size:19px; line-height:normal; font-weight:normal;}

.footer {width:100%; border-top:1px solid #484846;}

.footer_pad {padding:15px 0 16px;}

.footer .left {float:left; width:237px;}
.footer .left .indent {padding:3px 0 0 48px;}

.footer .right {float:right; width:100%; margin-left:-237px;}
.footer .right .margin {margin-left:237px;}

.footer {color:#7D7D7D; font-family:tahoma; font-size:10px;}
.footer a {color:#7D7D7D; text-decoration:none;}
.footer a:hover {text-decoration:underline;}

.footer .copy {padding-top:5px; color:#7D7D7D;}
.footer .copy a {color:#7D7D7D;}
*/


/* 
  -----------------------------------
  Pop Menu Magic 2
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme: 03 - Greystone
  -----------------------------------
*/
#p7PMM_1 {
	height:46px;
}
/*Menu Outer Wrapper*/
.p7PMMh03 {
	height:46px;
	width: auto;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	background: url(../img/menu_bg.gif) repeat-x #999;
	background-repeat: repeat-x;
	background-color: #999;
	text-align: left;
	line-height: normal;
}
/*Hide Sub-Menu in Design View*/
.p7PMMh03 ul div {
	display: none;
}
/*
TOP LEVEL MENU
*/
.p7PMMh03 ul {
	margin: 0;
	padding: 0;
}
.p7PMMh03 li {
	list-style-type: none;
	float: left;
	width: 120px;
}
/* Hide from IE5 Mac \*/
.p7PMMh03 li {
	width: auto;
}
/*End Hiding*/

/*Top Level Links*/
.p7PMMh03 a {
	display: block;
	text-decoration: none;
	padding: 14px 18px 14px 16px;
	color: #fff !important;
	border-right: 1px solid #000;
	text-align: left;
	background:url(../img/menu_bg.gif) repeat-x top;
}
.p7PMMh03 a:hover {
	color: #FFF !important;
	background-color:#214296;
}
/*
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
*/
.p7PMMh03 ul a.pmmfirst {
}
.p7PMMh03 ul a.pmmlast {
}
.p7PMMh03 ul li.pmmfirst {
}
.p7PMMh03 ul li.pmmlast {
}
/*First Sub Level*/
.p7PMMh03 ul ul {
	z-index: 10000;
	background-color: #000;
	width: 200px;
	background-image: url(../p7pmm/img/pmm_greystone_subs.jpg);
	background-repeat: repeat-x;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #666;
}
.p7PMMh03 ul ul li {
	float: none;
	background-image: none;
}
.p7PMMh03 ul ul a {
	padding: 4px 16px;
	color: #CCC !important;
	border-right: 0;
	/*background-image: none;*/
	text-align: left;
	overflow: hidden;
}
.p7PMMh03 ul ul a:hover {
	background-color: #214296 !important;
	color: #FFF !important;/*background-image: none;*/
}
/*Third Level (Flyouts in horizontal menu)*/
.p7PMMh03 ul ul ul {
	border-top: 1px solid #555;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #555;
}
/*
SPECIAL IMAGE-BASED RULES
*/
.p7PMMh03 img {
	border: 0;
}
.p7PMMh03 .p7PMM_img {
	padding: 0;
	border: 0;
	background-image: none;
	background-color: transparent;
}
/*
TRIGGERS and CUURENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
*/

/*Sub Level*/
.p7PMMh03 ul a.trig_closed, .p7PMMh03 ul a.trig_closed_left {
	background-image: url(../p7pmm/img/pmm_south_light.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMh03 ul a.trig_closed_up {
	background-image: url(../p7pmm/img/pmm_north_light.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMh03 ul li.trig_open {
	color: #FFF !important;
	background-color: #214296 !important;
}
.p7PMMh03 ul a.trig_open {
	background-position: 100% -165px;
	color: #FFF !important;
}
.p7PMMh03 ul a.trig_open_up {
	background-color: #000;
	color: #FFF !important;
}
.p7PMMh03 ul ul a.trig_closed {
	background-image: url(../p7pmm/img/pmm_east_medium.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.p7PMMh03 ul ul a.trig_closed_left {
	background-image: url(../p7pmm/img/pmm_west_medium.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.p7PMMh03 ul ul a.trig_open {
	color: #FFF !important;
	background-color: #214296 !important;
}
/*The Current Marker (You are here) links*/
.p7PMMh03 .current_mark {
	font-weight: bold;
	color: #fff !important;
	font-variant: small-caps;
	background-color:#214296;
}
.p7PMMh03 ul ul .current_mark {
	color: #FFF !important;
}
/*
Utility Rule used for Clearing floats in Horizontal Menus
*/
.p7pmmclearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}