/* GENERAL */ * { margin:0; padding:0; } /*body { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#4c4c4c; line-height:20px; background:url(images/bg-main.jpg) repeat; }*/ body { font-family:Corbel; color:#4c4c4c; line-height:20px; background:url(images/bg-main.jpg) repeat; } img { border:0; } .floatRight { float:right; } .border { padding:2px; border:1px solid #000; margin:0 0 10px 10px; } .red { color:#CC0000; } .noBullets { list-style:none; } .list li { margin-left:15px; } h1 { color:#000; font-size:24px; margin-bottom:20px; font-weight:bold; line-height:28px; } /*h2 { color:#895006; font-size:22px; font-weight:normal; margin-bottom:10px; font-variant:small-caps; }*/ h2 { color:#03541A; font-size:22px; font-weight:normal; margin-bottom:10px; font-variant:small-caps; } h4 { color:#1b4727; font-size:18px; margin-bottom:10px; font-weight:normal; line-height:20px; text-transform:uppercase; } h3 { } p { font-size:15px; line-height:20px; padding-bottom:20px; } a { color:#895006; text-decoration:none; } a:hover { text-decoration:underline; } .strong { font-size:12px; font-weight:bold; } .bold { font-weight:bold; } .left { text-align:left; } .center { text-align:center; } .right { text-align:right; } /*.button { padding:0 4px 2px 0px; cursor:pointer; background-color:transparent; border:none; float:left; font-size:10px; color:#FFF; height:25px; background:url(images/bg-button-right.png) no-repeat right; }*/ .button { padding:0 9px 2px 0px; cursor:pointer; background-color:transparent; font-family:Georgia, "Times New Roman", Times, serif; border:none; float:left; font-size:14px; color:#FFF; height:32px; background:url(images/bg-button-right.png) no-repeat right; } .buttonLeft { padding-left:4px; float:left; background:url(images/bg-button-left.png) no-repeat left; } .buttonLarge { padding:0 4px 2px 0px; cursor:pointer; background-color:transparent; border:none; float:left; font-size:14px; color:#FFF; font-weight:bold; height:32px; background:url(images/bg-button-large-right.png) no-repeat right; } .buttonLargeLeft { padding-left:4px; float:left; background:url(images/bg-button-large-left.png) no-repeat left; } .textInput { font-family:Arial, Verdana, sans-serif; color:#666; font-size:11px; } #breadcrumb { padding-top:0px; font-size:14px; color:#03541A; border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:10px; } #breadcrumb span:before { } #breadcrumb a { margin-right:5px; background-image:url(http://od-webfiles.s3.amazonaws.com/WebImages/bg-breadcrumb-link.png); background-repeat:no-repeat; padding-right:15px; background-position:right center; } #breadcrumb span { padding-left:0px; } /* HEADER */ #header { margin:0 auto; width:980px; height:95px; position:relative; } #header .logo { position:absolute; top:25px; left:10px; } #header ul { position:absolute; top:10px; right:10px; list-style:none; } #header ul li { padding:2px 7px; float:left; background:url(images/bg-top-nav.gif) no-repeat; background-position:right 5px; } #header ul li.noBorder { background:none; padding-right:0; } #header h2 { position:absolute; bottom:15px; right:10px; font-size:22px; line-height:24px; font-weight:normal; font-style:italic; color:#895006; } #header h2 span { font-size:16px; } /* NAV */ #navContainer { width:100%; height:35px; margin:auto; background:url(images/bg-nav.gif) repeat-x; } #nav { width:999px; height:35px; margin:auto; list-style:none; } #nav li { float:left; padding-top:6px; margin:0 14px; } #nav li a { color:#e3e0cf; } #nav li a:hover { color:#b6b67b; text-decoration:none; } /* HOMEPAGE */ #homepage { width:100%; margin:auto; background:url(images/bg-homepage.jpg) no-repeat top center; } #homepage .intro { width:960px; height:258px; padding:0 10px; margin:auto; position:relative; } #homepage .videoPlayer { width:492px; height:286px; position:absolute; top:40px; margin-left:30px; } #homepage .headlines { position:absolute; top:57px; right:25px; } #homepage .content { width:960px; padding:0 10px; margin:0 auto; } .recentBlogPosts { width:290px; float:left; padding:130px 30px 60px 0; } .recentBlogPosts dt { font-size:18px; margin-bottom:10px; padding:0 0 10px 30px; border-bottom:1px solid #918f86; text-transform:uppercase; background:url(images/rss-logo.gif) no-repeat top left; } .recentBlogPosts dd ul { list-style:none; } .recentBlogPosts a.title { width:230px; float:left; } .recentBlogPosts p { width:230px; float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #bfbcae; } .recentBlogPosts dd ul li .blogCalendar { float:left; width:50px; height:41px; margin-right:10px; position:relative; background:url(images/bg-blog-date.gif) no-repeat; display:block; } .recentBlogPosts dd ul li .blogCalendar .month { position:absolute; top:5px; right:5px; font-size:16px; color:#eae7d6; } .recentBlogPosts dd ul li .blogCalendar .date { position:absolute; bottom:3px; right:5px; font-size:16px; color:#eae7d6; } .propertyShowcase { width:290px; float:left; padding:130px 30px 60px 0; } .propertyShowcase dt { font-size:18px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #918f86; text-transform:uppercase; } .propertyShowcase dd { clear:both; display:block; width:290px; } .propertyShowcase dd.imageList img { background-color:#FFF; padding:3px; border:1px solid #c6c3b6; float:left; margin:0 3px 3px 0; } dd.link { text-align:right; } .quotes { width:485px; float:left; padding-bottom:60px; min-height:82px; padding-left:125px; background:url(images/what-others-are-saying.gif) no-repeat top left; } .quotes p { font-style:italic; font-size:16px; color:#1c4827; width:485px; padding-top:10px; } .quotes span { display:block; clear:both; text-align:right; font-weight:bold; color:#4c4c4c; } /* RIGHT COLUMN */ .rightColumn { width:300px; padding:20px 0 60px 20px; float:right; } .rightColumn .signUp { width:279px; height:365px; margin-bottom:20px; background:url(images/bg-newsletter.png) no-repeat; position:relative; } .rightColumn .signUp h3 { width:271px; height:44px; padding:29px 0 0 60px; position:absolute; top:5px; right:-10px; background:url(images/bg-newsletter-title.png) no-repeat; font-size:24px; color:#FFF; font-weight:normal; font-style:italic; } .rightColumn .signUp p { position:absolute; top:96px; left:30px; font-size:14px; margin-bottom:10px; width:225px; } .rightColumn .signUp ul{ list-style:none; position:absolute; top:150px; left:30px; width:225px; } .rightColumn .signUp ul li { margin-bottom:10px; padding-left:0px } .rightColumn .signUp ul li label { font-size:16px; font-weight:normal; display:block; } .rightColumn .signUp li.right { text-align:right; } .nameField { width:210px; height:18px; padding:5px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; } .emailField { width:210px; height:18px; padding:5px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; } .rightColumn .lenderInset { width:279px; height:132px; margin-bottom:20px; background:url(images/bg-lender-inset.jpg) no-repeat; position:relative; } .rightColumn .lenderInset h3 { width:240px; padding:20px 0 0 20px; font-size:18px; color:#895006; font-style:italic; line-height:24px; font-weight:normal; } .rightColumn .lenderInset h3 span { color:#4c4c4c; font-size:26px; } .rightColumn .lenderInset .getStarted { position:absolute; bottom:20px; right:20px; } .rightColumn .blogInset { width:279px; margin-bottom:0px; margin-top:0px; padding:0px; position:relative; margin-bottom:-3px;} .rightColumn .blogInsetContent {padding:25px; background:url(images/bg-blog-inset.png) repeat-y; width:229px; margin-top:-5px;} .rightColumn .blogInset dl { margin-bottom:15px; } .rightColumn .blogInset dl dt { font-size:18px; font-style:italic; margin-bottom:5px; } .rightColumn .blogInset .subscribe { position:absolute; bottom:0px; right:10px; } .rightColumn .blogInset .bottomImage { position:absolute; bottom:0; left:0; } .rightColumn .socialMediaIcons { width:279px; height:135px; background:url(images/bg-icons.jpg) no-repeat; position:relative; } .rightColumn .socialMediaIcons .twitter { position:absolute; top:45px; left:45px; } .rightColumn .socialMediaIcons .facebook { position:absolute; top:45px; left:120px; } .rightColumn .socialMediaIcons .youtube { position:absolute; top:45px; right:45px; } /* RIGHT COLUMN HOME PAGE */ .rightColumnHomePage { width:300px; padding:20px 0 0 20px; float:right; } .rightColumnHomePage .signUp { width:279px; height:365px; margin-bottom:20px; background:url(images/bg-newsletter.png) no-repeat; position:relative; } .rightColumnHomePage .signUp h3 { width:271px; height:44px; padding:29px 0 0 60px; position:absolute; top:5px; right:-10px; background:url(images/bg-newsletter-title.png) no-repeat; font-size:24px; color:#FFF; font-weight:normal; font-style:italic; } .rightColumnHomePage .signUp p { position:absolute; top:96px; left:30px; font-size:14px; margin-bottom:10px; width:225px; } .rightColumnHomePage .signUp ul{ list-style:none; position:absolute; top:150px; left:30px; width:225px; } .rightColumnHomePage .signUp ul li { margin-bottom:10px; padding-left:0px } .rightColumnHomePage .signUp ul li label { font-size:16px; font-weight:normal; display:block; } .rightColumnHomePage .signUp li.right { text-align:right; } /* INNERPAGE */ #innerpage { width:100%; margin:auto; background:url(images/bg-innerpage.jpg) no-repeat top center; } #innerpage .heading { width:580px; height:143px; padding:0 10px; position:relative; } #innerpage .heading h1 { color:#4c4c4c; position:absolute; bottom:-7px; left:0; font-weight:normal; font-size:36px; line-height:40px; } #innerpage .content { width:960px; padding:0 10px; margin:0 auto; } #innerpage .mainArea { width:580px; float:left; padding:20px 30px 60px 0; } #innerpage .mainArea img {float:left; padding:5px; border:1px solid #ccc; margin-right:10px; background-color:#FFF; } #innerpage .mainArea p { font-size:15px; line-height:20px; padding-bottom:20px; } #innerpage .mainArea ul {padding-left:20px; padding-bottom:15px;} #innerpage .mainArea ul li {padding-bottom:5px; font-size:15px; line-height:20px;} #innerpage .mainArea ol {padding-left:20px; padding-bottom:15px;} #innerpage .mainArea ol li {padding-bottom:5px; font-size:15px; line-height:20px;} /* BLOG */ .blogPost { margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #918f86; } /* FOOTER */ #footerTopContainer { width:100%; height:395px; margin:auto; background:url(images/bg-footer-top.jpg) repeat-x; float:left; } #footerTop { width:960px; height:320px; padding:75px 10px 0 10px; margin:auto; } #footerTop dt { font-size:18px; margin-bottom:5px; } #footerTop dd { margin-bottom:15px; } #footerTop .whoWeAre { width:430px; float:left; padding-right:50px; } #footerTop .contact { width:185px; float:left; padding-right:50px; } #footerTop .contact label { display:block; clear:both; } #footerTop .quickLinks { width:235px; float:left; } #footerTop .quickLinks ul { width:115px; float:left; list-style:none; } #footerTop .quickLinks ul li { margin-bottom:3px; font-size:12px; } #footerBottomContainer { width:100%; height:51px; margin:auto; background:url(images/bg-footer-bottom.gif) repeat-x; float:left; } #footerBottom { width:960px; height:51px; margin:auto; position:relative; } #footerBottom span { color:#938d83; font-size:11px; position:absolute; right:0px; top:15px; padding-left:35px; background:url(images/bg-copyright.gif) no-repeat left; } /* FORMS */ .forms { list-style:none; display:block; overflow:hidden; width:100%; margin-bottom:20px; } .forms li { margin-bottom:10px; } .forms li label { font-size:14px; font-weight:normal; display:block; clear:both; } .forms li.right { text-align:right; } .standard { width:250px; height:16px; padding:5px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; } .medium { width:150px; height:16px; padding:5px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; } .short { width:75px; height:16px; padding:5px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; } .large { width:450px; height:200px; padding:5px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; } .selectBox { padding:5px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; } /* ----------------------------------------------------------------------- RMSforms CSS Forms Framework 0.5 http://rmsjr.com * Copyright (c) 2009-Present. ----------------------------------------------------------------------- */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* BASE FORM CLASS */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .form { margin:0 0 0 0; padding:0; list-style:none; overflow:hidden; height:1%;} .form ul{ padding:0; overflow:hidden; height:1%; } .form label{ width:120px; padding:3px 5px 3px 0px; float:left; display:inline; } .form li{margin:3px 0 0 0; padding-bottom:3px; width:100%; float:left} .form li ul li{ border-bottom:0px solid #ff0000;} .form input{ float:left; display:inline; line-height:100%; padding:5px; width:200px;} .form select{ float:left; display:inline;} .form textarea{ float:left; display:inline;} .form input[type='radio'] { border:0px; } .form input[type='checkbox'] { border:0px; } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* FORM MODIFIERS */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* All of the modifier classes should be applied to form uls and are used to present the structure:
    • . Each letter represented in the class name represents the orientation of the li - label - input elements respectively. h = horizontal block element (floated left) v = vertical block element i = inline element for example, the class:.hvv = [LI:Horizontal Block Element] [LABEL:Verticle block element] [INPOUT:Vertical block element] */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .vvv li { display:block; clear:both; width:100%;} .vvv label{ display:block; width:100%; clear:both; float:none;} .vvv input{ display:block; float:left;} .vvv select{ display:block; float:left;} .vvv textarea{ display:block; float:left;} .hvv{ overflow:hidden; height:1%; } .hvv li{ float:left; margin-right:10px; display:inline; width:auto; clear:none;} .hvv label{ display:block; width:auto; float:none; } .hvv input{ display:block; } .hvv select{ display:block;} .hvv textarea{ display:block;} .hii{ overflow:hidden; height:1% } .hii li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;} .hii label{ display:inline; margin-right:0px; vertical-align:middle; text-align:left; width:auto;} .hii input{ display:inline; vertical-align:middle; } .hii select{ display:inline; vertical-align:middle;} .hii textarea{ display:inline; vertical-align:middle;} .hii li li{ clear:both; } /* reset second level lis */ .hhh{ overflow:hidden; height:1% } .hhh li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;} .hhh label{ float:left; width:150px; } .hhh input{ float:left} .hhh select{ float:left} .hhh textarea{ float:left} .hhh li li{ clear:both; } /* reset second level lis */ .vii{ float:left; display:inline; width:auto} .vii li{ display:block; float:left; width:auto; clear:both;} .vii label{ display:inline; width:auto; vertical-align:middle; float:none;} .vii input{display:inline; vertical-align:middle; float:none; } .vii select{ display:inline; vertical-align:middle; float:none;} .vii textarea{display:inline; vertical-align:middle; float:none;} .vhh{ float:left; display:inline;} .vhh li{ display:block; clear:both; float:left; width:auto;} .vhh label{ float:left; display:inline; } .vhh input{ float:left; display:inline; margin-top:5px;} .vhh select{ float:left; display:inline;} .vhh textarea{ float:left; display:inline;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* LABEL MODIFIERS */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ label.v { display:block; float:none; width:auto; padding:3px; text-align:left} label.h { display:block; float:left; width:auto; display:inline;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* MULTI-SELECT BOX */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .multiSelect{ height:200px; width:200px; float:left; padding:0px; background-color:#FFFFFF; overflow:hidden; overflow:auto; border:0px inset #ccc; } .multiSelect .form{ height:auto; margin:0; padding:0; border:0;} .multiSelect .vhh{ margin:0; padding:0;} .multiSelect .vhh input{ float:left; } .multiSelect .vhh label{ float:none; margin-left:20px; display:block; width:auto; clear:none; } .multiSelect .vhh li{ overflow:hidden; width:100%} .multiSelect .vii li{ width:100%;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* OTHER STYLES */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ie 6 no border class (put on all check boxes and radio buttons if a border is set on inputs*/ .form input.noBorder{ border:0px;} /* REQUIRED FIELD STLES */ .requiredDesignation{ display:block; padding:5px 5px 5px 5px; margin-bottom:10px; } .required{ color:#FF0000;} .required label:Before{ content:"* "} .requiredDesignation:before{ content:"* " } /* FORM NOTES */ .leftNote{ padding:3px 5px 0 5px; color:#FF9933; float:left} .bottomNote{ padding:0; color:#FF9933; clear:both; display:block;} .tar label{ text-align:right;} /* GENERAL TWEAKING STYLES */ .fl{ float:left;} .cb{ clear:both;} .w100p{ width:100%;} .mr20{ margin-right:20px;} .ml20{ margin-left:20px;} .offset1{ margin-left:130px;} .offset2{ margin-left:105px;} /* pikachoose */ .pikachoose{width:510px;margin:0 auto 50px auto;} /* This is the ul you have all your images in */ .pikachoose ul{padding-left:0;width:510px;height:180px;margin:0;overflow:hidden;} .pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;} .pikachoose ul li div img{position:relative;cursor:pointer;} /* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */ .pika_main{width:506px;height:325px;display:block;position:relative;} /*sine we give it the fake border, you need to position the image a little. */ .pika_main_img{position:absolute;top:2px;left:2px;} .pika_back_img{position:relative;top:0px;} .pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;} .pika_subdiv img, .pika_subdiv a img{border:none;} .pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('images/black.png') top left;} .pika_caption a{color:white;} .pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;} .pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('images/play.png') top center no-repeat;} .pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('images/pause.png') top center no-repeat;} .pika_navigation a{font-size: 12px; text-decoration: none;} .pika_navigation a:hover{text-decoration: underline;} .pika_navigation{padding-top:10px;clear:both;text-align:center;} /* if you want to 'hide' these jus make their height and width 1px */ .pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('images/rewind.png') top left no-repeat;} .pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('images/fastf.png') top right no-repeat;} .scrollable { /* required settings */ position:relative; overflow:hidden; width: 680px; height:85px; /* custom decorations */ /*border:1px solid #222;*/ /*background:url(images/h300.png) repeat-x; */ /*background-color:#3F3F3F;*/ } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } /* single scrollable item */ .scrollable img { float:left; margin:0px 5px 0px 10px; background-color:#fff; padding:2px; cursor:pointer; width:75px; height:75px; } /* active item */ .scrollable .active { border:0; z-index:9999; position:relative; } /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse { background:url(images/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; } /* right */ a.right { background-position: 0 -30px; clear:right; margin-right: 0px;} a.right:hover { background-position:-30px -30px; } a.right:active { background-position:-60px -30px; } /* left */ a.left { margin-left: 0px; } a.left:hover { background-position:-30px 0; } a.left:active { background-position:-60px 0; } /* up and down */ a.up, a.down { background:url(images/vert_large.png) no-repeat; float: none; margin: 10px 50px; } /* up */ a.up:hover { background-position:-30px 0; } a.up:active { background-position:-60px 0; } /* down */ a.down { background-position: 0 -30px; } a.down:hover { background-position:-30px -30px; } a.down:active { background-position:-60px -30px; } /* disabled navigational button */ a.disabled { visibility:hidden !important; } .greenModuleContainer{ background-image:url(images/bg-interested-form-tile.png); background-repeat:repeat-y; background-position:0 10px} .greenModule{ color:#fff; padding:15px 15px 0 15px; background-image:url(images/bg-interested-form.png); position:relative; top:-10px; margin-top:80px; background-repeat:no-repeat;} .greenModule ul{ margin-top:20px; margin-left:10px;} .greenModule ul li{ margin-bottom:0px;} .greenModule ul.form input{ padding:3px; width:92%;} .greenModule ul.form input.btnInterested { background-image:url(images/btn-interested-form.png); background-color:transparent; border:0; background-repeat:no-repeat; color:#fff; border:0; font-weight:normal; margin:0; cursor:pointer; text-align:center; width:256px; display:block; height:45px; line-height:100%; vertical-align:middle; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px;} .beigeModule{ background-image:url(images/beige-module-content.png); background-repeat:repeat-y; padding:0 20px;} .beigeModule h3{ padding:10px 0 0 0px; font-size:18px; color:#895006; font-style:italic; line-height:24px; font-weight:normal;} .quotes#propertyQuotes { width:485px; float:left; padding-bottom:60px; min-height:82px; padding-left:125px;} /*background:url(images/bg-testimonial-property.png) no-repeat top left; }*/ .rightColumnInt { width:300px; padding:20px 0 60px 0; float:right; } .rightColumnInt .signUp { width:279px; height:365px; margin-bottom:20px; background:url(images/bg-newsletter.png) no-repeat; position:relative; } .rightColumnInt .signUp h3 { width:271px; height:44px; padding:29px 0 0 40px; position:absolute; top:5px; right:-5px; background:url(images/bg-newsletter-title.png) no-repeat; font-size:17px; color:#FFF; font-weight:normal; font-style:italic; } .rightColumnInt .signUp p { position:absolute; top:80px; left:15px; font-size:12px; margin-bottom:10px; width:250px; } .rightColumnInt .signUp ul { list-style:none; position:absolute; top:115px; left:40px; width:225px; } .rightColumnInt .signUp ul li { margin-bottom:10px; } .rightColumnInt .signUp ul li label { font-size:16px; font-weight:bold; width:100px; } .rightColumnInt .signUp li.right { text-align:right; } ul .dsq-login-buttons{ background-color:#fff;} div.mainArea ul.dsq-login-buttons{ background-color:#fff;} div.mainArea ul.dsq-login-buttons li{ padding:0; } #idc-container-parent #idc-container { border: 1px solid #CCC; padding:25px; background: #fff; } #idc-container-parent #idc-container .idc-c { background: #fff; } #idc-container-parent #idc-container .idc-foot { visibility:none; } /* Case Studies Inset */ .inset {width: 328px; margin-left: -40px;} .insetheader {width:218px; height:96px; background-image:url(images/ins_header.png); background-repeat:no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-size:18px; line-height:22px; font-style:italic; font-weight:bold; padding:30px 50px 0px 60px;} .insetcontent {background-image:url(images/ins_bg_repeat.png); background-repeat:repeat-y; height:100%; padding: 3px 30px 0px 60px;} .insetfooter {background-image:url(images/ins_footer.png); width:328px; height:21px; background-repeat:no-repeat;} .insetitem {width:100%; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#003300; margin-top:3px;} .insetitem img {margin-right:6px;} .insetitem a {color:#003300;} .insetitemfirst {width:100%; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#003300; margin-top:-25px;} .insetitemfirst img {margin-right:6px;} .insetitemfirst a {color:#003300;}