* { vertical-align: baseline;font-family: inherit;font-size: 100%;padding: 0;margin: 0;text-decoration:none;border:0;outline:0; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0px; font-size:1px; } * html .clearfix { zoom:1; } /* IE 6 */ *:first-child+html .clearfix { zoom:1; } /* IE 7 */ /* Basic page and styles setup -------------------------------------------------------------------*/ body {margin:0px;background: #000; font-family: arial,verdana,tahoma, sans-serif;color: #fff;font-size:12px;line-height:1.6em; } h1 { font-size:2.5em; font-weight:200; } h2 { font-size:2.2em; font-weight:200; } h3 { font-size:1.8em; font-weight:200; line-height:1.2em; } h4 { font-size:1.45em; } p { font-size:1em; } h1,h2,h3,h4,p { padding:1em; } input { padding:5px; } hr { height:1px; } /* default link styling */ a { text-decoration:underline; } a:link { color: #e36931; } a:visited { color: #e36931; } a:hover { color: #e36931; } a:active { color: #e36931; } .btns { text-indent:-9999px;display:block;height:32px;cursor:pointer; } .home-sprite { background: transparent url(../images/new_header_base/home-sprite.png);display:inline-block; } /* Home styles, containers, and some global stylezzz -------------------------------------------------------------------*/ div#cL1 {width:1152px;position:relative;padding-bottom:80px;/*margin:40px*/margin: 6px auto 0;/*min-height:325px;height:auto !important;height:325px;*/ } div#top-ads { width:100%; } /*div#top-ads a { display:inline-block; } removed because ad serving code breaks this */ div#top-ads a.ad-728x90 { width:728px;height:90px; } div#top-ads a.ad-420x90 { width:420px;height:90px; } div#right-ads { width:160px;float:right;margin-right:3px; } div#right-ads * { margin-bottom: 6px; } div#cMain { width:980px;float:left;position:relative;background:#303030 url(../images/new_header_base/subheader_bg.png) no-repeat 0 0;min-height:145px;height:auto !important;height:145px; } div#cMain.split-column { background: url(../images/new_header_base/subheader_bg_2.png) no-repeat 0 0; } div#subheader { height:107px;position:relative; } div#subheader div.login { position:absolute;text-align:right;top:15px;right:36px; } /* NJ: this is moved to nav_menu.css ul#site-nav { list-style:none;position:absolute;bottom:0;left:0; } ul#site-nav li { display:inline-block;float:left;margin:0; } ul#site-nav li:hover {} ul#site-nav li a { display:block;text-align:center;text-decoration:none;color:#fff;font-size:14px;padding-top:9px;width:109px;height:22px;background:transparent url(../images/new_header_base/nav-btns-bg.png) no-repeat 0 0; } ul#site-nav li a:hover, ul#site-nav li.active a { background-position:0 -31px; } ul#site-nav li.doddle-online a { padding:0;width:135px; } */ a.app-store { position:absolute;left:40px;display:inline-block; } a.testimonies { position:absolute;left:250px;display:inline-block; } div#cContent-1 { margin:0 auto;width:955px;height:347px;background:transparent url(../images/new_header_base/content_bg.jpg) no-repeat 0 0;position:relative;z-index:2; } div#cContent-1 ul { width:420px;color:#222;font-size:13px;font-weight:bold;position:absolute;top:50px;left:200px;list-style:none; } div#cContent-1 ul li { background:transparent url(../images/new_header_base/white-bullet.png) no-repeat 0 4px;padding-left:20px;margin-bottom:15px; } div#cContent-1 a#get-listed { position:absolute;top:35px;right:20px;width:300px;height:45px;text-indent:-9999px; } div#cContent-1 a#find-a-listing { position:absolute;bottom:35px;right:20px;width:285px;height:70px;background-position:0 -50px;text-indent:-9999px; } div.top-banner { font-size:2em;padding:9px;margin:10px 0;position:relative; } div#cSub-right { float:right;position:relative;width:274px; } div#cMain.split-column div#cSub-right { background:#535050; } div#doddle-videos { text-align:center;background:#64341b; } div.vGroup { padding:10px 20px; } div.vGroup a { display:block;text-decoration:none;color:#fff; } div.vGroup a img { padding:3px;background:#fff;float:left;margin-right:8px; } div#cSub-left { float:left;position:relative;width:706px; } div#doddle-photos { padding-left:20px;background:#ce571d; } img#archives-tab { position:absolute;bottom:100%;right:20px; } h4.vbar-title { padding:0 0 0 20px; } div.video-bar-strip { position:relative;padding:22px 10px 0 20px;width:660px;height:98px;background:transparent url(../images/new_header_base/video_bar_strip.png) no-repeat 0 0; } div.video-bar-strip div.scrollable { width:574px;height:66px;position:relative;overflow:hidden;left:31px; } div.video-bar-strip div.scrollable div.items { width:20000em;position:absolute; } div.video-bar-strip div.scrollable div.items div.thumb {float:left;margin-right:8px; } div.video-bar-strip a.scroll-right { position:absolute;right:18px;top:25px;display:block;width:47px;height:47px;background:transparent url(../images/new_header_base/arrow-right.png) no-repeat 0 0;cursor:pointer; } div.video-bar-strip a.scroll-left { position:absolute;left:3px;top:25px;display:block;width:47px;height:47px;background:transparent url(../images/new_header_base/arrow-left.png) no-repeat 0 0;cursor:pointer; } div.full-width { position:relative; } div.full-width h2 {font-weight:600;padding-left:20px;} div.full-width p { padding-left:20px; } h4.prbar-title { padding:0 0 0 20px; } div.pr-bar-strip { position:relative;padding:20px 10px 0 20px;width:884px;height:118px;background:transparent url(../images/new_header_base/press_bar.png) no-repeat 0 0; } div.pr-bar-strip div.scrollable { width:746px;height:80px;position:relative;overflow:hidden;left:40px;top:12px; } div.pr-bar-strip div.scrollable div.items { width:20000em;position:absolute; } div.pr-bar-strip div.element {float:left;margin-right:17px;text-align:center; } div.pr-bar-strip div.element a {font-size:1.2em;text-decoration:none;} div.pr-bar-strip div.element img { padding-bottom:3px; } div.pr-bar-strip div.element img.vthumb { padding:3px;background:#fff;margin-bottom:3px; } div.pr-bar-strip a.scroll-right { position:absolute;right:53px;top:36px;display:block;width:47px;height:47px;background:transparent url(../images/new_header_base/arrow-right.png) no-repeat 0 0;cursor:pointer; } div.pr-bar-strip a.scroll-left { position:absolute;left:3px;top:36px;display:block;width:47px;height:47px;background:transparent url(../images/new_header_base/arrow-left.png) no-repeat 0 0;cursor:pointer; } div.orange-bar { height:21px;background:#e36931;padding:10px;position:relative; } div.orange-bar h1 {font-size:2em;position:relative;top:2px;} /* bottom rounded footers setup */ div#rounded-bottom-footer { width:980px;height:30px;position:absolute;top:100%;background:transparent url(../images/new_header_base/bottom_rounded_footer.png) no-repeat 0 0; } div#cMain.split-column div#rounded-bottom-footer { background:transparent url(../images/new_header_base/bottom_rounded_gray_split.png) no-repeat 0 0; } div#cMain.light-gray div#rounded-bottom-footer { background:transparent url(../images/new_header_base/bottom_rounded_footer_light_gray.png) no-repeat 0 0; } div#cMain.split-news-rss div#rounded-bottom-footer { background:transparent url(../images/new_header_base/bottom_rounded_footer_news_rss.png) no-repeat 0 0; } /* Press Room page specific ------------------------------------------------------------------- */ .btns.sign-in { width:68px;background:transparent url(../images/new_header_base/btn_sign_in_out.png) no-repeat 0 0; } .btns.sign-in:hover {background-position:0 -32px;} .btns.sign-out { width:68px;background-position:-69px 0;background:transparent url(../images/new_header_base/btn_sign_in_out.png) no-repeat 0 0; } .btns.sign-out:hover {background-position:-69px -32px;} div#expanded-area { position:relative;margin:10px 0;width:884px;background:#868484; } div#expanded-area a.asset { display:block;text-align:center;margin-right:15px;padding:63px 8px 0;float:left;background:transparent no-repeat 50% 0; } div#expanded-area a.asset.phones { background-image: url(../images/new_header_base/phone_icons.png); } div#expanded-area a.asset.phones1 { background-image: url(../images/new_header_base/phone_icons1.png); } div#expanded-area a.asset.phones2 { background-image: url(../images/new_header_base/phone_icons2.png); } div#expanded-area a.asset.phones3 { background-image: url(../images/new_header_base/phone_icons3.png); } div#expanded-area a.asset.phones4 { background-image: url(../images/new_header_base/phone_icons4.png); } /* Features page specific ------------------------------------------------------------------- */ div#ftrs.scrollable {width:600px;height:520px;margin:0 auto;position:relative;overflow:hidden;} div#ftrs.scrollable .items {width:20000em;position:absolute;} div#ftrs.scrollable .items .node { width:600px;height:480px;padding-top:378px;float:left; } div#ftrs.scrollable .items .node span {font-size:1.6em;font-weight:bold;} a.scroll-control { position:absolute;top:180px;display:block;width:50px;height:50px;z-index:11;cursor:pointer; } .just-doddle-it { background:transparent url(../images/new_header_base/scroller_phones/features-listings.jpg) no-repeat 50% 0; } .e-callsheet { background:transparent url(../images/new_header_base/scroller_phones/features-callsheet.jpg) no-repeat 50% 0; } .i-contact { background:transparent url(../images/new_header_base/scroller_phones/features-contacts.jpg) no-repeat 50% 0; } .options3x { background:transparent url(../images/new_header_base/scroller_phones/features-prefs.jpg) no-repeat 50% 0; } /* Testimonials, Categories & News pages SHARED ------------------------------------------------------------------- */ div.cThreeColumns { } /* three column layout stuff */ div.cThreeColumns div.clmn { padding:15px 0 15px 25px;float:left;width:301px; } div.cThreeColumns div.clmn ul { list-style:none;padding:0;margin:0; } /* News page specific ------------------------------------------------------------------- */ div.news-clmn { padding:25px 0 15px 20px;float:left;width:301px; } div.news-clmn h4 { padding:6px 0 5px 22px;position:relative;border-bottom:1px solid #fff;background:transparent no-repeat 0 50%; } div.news-clmn a.rss { position:absolute;top:0;right:0;display:block;float:right;width:25px;height:25px;background:transparent url(../images/new_header_base/rss-icon.png) no-repeat 0 0;cursor:pointer; } div.news-clmn p {color:#000;padding-top:.8em;padding-bottom:0;} div.news-clmn p a { color:#fff; } /* h4#film-maker-mag { background-image:url(../images/new_header_base/placeholders/news-source-icon.png); } h4#the-big-picture { background-image:url(../images/new_header_base/placeholders/news-source-icon2.png); } */ /* News/RSS page specific ------------------------------------------------------------------- */ #news-rss { background:url(http://doddleme.com/static/doddle_app/images/new_header_base/split_back_news_rss.png) repeat-y 0 0; } #news-rss div.cRight {padding:5px 10px 5px 15px;float:right;width:150px;} #news-rss div.cRight h5 { padding:15px 0 5px; } #news-rss div.cRight input.search-box { width:120px;padding-left:20px;background:#fff url(http://doddleme.com/static/doddle_app/images/new_header_base/icon_search_magnifying.png) no-repeat 5px 50%; } #news-rss div.cRight ul {list-style:none;padding-left:10px;} #news-rss div.cRight ul li a {color:#FFFFFF;text-decoration:none;} #news-rss div.cLeft {width:773px;padding:15px 15px;color:#000;} #news-rss div.cLeft h4, #news-rss div.cLeft p {padding:1em 0;} #news-rss div.cLeft h4 {font-size:1.3em;color:#fff;padding-bottom:0;} #news-rss div.cLeft h4 span {padding-left:10px;font-size:.8em;font-weight:normal;} #news-rss div.cLeft p {padding-top:.6em;font-weight:bold;} #news-rss div.cLeft a {color:#fc7e49;} #news-rss div.cLeft a.read-more {font-size:1.1em;text-decoration:none;} /* Testimonials page specific ------------------------------------------------------------------- */ div.testimonial { padding:18px 10px 68px;margin-bottom:20px;width:239px;position:relative;background:#6b6969; } div.testimonial p { font-size:11px;padding:0;line-height:1.4em; } div.testimonial img { float:left;margin:0 6px 6px 0; } div.testimonial h5 {margin:5px 0;border-bottom:1px solid #fff;} div.testimonial div.roundtop {width:259px;height:18px;position:absolute;top:0;left:0;background:transparent url(../images/new_header_base/testimonial_bubble_top.png) no-repeat 0 0;} div.testimonial div.roundbottom {width:259px;height:68px;position:absolute;bottom:0;left:0;background:transparent url(../images/new_header_base/testimonial_bubble_bottom.png) no-repeat 0 0;} /* Categories page specific ------------------------------------------------------------------- */ div.subhead-L2-container { background:transparent url(../images/new_header_base/subheadingl2.png) repeat-x 0 41px; } .btns-set2 { background: transparent url(../images/new_header_base/btns_set2.png) no-repeat; } #cSortButtons {height:53px;} #cSortButtons ul#sort-list {list-style:none;width:auto;float:right;margin:10px 8px 0 0;} #cSortButtons ul#sort-list li {float:left;display:block;margin-right:5px;} #cSortButtons ul#sort-list .text-label { font-size:15px;font-weight:600;padding-top:7px; } #cSortButtons #btn-mileage { background-position: 0 0; width:80px; } #cSortButtons button:hover#btn-mileage { background-position:0 -32px; } #cSortButtons #btn-mileage-active { background-position: 0 -32px; width:80px; } #cSortButtons #btn-alpha { background-position: -159px 0; width:60px; } #cSortButtons button:hover#btn-alpha { background-position:-159px -32px; } #cSortButtons #btn-alpha-active { background-position: -159px -32px; width:60px; } #cSortButtons #btn-rating { background-position: -80px 0; width:78px; } #cSortButtons button:hover#btn-rating { background-position:-80px -32px; } #cSortButtons #btn-rating-active { background-position: -80px -32px; width:78px; } #cSortButtons #btn-vendor { background-position: -218px 0; width:65px; } #cSortButtons button:hover#btn-vendor { background-position:-218px -32px; } #cSortButtons #btn-vendor-active { background-position: -218px -32px; width:65px; } #cSortButtons #btn-crew { background-position: -284px 0; width:63px; } #cSortButtons button:hover#btn-crew { background-position:-284px -32px; } #cSortButtons #btn-crew-active { background-position: -284px -32px; width:63px; } #cSortButtons #btn-talent { background-position: -349px 0; width:60px; } #cSortButtons button:hover#btn-talent { background-position:-349px -32px; } #cSortButtons #btn-talent-active { background-position: -349px -32px; width:60px; } #cSortButtons #btn-all { background-position: -410px 0; width:49px; } #cSortButtons button:hover#btn-all { background-position:-410px -32px; } #cSortButtons #btn-all-active { background-position: -410px -32px; width:49px; } .category-bar { background: transparent url(../images/new_header_base/bg_category_bar.png) repeat-x;width:100%;height:29px; } .category-bar h5 {font-size:15px;font-weight:600;padding:3px 0 0 10px;} /* Contact page specific ------------------------------------------------------------------- */ #contact-list { width: 184px; float: left;margin-left:30px; } #contact-list h2 {font-size:19px;padding:5px 0;} #contact-list p {padding:0 0 15px 0;} #contact-list ul { list-style: none } #contact-list li { border-bottom: 2px solid #e36931; padding-bottom: 12px; margin: 0 0 15px 0 } #contact-list input { margin: 0 8px 0 0 } #contact-list li#last-item { border: none } #contact-form { width: 370px; margin-left: 40px; float: left; } #contact-form table td { padding:5px;vertical-align:middle; } #contact-form label { text-align:right; } #contact-form input { margin: 0 0 15px 0; } #contact-form .field { width: 200px } #contact-form textarea { width: 268px; height: 200px } #brochure-submit { padding:6px; } #contact-copy { width: 290px; float: right } input.field, select, textarea { color: #666; border:2px inset #ccc; position:relative; top:3px; } input.field, select, .field-2, textarea { background: #eae8e9; font-size: 1.3em; padding: 6px 0 0px 0; width: 245px; margin: 0 0 2px 0; } /* Sign In page specific ------------------------------------------------------------------- */ #main {width:737px;margin:0 auto;background:#fff url(../../common/css/images/main-bg.gif) repeat-y 100% 50%;color:#000;} #main-top {height:10px;margin:0 auto 10px;width:737px;background:url(../../common/css/images/main-top.gif) no-repeat 0 0; } #main-bottom {height:10px;margin:10px auto 0;width:737px;background:url(../../common/css/images/main-bottom.gif) no-repeat 0 0; } #sign-in {float:left;padding-left:20px;width:370px;border-right:1px solid #888;} #sign-in h2 {padding:.4em 0;margin-bottom:10px;} #sign-in label {width:75px;font-weight:bold;display:inline-block;} #create {float:left;width:270px;padding-left:20px;} #create h2 {padding:.6em 0 .2em;font-size:15px;font-weight:bold;} #create p {padding:5px 0 .6em;} #create p.small-bold {font-size:11px;font-weight:bold;} /* Logged out... ------------------------------------------------------------------- */ div.logged-out {text-align:center;} /* Advertise w/ us ------------------------------------------------------------------- */ p.large {font-size:1.2em;line-height:1.6em;} div.quote-box {padding:20px 35px;font-size:1.8em;} div.quote-box p {padding:0;line-height:1.4em;} div.quote-box p.source {text-align:right;font-style:italic;} a.imap {display:block;height:32px;position:absolute;top:30px;} a.imap.tab1 {width:130px;left:40px;cursor:pointer;} a.imap.tab2 {width:127px;left:170px;cursor:pointer;} a.imap.tab3 {width:150px;left:297px;cursor:pointer;} img.tab-target {display:none;} /* hacks ------------------------------------------------------------------- */ .black-bottom-fix { background:#000;width:100%;height:100px;position:absolute;bottom:0;z-index:0; }