/* CSS Document */

.STYLE1 {color: #FF0000}
/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, fieldset, a { margin: 0; padding: 0; font: 100%/120% Verdana, Arial, Helvetica, sans-serif; }

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }

/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote { margin-left: 1em; }

/* Miscellaneous conveniences: */
form label {cursor: pointer; }
fieldset {border: none;}
input, select, textarea {font-size: 100%;font-family: inherit;}

body
{
  margin: 40px 0 20px 0; background: url(images/bg_page.jpg) top left no-repeat #022d55; color: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; min-width: 930px; text-align: center;
}

a:link {text-decoration: none; color: #0066cc; background-color: transparent; outline:none}
a:visited {text-decoration: none; color: #0066cc; background-color: transparent;outline:none}
a:hover {text-decoration: underline; color: #0066cc; background-color: transparent;outline:none}

/*-- GENERAL BITS --------------*/
.container {margin: 0 auto; width: 930px; padding: 0; border: 0; position: relative; text-align: left;}
.mainContainer {margin: 0; float: left; display: inline; width: 930px; background-color: #FFFFFF; padding: 0;}

/*-- HEADER---------------------*/
.headerArea {float: left; display: inline; width: 930px; height: 120px; background-color: #FFFFFF;}
.headerLogo {float: left; display: inline; margin: 40px 0 0 0; width: 300px; height: 50px;}
.headerTelephone {float: right; display: inline; margin: 42px 30px 0 0; width: 163px; height: 40px;}

.navbar {float: left; display: inline; margin: 0 0 0 0; width: 930px; height: 35px; background: url(images/nav_bar_bg.gif) top left repeat-x #4c9cd3; }
/*修改处理部分  --by zhuy_01*/
/*--del by zhuy_01
    .navbar ul {display: inline; float: left; list-style: none; margin: 0; padding: 0;}
	.navbar li {display: inline; float: left; margin: 0;}
	.navbar li a {display: inline; float: left; height: 35px;}
	.navbar li span {display: none;}
*/
/*begin --by zhuy_01 add*/
    .navbar ul {display: inline; float: left; list-style: none; margin: 0; padding: 0; outline:none;}
	.navbar li {display: inline; float: left; margin: 0; text-align:center; outline:none;}
	.navbar li a {display: inline; float: left; height: 35px; padding-top:8px;  outline:none;}
	.navbar li span {display: block; color:#ffffff; font-size:14px; font-weight:bold; margin: 0; font-family:Arial;  outline:none;}
/*end --by zhuy_01 add*/

#nav01 a {width: 90px; height: 35px;}
#nav01on a {width: 90px; height: 35px;  text-decoration:underline;}

#nav02 a {width: 110px; height: 35px;}
#nav02on a {width: 110px; height: 35px; text-decoration:underline;}

#nav03 a {width: 120px; height: 35px;}
#nav03on a {width: 120px; height: 35px;text-decoration:underline;}

#nav04 a {width: 113px; height: 35px;}
#nav04on a {width: 113px; height: 35px;text-decoration:underline;}

#nav05 a {width: 101px; height: 35px;}
#nav05on a {width: 101px; height: 35px;text-decoration:underline;}

#nav06 a {width: 101px; height: 35px;}
#nav06on a {width: 101px; height: 35px;text-decoration:underline;}

#nav07 a {background: url(images/nav_about_us_off.gif) top left no-repeat; width: 105px; height: 35px;}
#nav07 a:hover {background: url(images/nav_about_us_hov.gif) top left no-repeat;}
#nav07on a {background: url(images/nav_about_us_on.gif) top left no-repeat; width: 105px; height: 35px;}

#nav08 a {background: url(images/nav_contact_us_off.gif) top left no-repeat; width: 115px; height: 35px;}
#nav08 a:hover {background: url(images/nav_contact_us_hov.gif) top left no-repeat;}
#nav08on a {background: url(images/nav_contact_us_on.gif) top left no-repeat; width: 115px; height: 35px;}

/*-- FOOTER --*/
.footer {float: left; display: inline; width: 930px; height: 86px; margin: 0 0 40px 0; background: url(images/footer_bg.gif) top left #022d55;}
	.footer p {float: left; display: inline; font-size: 11px; color: #6699CC; line-height: 1.5em; margin: 55px 0 0 30px;}
	.footer a:link {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	.footer a:visited {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
	.footer a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}

/*-- HOME PAGE --*/
.homeIntro {float: left; display: inline; width: 930px; height: 230px; /*background: url(images/home_intro_bg.jpg) top right no-repeat #FFFFFF;*/}
	.homeIntro h1 {margin: 30px 0 5px 30px; text-indent: -9000px; line-height: 1em; background: url(images/home_intro_strapline.gif) top left no-repeat; width: 317px; height: 36px;}
	.homeIntro p {font-size: 14px; color: #333333; line-height: 1.6em; width: 570px; margin: 0 0 0.5em 30px;}
    .homeIntro img {display:block; float:right; height:230px; width:340px; border:0; padding:0; margin:0; } 
	.homeIntro h2 {font-size: 25px; color: #333333; line-height: 1.5em; margin: 1em 0 0.5em 1em;}

.homeLowerHalf {float: left; display: inline; width: 930px; min-height: 420px; background: url(images/home_lower_bg.jpg) top left no-repeat; margin: 10px 0 0 0;}

.homeLeftColumn {float: left; display: inline; width: 270px; margin: 20px 30px 0 30px;}
	.homeLeftColumn h2 {font-size: 14px; color: #333333; line-height: 1.5em; margin: 0 0 0.5em 0;}
	.homeLeftColumn p {font-size: 11px; color: #666666; line-height: 1.5em; margin: 0;}
	.homeLeftColumn h6 {font-size: 11px; font-weight: normal; margin: 5px 0 20px 0; color: #666666;}
	.homeLeftColumn img {margin: 0 0 30px 0; outline:none; border:none;}

.homeMiddleColumn {float: left; display: inline; width: 270px; margin: 20px 0 0 0;}
	.homeMiddleColumn h2 {font-size: 14px; color: #333333; line-height: 1.5em; margin: 0 0 0.5em 0;}
	.homeMiddleColumn p {font-size: 11px; color: #666666; line-height: 1.5em; margin: 0;}
	.homeMiddleColumn h6 {font-size: 11px; font-weight: normal; margin: 5px 0 20px 0; color: #666666;}
	.homeMiddleColumn img {margin: 0 0 30px 0;border:none;}

.homeRightColumn {float: right; display: inline; width: 261px; margin: 10px 19px 0 0;}
	.homeRightColumn h2 {font-size: 12px; color: #333333; line-height: 1.5em; margin: 0 0 0.5em 0;}
	.homeRightColumn img {border: 0; margin: 0 0 15px 0; float: left; display: inline;}

#homeHPLogo {margin: 9px 0 15px 0;}

#subNetworkExpansion {background: url(images/sub_network_expansion.gif) top left no-repeat; width: 155px; height: 22px;}
#subMobility {background: url(images/sub_mobility.gif) top left no-repeat; width: 69px; height: 22px;}
#subSupport {background: url(images/sub_support.gif) top left no-repeat; width: 69px; height: 22px;}
#subPerformanceUpgrade {background: url(images/sub_performance_upgrade.gif) top left no-repeat; width: 177px; height: 22px;}
#subConvergence {background: url(images/sub_convergence.gif) top left no-repeat; width: 106px; height: 22px;}
#subAudioVisual {background: url(images/sub_audio_visual.gif) top left no-repeat; width: 101px; height: 22px;}

/*-- TITLE AREA --*/
.titleArea {float: left; display: inline; width: 930px; height: 99px; background: url(images/title_area_bg.gif) top right no-repeat #c3e4fc; border-bottom: 1px solid #9ec3de; margin: 0;}
	.titleArea h1 {margin: 25px 0 0 30px; line-height: 1.5em; font-size:30px; color:#333333;}

#titleNetworkExpansion {background: url(images/title_network_expansion.gif) top left no-repeat; width: 570px; height: 32px;}
#titleSolutionsOverview {background: url(images/title_solutions_overview.gif) top left no-repeat; width: 570px; height: 32px;}
#titlePerformanceUpgrade {background: url(images/title_performance_upgrade.gif) top left no-repeat; width: 570px; height: 32px;}
#titleMobility {background: url(images/title_mobility.gif) top left no-repeat; width: 570px; height: 32px;}
#titleConvergence {background: url(images/title_convergence.gif) top left no-repeat; width: 570px; height: 32px;}
#titleAudioVisual {background: url(images/title_audio_visual.gif) top left no-repeat; width: 570px; height: 32px;}
#titleTechnologyOverview {background: url(images/title_technology_overview.gif) top left no-repeat; width: 570px; height: 32px;}
#titleNetworkCabling {background: url(images/title_network_cabling.gif) top left no-repeat; width: 570px; height: 32px;}
#titleCabinets {background: url(images/title_cabinets.gif) top left no-repeat; width: 570px; height: 32px;}
#titleSwitches {background: url(images/title_switches.gif) top left no-repeat; width: 570px; height: 32px;}
#titleWireless {background: url(images/title_wireless.gif) top left no-repeat; width: 570px; height: 32px;}
#titleHotspot {background: url(images/title_hotspot.gif) top left no-repeat; width: 570px; height: 32px;}
#titleTesters {background: url(images/title_testers.gif) top left no-repeat; width: 570px; height: 32px;}
#titleTelephony {background: url(images/title_ip_telephony.gif) top left no-repeat; width: 570px; height: 32px;}
#titleSurveillance {background: url(images/title_ip_surveillance.gif) top left no-repeat; width: 570px; height: 32px;}
#titleAudioVisualTechnology {background: url(images/title_audio_visual_technology.gif) top left no-repeat; width: 570px; height: 32px;}
#titleAboutUs {background: url(images/title_about_us.gif) top left no-repeat; width: 570px; height: 32px;}
#titleContactUs {background: url(images/title_contact_us.gif) top left no-repeat; width: 570px; height: 32px;}
#titleSupport {background: url(images/title_support.gif) top left no-repeat; width: 570px; height: 32px;}
#titleEducation {background: url(images/title_education.gif) top left no-repeat; width: 570px; height: 32px;}
#titleCaseNetworkExpansion {background: url(images/title_case_network_expansion.gif) top left no-repeat; width: 570px; height: 32px;}
#titleCasePerformanceUpgrade {background: url(images/title_case_performance_upgrade.gif) top left no-repeat; width: 570px; height: 32px;}
#titleCaseMobility {background: url(images/title_case_mobility.gif) top left no-repeat; width: 570px; height: 32px;}
#titleCaseConvergence {background: url(images/title_case_convergence.gif) top left no-repeat; width: 570px; height: 32px;}
#titleCaseSupport {background: url(images/title_case_support.gif) top left no-repeat; width: 570px; height: 32px;}
#titleCaseAudioVisual {background: url(images/title_case_audio_visual.gif) top left no-repeat; width: 570px; height: 32px;}
#titleEducationOverview {background: url(images/title_education_overview.gif) top left no-repeat; width: 570px; height: 32px;}
#titleFreeAudits {background: url(images/title_free_audits.gif) top left no-repeat; width: 570px; height: 32px;}
#titleDevelopmentPlans {background: url(images/title_development_plans.gif) top left no-repeat; width: 570px; height: 32px;}
#titleValueForMoney {background: url(images/title_value_for_money.gif) top left no-repeat; width: 570px; height: 32px;}
#titleEducationSupport {background: url(images/title_support.gif) top left no-repeat; width: 570px; height: 32px;}
#titleEducationHotspots {background: url(images/title_hotspots.gif) top left no-repeat; width: 570px; height: 32px;}
#titleEducationCaseStudies {background: url(images/title_case_studies.gif) top left no-repeat; width: 570px; height: 32px;}
#titleAnnualAgreement {background: url(images/title_annual_agreement.gif) top left no-repeat; width: 570px; height: 32px;}
#titleWhatsCovered {background: url(images/title_whats_covered.gif) top left no-repeat; width: 570px; height: 32px;}
#titleExcludedItems {background: url(images/title_excluded_items.gif) top left no-repeat; width: 570px; height: 32px;}
#titleInitialInspection {background: url(images/title_initial_inspection.gif) top left no-repeat; width: 570px; height: 32px;}
#titleLoanProducts {background: url(images/title_loan_products.gif) top left no-repeat; width: 570px; height: 32px;}
#titleCallOutService {background: url(images/title_call_out_service.gif) top left no-repeat; width: 570px; height: 32px;}
#titleThankYou {background: url(images/title_thank_you.gif) top left no-repeat; width: 570px; height: 32px;}

/*-- CONTENT PAGE --*/
.mainContentArea {float: left; display: inline; width: 930px; margin: 0;}

.columnMainContent {float: left; display: inline; width: 570px; margin: 20px 0 0 30px;}
	.columnMainContent h3 {font-size: 14px; font-weight: normal; line-height: 1.7em; color: #333333;}
	.columnMainContent h4 {font-size: 15px; color: #333333; line-height: 1.5em;}
		.columnMainContent h4 em {font-style: italic; color: #666666; font-weight: normal;}
	.columnMainContent h2 {font-size: 14px; line-height: 1.5em; color: #333333;}
	.columnMainContent p {font-size: 12px; line-height: 1.7em; color: #666666;}
	.columnMainContent ul {margin: 5px 0 5px -10px; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color: #666666;}
	.columnMainContent li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 9px; background-repeat: no-repeat; padding: 3px 0 3px 12px;}
	.columnMainContent h6 {font-size: 11px; font-weight: bold; color: #333333;}
	.columnMainContent h6 em {color: #CC0000;}
	.columnMainContent form {padding: 0; margin: 10px 0 0 0;}
	.columnMainContent label {font-size: 14px; font-weight: bold; color: #333333; width: 120px; display: inline; float: left; padding: 4px 0 0 0; margin: -4px 10px 0 0;}
	.columnMainContent label em {color: #CC0000;}
	.columnMainContent a {font-size:14px; margin: 0 0 0 0; text-decoration:none; outline:none}

.formContactText {width: 380px; border: 1px solid #9ec3de; background-color: #FFFFFF; font-size: 14px; padding: 4px;}
.formContactSelect {width: 380px; background-color: #FFFFFF; font-size: 12px;}
.formContactButton {padding: 5px 5px 5px 5px; background-color: #4597d2; color: #FFFFFF; font-size: 14px; border: 1px solid #2978b0; margin: 10px 0 0 130px;}

.columnRight {float: right; display: inline; width: 285px; margin: 0 30px 20px 0;}
	.columnRight h4 {margin: 30px 0 5px 30px; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.columnRight h5 {margin: 20px 0 5px 30px; font-size: 13px; line-height: 1em; color: #333333;}
	.columnRight p {margin: 0.8em 0 0.8em 30px; font-size: 12px; line-height: 1.5em; color: #666666;}
		.columnRight p strong {color: #333333; font-weight: bold;}
	.columnRight ul {float: left; position: relative; margin: 0 0 20px 30px; font-size: 13px; border-top: 1px solid #d2dce5; list-style: none; width: 250px; display: inline;}
	.columnRight li {position: relative; border-bottom: 1px solid #d2dce5; line-height: 2.4em; margin: 0; color: #333333;}
	.columnRight span {font-weight: bold;}
	.columnRight img {border: 0; margin: 0 0 0 30px;}
	.columnRight a:link {text-decoration: none; color: #0066cc; background-color: transparent;}
	.columnRight a:visited {text-decoration: none; color: #0066cc; background-color: transparent;}
	.columnRight a:hover {text-decoration: none; color: #003366; background-color: transparent;}

#columnBgTechnology {background: url(images/side_col_bg_technology.gif) top left no-repeat; min-height: 500px;}
#navTopSolutions {background: url(images/nav_top_solutions.gif) top left no-repeat; width: 106px; height: 24px;}
#navTopTechnology {background: url(images/nav_top_technology.gif) top left no-repeat; width: 125px; height: 24px;}
#navTopContactDetails {background: url(images/nav_top_contact_details.gif) top left no-repeat; width: 137px; height: 24px;}
#navTopEducation {background: url(images/nav_top_education.gif) top left no-repeat; width: 111px; height: 24px;}
#navTopSupport {background: url(images/nav_top_support.gif) top left no-repeat; width: 96px; height: 24px;}
#navTopCaseStudies {background: url(images/nav_top_case_studies.gif) top left no-repeat; width: 133px; height: 24px;}

/*-- OVERVIEW PAGES --*/
.overviewArea {float: left; display: inline; background-repeat: no-repeat; margin: 10px 0 20px 0; width: 570px;}
	.overviewArea h2 {font-size: 14px; color: #333333; line-height: 1.5em; margin: 0 0 0.5em 50px;}
	.overviewArea p {font-size: 12px; color: #666666; line-height: 1.5em; margin: 0.5em 0 0.5em 50px;}
	.overviewArea h6 {font-size: 12px; margin: 0 0 0 50px;}
	.overviewArea img {border: 0; margin: 0 0 0 50px;}

#overviewIconNetworkExpansion {background: url(images/icon_performance_upgrade.gif) top left no-repeat;}
#overviewIconPerformanceUpgrade {background: url(images/icon_performance_upgrade.gif) top left no-repeat;}
#overviewIconMobility {background: url(images/icon_mobility.gif) top left no-repeat;}
#overviewIconConvergence {background: url(images/icon_convergence.gif) top left no-repeat;}
#overviewIconAudioVisual {background: url(images/icon_audio_visual.gif) top left no-repeat;}
#overviewIconNetworkCabling {background: url(images/icon_network_cabling.gif) top left no-repeat;}
#overviewIconCabinets {background: url(images/icon_cabinets.gif) top left no-repeat;}
#overviewIconSwitches {background: url(images/icon_switches.gif) top left no-repeat;}
#overviewIconWireless {background: url(images/icon_wireless.gif) top left no-repeat;}
#overviewIconHotspot {background: url(images/icon_hotspot.gif) top left no-repeat;}
#overviewIconTesters {background: url(images/icon_testers.gif) top left no-repeat;}
#overviewIconTelephony {background: url(images/icon_telephony.gif) top left no-repeat;}
#overviewIconSurveillance {background: url(images/icon_surveillance.gif) top left no-repeat;}
#overviewIconAudioVisualTechnology {background: url(images/icon_audio_visual2.gif) top left no-repeat;}


/*-- OVERVIEW NO ICON --*/
.overviewAreaNone {float: left; display: inline; background-repeat: no-repeat; margin: 10px 0 20px 0; width: 570px;}
	.overviewAreaNone h2 {font-size: 14px; color: #333333; line-height: 1.5em; margin: 0 0 0.5em 0;}
	.overviewAreaNone p {font-size: 12px; color: #666666; line-height: 1.5em; margin: 0.5em 0 0.5em 0;}
	.overviewAreaNone h6 {font-size: 12px; margin: 0 0 0 0;}

.rightColHPLogo {float: left; display: inline; margin: 20px 0 20px 0; border: 0;}