/* center */

#center {
width: 740px;
margin: 20px 30px 20px 30px;
_margin: 16px 30px 20px 30px; /* ie 6 hack */
padding: 0;
overflow: auto;
}

/* header banner */

#header_banner {
width: 550px;
height: 35px;
margin: 0 0 16px 0;
padding: 48px 0 0 0;
background-image: url(/smallmediumbusiness/images/header_homepage.jpg);
}
#header_banner p.header {
width: 542px;
margin: 0;
padding: 4px;
font-size: 0.7em;
color: #002252;
background: #ffffff;
}

/* main content right */

#main_content_full {
width: 740px;
float: left;
margin: 0;
padding: 0 0 14px 0;
}
#main_content_full h1 {
margin: 0 0 20px 0;;
padding: 0 0 10px 0;
font-size: 2.0em;
color: #27a2f0;
}
#main_content_full h2 {
margin: 0;
padding: 0 0 10px 0;
font-size: 1.2em;
color: #27a2f0;
}
#main_content_full h3 {
margin: 0;
padding: 15px 0 0 0;
font-size: 1em;
color: #002252;
}
#main_content_full p {
margin: 0;
padding: 8px 0 8px 0;
font-size: 0.8em;
line-height: 20px;
color: #002252;
}

/* right content */

#full_content {
width: 170px;
float: right;
margin: 0;
padding: 8px 0 8px 20px;
}
#full_content h1 {
width: 160px;
margin: 16px 0 1px 0;
padding: 4px 4px 4px 6px;
font-size: 0.8em;
color: #ffffff;
background-color: #27a2f0;
}

/* most viewed pages & our services */

#full_content .links {
width: 170px;
margin: 0;
padding: 0;
}
#full_content .links ul {
width: 164px;
margin: 0;
padding: 10px 0px 20px 6px;
list-style-type: none;
display:block;
background-color:#d2ecfb;
}
#full_content .links ul li {
width: 160px;
margin: 0 0 1px 0;
_margin-bottom: -2px; /* ie 6 hack */
padding: 0;
background: url(/images/arrow_blue.gif) no-repeat top left;
background-position: 4px 3px;
font-size: 0.8em;
}
#full_content .links ul li a {
display: block;
margin: 0 0 0 24px;
padding: 0;
font-size: 0.9em;
color: #002252;
text-decoration: none;
line-height: 18px;
}
#full_content .links ul li a:hover {
text-decoration: underline;
color:#27a2f0;
}

/* full content homepage */

#left_content {
width: 540px;
float: left;
}
#left_content .box {
width: 548px;
margin-bottom: 15px;
border: 1px solid #002252;
padding: 0;
overflow:auto;
}
#left_content .box p a {
font-weight: bold;
color: #ffffff;
background-color: #002252;
background: url(/images/arrow_white.gif) no-repeat top left #002252;
background-position: 140px 8px;
float: right;
padding: 3px 10px 3px 10px;
margin: 30px 0 0 0;
width: 60px;
text-decoration :none;
width: 140px;
}
#left_content .box p a:hover {
text-decoration:underline;
}
#left_content .box h1 {
float:left;
font-size:1.3em;
color:#002252;
padding: 8px 0 0 8px;
}
#left_content .box h2 {
font-size:1em;
color:#002252;
padding: 8px 0 0 8px;
margin: 0;
}
#left_content .box h3 {
width: 450px;
clear: both;
font-size:0.8em;
color:#27a2f0;
padding: 10px 0 5px 8px;
margin: 0;
}
#left_content .box .common_questions_icon {
background: url(/helpandsupport/images/question_mark_icon_large.gif) no-repeat top left;
background-position: 320px -10px;
}
#left_content .box .common_questions_icon ul {
clear:both;
width: 400px;
margin: 0;
padding: 10px 0px 20px 6px;
list-style-type: none;
display:block;
}
#left_content .box .common_questions_icon li {
width: 400px;
margin: 0 0 1px 0;
_margin-bottom: -2px; /* ie 6 hack */
padding: 0;
background: url(/images/arrow_blue.gif) no-repeat top left;
background-position: 4px 3px;
font-size: 0.8em;
}
#left_content .box .common_questions_icon li a {
display: block;
margin: 0 0 0 24px;
padding: 0;
font-size: 0.9em;
color: #002252;
text-decoration: none;
line-height: 18px;
}
#left_content .box .common_questions_icon a:hover {
text-decoration:underline;
color:#27a2f0;
}

/* medium boxs - Enquiries, Webmail, Kingston Network and Billing Enquiries */

#left_content #medium_boxs {
width: 548px;
margin: 30px 0 15px 0;
padding: 0;
}
#left_content #medium_boxs p a {
font-weight: bold;
color: #ffffff;
background-color: #002252;
background: url(/images/arrow_white.gif) no-repeat top left #002252;
background-position: 140px 8px;
float: right;
padding: 3px 10px 3px 10px;
margin: 0;
width: 60px;
text-decoration :none;
width: 140px;
}
#left_content .contact_links {
width: 250px;
margin: 0;
padding: 0;
}
#left_content .contact_links ul {
width: 200px;
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
}
#left_content .contact_links ul li {
width: 110px;
margin: 0 0 0 10px;
padding: 7px 0 6px 40px;
float:left;
font-size:0.8em;
color: #002252;
}
#left_content .contact_links ul li a {
margin: 0;
padding:0;
float:left;
color: #002252;
background: url(/images/arrow_white.gif) no-repeat top left;
background-position: 10px 2px;
font-size:1em;
}
#left_content .contact_links ul li a:hover {
text-decoration:underline;
color:#27a2f0;
}
.contact_links ul li.icon_phone {
background: url(/helpandsupport/images/phone_icon_small.gif) no-repeat top left;
background-position: -1px 0px;
padding: 4px;
}
.contact_links ul li.icon_fax {
background: url(/helpandsupport/images/fax_icon_small.gif) no-repeat top left;
background-position: -1px 0px;
padding: 4px;
}
.contact_links ul li.icon_email {
background: url(/helpandsupport/images/email_icon_small.gif) no-repeat top left;
background-position: -1px 0px;
padding: 4px;
}
#left_content #medium_boxs ul.contact_left  {
width: 250px;
margin: 0 0 10px 0;
padding: 0;
float: left;
}
#left_content .#medium_boxs ul.contact_left li {
list-style-type: none;
}
#left_content #medium_boxs ul.contact_left li a {
width:180px;
background: url(/images/arrow_blue.gif) no-repeat top left;
background-position: 10px 2px;
color: #002252;
font-size: 0.7em;
padding: 0 0 0 30px;
text-decoration: none;
}
#left_content #medium_boxs ul.contact_left li a:hover {
text-decoration:underline;
color:#27a2f0;
}

/* Start of email signup */

#left_content .box_medium_right_email {
width: 264px;
float: right;
margin: 0 0 15px 0;
border: 1px solid #002252;
padding: 0 0 20px 0;
overflow: auto;
}
#left_content .box_medium_right_email h4 {
margin: 0;
padding: 10px;
color: #27a2f0;
font-size: 1em;
}
#full_login p {
float:left;
padding: 20px 0 0 15px;
margin: 0;
width: 220px;
border: 0;
font-weight: bold;
font-size: 0.7em;
}
#full_login ul {
width: 250px;
float: left;
list-style-type: none;
margin: 10px 0 0 0;
padding: 22px 0 0 3px;
}
#full_login li {
float: left;
font-size: 0.8em;
margin: 0;
padding: 0;
width: 100px;
}
#full_login li a {
float: left;
width:95px;
background: url(/images/arrow_blue.gif) no-repeat top left;
background-position: 10px 2px;
color: #002252;
padding: 0 0 0 26px;
text-decoration: none;
font-size: 0.9em;
}
#full_login li a:hover {
text-decoration:underline;
color:#27a2f0;
}
#full_login .signup p {
float: left;
width: 110px;
padding: 0;
margin: 0;
font-weight: bold;
line-height: 130%;
}
#full_login .signup p.password {
float:left;
width: 60px;
padding: 0;
margin: 0 0 0 25px;
font-weight: bold;
line-height: 130%;
}
#full_login .signup {
padding: 0;
margin: 0 25px 0 12px;
}
.clear {
clear: both;
}
#user_signin {
display: none;
float: left;
color: #002252;
padding: 0 0 9px 12px;
text-decoration: none;
font-size: 0.9em;
}
p#current_user {
float: left;
font-size: 0.7em;
font-weight: bold;
margin: 10px 0 0 0;
padding: 0 0 20px 0;
}
#user_signin .notyou ul {
width: 200px;
float: left;
list-style-type: none;
margin: 10px 0 0 0;
padding: 22px 0 0 0;
}
#user_signin .notyou li {
float: left;
margin: 0;
padding: 0;
width: 180px;
}
#user_signin .notyou li a {
float: left;
width: 180px;
background: url(/images/arrow_blue.gif) no-repeat top left;
background-position: 0px 2px;
color: #002252;
padding: 0 0 4px 20px;
text-decoration: none;
font-size: 0.8em;
}
p.signin_float {
width: 59px;
padding: 6px 0 0 28px;
float: left;
}
#current_user {
font-size: 0.7em;
text-align: center;
padding: 8px 4px 8px 0;
_padding: 8px 4px 18px 0; /* ie 6 hack */
margin: 0;
}
#user_email, #user_password {
border: 1px solid #999999;
font-size: 0.9em;
color: #002252;
padding: 3px;
}
#useremail label, #userpassword label {
padding-right: 20px;
}
#lostpassword {
padding-left: 20px;
}

/* End of email signup */

#left_content .box_medium_left {
clear: left;
width: 264px;
float: left;
margin: 0 0 15px 0;
border: 1px solid #002252;
padding: 0;
overflow:auto;
}
#left_content #medium_boxs .network_enquiries {
background: url(/helpandsupport/images/planned_works_icon.gif) no-repeat top left;
background-position:160px -15px;
}
#left_content .box_medium_left h1 {
padding: 8px;
color: #002252;
font-size: 0.9em;
}
#left_content .box_medium_left h4 {
margin: 0;
padding: 10px;
color: #27a2f0;
font-size: 1em;
}
#left_content .box_medium_left ul {
width: 200px;
margin: 0 0 10px 5px;
padding: 0;
list-style-type:none;
}
#left_content .box_medium_left li a {
background: url(/images/arrow_blue.gif) no-repeat top left;
background-position: 4px 1px;
margin: 0;
padding: 0 0 0 20px;
font-size: 0.7em;
color: #002252;
text-decoration:none;
}
#left_content .box_medium_left li a:hover {
text-decoration:underline;
color:#27a2f0;
}
#left_content .box_medium_right {
width: 264px;
float: right;
margin: 0 0 15px 0;
border: 1px solid #002252;
padding: 0;
overflow:auto;
}
#left_content #medium_boxs .billing_enquiries {
background: url(/helpandsupport/images/billing_enquiries_icon.gif) no-repeat top left;
background-position:160px -15px;
}
#left_content .box_medium_right h1 {
padding: 8px;
color: #002252;
font-size: 0.9em;
}
#left_content .box_medium_right ul {
width: 200px;
margin: 0 0 10px 5px;
padding: 0;
list-style-type:none;
}
#left_content .box_medium_right li a {
background: url(/images/arrow_blue.gif) no-repeat top left;
background-position: 4px 1px;
margin: 0;
padding: 0 0 0 20px;
font-size: 0.7em;
color: #002252;
text-decoration:none;
}
#left_content .box_medium_right li a:hover {
text-decoration:underline;
color:#27a2f0;
}



.small_boxs {
width: 548px;
float: left;
overflow:auto;
}
#left_content .small_boxs .internet_logo {
background: url(/images/header_internet_data.jpg) no-repeat top left;
background-position:85px -15px;
}
#left_content .small_boxs .security_logo {
background: url(/images/header_security_storage.jpg) no-repeat top left;
background-position:85px -15px;
}
#left_content .small_boxs .voice_logo {
background: url(/images/header_voice.jpg) no-repeat top left;
background-position:85px -15px;
}
#left_content .small_boxs .mobile_logo {
background: url(/images/header_mobile.jpg) no-repeat top left;
background-position:85px -15px;
}
#left_content .small_boxs .hosted_logo {
background: url(/images/header_hosted.jpg) no-repeat top left;
background-position:85px -15px;
}
#left_content .small_boxs .download_logo {
background: url(/helpandsupport/images/download_icon_small.gif) no-repeat top left;
background-position:85px -15px;
}
#left_content .box_small_left {
width: 170px;
float: left;
margin: 0 15px 15px 0;
border: 1px solid #002252;
padding: 0;
overflow:auto;
}
#left_content .box_small_left  h1 {
padding: 8px 0 2px 8px;
color: #002252;
font-size: 0.8em;
}
#left_content .box_small_left  h1 a {
color: #002252;
text-decoration: none;
}
#left_content .box_small_left  h1 a:hover {
text-decoration: underline;
color: #27a2f0;
}
#left_content .box_small_left ul {
width: 140px;
margin: 4px 0 10px 3px;
padding: 0;
list-style-type:none;
}
#left_content .box_small_left li a {
background: url(/images/arrow_blue.gif) no-repeat top left;
background-position: 4px 1px;
margin: 0;
padding: 0 0 0 20px;
font-size: 0.7em;
color: #002252;
text-decoration:none;
}
#left_content .box_small_left li a:hover {
text-decoration:underline;
color:#27a2f0;
}
#left_content .box_small_middle {
width: 170px;
margin:inherit;
border: 1px solid #002252;
margin: 0;
overflow:auto;
}
#left_content .box_small_middle  h1 {
padding: 8px 0 2px 8px;
color: #002252;
font-size: 0.8em;
}
#left_content .box_small_middle  h1 a {
color: #002252;
text-decoration: none;
}
#left_content .box_small_middle  h1 a:hover {
text-decoration: underline;
color: #27a2f0;
}
#left_content .box_small_middle ul {
width: 160px;
margin: 4px 0 10px 3px;
padding: 0;
list-style-type:none;
}
#left_content .box_small_middle li a {
background: url(/images/arrow_blue.gif) no-repeat top left;
background-position: 4px 1px;
margin: 0;
padding: 0 0 0 20px;
font-size: 0.7em;
color: #002252;
text-decoration:none;
}
#left_content .box_small_middle li a:hover {
text-decoration:underline;
color:#27a2f0;
}
#left_content .box_small_right {
width: 170px;
float: right;
margin: 0 0 15px 0;
border: 1px solid #002252;
padding: 0;
overflow:auto;
}
#left_content .box_small_right  h1 {
padding: 8px 0 2px 8px;
color: #002252;
font-size: 0.8em;
}
#left_content .box_small_right  h1 a {
color: #002252;
text-decoration: none;
}
#left_content .box_small_right  h1 a:hover {
text-decoration: underline;
color: #27a2f0;
}
#left_content .box_small_right ul {
width: 160px;
margin: 4px 0 10px 3px;
padding: 0;
list-style-type:none;
}
#left_content .box_small_right li a {
background: url(/images/arrow_blue.gif) no-repeat top left;
background-position: 4px 1px;
margin: 0;
padding: 0 0 0 20px;
font-size: 0.7em;
color: #002252;
text-decoration:none;
}
#left_content .box_small_right li a:hover {
text-decoration:underline;
color:#27a2f0;
}

/* Help and support sub pages */

#left_content .box .broadband_icon {
background: url(/productfinder/images/internet_data_icon.gif) no-repeat top left;
background-position: 400px -30px;
}
#left_content .box .security_icon {
background: url(/productfinder/images/storage_icon.gif) no-repeat top left;
background-position: 400px -30px;
}
#left_content .box .voice_icon {
background: url(/productfinder/images/phone_icon.gif) no-repeat top left;
background-position: 400px -30px;
}
#left_content .box .mobile_icon {
background: url(/productfinder/images/mobile_icon.gif) no-repeat top left;
background-position: 400px -30px;
}
#left_content .box .hosted_icon {
background: url(/productfinder/images/hosted_icon.gif) no-repeat top left;
background-position: 400px -30px;
}

/* our partners table */

#main_content_full table.aboutus {
margin: 10px 0 15px 0;
padding: 0;
border: 0;
border-collapse: collapse;
}
#main_content_full table.aboutus th {
padding: 6px 8px 6px 8px;
font-size: 0.8em;
color: #ffffff;
background-color: #27a2f0;
vertical-align: top;
border: 0;
}
#main_content_full table.aboutus td {
padding: 8px;
font-size: 0.7em;
color: #002252;
vertical-align: top;
border: 0;
}
#main_content_full table.aboutus tr {
background-color: #d2ecf6;
}
#main_content_full table.aboutus tr.alt_color {
background-color: #a6d8f9;
}
#main_content_full table.aboutus td.sub_head {
padding-left: 8px;
padding-top: 8px;
font-weight: bold;
border-top: 1px solid #ffffff;
}
#main_content_full table.aboutus td ul {
margin: 0;
padding: 0;
list-style-type: none;
width:520px;
}
#main_content_full table.aboutus td ul li {
margin: 0;
padding: 3px 0 0 2px;
background: url(/images/icon_tick_blue.gif) no-repeat top left;
background-position: 3px 0px;
font-size: 1em;
}
#main_content_full table.aboutus td a {
float: right;
margin: 10px 0 0 0px;
padding: 4px 20px 5px 20px;
color: #27a2f0;
font-weight: bold;
background: url(/images/arrow_blue.gif) no-repeat top left;
background-position: 0px 6px;
text-decoration: none;
}
#main_content_full table.aboutus td a:hover {
text-decoration: underline;
}

/* right content */

#right_content {
width: 228px;
float: right;
margin: 0;
padding: 8px 0 8px 20px;
}
#right_content h1 {
width: 160px;
margin: 16px 0 1px 0;
padding: 6px 4px 6px 6px;
font-size: 0.8em;
color: #ffffff;
background-color: #27a2f0;
}
#right_content p a {
padding:0;
margin:0;
}

/* download center */

.no_link {
font-size: 0.7em;
margin: 0;
padding: 0 0 0 6px;
color: #002252;
}
#download .download_step {
float: left;
width: 140px;
height: 150px;
background-color: #f0f0f0;
padding: 10px;
margin: 0 10px 0 0;
border: 1px solid #002252;
}
#download .download_step h2 {
padding: 0;
margin: 0;
color: #cc3333;
}
#download .download_step a {
padding: 0;
margin: 0;
color: #002252;
text-decoration: none;
}
#download .download_step a:hover {
text-decoration:underline;
color:#27a2f0;
}
#download .download_step3 {
float: left;
width: 180px;
background-color: #f0f0f0;
padding: 10px;
margin: 0;
border: 1px solid #002252;

}
#download .download_step3 h2 {
padding: 0;
margin: 0;
color: #cc3333;
}
#download .download_step3 a {
padding: 0;
margin: 0;
color: #002252;
text-decoration: none;font-size: 0.7em;
}
#download .download_step3 a:hover {
text-decoration:underline;
color:#27a2f0;
}
#download #step2 {
float: left;
padding: 0;
margin: 10px 0 0 0;
}
#download #step3 {
float: left;
padding: 0;
margin: 10px 0 0 0;
}
#download table.step {
float: left;
font-size: 0.8em;
margin: 0;
padding: 0 0 5px 0;
color: #002252;
}
#download table.step tr {
float: left;
margin: 0;
padding: 0;
}
#download table.step td {
float: left;
margin: 0;
padding: 5px 0 10px 0;
}
#download table.step td a {
float: left;
margin: 0;
padding: 0 0 5px 0;
}

/* download center */

.no_link {
font-size: 0.7em;
margin: 0;
padding: 0 0 0 6px;
color: #002252;
}
#download .download_step {
float: left;
width: 140px;
height: 150px;
background-color: #f0f0f0;
padding: 10px;
margin: 0 10px 0 0;
border: 1px solid #002252;
}
#download .download_step h2 {
padding: 0;
margin: 0;
color: #cc3333;
}
#download .download_step a {
padding: 0;
margin: 0;
color: #002252;
text-decoration: none;
}
#download .download_step a:hover {
text-decoration:underline;
color:#27a2f0;
}
#download .download_step3 {
float: left;
width: 180px;
background-color: #f0f0f0;
padding: 10px;
margin: 0;
border: 1px solid #002252;

}
#download .download_step3 h2 {
padding: 0;
margin: 0;
color: #cc3333;
}
#download .download_step3 a {
padding: 0;
margin: 0;
color: #002252;
text-decoration: none;font-size: 0.7em;
}
#download .download_step3 a:hover {
text-decoration:underline;
color:#27a2f0;
}
#download #step2 {
float: left;
padding: 0;
margin: 10px 0 0 0;
}
#download #step3 {
float: left;
padding: 0;
margin: 10px 0 0 0;
}
#download table.step {
float: left;
font-size: 0.8em;
margin: 0;
padding: 0 0 5px 0;
color: #002252;
}
#download table.step tr {
float: left;
margin: 0;
padding: 0;
}
#download table.step td {
float: left;
margin: 0;
padding: 5px 0 10px 0;
}
#download table.step td a {
float: left;
margin: 0;
padding: 0 0 5px 0;
}
.note {
margin: 0;
padding: 8px 0 8px 0;
line-height: 20px;
color: #002252;
clear:left;
}