/* Style Sheets for [DRM_MTM] website created by Vlad Ilin TOC 1. Defaults 2. Structure 3. Links and Navigation 4. Fonts 5. Right Rail Notes */ /* -------------- 1. Defaults --------------------------- */ *{margin:0; padding:0;} body{ font:12px Arial, Helvetica, sans-serif;} body#MTM{background-color:#e5e2c4} body#DRM{background-color:#d7edcb;} a img{border:0;} ul{list-style-type:none; } .blue { color: #004F97; } .fLeft { float:left; } .mBottom5 { margin-bottom: 5px; } .mBottom15 { margin-bottom: 15px; } .w200 { width: 200px; } /* -------------- 2. Structure -------------------------- */ body#MTM #bg{ margin:0 auto; width:1018px; background:url("/images/MTM_Main_bg.jpg") repeat-y;} body#DRM #bg{ margin:0 auto; width:1018px; background:url("/images/DRM_Main_bg.jpg") repeat-y;} #wrapper {width:1000px; margin:0 0 0 10px; } body#MTM #wrapper{background:url("/images/MTM_Main_bg_bottom.jpg") bottom repeat-x;} /* a. #materhead */ #masterhead{ height:80px; position:relative;} body#MTM #masterhead{background:url("/images/MTM_master_head_bg.jpg") repeat-x;} body#MTM #logo{background:url("/images/MRD_TM_RGB.png") no-repeat 0 0; margin-top: 10px; margin-left: 20px; height:54px; width:371px; float:left; text-indent:-10000px; /*margin:10px;*/ } * html body#MTM #logo {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='/images/MRD_TM_RGB.png', sizingMethod='image'); } body#DRM #masterhead{ background:url("/images/DRM_master_head_bg.jpg") repeat-x;} body#DRM #logo{background:url("/images/DRM_master_head_logo.gif") no-repeat; height:51px; width:180px; float:left; text-indent:-10000px; margin:10px;} .sign_up_alert{height:20px; position:absolute; top:14px; left:660px} .sign_up_alert input{margin-right:10px; float:left;} .sign_up_alert label{float:left; margin:3px 5px 0 0; display:block;} body#MTM input.join{background:url("/images/MTM_master_join.png") no-repeat; height:27px; width:58px; cursor:pointer; border:none; position:relative; top:-3px} body#DRM input.join{background:url("/images/DRM_master_join.png") no-repeat; height:27px; width:58px; cursor:pointer; border:none; position:relative; top:-3px} input.email { background:url("/images/send_email.png") no-repeat; height:25px; width:81px; cursor:pointer; border:none; position:relative; top:-3px } input.sign{background:url(/images/btn_sign_up.png) no-repeat; height:25px; width:72px; cursor:pointer; border:none; position:relative; top:2px} .tagline{background:url("/images/tagline.gif") no-repeat; height:14px; width:208px; position:absolute; top:18px; left:400px;} /* b. #content */ body#MTM #content{background:url("/images/MTM_Main_bg_top.jpg") repeat-x top; padding:0 0 20px 40px;} body#DRM #content{background:url("/images/DRM_Main_bg_top.jpg") repeat-x top; padding:0 0 80px 40px;} #top{min-height:40px; height: auto !important; height:40px; text-transform:uppercase; font-size:10px; /*position:relative;*/ } #top div{margin-top:12px; float:left} #top a{ margin:0 10px;} #top a.first{ /*margin:0 10px 0 0;*/ } #top a.on{font-weight:bold} #right{float:right;} #left{float:left;} .two_column #left{width:600px} .two_column #left .indent{line-height:18px; padding:5px 0 0 20px} #left ul{list-style:disc; margin:0 0 10px 20px} #left ul li{padding-bottom:10px;} .two_column #left ul li{ margin-right:140px;} .indent .row, .indent .half_row{margin-top:20px;} .indent .row p{margin-bottom:0} .image_holder{float:left; /*height:65px; width:190px; overflow:hidden;*/ margin-right:20px; /*background-color:#999*/ } .image_holder_small {float:left; height:65px; width:65px; overflow:hidden; margin-right:20px; /*background-color:#999*/ min-height: 130px;} * html .image_holder_small { min-height:130px; height: auto !important; height:130px; } body#DRM .featured{background:url("/images/DRM_feature_bg.jpg") top repeat-x; margin:25px 0 20px;} body#MTM .featured{/*background:url("/images/MTM_feature_bg.jpg") top repeat-x;*/ margin-bottom:20px} .featured h5{/*margin-top:55px; float:left*/ float: left; /*margin: 5px 0 0 22px;*/ margin: 20px 0 -14px 22px; } .place_holder{/*height:380px; position:relative;*/ } .flash_contact{width:686px; height:420px; /*position:absolute; left:-40px; top:-60px;*/ z-index: 0; display:block; margin-left: -30px; } .column_1{width:335px; float:left; margin-right:40px;} .column_2{width:225px; float:left} #flashMap { /*position: absolute; top:0; left: 0;*/ } .mag_detail #left{ /*width:315px;*/ width:310px; position:relative; left:-15px;} .mag_detail #right{width:600px;} .mag_detail .place_holder{height:365px; /*position:relative;*/ /*display:block;*/ margin-left: -40px; } * html .mag_detail .place_holder{margin-left: 0px; } .mag_detail .column_1{margin:0px; width:256px;} .mag_detail .column_1 .row{margin-bottom:10px} .mag_detail .column_1 .row span{font-size:26px; display:block; float:left; margin:0 6px 3px 0} .profile{width:641px; height:359px; /*position:absolute; top:-23px; right:0;*/ } body#MTM .profile{background:url("/images/MTM_mag_detail.png") no-repeat;} body#DRM .profile{background:url("/images/DRM_mag_detail.png") no-repeat;} .profile .padding{padding:22px 20px 0 30px;} .profile .padding .left_side{background:url("/images/gradient_detail.jpg") no-repeat center 20px; width:356px; height:288px; font:italic 16px Georgia, "Times New Roman", Times, serif} .profile .padding .left_side .right{width:150px} .profile .padding .left_side .left{width:180px; margin-bottom:10px} .eq{position:absolute; top:366px; width:315px;} .home #top{ /*padding-bottom:309px;*/ margin-left: -40px; } .home #top div {margin-top:0; float:none; display: block; /*float:none; position:absolute; top:0; left:-40px;*/ z-index: 0; } .home #top div.pop_up{/*left:300px; top:190px;*/ height:100px; width:371px; text-align:center; padding-top:116px; position: relative; margin: -115px auto 0; } body#DRM .home #top div.pop_up{background:url("/images/DRM_pop_up.png") no-repeat;} body#MTM .home #top div.pop_up{background:url("/images/MTM_pop_up.png") no-repeat;} .home #top div.pop_up form{margin-bottom:20px;} #top div.pop_up input.join{position:relative; top:2px; left:2px} .home #top div.pop_up a{margin-left:220px;} .home #left{width:650px} .home .column_1{margin:0px; width:366px;} .home .column_2 {width:236px; float:right} .padding ul.no_img li a{background:none; padding:7px 0 3px 7px;} body#MTM #left, body#MTM #right{margin-top:20px} .contact_box{margin-bottom:20px; font-size:10px;} .contact_box h3{margin-bottom:3px; } .contact_box a{text-decoration:underline} a.client_list{display:block; background:url("/images/DRM_btn_client_list.jpg"); height:33px; width:237px; text-indent:-10000px;} a.shop{display:block; background:url("/images/DRM_btn_visit_shop.jpg") no-repeat; height:28px; width:133px; text-indent:-10000px; float:right;} .bottom{position:relative; clear:both; height:200px;} .bottom .place_holder{ width:1000px; position:absolute; left:-25px;} .box{width:188px; float:left; padding-right:4px; background:url("/images/box_bg.png") no-repeat; height:180px; margin-right:3px; position:relative;} .box .image_holder { width:188px; margin-right:0px;} .box .padding{padding:10px;} .box .padding p{position:absolute; bottom:5px; right:20px;} .box .padding p a{background:transparent url("/images/MTM_right_rail_link.gif") no-repeat scroll right center; padding-right:10px;} /* c. #footer */ body#MTM #footer{margin:0 auto; height:100px; width:1018px; /*text-align:center; background:url("/images/MTM_footer_bg.jpg") top no-repeat;*/ padding-top:15px;} body#DRM #footer{margin:0 auto; width:920px; text-align:center; background:url("/images/DRM_footer_bg.jpg") top no-repeat; padding:15px 49px 0;} body#DRM #footer div{position:relative; top:-75px} body#DRM #footer a{color:#666; text-align:center; font-size:10px; line-height:16px;} .row{width:100%; float:left; clear:both;} .half_row{width:44%; margin-right:5.5%; float:left;} .left{float:left;} .right{float:right;} fieldset{border:none;} .x{display:none;} /* -------------- 3. Links and Navigation --------------- */ a {text-decoration:none; outline:none;} a:hover{ text-decoration:underline; } /*top nav */ ul#navigation {height:30px; position:absolute; top:50px; right:20px; } ul#navigation li.across {float:left; height:30px; margin:0 0 0 5px; } body#MTM ul#navigation li.across {background:url("/images/MTM_nav_btn_bg.jpg") repeat-x; position: relative; } body#MTM ul#navigation li.across a#across {float:left; text-indent:-10000px; display:block; height:29px; border-right:1px solid #b4c8dc; border-left:1px solid #b4c8dc; border-top:1px solid #b4c8dc;} body#MTM ul#navigation li.across a#across:hover, body#MTM ul#navigation li.across a.on{border-right:1px solid #004f97; border-left:1px solid #004f97; border-top:1px solid #004f97;} body#MTM ul.navDrop { position: absolute; top:30px; left:0; z-index: 100; border-top: 1px solid #fefefe; border-left: 1px solid #fefefe; } body#MTM ul.navDrop li { width: 188px; height: 30px; background:url("/images/li_dropdown_bg.jpg") no-repeat 0 0; float:left; clear:left; cursor: pointer; } body#MTM ul.navDrop li a { float:left; clear:left; display:inline; height:23px; width:174px; margin-left: 8px; padding-left: 6px; padding-top: 7px; font-family: Arial, sans; color: #FFFFFF; font-size: 12px; font-weight: bold; } body#MTM ul.navDrop li a.border { background: url("/images/a_dropdown_bg.jpg") no-repeat 0 27px; } body#MTM ul.navDrop li a:hover { text-decoration: none; color:#e7f5fe; } body#MTM ul.navDrop li.dropOn { background: #e5ecf2 none; } body#DRM ul#navigation li{ background:url("/images/DRM_nav_btn_bg.jpg") repeat-x;} body#DRM ul#navigation li a{float:left; text-indent:-10000px; display:block; height:29px; border-right:1px solid #ccc8c2; border-left:1px solid #ccc8c2; border-top:1px solid #ccc8c2;} body#DRM ul#navigation li a:hover, body#DRM ul#navigation li a.on{background:#e7e5e2 none; border-right:1px solid #695e4a; border-left:1px solid #695e4a; border-top:1px solid #695e4a;} ul#navigation li.magazines a#across {background:url("/images/nav_magazine.png") no-repeat center 9px; width:106px;} ul#navigation li.resource a#across {background:url("/images/nav_resource.png") no-repeat center 9px; width:140px;} ul#navigation li.news a#across {background:url("/images/nav_news.png") no-repeat center 9px; width:67px;} ul#navigation li.marketing a#across {background:url("/images/nav_marketing.png") no-repeat center 9px; width:97px;} ul#navigation li.research a#across {background:url("/images/nav_research.png") no-repeat center 9px; width:92px;} ul#navigation li.contact a#across {background:url("/images/nav_contact.png") no-repeat center 9px; width:102px} body#MTM ul#navigation li.magazines a.on, body#MTM ul#navigation li.magazines a#across:hover{background:#e5ecf2 url("/images/MTM_nav_magazines_on.gif") center 9px no-repeat;} body#MTM ul#navigation li.resource a.on, body#MTM ul#navigation li.resource a#across:hover{background:#e5ecf2 url("/images/MTM_nav_resource_on.gif") center 9px no-repeat;} body#MTM ul#navigation li.marketing a.on, body#MTM ul#navigation li.marketing a#across:hover{background:#e5ecf2 url("/images/MTM_nav_marketing_on.gif") center 9px no-repeat;} body#MTM ul#navigation li.contact a.on, body#MTM ul#navigation li.contact a#across:hover{background:#e5ecf2 url("/images/MTM_nav_contact_on.gif") center 9px no-repeat;} body#DRM ul#navigation li.magazines a.on, body#DRM ul#navigation li.magazines a:hover{background:#e5ecf2 url("/images/DRM_nav_magazines_on.gif") center 9px no-repeat;} body#DRM ul#navigation li.resource a.on, body#DRM ul#navigation li.resource a:hover{background:#e5ecf2 url("/images/DRM_nav_resource_on.gif") center 9px no-repeat;} body#DRM ul#navigation li.news a.on, body#DRM ul#navigation li.news a:hover{background:#e5ecf2 url("/images/DRM_nav_news_on.gif") center 9px no-repeat;} body#DRM ul#navigation li.marketing a.on, body#DRM ul#navigation li.marketing a:hover{background:#e5ecf2 url("/images/DRM_nav_marketing_on.gif") center 9px no-repeat;} body#DRM ul#navigation li.research a.on, body#DRM ul#navigation li.research a:hover{background:#e5ecf2 url("/images/DRM_nav_research_on.gif") center 9px no-repeat;} body#DRM ul#navigation li.contact a.on, body#DRM ul#navigation li.contact a:hover{background:#e5ecf2 url("/images/DRM_nav_contact_on.gif") center 9px no-repeat;} /* -------------- 4. Fonts ------------------------------ */ h1{font:italic 26px Georgia, "Times New Roman", Times, serif; margin-bottom:15px;} h2{font:normal 20px Georgia, "Times New Roman", Times, serif; margin:20px 0 0 0; padding:10px 0 0 0; font-style:italic; border-top:1px solid #6dba43; float:left; width:100%;} h2 span{position:relative; left:-20px} h3{font:normal 18px Georgia, "Times New Roman", Times, serif; margin-bottom:10px;} h4{font:italic 18px Georgia, "Times New Roman", Times, serif; margin-bottom:10px;} h5{font:bold 12px/12px Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:3px;} h6{font:normal 14px/20px Georgia, "Times New Roman", Times, serif;} p{ margin-bottom:10px; line-height:18px;} body#DRM, body#DRM .right_rail a, body#DRM #top a{color:#695e4a}/* brown */ body#DRM p, body#DRM ul, body#DRM .profile .padding .left_side .left, body#DRM a, body#DRM .column_1 .row{color:#7d7d7d} body#DRM a, body#DRM .column_1 .row span{color:#8dc44e}/* green */ body#MTM #footer{/*color:#a7a395*/ } body#MTM, body#MTM .home #top div.pop_up a{color:#5a5a5c}/* grey */ body#MTM a, body#MTM h1, body#MTM h2, body#MTM h3, body#MTM h4, body#MTM h5, body#MTM .mag_detail .column_1 .row, body#MTM .profile .padding .left_side .left{color:#004f97}/* blue */ body#MTM #top a{color:#fff} body#MTM .profile .padding .left_side .right, body#MTM .box p a{color:#ad3601} div#footer td { color:#727272; font-family:Tahoma,'Trebuchet MS',Sans-serif; font-size:11px; } /* -------------- 5. Right Rail ----------------------------- */ .right_rail{width:255px;} .right_rail .padding{padding:0 20px 10px 10px;} #DRM .right_rail .padding .row a{background:url("/images/DRM_right_rail_link.gif") no-repeat left center; padding-left:10px} #MTM .right_rail .padding .row a{background:url("/images/MTM_right_rail_link.gif") no-repeat left center; padding-left:10px} .right_rail .padding select {width:99%} .right_rail .padding li{float:left; margin-bottom:5px; height:28px; width:100%} #DRM .right_rail .padding li{border-left:4px solid #8ecd6d; background-color:#dbefd0;} #MTM .right_rail .padding li{border-left:4px solid #3a78b1; background-color:#c1d8ed;} .right_rail .padding li a {display:block; float:left; padding:7px 0 3px 30px; } .right_rail .padding li a.pdf {display:block; float:left; padding:7px 0 3px 30px; background:url("/images/DRM_right_rail_pdf.png") no-repeat 6px 6px; } .right_rail .padding li.icon_email a {background:url("/images/DRM_right_mail_pdf.gif") no-repeat 6px 8px;} .right_rail .padding .icon{float:left; width:35px; } .right_rail .padding .text{float:right; width:188px;} /*20px bottom*/ .right_rail .padding ul, form.jump_mag, .right_rail .padding .row{ margin:0 0 20px 0;} form.sel_state{margin-bottom:10px;} /* -------------- HACKS's --------------------------------- */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} /* -------------- CLIENT FOOTER --------------------------------- */ td.footer { color: #727272; font-family: Tahoma,'Trebuchet MS',Sans-serif; font-size: 11px; } td.footer a { text-decoration:underline; } td.footer p { margin-top: 20px; } .CopyrightDark { color:#727272; font-size:9px; } .CopyrightDark a:visited, .CopyrightDark a:active, .CopyrightDark a { color:#727272; font-size:9px; }