/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: url(/images/bg.jpg) repeat #000000; border:0; font:12px Arial, Helvetica, sans-serif; color:#414141; line-height:18px;margin:0}
nav {display:block;/*margin-left:15px*/}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 980px; padding:0 32px; background:#f6f6f6;}


/* ============================= main layout ====================== */

a{ color:#044383; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
.external-lnk {background: url("/images/mini-icons/external-link-icon.png") no-repeat scroll right center transparent;padding: 1px 20px 0 0;}

h1{ float:left; padding:40px 0 0 0;text-shadow: 0 1px 0 #D4D4D4;}
h2{ color: #2A2A2A;font-size: 26px;line-height: 30px;padding: 18px 0 10px;text-shadow: 1px 1px 0 #D4D4D4;;}
h3{ font-size:23px; color:#fff; /*text-transform:uppercase;*/ line-height:57px; background:url(/images/marker_banner.png) 193px 7px no-repeat; padding:0 18px 0 24px; margin-bottom:19px; font-weight:700; letter-spacing:-1px;}
h4{ font-size:12px; color:#3b3b3b; font-weight:bold; padding:0 0 10px 0;text-shadow: 0 1px 0 #F1F1F1;}
h5{ font-size:18px; color:#3b3b3b; font-weight:bold; padding:0 0 10px 0;text-shadow: 0 1px 0 #D4D4D4;}
.white-large{ color: #FFFFFF;font-size: 38px;font-weight: bold;line-height: 38px;padding: 0 0 10px;text-shadow: 0 1px 0 #736357;}
.orange-med{ font-size:22px; color:#EDA725; font-weight:bold; padding:0 0 10px 0; text-shadow: 0 1px 0 #D4D4D4;line-height:25px}
.dark-blue-med{ font-size:22px; color:#2e3192; font-weight:bold; padding:0 0 10px 0; text-shadow: 0 1px 0 #FFFFFF;line-height:25px}
.green-med {color: #10A333;font-size: 26px;line-height: 30px;padding: 18px 0 10px;text-shadow: 0 1px 0 #D4D4D4;}
.red-med {color: #DC171C;font-size: 26px;line-height: 30px;padding: 18px 0 10px;text-shadow: 0 1px 0 #D4D4D4;}
.red-sm {color: #DC171C;font-size: 18px;font-weight:bold; padding:0 0 10px 0;text-shadow: 0 1px 0 #D4D4D4;}
.blue-med {color: #0972b9;font-size: 26px;line-height: 30px;padding: 18px 0 10px;text-shadow: 0 1px 0 #D4D4D4;}

.av-h3 { font-size:23px; color:#fff; /*text-transform:uppercase;*/ line-height:57px; background:url(/images/marker_banner_av.png) 193px 7px no-repeat; padding:0 18px 0 24px; margin-bottom:19px; font-weight:700; letter-spacing:-1px;}
.it-h3 { font-size:23px; color:#fff; /*text-transform:uppercase;*/ line-height:57px; background:url(/images/marker_banner_it.png) 193px 7px no-repeat; padding:0 18px 0 24px; margin-bottom:19px; font-weight:700; letter-spacing:-1px;}
.comms-h3 { font-size:23px; color:#fff; /*text-transform:uppercase;*/ line-height:57px; background:url(/images/marker_banner_comms.png) 193px 7px no-repeat; padding:0 18px 0 24px; margin-bottom:19px; font-weight:700; letter-spacing:-1px;}
.support-h3 { font-size:23px; color:#fff; /*text-transform:uppercase;*/ line-height:57px; background:url(/images/marker_banner_support.png) 193px 7px no-repeat; padding:0 18px 0 24px; margin-bottom:19px; font-weight:700; letter-spacing:-1px;}

p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{}

#top{ float:right; width:250px;}
#icons{ padding:34px 0 0 0; float:right}
#icons li {  float:left;  padding-left:3px;}
#telephone{ font-size:19px; color:#329fc6; font-weight:600; line-height:36px; background:url(/images/mini-icons/telephone.gif) 0 13px no-repeat; padding:1px 0 0 26px; float:right; margin-top:-2px;}
#telephone2{ background:url(/images/mini-icons/telephone_2.gif) 0 7px no-repeat; color: #329FC6;float: right;font-size: 19px;font-weight: 600;line-height: 25px;margin-top: -8px;padding: 1px 0 0 26px;}
#logo{ display:block; background:url(/images/logo.png) no-repeat; width:300px; height:80px; text-indent:-5000px;}
#logo-comms{ display:block; background:url(/images/logo-comms.png) no-repeat; width:300px; height:80px; text-indent:-5000px;}

#menu { width:100%; overflow:hidden; background:url(/images/menu_bg.gif) top repeat-x; position:relative; z-index:1; margin-top:38px; height:68px;}
#menu li { float:left; padding-right:2px; background:url(/images/menu_line.gif) right 0 no-repeat;color: #333333;font-weight: normal;text-decoration: none;text-shadow: 0 1px 0 #FFFFFF;}
#menu li a{ display:block; font-size:16px; color:#6d6d6d; line-height:55px; text-align:center; width:138px; text-transform:uppercase; text-decoration:none; font-weight:700}
#menu li a:hover, #menu #menu_active a {text-shadow: 0 1px 0 #898989; color:#fff; padding-bottom:13px; background:url(/images/menu_bg_active.gif) top repeat-x; margin:0 -2px; width:142px;}
#menu .bg_none{ padding:0; background:none;text-shadow: none;}

#banner{ margin-top:-11px; background:#329fc6; width:100%; overflow:hidden}
.text1{ font-size:50px; line-height:72px; color:#fff; font-weight:700; float:left; text-transform:uppercase; padding:98px 0 0 28px;}
.text1 span{ display:block; margin-top:-22px; font-size:30px; line-height:58px;}
#banner img{ float:right}

/* ============================= content ====================== */

#content{ width:100%; overflow:hidden; background:#eaeaea; margin-top:1px; padding-bottom:38px;}

#content img{ margin-top:5px;}
#departments img{vertical-align: top;margin:0}
#content .img-left1 {float: left;margin: 0 6px 0 0;}

.banners { width:100%; overflow:auto; margin-bottom:1px; background:url(/images/banners_bg_bot.gif) bottom repeat-x #f6f6f6}
.banners li{ width:244px; margin-right:1px; color:#fff; float:left;}
.banners .button{  font-size:12px;  text-transform:none;  line-height:28px;}
.banners .button:hover{ color:#2a2a2a; background:#f6f6f6;}
.banners p {text-shadow: 1px 0 2px #000000;}   
.banners h3 {text-shadow: 1px 0 1px #131313;}

.banner1{ background:#f9a90f;}
.banner1 h3{ background-color:#bb7f0b}
.banner1 .button{ background:#d68f06}

.banner2{ background:#70aa20;}
.banner2 h3{ background-color:#547f18}
.banner2 .button{ background:#5d9b09}

.banner3{background: #086bb2;}
.banner3 h3{background-color: #054b8d}
.banner3 .button{ background:#06579d}

.banners .banner4{ background:#c23232; width:245px; margin-right:0}
.banner4 h3{ background-color:#912525}
.banner4 .button{ background:#a70606}

.pad{ padding:0 28px 24px 24px;}
.pad_bot1{ padding-bottom:18px;}
.pad_bot2{ padding-bottom:24px;}
.pad_left1{ padding-left:25px;}
.pad_left2{ padding-left:25px;}
.marg_right1{ margin-right:22px;}

.list1{ margin:-8px 0 -6px 0; width:100%; overflow:hidden}
.list1 li { line-height:28px; width:100%; margin:0; display:block}
.list1 li a{ color:#fff; text-decoration:none; padding-left:9px; background:url(/images/marker_1.gif) 0 4px no-repeat;}
.list1 li a:hover{ text-decoration:underline}

.list2 li{ line-height:24px;}
.list2 li a{ text-decoration:none; padding-left:12px; background:url(/images/marker_2.gif) 0 4px no-repeat}
.list2 li a:hover{ text-decoration:underline}

.button{ font-size:10px; font-weight:bold; display:inline-block; text-transform:uppercase; text-decoration:none; line-height:30px; padding:0 12px; color:#fff; background:#329fc6}
.button-green {background:#10A333;font-size:10px; font-weight:bold; display:inline-block; text-transform:uppercase; text-decoration:none; line-height:30px; padding:0 12px; color:#fff; }
.button-red {background:#d51c23;font-size:10px; font-weight:bold; display:inline-block; text-transform:uppercase; text-decoration:none; line-height:30px; padding:0 12px; color:#fff; }
.button:hover,.button-green:hover,.button-red:hover{ background:#2a2a2a;}

.font1{ font-weight:bold; color:#484848}
.font2{ color:#555555;}

.under{ padding-bottom:26px; border-bottom:1px solid #bababa; margin-bottom:24px;}

/* ============================= footer ====================== */

footer { font-size:13px; padding:25px 0 35px 0; width:100%; overflow:hidden; color:#929292}
footer span{ font-weight:bold; font-size:12px; color:#555}
.footer-logos{/*margin-top: -10px;*/padding-bottom: 60px;background: url("/images/footer_logos.jpg") no-repeat;height:43px}

.col{ min-width: 100px; float:left}

.list3 li{ line-height:22px; font-size:12px;}
.list3 li a{ color:#585858; text-decoration:none; padding-left:12px; background:url(/images/marker_3.gif) 0 4px no-repeat}
.list3 li a:hover{ text-decoration:underline}

.privacy{ float:right; padding-right:13px;}

/* ============================= forms ============================= */

#ContactForm {}
#ContactForm a{ margin-left:22px; margin-top:27px; float:right}
#ContactForm .input {width:247px; height:15px; border:1px solid #bababa; background:#fff; padding:2px 5px; margin-bottom:3px;color:#595959; font:12px Arial, Helvetica, sans-serif}
#ContactForm textarea { width:300px; height:99px; border:1px solid #bababa; background:#fff; padding:2px 5px; margin-bottom:3px;color:#595959; font:12px Arial, Helvetica, sans-serif;overflow: auto}

.col_1{ width:259px; float:left;}
.col_2{ width:312px; float:left; padding-left:38px;}

.breadcrumbs {font-size: 11px;padding: 0 13px;height:30px;border-bottom:1px solid #d3c0aa;text-decoration:none}
.breadcrumbs-home {background:url(/images/mini-icons/navbit-home.png) no-repeat scroll 0 3px transparent; padding-left:16px}
.info-box{display:block;border:1px solid #AFDBEE;background:url(/images/mini-icons/info.png) no-repeat scroll 8px 55% #E4F5FD;color:#2A80A7;font-size:13px;position:relative;margin:0;padding:10px 10px 10px 35px;}
.info-box_careers {background: none repeat scroll 0 0 #F7F7F7;border: 1px solid #D7D7D7;color: #454545;padding: 8px 5px;}
.warning-box{display:block;border:1px solid #efdc75;background:url(/images/mini-icons/warning.png) no-repeat scroll 8px 55% #fff7cb;color:#DB7701;font-size:13px;position:relative;margin:0;padding:10px 10px 10px 35px;}
.warning-box a{color:#DB7701;border-bottom:#DB7701 1px solid;}
.warning-box a:hover{color:#DB7701;border-bottom:none!important;}
.success-box{display:block;border:1px solid #b3dc7c;background:url(/images/mini-icons/success.png) no-repeat scroll 8px 55% #e8ffca;color:#527A19;font-size:13px;position:relative;margin:0;padding:10px 10px 10px 35px;}
.success-box a{color:#527A19;border-bottom:#527A19 1px solid;}
.success-box a:hover{color:#527A19;border-bottom:none!important;}
.error-box{display:block;border:1px solid #ebb1b1;background:url(/images/mini-icons/error.png) no-repeat scroll 8px 55% #ffd6d6;color:#9d2121;font-size:13px;position:relative;margin:0;padding:10px 10px 10px 35px;}
.error-box a{color:#9d2121;border-bottom:#9d2121 1px solid;}
.error-box a:hover{color:#9d2121;border-bottom:none!important;}
.lock-box{display:block;border:1px solid #efdc75;background:url(/images/mini-icons/lock.png) no-repeat scroll 8px 55% #fff7cb;color:#DB7701;font-size:13px;position:relative;margin:0;padding:10px 10px 10px 35px;}
.print-warning{display:block;border:1px solid #ebb1b1;background:url(/images/mini-icons/error.png) no-repeat scroll 8px 55% #ffd6d6;color:#9d2121;font-size:13px;position:absolute;margin:0;padding:10px 10px 10px 35px;-moz-border-radius: 5px 5px 5px 5px;}
.print-warning a{color:#9d2121;border-bottom:#9d2121 1px solid;}
.print-warning a:hover{color:#9d2121;border-bottom:none!important;}
.info-box,.info-box_careers,.warning-box,.success-box,.error-box,.tweet-box,.lock-box{margin-bottom:20px;margin-top:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}
.error-div {background: url("/images/medium-icons/warning.png") no-repeat scroll 0 -3px transparent;color: #DC171C;font-size: 13.5px;font-weight: bolder;line-height: 25px;margin: -5px 0 20px 10px;padding: 0 0 3px 36px;}
.auth-div {background: url("/images/medium-icons/key.png") no-repeat scroll 0 -2px transparent;color: #DC171C;font-size: 13.5px;font-weight: bolder;line-height: 25px;margin: -5px 0 20px 10px;padding: 0 0 3px 36px;}
#twitter {margin-top:10px;padding:5px;width:250px;background: #EAEAEA;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;overflow:hidden;}
#twitter .title {border-bottom:1px gray dotted;line-height:30px;margin-bottom:8px}
#twitter .tweet {margin-bottom:15px}
.twitter_div #twitter_update_list {font:12px Arial, Helvetica, sans-serif; color:#595959; line-height:18px;font-style:normal}
.terms {margin-bottom:10px}
.news-breaker {border-bottom: 1px dotted #C1C1C1;margin: -15px 0 10px;}
.partner-div{min-height:55px;display:block;margin:0}
.social-bookmarks{margin:-17px 0 10px 0;text-align:right;padding-left:645px;}
.black-dot {margin-bottom:15px}
.black-dot li{background: url("/images/marker_4.png") no-repeat scroll 0 4px transparent;font-size: 12px;line-height: 22px;margin-left: 20px;padding-left: 18px;}
.black-dot li a{text-decoration:none}
.black-dot li a:hover{text-decoration:underline}
.tick-bullet {margin-bottom:15px}
.tick-bullet li{background: url("/images/marker_5.gif") no-repeat scroll 0 4px transparent;font-size: 12px;line-height: 26px;margin-left: 20px;padding-left: 23px;}


.class_eml {background: url("/images/mini-icons/ico_eml.png") no-repeat scroll 0 0 transparent;color: #797979;padding: 4px 10px 0 23px;}
.class_info {background: url("/images/mini-icons/ico_info.png") no-repeat scroll 0 0 transparent;color: #797979;padding: 3px 10px 0 23px;}
.class_close {background: url("/images/mini-icons/ico_close.png") no-repeat scroll 0 0 transparent;color: #797979;padding: 3px 10px 0 23px;}
.class_right-arrow {background: url("/images/mini-icons/ico_arrow-right.png") no-repeat scroll 0 0 transparent;color: #797979;padding: 4px 10px 0 23px;}
.class_new-tag {background: url("/images/mini-icons/new_tag.gif") no-repeat scroll 0 3px transparent;padding: 0 5px 0 35px;font-weight:bold}
.right-link {text-align: right;}
.txt {font-size: 1.3em;font-weight: normal;line-height: 1.2em;}
.btn-top {background: url("/images/mini-icons/page-top.gif") no-repeat scroll 10px 0 transparent;color: #797979;font-size: 11px;line-height: 20px;padding: 0 10px 3px 25px;text-align: left}
.download-lnk {background: url("/images/mini-icons/download_file.png") no-repeat scroll right center transparent;padding: 0 19px 0 0;}
.download-lnk-pdf {background: url("/images/mini-icons/download_pdf.png") no-repeat scroll right center transparent;padding: 0 19px 0 0;}
.download-lnk-mov {background: url("/images/mini-icons/download_mov.png") no-repeat scroll right center transparent;padding: 0 19px 0 0;}
.cs_title{color: #2A2A2A;font-size: 17px;font-weight: bold;margin-top: 10px;padding: 18px 0 15px;text-shadow: 0 1px 0 #F1F1F1;}
.department-title{font-size:15px;font-weight:bold;width:35%}
#quicklinks-32 .callback-32{background: url("/images/medium-icons/ico_callback.png") no-repeat scroll 0 0 transparent;font-size: 19px;line-height: 40px;padding: 5px 10px 5px 38px;}
#quicklinks-32 .sales-32{background: url("/images/medium-icons/ico_cart.png") no-repeat scroll 0 0 transparent;font-size: 19px;line-height: 40px;padding: 5px 10px 5px 38px;}
#quicklinks-32 .support-32{background: url("/images/medium-icons/ico_support.png") no-repeat scroll 0 0 transparent;font-size: 19px;line-height: 40px;padding: 5px 10px 5px 38px;}
#quicklinks-32 .chat-32{background: url("/images/medium-icons/ico_chat.png") no-repeat scroll 0 0 transparent;font-size: 19px;line-height: 40px;padding: 5px 10px 5px 38px;}
#quicklinks-32 .print-32{background: url("/images/medium-icons/ico_print.png") no-repeat scroll 0 0 transparent;font-size: 19px;line-height: 40px;padding: 5px 10px 5px 38px;}
#quicklinks-32 .accessories-32{background: url("/images/medium-icons/ico_blocks.png") no-repeat scroll 0 0 transparent;font-size: 19px;line-height: 40px;padding: 5px 10px 5px 38px;}
#quicklinks-32 .hosting-32{background: url("/images/medium-icons/ico_server.png") no-repeat scroll 0 0 transparent;font-size: 19px;line-height: 40px;padding: 5px 10px 5px 38px;}
#quicklinks-32 .spanner-32{background: url("/images/medium-icons/ico_spanner.png") no-repeat scroll 0 0 transparent;font-size: 19px;line-height: 40px;padding: 5px 10px 5px 38px;}
#quicklinks-32 .form-32{background: url("/images/medium-icons/ico_attibutes.png") no-repeat scroll 0 0 transparent;font-size: 19px;line-height: 40px;padding: 5px 10px 5px 38px;}
#product-table .table {width:610px}
#product-table td {width:152px;height:170px;font-weight:bold;text-align:center}
.tooltip_text {border-bottom: 1px dotted;color: #505050;cursor: help;}
#product-list .product{min-height:120px;padding-top:5px}
#product-list .product img{float:left;margin:2px 10px 7px 0}
#product-list .product-title{font-weight:bold;font-size:14px;color:#0972B9}
.hitachiboard_hero {background-image: url("/audio-visual/images/duoboard_hero.jpg");background-repeat: no-repeat;height: 400px;width: 663px;}
.product-spec {background: none repeat scroll 0 0 #f4f4f4;float: right;font-size: 10px;margin-left: 8px;padding: 10px;width: 200px;}