/* MI NEW DESIGN */
* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 16px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #000;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }
table.applicationProductTree td.cl{display: table-cell; height: 10px; font-size: 10px; line-height: 12px; text-indent: 0px; clear: none; vertical-align: middle; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


.shell { /*width: 1007px;*/ width: 975px; margin: 10px auto; background: #f5f5f5; padding: 12px 0 12px 10px; }
#mi_header { background: #fff; border-bottom: 1px solid #eaeaea; margin: 0 0 6px 0; }
#mi_header .date { background: url(newimg/date.gif) repeat-x 0 0; height: 17px; margin: 10px 0 10px 0; }
#mi_header .date a { font-size: 12px; color: #a00000; text-decoration: underline; font-weight: bold; margin: 0 5px 0 0; }
#mi_header .date a.favorite { width: 15px; height: 13px; margin: 0 10px 0 0; }
#mi_header .date p { font-size: 10px; color: #007087; text-align: right; }

#logo a { background: url(newimg/logo.gif) no-repeat 0 0; width: 223px; height: 88px; margin: 0 16px 0 0; }
#navigation { background: url(newimg/nav-bg.gif) repeat-x 0 bottom; height: 31px; margin: 17px 0 0 0; }
#navigation ul { list-style: none; }
#navigation ul li { display: inline; float: left; margin: 4px 0 0 0; }
#navigation ul li a, 
#navigation ul li a span { background: url(newimg/nav-btn.gif) no-repeat 0 0; padding: 0 0 0 25px; float: left; height: 27px; color: #000; line-height: 27px; font-weight: bold; letter-spacing: 1px; font-size: 11px; }
#navigation ul li a span { background-position: right 0; padding: 0 25px 0 0; }
#navigation ul li a:hover, 
#navigation ul li a:hover span, 
#navigation ul li a.active, 
#navigation ul li a.active span { background-position: 0 -27px; text-decoration: none; color: #333; }
#navigation ul li a:hover span, 
#navigation ul li a.active span { background-position: right -27px;  }
.sub-navs { height: 33px; }
.sub-nav { padding: 0 0 6px 0; }
.sub-nav ul { list-style: none; }
.sub-nav ul li { display: inline; border-right: 1px solid #ccc; float: left; }
.sub-nav ul li a { color: #000; float: left; height: 27px; line-height: 27px; padding: 0 11px 0 11px; font-weight: bold; letter-spacing: 1px; font-size: 11px; }
.sub-nav ul li a:hover { color: #a00000; text-decoration: none; }
.store { background: url(newimg/store.gif) no-repeat 0 0; width: 210px; height: 31px; }

.login { width: 230px; padding: 15px 20px 0 0; }
.login label { font-size: 11px; color: #434343; float: left; }
.login .field { background: #d9e59d; border: 1px solid #a7bb4c; width: 82px; float: left; margin: 0 0 5px 0; }
.login .button { background: transparent url(newimg/login.gif) no-repeat 0 0; border:0; width: 59px; height: 16px; float: left; margin: 0 0 0 4px; color: #fff; text-transform: uppercase; font-size: 11px; padding: 0 0 0 16px; }
.login a { color: #1e6fae; font-size: 10px; text-decoration: underline; padding: 0 8px 0 0; }
.login a:hover { text-decoration: none; }
.login .check { margin: 0 0 0 60px; }
#user { margin: 0 0 5px 27px; }

#main { padding: 0 0 11px 0; margin: 0px 0px 0px 0px; background-color:#f5f5f5}
#mi_content { width: 668px; margin: 10px 0px 0px 10px}
#mi_content .head { border: 1px solid #eaeaea; background: #fff; }
#mi_content .col { width: 298px; border: 1px solid #eaeaea; background: #fff; }

.head { padding: 5px 5px 5px 5px; margin: 0 0 10px 0; }
.head h2 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 20px; color: #000; font-weight: normal; }
.head h3 a { font-size: 13px; text-decoration: underline; }
.head h3 a:hover { text-decoration: none; }
.head p.date { font-size: 11px; color: #a4a4a4; padding: 2px 0 2px 0; text-align:right}
.head .text p { font-size: 12px; line-height: 18px; color: #666; }
.head a.more { font-size: 11px; color: #9d8b5f; text-decoration: underline; }
.head a.more:hover { text-decoration: none; }

.head-story { background: #fffbe0; font-family: Arial, sans-serif; padding: 8px 10px 15px 8px; margin: 0 0 4px 0; }
.head-story h2 { border-bottom: 1px solid #eee4cc; padding: 0 0 10px 0; margin: 0 0 7px 0; }
.head-story .item {  }
.head-story .item h3 a { color: #d54d0b; }
.head-story .item .image { padding-right: 10px }
.head-story .item .text {padding-right: 15px }

.news { overflow: auto; height: 218px; }
.news_story_header { background: url(newimg/key-bg.gif) no-repeat 0 17px; border-bottom: 1px solid #e9e9e9; padding: 12px 0 10px 20px; margin: 0 0 10px 0; }
.news .story { border-bottom: 1px solid #e9e9e9; padding: 0 6px 13px 0; }
.news .story h3 a { color: #0096ff; }
.news .story .text p { padding: 0 0 0px 0; }

.col-head { border-left: 1px solid #eaeaea; text-align: center; }
.col-head a { width: 50px; height: 30px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 17px; color: #b2b2b2; background: #fff; border-right: 1px solid #eaeaea; border-top: 1px solid #eaeaea; line-height: 30px; }
.col-head a:hover, 
.col-head a.active { color: #0096ff; text-decoration: none; }
.col-head a.reports { width: 240px; height: 30px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; color: #0096FF; text-decoration: underline; }


.col { padding: 12px 10px 24px 15px; }
.col h2 { background: url(newimg/key-bg.gif) no-repeat 0 4px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 20px; color: #000; font-weight: normal; border-bottom: 1px solid #e9e9e9; padding: 0 0 8px 20px; margin: 0 0 15px 0; }
.col .item { border-bottom: 1px solid #e9e9e9; padding: 0 0 15px 0; margin: 0 0 15px 0; height:200px}
.col .item h2 { background: none; border:0; padding: 0 0 13px 0; margin:0; }
.col .item h2 a { font-size: 18px; color: #669900; text-decoration: underline; }
.col .item h2 a:hover { text-decoration: none; }
.col .item h3 { padding: 0 0 10px 0; }
.col .item h3 a { font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; color: #0096ff; text-decoration: underline; }
.col .item h3 a:hover { text-decoration: none; }
.col .item p { padding: 0 0 10px 0; }
.col .item .nav ul { list-style: none; margin:0px; padding:0px}
.col .item .nav ul li { display: inline; padding: 0 11px 0 0; }
.col .item .nav ul li a { font-family: Arial, sans-serif; font-size: 11px; color: #9d8b5f; text-decoration: underline; }
.col .item .nav ul li a:hover { text-decoration: none; }
.col .item ul { line-height:22px }
.col .item ul li { color: #dfdfdf; }
.col .item ul li a { font-family: Arial, sans-serif; font-size: 12px; line-height: 19px; color: #0096ff; text-decoration: none; }
.col .item ul li a:hover { text-decoration: none; }
.col-daily ul { padding: 0 0 6px 20px; margin:auto}





#sidebar { width: 278px; background: #fff; padding: 8px 9px 9px 9px; margin: 10px 0px 0px 0px; border: 1px solid #eaeaea}
#sidebar ul { list-style: none; }
.membershiph2 { background: url(newimg/pricetools_membership_bg.gif) repeat-x 0 0; height: 43px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 18px; color: #fff; font-weight: normal; line-height: 43px; padding: 0 0 0 20px; margin: 0 0 0px 0; border:1px solid #E0EDFF }

.membership { background: #e0edff; padding: 14px 10px 10px 10px; margin: 0 0 9px 0px; border: 1px solid #f5f5f5; width:256px }
.membership ul, .chemtrends .mi_content ul, .strategize ul { padding: 0 0 10px 8px; margin: 0 0 9px 9px; }
.membership ul{border-bottom: 1px solid #C9D9EC;}
.membership ul li, .strategize ul li, .chemtrends .mi_content ul li{ list-style-image: url(newimg/membership-icon.gif); font-family: "Trebuchet MS", Arial, sans-serif; font-size: 16px; line-height: 20px; color: #204865; padding: 0 0 5px 5px; }
.membership a.apply, .strategize a.demo, .chemtrends a.test{ background: url(newimg/membership-btn.gif) no-repeat 0 0;	width: 208px; height: 24px; line-height: 18px; text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; color: #313131; display: block; float: right; padding-top:6px; margin:0px 0px 0px 0px }
.membership a.apply:hover, .strategize a.demo:hover, .chemtrends a.test:hover { text-decoration: none; }
.membership a.benefits { float: right; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #204966; text-decoration: underline; padding: 0px 0 0 0; }
.membership a.benefits:hover { text-decoration: none; }

.strategize { margin: 0 0 9px 0; }
.strategize h2 { background: url(newimg/strategize.gif) no-repeat 0 0; height: 43px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 18px; color: #fff; font-weight: normal; line-height: 43px; padding: 0 0 0 20px; margin: 0 0 1px 0; }
.strategize .mi_content { background: #ffe5b1; padding: 8px 8px 10px 10px; width:260px}
.strategize p.with { font-family: Arial, sans-serif; font-size: 12px; color: #353535; padding: 0 0 5px 0; }
.strategize ul {border-bottom: 1px solid #EBD09B; }
.strategize ul li { color: #b2430d; list-style-image: url(newimg/marketint-icon.gif); }
.strategize ul li.last { margin-bottom:0; }
.strategize a.demo { background: url(newimg/demo.gif) no-repeat 0 0; color: #fff; width: 96%;}


.chemtrends { margin: 0 0 9px 0; }
.chemtrends h2 { background: url(newimg/pricetools_title_bg.gif) repeat-x 0 0; height: 43px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 18px; color: #fff; font-weight: normal; line-height: 43px; padding: 0 0 0 20px; margin: 0 0 0px 0; border:1px solid #7b0c26}
.chemtrends .mi_content { background: #e0edff; padding: 8px 8px 10px 8px; }
.chemtrends .mi_content p { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 16px; color: #000; padding: 0 0 0 6px; }
.chemtrends .mi_content ul {border-bottom: 1px solid #C9D9EC; } 
.chemtrends .mi_content ul li { color: #204865; list-style-image: url(newimg/membership-icon.gif); }
.chemtrends .mi_content ul li.last { margin-bottom:0; }
.chemtrends a.test { background: url(newimg/membership-btn.gif) no-repeat 0 0; color: #000; }

.chemtrends .price_list { background: #eee; border:1px solid #eaeaea}
.chemtrends .price_list p { padding: 2px 0px 0px 0px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #4096ee; text-decoration:underline}
.chemtrends .price_list ul {border-bottom: 1px solid #C9D9EC; margin:0; padding:0} 
.chemtrends .price_list ul li { color: #204865; background: url(newimg/pricetools_bg.gif) repeat-x 0 0; height: 46px;}
.chemtrends .price_list ul li.last { margin-bottom:0; }
.chemtrends .price_list ul li div { padding: 4px 0px 2px 0px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 16px; color: #484639;}
.chemtrends .price_list ul li a { padding: 2px 0px 0px 0px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #4096ee; text-decoration:underline }


.testimonials {border: 1px solid #eaeaea; }
.testimonials .head { background: url(newimg/testimonials.gif) no-repeat 0 0; height: 43px; padding:0; margin: 0 0 10px 0; }
.testimonials h2 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 18px; color: #3c3c3c; font-weight: normal; line-height: 16px; padding: 0 0 0 12px; }
.testimonials p { font-family: Arial, sans-serif; font-size: 12px; color: #666; padding: 0 0 25px 0; }
.testimonials p.by { color: #000; }
.testimonials .buttons { padding: 15px 10px 0 0; }

#mi_footer { background: #fff url(newimg/key.gif) no-repeat right bottom; border: 1px solid #ebebeb; padding: 12px 11px 13px 11px; }
.footer-nav { border-bottom: 1px solid #e9e9e9; padding: 0 0 13px 0; margin: 0 0 12px 0; }
#mi_footer ul { list-style: none; }
#mi_footer ul li { display: inline; border-right: 1px solid #cfcfcf; padding: 0 7px 0 7px; }
#mi_footer ul li.last { border:0; }
#mi_footer ul li a { font-size: 11px; color: #666; text-decoration: underline; }
#mi_footer ul li a:hover, 
#mi_footer ul li a.active { text-decoration: none; color: #0096ff; }
.copy p { font-size: 11px; color: #7c7c7a; }
.copy p a { color: #0096ff; text-decoration: underline; }

.hide { display: none; }
.mi_testimonials{ text-align: justify;padding-left: 6px; padding-right: 6px; float:left;}

/* Price Tools Landing Page */
#box_pricewizard, #box_priceforecast, #box_priceindex, #box_pricelist { width:156px; border: 1px solid #d7d7d7; background: #f8f8f8; float:left; margin: 4px 0px 4px 2px}
#box_priceforecast, #box_priceindex, #box_pricelist { margin: 4px 0px 4px 6px}
#box_pricewizard h2, #box_priceforecast h2, #box_priceindex h2, #box_pricelist h2{ color:#6699CC; font-family:'Arial TUR'; font-size:28px; line-height:30px; padding: 0px 10px 0px 10px; margin: 10px 0px 0px 0px;}

#box_pricewizard div.textcontent,
#box_priceforecast div.textcontent,
#box_priceindex div.textcontent,
#box_pricelist div.textcontent{ color:#6699CC; font-family:'Arial TUR'; font-size:13px; color:#000; padding: 0px 8px 0px 10px; margin: 16px 0px 0px 0px; height:100px;}

#box_pricewizard p,
#box_priceforecast p,
#box_priceindex p,
#box_pricelist p{ color:#6699CC; font-family:'Arial TUR'; font-size:15px; color:#0000ff; padding: 0px 10px 0px 18px; margin: 0px 0px 20px 0px; }

#pricewizard_btn,
#priceforecast_btn,
#priceindex_btn,
#pricelist_btn { width:122px; padding: 12px 5px 12px 10px; margin: 20px auto 20px;}

#pricewizard_btn{ background-color:#98EA00;}
#priceforecast_btn{ background-color:#FBA335;}
#priceindex_btn{ background-color:#EA0000;}
#pricelist_btn{ background-color:#206e81;}

#pricewizard_btn a,
#priceforecast_btn a,
#priceindex_btn a,
#pricelist_btn a{ font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; color: #fff; vertical-align:center; line-height:18px; font-weight:bold}