@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------------*/
/* site-wide styles                                      */
/*-------------------------------------------------------*/
/* beweb standard CSS reset */
* { margin: 0; padding: 0; outline: 0; } /* set everything to 0 margin/padding -> makes it consistent across all browsers */
.normal ol, .mceContentBody ol, .normal ul, .mceContentBody ul { margin-left: 16px }
img { border: 0 }
input { padding: 1px }
textarea { padding: 2px }
html { overflow-y: scroll } /* prevent scrollbar disappearing making page jump */
table { margin: inherit }
/* end beweb standard CSS reset */
/* --------------------------------------------------------------------------------------- */
/* inline document download icons for attachments in html content area */
/* --------------------------------------------------------------------------------------- */
/*    a[href$='.pdf'] { padding-top:51px;padding-left: 50px; background:transparent url(images/pdf_button.png) no-repeat left; }_NO__DOTCOMMA__AFTER__*/
a[href$='.doc'] { padding-left: 20px; background: transparent url(images/filetypes/doc_small.gif) no-repeat left; }
a[href$='.docx'] { padding-left: 20px; background: transparent url(images/filetypes/doc_small.gif) no-repeat left; }
a[href$='.xls'] { padding-left: 20px; background: transparent url(images/filetypes/xls_small.gif) no-repeat left; }
a[href$='.xlsx'] { padding-left: 20px; background: transparent url(images/filetypes/xls_small.gif) no-repeat left; }
a[href$='.ppt'] { padding-left: 20px; background: transparent url(images/filetypes/ppt_small.gif) no-repeat left; }
a[href$='.zip'] { padding-left: 20px; background: transparent url(images/filetypes/zip_small.gif) no-repeat left; }
.pdf { padding-left: 23px; background: transparent url(images/pdf_button.png) no-repeat left; color: #10558a; font-weight: bold; }
/* --------------------------------------------------------------------------------------- */
/* begin admin tinymce override */
body#tinymce { background: #fff }
body#tinymce table { margin: 0 0 10px 0 }
body#tinymce a:link { /*color: #003f96!important;_NO__DOTCOMMA__AFTER__*/ }
/* content tables */
body#tinymce table { padding: 0; margin: 0 0 10px 0; border: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-collapse: collapse; }
body#tinymce table td { padding: 5px; border: 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
body#tinymce table.table-no-gridlines, div.normal table.table-no-gridlines { padding: 0; margin: 0 0 10px 0; border: 0; border-collapse: collapse; }
body#tinymce table.table-no-gridlines td, div.normal table.table-no-gridlines td { padding: 5px; border: 0; }
body#tinymce table.table-small, div.normal table.table-small { padding: 0; margin: 0 0 10px 0; border: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-collapse: collapse; color: #777; font-size: 10px; }
body#tinymce table.table-small td, div.normal table.table-small td { padding: 5px; border: 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
body#tinymce table td p, div.normal table td p { /* FF fix */ margin: 0; }
/*end content tables*/
body#tinymce ol { margin-left: 24px }
body#tinymce ul, .normal ul { list-style: none outside none; margin-left: 24px; padding: 0; }
body#tinymce ul li, .normal ul li { margin-top: 10px; padding-left: 13px; margin-left: 0; }
/* end admin tinymce override */
html { height: 100% }
.StandardText { font-family: Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: .5px; line-height: 20px; color: #555; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: .5px; line-height: 20px; color: #555; height: 100%; background: #FFF url('images/bg.gif') 0 227px repeat; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 22px; }
a { color: #217ba9; text-decoration: none; }
a:hover { text-decoration: underline }
h1 { color: #3087b2; font-size: 26px; line-height: 31px; font-weight: normal; margin-bottom: 16px; }
h2 { color: #FF0000; font-size: 22px; /*24px*/ line-height: 29px; font-weight: normal; }
h3 { font-size: 12pt; font-weight: bold; color: #445058; }
.bold { font-weight: bold; }
hr { position: relative; clear: both; height: 0; margin: 7px 0; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #f3f7f9; border-left: none; border-right: none; }
#wrapper { width: 973px; margin: auto; min-height: 100%; position: relative; background-image: url(images/bg-head.gif); background-repeat: no-repeat; background-position: top center; text-align: left; }
* html #wrapper { height: 100% }
.placeholder-active { color: #ccc }
.clear { clear: both; height: 0; font-size: 1px; }
/* auto complete customisations */
ul.ui-autocomplete li.ui-menu-item a.ui-corner-all { font-family: Myriad Pro,  Arial, sans-serif; font-size: 13px; }
#headerWrapper { background: #fff; width: 100%; margin: 0 auto; }
.innerHeaderWrap { width: 865px; margin: 0 auto; }
#logo { width: 500px; margin: 0 auto; padding-top: 50px; padding-bottom: 15px; background: #fff; float: left; }
#PhoneNumber { float: right; font-size: 12px; margin-top: 128px; font-size: 13px; text-decoration: none; line-height: 20px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; }
.phTxt { padding: 6px 16px 6px 16px; border: 1px solid #ccc; border-radius: 15px; clear: none; font-size: 16px; font-weight: bold; }
#side_menu { margin-top: 20px; min-height: 250px; float: left; width: 180px; padding: 10px; text-align: left; border: 1px solid #ccc; border-radius: 15px; margin-bottom: 20px; background-color: #fff; }
#main_frame { width: 880px; margin: 0 auto; text-align: left; background: #fff !important; border: 1px solid #ccc; border-radius: 15px; margin-bottom: 20px; min-height: 300px; }
#main_frame_home { width: 862px; /*margin: 0 auto;; text-align: left; */ background: #fff !important; border: 1px solid #ccc; border-radius: 15px; margin-bottom: 0px; padding-top: 20px; }
#pageContainer { margin: 0 auto; background-color: black; width: 1200px; }
.main_container { margin: 0 auto; width: 865px; }
#main_frame_cat { float: left; margin-top: 20px; margin-left: 10px; text-align: left; background: #fff; border: 1px solid #ccc; border-radius: 15px; margin-bottom: 20px; min-height: 700px; width: 650px; }
#main_frame_cat ul { margin-left: 38px; margin-top: 10px; list-style-position: inside; }
#main_frame_cat_promo { float: left; margin-top: 20px; margin-left: 10px; text-align: left; background: #fff; border: 1px solid #ccc; border-radius: 15px; margin-bottom: 20px; min-height: 500px; width: 650px; }
.main_frame_cat_no_results { float: left; margin-top: 20px; margin-left: 10px; text-align: left; background: #fff; border: 1px solid #ccc; border-radius: 15px; margin-bottom: 20px; min-height: 270px; width: 650px; }
#main_frame_no_side_menu { float: left; margin-top: 20px; width: 862px; margin-left: 20px; text-align: left; background: #fff; border: 1px solid #ccc; border-radius: 15px; margin-bottom: 20px; min-height: 270px; margin-left: auto; margin-right: auto; }
.separator { display: block; margin: 0px 0 0px 0; height: 10px; }
#homeText { margin-left: 37px; margin-right: 40px; margin: 20px 37px 20px 40px; width: 787px; }
h4 { color: #FF0000; font-size: 12pt; }
.margin-top { margin-top: 25px }
.titleLink { color: #FF0000; font-size: 16px; background: url('images/arrow_red_left_menu.png') 0 3px no-repeat; padding-left: 17px; display: block; }
ul #productGrid { padding: 3px; padding: 1px; margin-top: 10px; margin: 0 auto; width: 880px; }
#catMenu { list-style: none; padding: 1px; margin-top: 5px; }
#catMenu li a, .cHeading { background: url('images/arrow_red_left_menu.png') 0 6px no-repeat; padding-left: 17px; display: block; }
#catMenu .cHeading { background: url('images/arrow_left_menu.png') 0 6px no-repeat }
.catParentMenuItem { color: #FF0000 }
#catMenu li a { font-size: 12px; text-decoration: none; line-height: 24px; color: #666; }
.productFeatures { width: 120px; border: 1px solid; list-style: none; }
#catMenu li a:hover { color: #FF0000 }
#homePageProducts { list-style: none; padding: 1px; display: block;  margin: 0 auto; margin-left: 5px; }
#homePageProducts li { float: left; margin: 2px 20px 30px 30px; width: 224px; }
#homePageProducts .ahomePageProducts { padding: 10px; background: #fff; display: block; border: 1px solid #ccc; border-top-left-radius: 15px; border-top-right-radius: 15px; width: 218px; height: 160px; }
#main_nav li a { font-size: 12px; text-decoration: none; line-height: 20px; color: #C7C9CB; font-family: Arial, Helvetica, sans-serif; text-align: center; }
.productCSS { /*    border-bottom: 3px solid #00AAFF !important;*/ background: url('images/active.png') repeat-x top !important; color: #000 !important; }
.productCSS a { /*    border-bottom: 3px solid #00AAFF !important;*/ color: #FF0000 !important; font-size: 13px !important; font-weight: bold; text-decoration: none; }
.active { /*    border-bottom: 3px solid #00AAFF !important;*/ background: url('images/active.png') repeat-x top !important; color: #000 !important; }
.active a { /*    border-bottom: 3px solid #00AAFF !important;*/ color: #F70000 !important; font-weight: bold; text-decoration: none; }
#main_nav li a:hover { color: #FF0000; text-decoration: none; }
#main_nav li { padding: 4px 25px 0 24px; list-style-type: none; text-align: center; color: #C7C9CB; display: block; height: 24px; background: #445058 url(images/navbg.gif) 0 0 repeat-x; border-right: 1px solid #fff; float: left; /*    width: 145px;*/ }
.smallSpacer { clear: both }
#main_nav { background-color: Black }
#bMenu { width: 100%; height: 28px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #445058 url(images/navbg.gif) 0 0 repeat-x; }
#bMenu ul { width: 865px; margin: 0 auto; }
h3 { font-size: 12pt; font-weight: bold; margin: 10px 0; color: #445058; }
#bodyWrapper { }
#footer { margin-top: 50px; margin-left: auto; margin-right: auto; text-align: center; }
.productLink { font-size: 16px; font-weight: bold; color: #445058; margin-bottom: 7px; display: block; }
.catheading { font-size: 22px; font-weight: bold; line-height: 24px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; margin-bottom: 7px; }
.longheading { font-size: 22px; font-weight: bold; line-height: 24px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; margin-bottom: 7px; margin-left: 60px; }
.heading { font-size: 15px; font-weight: bold; line-height: 24px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0px; }
.headingDetail { font-size: 24px; font-weight: bold; line-height: 24px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0px; margin-bottom: 25px; }
.subMenuItem { margin-left: 20px }
#prodInfo { font-size: 15px; font-weight: bold; line-height: 24px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 0px; text-align: center; }
#footerText p { font-size: 10px; text-align: center; margin-top: 50px; }
.catImage { margin-left: 20px; margin-top: 2px; text-align: center; }
.productHeader { margin-top: 20px; margin-bottom: 30px; margin-right: 20px; }
.gridLi { list-style: none; float: left; margin-left: 1px; margin-top: 10px; margin-right: 5px; width: 300px; height: 230px; }
.productContainer1 { width: 300px; height: 150px; margin-top: 0px; margin-bottom: 30px; }
.productImage { float: left; text-align: center; width: 120px; margin-left: 5px; }
.marginLeft { margin-left: 20px }
.productImage1 { float: left; width: 120px; margin-left: 5px; margin-right: 3px; }
.productImage1 a { }
.productDesc { margin-top: 0px; float: left; margin-left: 15px; width: 150px; }
.productDesc P { margin-left: 18px; }
.catDesc { margin-left: 4px }
.descText { margin-left: 5px }
#productDetailFeatures { margin-top: 25px; float: left; margin-bottom: 0px; margin-left: 5px; }
.specs { margin-top: 20px; margin-left: 1px; font-size: 14px; text-decoration: none; list-style: none; line-height: 16px; color: #666; }
.specsList { margin-top: 5px; margin-left: 1px; font-size: 14px; list-style: disc; line-height: 16px; color: #666; width: 150px !important; }
.productContainer2 { width: 350px; height: 250px; }
hr { width: 265px; margin-left: 20px; background-color: #CCC; }
.productSpacer { height: 10px; clear: both; }
.prodFeatures { margin-left: 17px; padding-top: 1px; width: 130px; list-style: none; }
.prodFeaturesDetail { padding-top: 3px; width: 250px; }
.prodFeatures li { padding-top: 5px }
#techDetails { padding-top: 40px; margin-left: 50px; margin-bottom: 30px; }
.techHeadingDiv { background-color: #000; border-radius: 4px; text-align: center; line-height: 20px; }
.techHeading { color: #fff; background-color: #000; font-size: 13px; }
.label { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 26px; color: #555; }
.textArealabel { padding-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 26px; color: #555; }
.inputfield { width: 200px; height: 16px; }
.selectinputfield { width: 200px; height: 22px; }
.btn { width: 100px }
.contactUsHeading { margin-top: 20px; margin-left: 25px; }
.contactUsHeader { margin: 25px 80px 25px 85px }
.contactUsText { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; color: #555; }
.contactus { margin-left: 25px; list-style: none; }
.contactus li { padding-top: 15px }
.contactButton { width: 100px; height: 30px; }
.thankYouText { margin-top: 20px; margin-left: 85px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
.noResults { font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 16px; color: #000; margin-top: 50px; text-align: center; margin-bottom: 50px; }
.validateerror { position: relative } /* left: -43px on line below is for optimal position over checkboxes  */
.validateerror .outer { padding-bottom: 6px; position: absolute; left: 10px; z-index: 99; width: auto !important; }
.validateerror .inner { background: #FF0000; font-size: 12px; display: block; color: #fff; padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; white-space: nowrap; }
/* header and navigation classes*/
/*settings*/
#prodDetailMain { float: left; width: 800px; margin-top: 50px; margin-left: 20px; }
#prodDetailImage { float: left; margin-right: 10px; }
#prodDetailImage2 { clear: both; float: left; margin-right: 10px; }
#prodDetailImage3 { float: left; margin-right: 10px; }
#prodDetailDesc { margin-top: 5px; float: left; width: 350px; }
.prodDetailDesc { width: 350px }
#contactProd { padding-top: 20px; margin-left: 0px; width: 250px; }
#contactProd a { padding-top: 20px; margin-left: 5px; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 16px; color: #FF0000; }
#contactProdPromo { padding-top: 20px; margin-left: 0px; width: 250px; }
#contactProdPromo a { padding-top: 20px; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 16px; color: #FF0000; }
#techDetailsDesc { width: 450px; margin: 10px auto; padding-bottom: 50px; font-size: 11px; }
#mediaPanel { width: 227px; margin-top: 10px; margin-left: 5px; }
#pdfDiv { float: right; text-align: center; }
#pdfDiv a { display: block; color: #555; }
#printDiv { margin-top: 25px; float: left; }
#printDiv a { display: block; color: #555; }
.imageMargin { margin-right: 5px; margin-top: -10px; }
.btn_printpage { background: url(images/btn_printpage_red.gif) 0 0 no-repeat; width: 135px; height: 24px; border: 0; cursor: pointer; margin-top: 20px; margin-left: 10px; }
a.btn_printpage { display: block }
.productHeader p { margin-left: 20px }
.InfoMessage { width: 863px; text-align: center; height: 23px; margin: 12px auto -8px auto; background-color: #FF0000; color: white; border-radius: 4px; }
.alert-danger, .alert-error { background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48; }