/* CSS Document - MAIN CONTENT MIDDLE COLUMN */

/* TOP CONTENT */
#MainRow { background: url(../maincont_M/bg-gradient-main.png) repeat-x top left; }

#MainNav { padding: 10px 0px 0px 10px; }
#MainNav h2 { font-size: 1.2em; font-weight: bold; margin: 9px 10px 1px 10px; }
#MainNav a { text-decoration: none; }
#MainNav a p { margin: 0px 10px 0px 10px; }

#MainNav .indexNav li { margin: 0px 0px 10px 10px; width: 230px; font-size: 1.2em; float: left; }
#MainNav .indexNav li a { height:250px; color: #FFFFFF; display:block; }
#MainNav .indexNav li a:hover { color: #000000; }

#MainNav .indexNav .benefitsNav { background: url(../maincont_M/benefits-text-bg.png) no-repeat bottom; }
#MainNav .indexNav .tradeNav { background: url(../maincont_M/trade-text-bg.png) no-repeat bottom; }
#MainNav .indexNav .entaonlineNav { background: url(../maincont_M/eo-text-bg.png) no-repeat bottom; }
#MainNav .indexNav .newsNav { background: url(../maincont_M/news-text-bg.png) no-repeat bottom; }
#MainNav .indexNav .benefitsNav a:hover { background: url(../maincont_M/benefits-text-roll.png) no-repeat bottom; }
#MainNav .indexNav .tradeNav a:hover { background: url(../maincont_M/trade-text-roll.png) no-repeat bottom; }
#MainNav .indexNav .entaonlineNav a:hover { background: url(../maincont_M/eo-text-roll.png) no-repeat bottom; }
#MainNav .indexNav .newsNav a:hover { background: url(../maincont_M/news-text-roll.png) no-repeat bottom; }

#MainNav li { display: inline-block; float:left; margin: 10px 0px 10px 10px; }
#MainNav .Nav a { width: 230px; height: 50px; font-size: 1.2em; text-decoration: none; float: left; background: url(../maincont_M/main-link-arrow.png) no-repeat right #2D5990; color: #FFFFFF; }
#MainNav .NavS a { width: 230px; height: 50px; font-size: 1.2em; text-decoration: none; float: left; background: url(../maincont_M/main-link-stop.png) no-repeat right #93BC2D; color: #000000; }
#MainNav .Nav a:hover { background: url(../maincont_M/main-link-stop.png) no-repeat right #93BC2D; color: #000000; }

/*MAIN CONTENT */
#MainContent { width: 710px; margin: 0px 20px 0px 0px; float: right; }
#MainContent h1 { margin: 10px 0px 15px 0px; padding: 0px 10px 0px 10px; font-size: 1.8em; color: #00357A; font-weight: bold; }
#MainContent h2 { margin: 9px 0px 0px 10px; font-size: 1.4em; font-weight: bold; }
#MainContent h3 { padding: 0px 30px 10px 0px; font-size: 1.7em; color: #000000; font-weight: normal; border: 0px solid #990000; }
#MainContent h4 { padding: 0px 0px 0px 10px; font-size:1.2em; color: #ff000; font-weight: bold; }
#MainContent p { padding: 0px 10px 10px 10px; font-size: 1.2em; line-height: 1.4em; color: #000033; }
#MainContent a { color: #00357A; font-weight: bold; text-decoration: none; }
#MainContent a:hover { text-decoration: underline; }
#MainContent img { border: 0px; }

#MainContent .RightColumn { margin: 10px; width: 230px; float: left; }

#MainContent .content ul { margin:0px 0px 10px 10px; padding:0px 0px 0px 0px; font-size: 1.2em;}

#MainContent .newsFilters { margin:0px 0px 0px 550px; padding:0px 0px 30px 0px; }
#MainContent .newsFilters li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display: inline; font-size: 1.2em; }
#MainContent .newsFilters li a { margin:5px 0px 0px 5px; padding:0px 0px 0px 0px; float: left; }
#MainContent .newsFilters li img { margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; float:left; }

#MainContent .about { width: 470px; float: left; }
#MainContent .rightBanner img { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px }

#MainContent .wrapContent { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 710px; }
#MainContent .wrapContent li { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
#MainContent .wrapContent .title { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 710px; float: left; display: block; background: #d7d7d7;}
#MainContent .wrapContent .title h3 { margin: 7px 0px 7px 0px; padding: 0px 10px 0px 10px; width: 580px; display: inline; float:left; font-size: 1.2em; font-weight: bold; text-shadow: 0px 1px 0px #FFFFFF; }
#MainContent .wrapContent .title a { margin: 0px 0px 0px 0px; padding: 7px 10px 7px 30px; font-size: 1.2em; font-weight: bold; background: url(../maincont_M/btt-arrow.png) no-repeat top left #d7d7d7; float: left; color: #666666; text-decoration: none; text-shadow: 0px 1px 0px #FFFFFF; }
#MainContent .wrapContent .title a:hover { text-decoration: underline; color: #000033; }


#MainContent .wrapContent .detailContent { margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; }
#MainContent .wrapContent .news img { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; max-width: 690px;}
#MainContent .wrapContent .leftIcon { float: left; display: inline; }
#MainContent .wrapContent .rightContent { margin: 0px 0px 0px 60px; }
#MainContent .wrapContent .rightContent ul { margin: 0px 0px 10px 10px; font-size: 1.2em; }
#MainContent .wrapContent .rightContent li { margin: 0px 0px 5px 0px; }
#MainContent .wrapContent .date { margin: 0px 0px 10px 0px;	padding: 0px 10px 0px 10px; font-size: 1.2em; color: #0059AA; font-weight: normal; font-style: italic; width: 690px; float: left; text-align: right; }

#MainContent .wrapContent .news .newsImg { margin: 0px 10px 10px 0px; }
#MainContent .wrapContent .news li { margin: 0px 0px 5px 10px; font-size: 1.2em;}

#MainContent .banner { margin: 0px 0px 10px 0px; padding: 30px 0px 0px 10px; width: 700px; height: 70px; }
#MainContent .banner h1 {display:none;}
#MainContent #bannerEO { background: url(../maincont_M/entaonline.jpg) no-repeat; }
#MainContent #bannerXP { background: url(../maincont_M/xpress-platforms.jpg) no-repeat; }
#MainContent #bannerBenefits { background: url(../maincont_M/benefits.jpg) no-repeat; }
#MainContent #bannerTrade { background: url(../maincont_M/trade.jpg) no-repeat; }
#MainContent #bannerNews { background: url(../maincont_M/news.jpg) no-repeat; }

#MainContent .careerList { margin:0px 0px 0px 30px; padding:0px 0px 0px 0px; width:520px; border:0px solid #990000; }
#MainContent .careerList h2 { font-size:1.3em; font-weight:normal; line-height:1.5em; background:url(../maincont_M/careers-bar.png) no-repeat top left; margin:0px 0px 15px 0px; padding:0px 0px 0px 40px; height:20px; border:0px solid #990000; }
#MainContent .careerList h3 { font-size:1.1em; font-weight:normal; margin:0px 20px 20px 20px; padding:0px 0px 0px 0px; }
#MainContent .careerList p { font-size:1.1em; font-weight:normal; margin:0px 20px 10px 20px; padding:0px 0px 0px 0px; }
#MainContent .careerList a { text-decoration:underline; }

#MainContent .newsList { margin:0px 0px 0px 30px; padding:0px 0px 0px 0px; width:520px; }
#MainContent .newsList h2 { font-size:1.3em; font-weight:normal; line-height:1.5em; background:#E9E9E9 url(../maincont_M/news-bar.png) no-repeat top left; margin:0px 0px 15px 0px; padding:5px 10px 5px 35px; border:0px solid #990000; }
#MainContent .newsList h3 { font-size:1.3em; font-weight:normal; margin:0px 20px 5px 20px; padding:0px 0px 0px 0px; }
#MainContent .newsList p { font-size:1.1em; font-weight:normal; margin:0px 20px 10px 20px; padding:0px 0px 0px 0px; }
#MainContent .newsList a { text-decoration:underline; }

#MainContent .newsList .newsImg { margin:0px 10px 10px 0px; padding:0px 0px 0px 0px; float:left; }
#MainContent .newsList .newsUL { margin:10px 20px 10px 20px; padding:0px 0px 0px 0px; display:table; }
#MainContent .newsList .newsUL LI { padding:0px 0px 10px 0px; display:block; }
#MainContent .newsList .butLink { font-size:1em; font-weight:normal; color:#FFFFFF; margin:0px 0px 0px 0px; padding:3px 10px 3px 20px; background:#000000 url(../maincont_M/buttonArrow.gif) 0% 50% no-repeat; text-decoration:none; }

#MainContent .imgVendor { float:right; }
#MainContent .distList { margin:0px 0px 0px 30px; padding:0px 0px 0px 0px; width:610px; list-style:none; display:block; border:0px solid #990000; }
#MainContent .distList LI { margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; display:inline; border:0px solid #990000; }

#MainContent .tsandcsOLL1 { font-size:1.2em; margin:0px auto 0px auto; padding:0px 0px 0px 0px; width:600px; display:table; border:0em solid #DDDDDD; }
#MainContent .tsandcsLIL1 { font-weight:bold; color:#003399; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; list-style:decimal; }
#MainContent .tsandcsOLL2 { margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
#MainContent .tsandcsLIL2 { font-weight:normal; color:#333333; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; list-style:lower-alpha; }
#MainContent .tsandcsOLL3 { margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
#MainContent .tsandcsLIL3 { margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; list-style:upper-roman; }

#MainContent .testiH3 { font-size:1.2em; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 160px 5px 30px; border:0px solid #990000; }
#MainContent .testiItalic { padding:0px 40px 10px 30px; font-style:italic; }
#MainContent .testiHR { margin:15px 0px 25px 120px; width:480px; border-top:1px dashed #999999; }

#MainContent .enquiryForm { margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; width:690px; display:table; }
#MainContent .enquiryForm li { float:left; display:inline-block; }
#MainContent .enquiryForm .enfLeft { margin: 10px 0px 0px 0px; width:470px; display-inline: block; float:left; }
#MainContent .enquiryForm .enfLeft label { font-size:1.1em; margin:0px 0px 5px 0px; width:100px; vertical-align:middle; display:inline-block; }
#MainContent .enquiryForm .enfLeft .textField { font-size:1.1em; color:#333333; background-color:#EEEEEE; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; width:250px; vertical-align:middle; display:inline-block; border:1px solid #999999; }
#MainContent .enquiryForm .enfLeft .textArea { font-size:1.1em; color:#333333; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; width:250px; background-color:#EEEEEE; vertical-align:middle; display:inline-block; border:1px solid #999999; }
#MainContent .enquiryForm .enfLeft .textCode { font-size:1.1em; color:#333333; background-color:#EEEEEE; vertical-align:middle; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:50px; border:1px solid #999999; }
#MainContent .enquiryForm .enfLeft .textImg { vertical-align:middle; margin:0px 0px 0px 10px; }
#MainContent .enquiryForm .enfLeft .submitBut { font-size:1.1em; font-weight:normal; color:#000033; margin:10px 0px 0px 0px; padding:0px 0px 5px 0px; width:120px; height:25px; display:block; }
#MainContent .enquiryForm .enfLeft .mandatory { color:#990000; }

#MainContent .enquiryForm .enfLeft .msgValidation { font-size:1em; color:#000033; margin:10px 0px 0px 100px; }
#MainContent .enquiryForm .enfLeft .textField50 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:50px; vertical-align:middle; display:inline-block; }
#MainContent .enquiryForm .enfLeft .imgCaptcha { text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:130px; height:40px; vertical-align:middle; display:inline-block; }
#MainContent .enquiryForm .enfLeft .butRefresh { font-size:1.1em; font-weight:normal; color:#000033; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; width:70px; height:25px; vertical-align:middle; display:inline-block; }

#MainContent .enquiryForm .enfRight { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 190px; }
#MainContent .enquiryForm .enfRight .contactInfo { background: url(../maincont_L/bg-gradient-news.png) repeat-x top left; margin: 0px 0px 0px 0px; padding: 15px 0px 15px 0px; width:228px; list-style:none; display-inline: block; float:left; border:1px solid #CCCCCC; }
#MainContent .enquiryForm .enfRight .contactInfo li { margin:0px 15px 10px 15px; padding:0px 0px 0px 0px; font-weight:bold; font-size:1.2em; }
#MainContent .enquiryForm .enfRight .contactInfo h3 { background: url(../maincont_L/bullet-roll.png) no-repeat left center; margin:0px 0px 20px 0px; padding:0px 10px 0px 10px; font-size:1.2em; font-weight:bold; color:#00357A; }

#MainContent .enquiryForm p { font-size:1.1em; font-weight:normal; color:#990000; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#MainContent .enquiryForm th { font-size:1.2em; font-weight:normal; color:#333333; margin:0px 0px 0px 0px; padding:5px 5px 5px 0px; }
#MainContent .enquiryForm td { font-size:1.2em; font-weight:normal; color:#333333; margin:0px 0px 0px 0px; padding:5px 5px 5px 0px; }

#MainContent .enquiryThankyou { margin:0px 0px 0px 30px; }
#MainContent .enquiryThankyou h2 { font-size:3.6em; font-weight:bold; font-style:italic; color:#669900; margin:30px 0px 30px 0px; }
#MainContent .enquiryThankyou p { font-size:1.2em; font-weight:normal; color:#000033; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#MainContent .enquiryThankyou .contactInfo { background-color:#EEEEEE; margin:0px auto 0px auto; padding:15px 0px 15px 0px; width:230px; list-style:none; border:1px solid #DDDDDD; }
#MainContent .enquiryThankyou .contactInfo li { font-size:1em; font-weight:bold; margin:0px 0px 20px 15px; }
#MainContent .enquiryThankyou .contactInfo h3 { font-size:1em; font-weight:bold; color:#999999; margin:0px 0px 5px 0px; }

/* Vendor Shop */
#Vendors #vendorWrapper { margin:0px auto 0px auto; padding:0px 0px 0px 0px; width:950px; list-style:none; display:table; border:0em solid #990000; }
#Vendors #vendorWrapper HR { margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px; width: 920px; border: 2px dotted #CCCCCC; border-style: none none dotted; float:inline-block; }
#Vendors H1 { margin: 0px 0px 0px 0px; padding: 10px 20px 10px 20px; font-size: 1.8em; color: #00357A; }
#Vendors #vendorWrapper H3 { font-size:1.2em; font-weight:bold; color:#FFFFFF; margin:0px 0px 0px 0px; padding:7px 0px 7px 10px; float:left; display:inline; width:840px;}
#Vendors #vendorWrapper A { text-decoration:none; }
#Vendors #vendorWrapper A:HOVER { text-decoration:underline; }
#Vendors #vendorWrapper .backtotop { font-size:1.2em; font-weight:bold; color:#FFFFFF; margin:0px 0px 0px 0px; padding:7px 12px 7px 15px; float:left; display:inline; background: url(../maincont_M/back-to-top.png) no-repeat 0px 1px;}
#Vendors #vendorWrapper .stylehr { margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px; width: 920px; border: 2px dotted #CCCCCC; border-style: dotted none none none; display:inline-block; }
#Vendors #vendorWrapper .nostylehr { margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px; width: 920px; border: 0px dotted #CCCCCC; display:inline-block; }

#Vendors #vendorWrapper .vComponents { background: url(../maincont_M/components.png) repeat-y top left #3A77BB; height:30px;}
#Vendors #vendorWrapper .vSoftware { background: url(../maincont_M/software.png) repeat-y top left #0D57A9; height:30px; }
#Vendors #vendorWrapper .vNetworking { background: url(../maincont_M/networking.png) repeat-y top left #58873E; height:30px; }
#Vendors #vendorWrapper .vSecurity { background: url(../maincont_M/security.png) repeat-y top left #6a0139; height:30px; }
#Vendors #vendorWrapper .vPeripherals-And-Accessories { background: url(../maincont_M/peripherals.png) repeat-y top left #575759; height:30px;}
#Vendors #vendorWrapper .vRetail { background: url(../maincont_M/retail.png) repeat-y top left #C11D2C; height:30px; }
#Vendors #vendorWrapper .vSystems { background: url(../maincont_M/systems.png) repeat-y top left #E79E2F; height:30px; }

#Vendors #vendorWrapper .vendor_list { margin:0px auto 0px auto; padding:0px 0px 0px 0px; width:950px; list-style:none; display:inline; border:0em solid #990000; }
#Vendors #vendorWrapper .vendor_list LI { margin:0px 0px 0px 0px; padding:0px 20px 0px 20px; width:420px; display:inline; float:left; border:0em solid #990000; }
#Vendors #vendorWrapper .vendor_list LI:hover { border-right:0em solid #EEEEEE; border-left:0em solid #EEEEEE; }
#Vendors #vendorWrapper .vendor_list .vendor_link { margin:0px 0px 0px 0px; padding:20px 0px 20px 0px; float:left; display:inline; }
#Vendors #vendorWrapper .vendor_list .vendor_info { margin:25px 20px 25px 20px; padding:0px 0px 0px 0px; float:left; display:inline; font-size: 1.2em; color: #666666; width:240px; }