/* 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: #8DC44E; } .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/MTM_master_head_logo.gif") no-repeat; height:51px; width:180px; float:left; text-indent:-10000px; margin:10px;} body#DRM #masterhead{ background:url("/images/DRM_master_head_bg.jpg") repeat-x;} body#DRM #logo{background:url("/images/drm_logo.png") no-repeat; height:80px; width:232px; float:left; text-indent:-10000px; } * html body#DRM #logo { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/drm_logo.png',sizingMethod='image'); } .sign_up_alert{height:20px; position:absolute; top:14px; left:660px} .sign_up_alert input{margin-right:10px; float:left; width: 182px;} .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.sign{background:url(/images/btn_sign_up.png) no-repeat; height:25px; width:72px; cursor:pointer; border:none; position:relative; top:2px} input.email { background:url("/images/send_email.png") no-repeat; height:25px; width:81px; cursor:pointer; border:none; position:relative; top:-3px } .tagline{background:url("/images/tagline.png") no-repeat; height:33px; width:268px; position:absolute; top:12px; left:325px;} * html .tagline { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tagline.png',sizingMethod='image'); } /* b. #content */ body#DRM #content{background:url("/images/DRM_Main_bg_top.jpg") repeat-x top; padding:0 0 80px 40px; margin-bottom: 20px; } #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; color:#7D7D7D;} #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; display:block; /*margin-left: 85px;*/ } .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} .place_holder{/*height:380px; position:relative;*/ } .flash_contact{width:737px; height:420px; position:absolute; left:-40px; top:-60px;} .column_1{width:335px; float:left; margin-right:40px;} .column_2{width:225px; float:left} .mag_detail #left{/*width:315px;*/ width: 310px; position:relative; left:-15px; color:#7D7D7D; line-height: 18px; } .mag_detail #right{width:600px;} .mag_detail .place_holder{height:365px; /*position:relative;*/ margin-left: -40px; } * html .mag_detail .place_holder{margin-left: 0px; } .mag_detail .column_1{margin:0px; width:256px; line-height: 18px; } .mag_detail .column_1 ul {list-style-image:none; list-style-position:outside; list-style-type:disc; margin:0 0 10px 20px;} .mag_detail .column_1 li {padding-bottom:10px;} .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;} * html body#DRM .profile { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_mag_detail.png', sizingMethod='image'); } .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; display:block; float:none; /*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: -200px 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#DRM ul#navigation li.across { background:url("/images/DRM_nav_btn_bg.jpg") repeat-x; position:relative; } body#DRM ul#navigation li.across a#across {float:left; text-indent:-10000px; display:block; height:29px; border-right:1px solid #ccc8c2; border-left:1px solid #ccc8c2; border-top:1px solid #ccc8c2;} * html body#DRM ul#navigation li.across a#across { border: none; height:30px; cursor: pointer; } body#DRM ul#navigation li.across a#across:hover, body#DRM ul#navigation li.across a.on{/*background:#e7e5e2 none;*/ border-right:1px solid #695e4a; border-left:1px solid #695e4a; border-top:1px solid #695e4a;} * html body#DRM ul#navigation li.across a#across:hover { border: none; cursor: pointer; } * html body#DRM ul#navigation li.across a.on { border: none; cursor: pointer; } body#DRM ul.navDrop { position: absolute; top:30px; left:0; z-index: 100; /*border-top: 1px solid #999999;*/ border-left: 1px solid #999999; } body#DRM ul.navDrop li { width: 186px; height: 30px; background:url("/images/li_dropdown_bg.jpg") no-repeat 0 0; float:left; clear:left; cursor: pointer; } body#DRM ul.navDrop li a { float:left; clear:left; display:inline; height:23px; width:174px; margin-left: 6px; padding-left: 6px; padding-top: 7px; font-family: Arial, sans; color: #FFFFFF; font-size: 12px; font-weight: bold; } body#DRM ul.navDrop li a.border { background: url("/images/a_dropdown_bg.jpg") no-repeat 0 27px; } body#DRM ul.navDrop li a:hover { text-decoration: none; color:#DBEFD0; } /*body#DRM ul.navDrop li.dropOn { background: #e5ecf2 none; }*/ ul#navigation li.magazines a#across {background:url("/images/nav_magazine.png") no-repeat center 9px; width:106px;} * html ul#navigation li.magazines a#across { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav_magazine_ie6.png',sizingMethod='image'); } ul#navigation li.resource a#across {background:url("/images/nav_resource.png") no-repeat center 9px; width:140px;} * html ul#navigation li.resource a#across { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav_resource_ie6.png',sizingMethod='image'); } ul#navigation li.news a#across {background:url("/images/nav_news.png") no-repeat center 9px; width:67px;} * html ul#navigation li.news a#across { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav_news_ie6.png',sizingMethod='image'); } ul#navigation li.marketing a#across {background:url("/images/nav_marketing.png") no-repeat center 9px; width:97px;} * html ul#navigation li.marketing a#across { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav_marketing_ie6.png',sizingMethod='image'); } ul#navigation li.research a#across {background:url("/images/nav_research.png") no-repeat center 9px; width:92px;} * html ul#navigation li.research a#across { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav_research_ie6.png',sizingMethod='image'); } ul#navigation li.contact a#across {background:url("/images/nav_contact.png") no-repeat center 9px; width:102px} * html ul#navigation li.contact a#across { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav_contact_ie6.png',sizingMethod='image'); } body#DRM ul#navigation li.magazines a.on, body#DRM ul#navigation li.magazines a#across:hover{background:#f2f0ee url("/images/DRM_nav_magazines_on.gif") center 9px no-repeat;} * html body#DRM ul#navigation li.magazines a.on { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_nav_magazines_on_ie6.png', sizingMethod='image'); } * html body#DRM ul#navigation li.magazines a#across:hover { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_nav_magazines_hover_ie6.png', sizingMethod='image'); } body#DRM ul#navigation li.resource a.on, body#DRM ul#navigation li.resource a#across:hover{background:#f2f0ee url("/images/DRM_nav_resource_on.gif") center 9px no-repeat;} * html body#DRM ul#navigation li.resource a.on { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_nav_resource_on_ie6.png', sizingMethod='image'); } * html body#DRM ul#navigation li.resource a#across:hover { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_nav_resource_hover_ie6.png', sizingMethod='image'); } body#DRM ul#navigation li.news a.on, body#DRM ul#navigation li.news a#across:hover{background:#f2f0ee url("/images/DRM_nav_news_on.gif") center 9px no-repeat;} * html body#DRM ul#navigation li.news a.on { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_nav_news_on_ie6.png', sizingMethod='image'); } * html body#DRM ul#navigation li.news a#across:hover { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_nav_news_hover_ie6.png', sizingMethod='image'); } body#DRM ul#navigation li.marketing a.on, body#DRM ul#navigation li.marketing a#across:hover{background:#f2f0ee url("/images/DRM_nav_marketing_on.gif") center 9px no-repeat;} * html body#DRM ul#navigation li.marketing a.on { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_nav_marketing_on_ie6.png', sizingMethod='image'); } * html body#DRM ul#navigation li.marketing a#across:hover { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_nav_marketing_hover_ie6.png', sizingMethod='image'); } body#DRM ul#navigation li.research a.on, body#DRM ul#navigation li.research a#across:hover{background:#f2f0ee url("/images/DRM_nav_research_on.gif") center 9px no-repeat;} * html body#DRM ul#navigation li.research a.on { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_nav_research_on_ie6.png', sizingMethod='image'); } * html body#DRM ul#navigation li.research a#across:hover { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_nav_research_hover_ie6.png', sizingMethod='image'); } body#DRM ul#navigation li.contact a.on, body#DRM ul#navigation li.contact a#across:hover{background:#f2f0ee url("/images/DRM_nav_contact_on.gif") center 9px no-repeat;} * html body#DRM ul#navigation li.contact a.on { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_nav_contact_on_ie6.png', sizingMethod='image'); } * html body#DRM ul#navigation li.contact a#across:hover { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/DRM_nav_contact_hover_ie6.png', sizingMethod='image'); } /* -------------- 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} /* -------------- 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 --------------------------------- */ div#footer td { color:#727272; font-family:Tahoma,'Trebuchet MS',Sans-serif; font-size:11px; } /* -------------- CLIENT LIST --------------------------------- */ div.clientRow { margin-bottom: 25px; float: left; } div.clientRow li.client { list-style: none; float: left; text-align: center; padding: 20px 15px; }