/* @override http://webfusiondesign.org/wp-content/themes/fusion/style.css */ /* Theme Name: WebFusion Theme URI: http://webfusiondesign.org Description: Design by WebFusion Version: 1.2 Author: WebFusion Author URI: http://webfusiondesign.org */ /* IMPORTANT NOTE! If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme without worrying about overwriting your style changes. */ /*=== Setup ===*/ /* Import RESET styling for grid framework*/ @import url('library/css/reset.css'); /* Import TEXT styling for grid framework*/ @import url('library/css/text.css'); /* Import GRID styling for grid framework*/ @import url('library/css/960.css'); /* Import GRID styling for grid framework*/ @import url('skins/1-default.css'); /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ html, body { margin:0; padding:0; } body { font:12px Arial, Helvetica, sans-serif;} a { text-decoration:none; } a:hover { text-decoration:none; } .fix{ clear: both; height:1px; margin: -1px 0 0; overflow: hidden } .fl{ float: left } .fr{ float: right } .ac{ text-align: center } .ar{ text-align: right } hr { margin-bottom:30px; margin-top:20px; clear:both; } .hr2 { margin:0px; padding:0; clear:both; } h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; } .imgright { margin:0 0 15px 10px; float:right; border:1px solid #ccc; padding:2px; } #content .imgleft { margin:5px 18px 15px 0; float:left; border:1px solid #ccc; padding:2px; } #content #post .imgleft { margin:5px 18px 5px 0; float:left; border:1px solid #ccc; padding:2px; } /* headings ---------------------- */ h1.head { margin:0; display:block; font-size:32px; padding:15px 0 5px 15px; float:left; } * html h1.head { margin:0 0 0 5px; } .container_border { width:960px; margin:0 auto;} /* Structure ---------------------- */ #header {} #header-in { padding:13px 0 13px 0; background:url(skins/1-default/banner_bg_in.png) no-repeat bottom left; } #banner { margin-bottom:0; } #sidebar { float:right; width:300px; } #sidebar-inner { float:right; width:340px; margin-top: 10px;} .sidebar_in { padding:20px 10px 0 20px; margin-right:-10px; } * html .sidebar_in { position:relative; /* ie6 */ } #content {float:left; background:#fff; padding: 8px; border: 1px solid #ccc; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; margin: 0 0 20px; overflow: hidden;} #content.wide #content-inner { float:left; } #bottom { margin-top:0; } .bottom-in { padding:35px 0 25px 0; } .footer-in { padding:15px 0; overflow:hidden; } /* header ---------------------- */ #header .blog-title a{ font:30px Georgia, "Times New Roman", Times, serif; padding:0; margin:0; text-decoration:none; } #header .blog-title a:hover{ text-decoration:none;} #header p.blog-description{ font-style:italic; font-size:12px; margin:0; padding:0; } #header .photo { float:left; border:0px solid #d5d5d5; margin-right:5px; margin-top:4px; } div.blog-title { display: none;} #header .header_left { float:left; width:335px; height: 85px;background:url(images/logo.png) no-repeat left top; } #header .header_left a {display:none;} /* Banner ---------------------- */ .banner-in { position:relative; min-height:387px; } * html .banner-in { height:387px; } .banner_content { float:left; padding:55px 0 0 0; margin-left: 40px; } #banner h1 { margin:0 0 10px 0; padding:0; font:bold 32px Arial, Helvetica, sans-serif; line-height:38px; } #banner p { margin:0 0 30px 0; padding:0; font:18px aArial, Helvetica, sans-serif; line-height:24px; } #banner h3.subline { margin:0 0 20px 0; padding:0; font:20px Georgia, "Times New Roman", Times, serif; } .container { width:372px; height:233px; overflow:hidden; position:relative; } .slides { position:absolute; top:0; left:0; } .slides div { position:absolute; top:0; width:372px; display:none; } #loopedSlider,#newsSlider { margin:0 auto 0 -40px; width:456px; height:293px; padding:67px 0 0 84px ; position:relative; float:right; background:url(images/laptop3.png) no-repeat left 48px; } .button { height:100%; overflow:hidden; float:left; margin-right:10px; padding-left:17px; } .button a { float:left; padding:7px 30px 10px 10px; font:bold 14px Arial, Helvetica, sans-serif; } .button a:hover { font:bold 14px Arial, Helvetica, sans-serif; } a.previous{ position:absolute; left:15px; top:175px; width:28px; height:28px; display:block; text-indent:-9009px; } a.next{ position:absolute; right:15px; top:175px; width:28px; height:28px;display:block; text-indent:-9009px; } /*#breadcrumb section =================================== */ .breadcrumb {width: 940px;font-size:12px; padding:15px 8px !important; clear:both; margin:10px 0 0 10px; border: 1px solid #ccc; padding:8px; font-weight:normal; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; display: none;} .breadcrumb a { font-weight:normal; text-decoration:none; padding:0 3px 0 0; margin:0; text-align:left; text-decoration:none; } .breadcrumb strong { padding:0 0 0 5px; margin:0; font-weight:normal; font-size:12px; text-align:left; } .breadcrumb a:hover { text-decoration:none; } /* content ---------------------------- */ .content_spacer { padding:15px 0; } .wrapper .grid_7 { margin-left:0; } p { padding:0px 0 10px 0; line-height:20px; margin:0 } #content p { font-size:14px; } #content ul { list-style:none; } #content li { margin:0 0 8px 0; padding:0 0 0 12px; line-height:20px; font-size:14px; } #content ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal; line-height:18px; } #content ol li ol { margin:8px 0 5px 18px; padding:0; } #content ol li { margin:0 0 5px 0; padding:0; } #content .gallerylist { margin:25px 0 0; padding:0; list-style:none; min-height:500px; } #content .gallerylist img { max-width:150px; width: expression(this.width > 150 ? 150: true);} #content .gallerylist li { margin:0 0 25px 15px; padding:0; float:left; list-style:none; height: 275px; } #content p img { max-width:530px; width: expression(this.width > 530 ? 530: true); } * html #content .gallerylist { height:500px; } * html #content .gallerylist li { margin:0 0 15px 18px; } #content .gallerylist li img { padding:2px; } #content .gallerylist li p { font-size:12px; line-height:normal; } #content .gallerylist li .date { font-size:11px; margin-top:3px; float:left; } #content .img { padding:2px; margin-bottom:10px; } #content h3 { margin-bottom: 5px; padding:0; font:22px Arial, Helvetica, sans-serif; } .featured_work { margin-bottom:20px; } .featured_work img { margin-bottom:10px; float:left; margin:0 25px 10px 0; } #content .featured_work a.more_link { font-size:12px; font-weight:bold; text-decoration:underline; } #content .services { list-style:none; margin:0 0 35px 0; padding:0; width:280px; } #content .services p { width:80%; font-size:12px; margin:0px; padding:0; float:right; } #content .services p strong { font-size:14px; } #content p.more a { text-decoration:none; font-size:12px; } #content p.more a:hover { text-decoration:none; } #content .services img { float:left; margin-top:5px; } #featured {margin-top:0; padding-top:20px; padding-bottom:20px; background:#fff; width:940px; -moz-border-radius:5px; } #featured .grid {width:450px; display:inline; float:left; margin-left:10px; margin-right:10px; padding-top:20px; padding-bottom:20px;} .projects #featured {margin-top:20px; background:#fff;} #featured .grid-3 {width:270px; display:inline; float:left; margin-left:20px; margin-right:20px; padding-top:20px; padding-bottom:20px;} #featured .grid-3 .thumb {position:relative;} #featured .grid-3 .thumb .flow-nameas {background:#000000 none repeat scroll 0 0; bottom:8px; font-size:12px; font-style:italic; font-weight:normal; left:0; line-height:normal;opacity:0.7; padding:1px 8px; position:absolute; color:#FFFFFF;} #featured .grid-3 .thumb .flow-nameas a {color:#FFFFFF; text-decoration:none;} #featured .grid-3 .main-title {margin-bottom:20px;} #featured .grid-3 .main-title h2 {padding-bottom:0px; margin-bottom:0px; margin-top:10px;} #featured .grid-3 .main-title h2 a {font-size:1.0em;} #featured .text {width:330px;} #featured .text .compact {line-height:18px;} #featured .text .more {font-style:italic; background:transparent url(images/bullets/5.gif) no-repeat scroll 0 6px; float:left; font-size:13px; font-size-adjust:none; font-stretch:normal; font-variant:normal; font-weight:normal; line-height:23px; padding-left:18px;} .right {float:right;} /*---------TOP NAVIGATION for PAGES--------- */ .page_nav { float:right; height:27px; margin:20px -30px 0 0; text-align:left; padding:0; } .page_nav li { list-style:none; margin:3px 30px 0 0; padding:0; float:left; } .page_nav li a { list-style:none; font-size:12px; font-weight:bold; padding:6px 0; } .page_nav li a:hover { text-decoration:none; } .main_navi { float:right; width:500px; margin-top:25px; } /* post ---------------------------- */ blockquote { clear:both; height:100%; margin:10px 0 0px 5px; overflow:hidden; padding:0 0 5px 45px; } #content blockquote p { font:italic 18px Georgia, "Times New Roman", Times, serif; margin:0 0 5px 0; padding:0; line-height:23px; } blockquote cite { font-size:12px; font-style:bold ; float:right; line-height:18px; text-align:right; display:block; } blockquote a { font-size:13px; } .flickr h3 span{ font-weight:normal;} .flickr h3{ margin-bottom:20px } .flickr ul{ margin:12px 0 0; padding:0 } .flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 } .flickr img{ padding:2px; width:68px; height:68px; } #calendar_wrap{ padding:0; font-size:13px } #wp-calendar { width:100%; } #wp-calendar caption { font-weight:bold; font-size:15px; text-transform:uppercase; } #calendar_wrap caption{ padding:10px 0 } .posts h1 { font-size: 25px } .posts h2 { font-size: 23px } .posts h3 { font-size: 21px } .posts h4 { font-size: 19px } .posts h5 { font-size: 17px } .posts h6 { font-size: 15px } .content_spacer h4.cate_title { font-size:26px; clear:both; display: none;} dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 } p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0; } p em { line-height:20px; } code { line-height:18px; } #content .posts { padding-bottom:5px; margin-bottom:35px; } #content .post_top { margin:0 0 10px 0; padding-left:35px; } #content p.post_top a { text-decoration:none; } #content p.post_top a:hover { text-decoration:none; } .more { font-size:12px; font-weight:bold; } #content .post_top h2 { margin:0; padding:0; font-size:20px; line-height:normal; font-weight:bold; } .commentcount { margin-left:0px; padding-left:18px; } #recaptcha_area {margin-left: 0px !important; padding-left: 0px !important;} #content .headline { padding-left:25px; } #content .headline h3 { margin:0; border:none; float:left; font-size:16px; font-weight:bold; } #content .headline h3 a { padding:12px 0 8px 0; width:430px; display:block;} #content .headline .commentcount { float:right; margin-right:-8px; margin-top:12px; width:90px; text-align:left; } #content p.postmetadata { margin:0 0 0px 0; font-size:11px; } #content .post_top p.postmetadata { margin:0; padding:0; font-size:11px; } #content .posts h2.title { margin:0; padding:0; font-size:26px; font-weight:bold; } #content .posts h2.title a { text-decoration:none; } #content .posts h2.title a:hover { text-decoration:none; } #content p.post_bottom { margin:0; padding:0; font-size:11px; } #content p.post_bottom a { text-decoration:none; } #content p.post_bottom a:hover { text-decoration:none; } /* Post Pagination */ .pagination { float:right; margin:0; padding:0; height:100%; overflow:hidden; margin-bottom:20px; } .pagination .on { padding:5px 8px; margin-right:3px; float:left; display:block; } .pagination a { display:block; float:left; padding:5px 8px; margin-right:3px; } /*#sidebar ----------------------- */ .ad-box { margin-bottom:20px; } .ads123456 img { float:left; margin:0 10px; } .ads123456 { margin:0 auto; width:300px; height:150px; } #sidebar .widget { width:300px; margin:0 0 25px 0; } #sidebar-inner .widget { width:160px; margin:0 0 25px 0; } #sidebar-inner .widget { width:340px; margin:0 0 25px 0; } #sidebar-inner .sidebarsub .widget { width:160px; margin:0 0 25px 0; } #sidebar .widget h3 { margin:0 0 10px 0; padding:0; font-size:20px; font-weight:bold; } .twitter { padding:10px 10px 30px 10px; margin-bottom:15px; } .twitter_icon { float:left; width:130px; padding:0px 0 0px 60px; font:24px Georgia, "Times New Roman", Times, serif; margin-left:15px; } #twitter ul { margin:10px 0 0 0; padding:0; } #twitter li { margin:0 0 10px 0; padding:0; list-style:none; line-height:18px; } .twitter_post { float:right; width:680px; line-height:18px; padding-left:15px; border-left:1px solid #ccc; color:#000; } .twitter_post #twitter li { background:none !important; list-style:none; } #sidebar .testimonials { height:100%; overflow:hidden; } #sidebar .testimonials_top { padding:12px 12px 5px 12px; } #sidebar .testimonials_bottom { padding:12px; text-align:right; } .testimonials_hr { padding-bottom:12px; } #sidebar .testimonials p { font: italic 18px "Palatino Linotype", "Book Antiqua", Palatino, serif; line-height:22px; } #sidebar .testimonials_bottom p.author { margin:0; padding:0; font:italic 12px Georgia, "Times New Roman", Times, serif; } #sidebar .contact h3 { padding-top:0; } #sidebar .contact img { float:left; } #sidebar .contact_right { width:230px; float:right; } .contact_info { border-top:1px solid #ccc; padding-top:10px; } #sidebar .cfield { float: left; display:block; width:50px; font-weight:bold; } /* sidebar inner ------------*/ #sidebar-inner h3 { margin:0 0 10px 0; padding:0 0 5px 0; font-size:17px; } #sidebar-inner ul { list-style:none; margin:0 0 20px 0; padding:0; } #sidebar-inner li { margin:0 0 10px 0; padding:0 0 10px 0; width:100%; font-size:14px; } #sidebar-inner li a { text-decoration:none; } #sidebar-inner li a:hover { text-decoration:none; } #sidebar ul { list-style:none; margin:0; padding:0; } #sidebar li { list-style:none; margin:0; padding:0; width:100%; } #sidebar .social_mark li a { padding:12px 0 12px 42px; font-size:18px; display:block; } /* widget search box */ #searchform { padding:5px; } #searchform input { padding:5px 4px; width:255px; font:12px Georgia, "Times New Roman", Times, serif; } #searchform #searchsubmit { font:bold 12px Georgia, "Times New Roman", Times, serif !important; font-weight:bold; cursor:pointer; width:60px; } .screen-reader-text { display:none; } /*---------ARCHIVE PAGE --------- */ .arclist ul{ padding:0; margin:0 } .arclist ul li{ color:silver; font-size:14px; padding:5px 0; margin:0; } .arclist ul li ul{ border-bottom:0; padding:0 0 0 5px } .arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px } .arclist .archives-time{ float: left; font-size:12px; text-transform: uppercase; width:90px; margin:0 15px 0 0 } .arclist ul li a:hover { text-decoration:underline; } /*---------COMMENTS --------- */ #comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 5px 0; margin:0 0 20px 0; } #comments .commentlist { padding:0; margin:0 } #comments .commentlist li p { margin:0; padding:0; } #comments ol{padding:20px 0;} #content #comments .comment { margin: 10px 0 30px 0; padding:0; width: 100%; background:none; list-style:none } #comments .comment a{ text-decoration:none; padding:1px 0 } #content #comments p.authorcomment { margin:3px 0 0 0; padding:0; line-height:normal; font-size:11px; font-weight:bold; } #comments p.authorcomment a { text-decoration:none; } #comments p.authorcomment a:hover { text-decoration:none; } #comments .comment .meta-left { width: 90px; float:left;} #comments .comment .meta-left p{ padding:0; margin:0 } #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px; } #comments .comment small {font-size: 11px } * html #comments .comment .text-right { height:70px } #comments .comment .text-right { min-height:70px; margin:0; padding: 12px; margin-left:100px; float:none } #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 13px; font-size:12px; } #comments ul.children { margin:10px 0 0 20px; padding:0 } p.commpadd{ padding:0; margin:0 0 10px 0 } span.comm-reply{ float:right; padding:5px 0 0 0; font-size:11px; } span.comm-reply a:hover{ font-size:11px; text-decoration:none; } .cancel-comment-reply{ padding:0 0 10px 0 } #respond { padding:10px 0 0 0; margin:0 } #respond textarea, .commpadd input{ font:13px Arial, Helvetica, sans-serif; } #respond textarea { margin:0; padding:5px; } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px; width:300px } p.commpadd label{ padding:0 0 0 5px } input#submit{ font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding: 5px; margin:0; cursor:pointer; } * html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } *+html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } .avatar { padding:3px;} /* bottom ---------------------------- */ #bottom .widget-spot h3 { margin:0 0 20px 0; padding:0; font:20px Georgia, "Times New Roman", Times, serif; } #bottom .postlist { margin:0 0 0 -5px; padding:0; } #bottom .postlist li { margin:0 0 5px 0; padding:3px 5px; list-style:none; font-size:14px; } #bottom .postlist li a { text-decoration:none; } #bottom .postlist li span { font-size:11px; } #bottom .postlist li a:hover { text-decoration:none; } #bottom .postlist li:hover { cursor:pointer; } #bottom .postlist li p { margin:0; padding:0; line-height:18px;} #bottom .grid_4 { margin:0; } #bottom li { margin:0 0 5px 0; padding:3px 0; list-style:none; font-size:14px; } #bottom li a { text-decoration:none; } #bottom li span { font-size:11px; } #bottom li a:hover { text-decoration:none; } #bottom li:hover { cursor:pointer; } .subscribe form { position:relative; } .subscribe b { margin-top:-3px; } .aleft { float:left; padding:8px 5px 0 0 ; } .field { padding:5px; width:160px; font-size:12px; height:16px; } .replace { text-align:center; vertical-align:middle; width:78px; font:14px Georgia, "Times New Roman", Times, serif; border:none; cursor:pointer; float:right; position:absolute; right:0; top:0px; height:28px; padding-bottom:3px; line-height:25px; } * html .replace { top:1px; right:40px; } *+html .replace { top:1px; } #bottom .widget { width:300px; } #bottom .subscribe_spacer{ margin:0 20px !important; } #bottom .subscribe { padding:0 20px 0 0; list-style:none; } #bottom .iSocialize_icons img { float:left; margin-right:10px; } a.i_linkedin { background:url(images/i_linkedin.png) no-repeat; width:30px; height:30px; float:left; display:block; text-indent:-9009px; margin-right:10px; } #footer .copyright , #footer .copyright a {text-decoration:none; } #footer ul { float:right; margin:5px -10px 0 0; padding:0; list-style:none; font-size:11px; } #footer li { float:left; padding:0 10px; margin:0; line-height:12px; } #footer li a { text-decoration:none; } #footer li a:hover { text-decoration:none; } /* NEW DESIGN --------------------------- */ #top-section { text-align:center; margin-top: -23px; height: 409px;} #top-section h1 { font-size:36px; font-weight:bold; } #top-section p.intro { font-size:18px; color: #888; line-height: 22px; } .section { margin:0 -8px; padding: 20px 50px; background:url(images/sectionbg.png) repeat-x bottom #F4F4F4; } .column { padding:0; } .column p { margin-bottom:0; font-size:13px; line-height: 18px; } .column p a { color:#252525; } .column p a:hover { color:#08c; text-decoration:none; } .column p img { display:block; margin-bottom:5px; border:1px solid #ccc; padding:4px; } .section h3 { margin-bottom:0; font-weight:normal; font-size:28px; line-height: 28px; } .section p.intro { width:700px; color:#333; font-size:16px !important; line-height: 20px; } .column.left { width:400px; float:left; z-index:100; position:relative; margin-top: 10px;} .column.right { width:400px; float:right; z-index:100; position:relative; margin-top: 10px;} .column.flushleft { width:496px; height:490px; float:left; z-index:0; position:relative; background:url(images/dcdrcmptrlt.png) no-repeat top left; margin-right: -50px; margin-left: -50px; } .column.flushright, .column.flushright2 { width:500px; height:490px; float:right; z-index:0; position:relative; background:url(images/grwbcmptrrt.png) no-repeat top right; margin-right: -50px; margin-left: -50px; } .column.flushright2 { background:url(images/seocmptrrt.png) no-repeat top right;} .column1, .column2, .column3 { float:left; font-size:13px; } .column1 div, .column2 div, .column3 div {height:250px;} .column1 { width:245px; padding-right:15px;} .column2 { width:245px; padding-right:15px; padding-left:15px} .column3 { width:245px; padding-left:15px; } .graybox { height:120px; width:350px; background:#f1f1f1; margin-top:10px; border:1px solid #ccc; padding:10px 10px 10px 20px;} .graybox, .callout { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; } #top-section.contactus {margin-left: -8px; margin-right: -8px;background:#fff url(images/handmouse.png) no-repeat 0 70px;margin-top: -20px;} #top-section.contactus h1 {float: right; text-align: right; margin-right: 30px; margin-top: 30px;} #top-section.contactus p.intro {margin-left: 580px; margin-right:30px; text-align: right;} #top-section.solut {border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; background:#fff url(images/cmptrdsktop.png) no-repeat center top; margin-left: -8px; margin-right: -8px;} #top-section.solut h1 {padding-top: 260px;} #top-section.solut p.intro {padding: 0 70px;} #top-section.rcntwrk {border-top-left-radius: 7px;border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -o-border-top-left-radius: 7px; -o-border-top-right-radius: 7px;-khtml-border-top-left-radius: 7px; -khtml-border-top-right-radius: 7px; background:#fff url(images/cmptrgallery.png) no-repeat center -50px; padding-top: 0px;margin-left: -8px; margin-right: -8px;} #top-section.rcntwrk h1 {} #top-section.abt {background:#fff url(images/toppic.png) no-repeat center -50px;} #top-section.abt h1 {padding-top: 230px;} #top-section.abt p.intro {padding: 0 70px;} /* IMPORTED FROM OLD DESIGN --------------------------- */ .background-press { border-right:1px #eee solid; color:#818181; float:left; padding-right:35px; position:relative; width:48% } .people { color:#818181; float:right; width:45%; margin-bottom: 30px; } .people a { color:#c00 } .background-left { float:left; margin-right:5%; width:47% } .background-right { float:right; width:47% } .people-left { float:left; margin-right:8%; width:46% } .people-right { float:right; width:46% } .press { font-size:14px; line-height:1.2em } .press ul li { list-style:none; margin-bottom:20px } .press ul li a { text-decoration:none; color:#959595; border-bottom:dotted 1px #111; border-color:#c00 } .press a:hover, .press ul li a:visited { color:#c00 } .btnopt {float:right; padding-top: 17px;} .btnopt .button {float:right; margin-right: 0; margin-left: 10px;} /* IE WARNING --------------------------- */ #ie6w_div {background-color: #f1f1f1 !important;} #ie6w_t2 {font-size: 12px;} #iewarn p {font-size: 12px;} #ie6w_frame {background:#fff; padding: 8px; border: 1px solid #ccc; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -khtml-border-radius: 7px; margin: 0 0 20px; overflow: hidden;} #iewarn { z-index:1000; position:fixed; top:0; bottom:0; left:0; width:100%; background:transparent url(images/transbg.png) repeat; display:table; overflow: hidden; height:100% } #iewarn2{ #position: absolute; #top: 50%; display: table-cell; vertical-align: middle;text-align:center; } /* ESTIMATOR */ .estimate { margin:0; padding:0; } /*.estimate_left { float:left; width:130px; margin:0 20px 0 0; padding:0; text-align:right; } .estimate_middle { width:370px; margin:0 auto; padding:0; text-align:left; } .estimate_right { width:310px; margin:0 auto; padding:0; text-align:left; } .estimate_footer { clear:both; margin:0; padding:0; height:0px; } .estimate_txt { margin:0; padding:17px 0 0 0; }*/ #estwrapper {/* required to avoid jumping */ position:relative; width:138px; margin-right:5px; float:right; } #estimates_box{ background-color:#1f1f1f; color:#fff; width:125px; padding:8px; -moz-border-radius:7px; -webkit-border-radius:7px; position: absolute; top:0; margin-top:10px; } #estimates_box.fixed { position: fixed; top: 0; } #estimates_box p{ width:122px; clear:none; margin:0; padding:5px 0; text-align:center; } #estimates_box p.total{ border-bottom:1px dotted #DDD; color:#999; font-weight:bold; text-align:center; font-size: 20px; } #estimate_ftr {margin:20px 10px 0; width:750px; clear:both} #estimate_ftr p {} #estimates_form{ width:920px; margin:0 5px; } #estimates_form fieldset{ border:none; float:left; margin:0; padding:0; width:775px; } #estimates_form h4{ float:left; width:775px; font-weight:bold; margin:5px 0; padding:0; } #estimates_form label{ float:left; width:740px; padding:0 0 2px; margin:5px 0; border-bottom:1px #DDDDDD dotted; } #estimates_form label.text{ float:left; width:240px; padding:0 0 2px; margin:5px 0; border-bottom:2px #DDDDDD dotted; } #estimates_form input{ float:left; margin:5px 10px; } #estimates_form input.text{ float:left; margin:5px 0; width:240px; padding:0; } #estimates_form input.button{ border:1px solid #13407a; padding:2px; margin:5px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius: 5px; } #estimates_form label.column{ width:200px; margin:5px 0; padding:0 0 2px; float:left; } #estimates_form input.radio{ float:left; margin:5px 10px; } #estimates_form p{ margin:10px 0; padding:0; float:left; width:480px; clear:both; } #estimates_result{ border-top:3px double #DDDDDD; border-bottom:3px double #DDDDDD; width:100%; padding:20px 0 20px; margin:20px 0 20px; float:left; display:none; } #estimates_result p{ display:block; float:left; width:95%; border-bottom:2px #DDDDDD dotted; clear:none; font-weight:bold; } #estimates_result p.total{ text-align:right; } #estPlan { background: url(images/webpkg.png) no-repeat top right; clear:left; min-height: 128px; } #estExtras { background: url(images/webextras.png) no-repeat top right; clear: left; min-height: 128px; } /* ************* */ .slider_container { position: relative; margin-top:10px; padding:0 0 0 27px; height:30px; } .small_label { height: 19px; width: 19px; overflow: hidden; float: left; text-align: center; } .slider_bar, .slider_bar1, .slider_bar2, .slider_bar3, .slider_bar4 { background: url(images/bar.png) repeat-x; height: 19px; width: 280px; float: left; margin: 0px 7px; position: relative; } .large_label { height: 19px; width: 19px; overflow: hidden; float: left; text-align: center; } .slider_handle { background: url(images/selector.png); cursor:pointer; height: 19px; width: 18px; overflow: hidden; position: absolute; top: 1px; } #slider_callout, #slider_callout_format, #slider_callout_pages, #slider_callouts { height:35px; width:38px; overflow: hidden; position: absolute; top: -38px; margin-left:-10px; padding:6px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#fff; font-weight:bold; text-align:center; background-image: url(images/main/callout.png); } #slider_callout_plan { overflow: hidden; visibility:hidden; display:none; } /* ************* */ .price { margin:0 auto; padding:0; width:140px; height:55px; } .price span { font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; color:#c00 !important; float:left; display:inline; padding:17px 0 0 0; line-height:20px; } #total { color:#c00 !important; font-family:Georgia, "Times New Roman", Times, serif; font-size:3em; margin:0 auto; padding:0; border:0px solid; background-color:transparent; width:120px; height:55px; float:left; display:inline; } .hilite {} .tipsy { opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; } .tipsy-inner { background-color: transparent; max-width: 200px; margin-bottom:-5px } .tipsy-south {} /* Bubble pop-up */ .popup { border-collapse: collapse; } .popup td.corner { height: 15px; width: 19px; } .popup td.topleft { background-image: url(images/bubble-1.png); } .popup td.top { background-image: url(images/bubble-2.png); } .popup td.topright { background-image: url(images/bubble-3.png); } .popup td.left { background-image: url(images/bubble-4.png); } .popup td.right { background-image: url(images/bubble-5.png); } .popup td.bottomleft { background-image: url(images/bubble-6.png); } .popup td.bottom { background-image: url(images/bubble-7.png); text-align: center; } .popup td.bottom img { display: block; margin: 0 auto; } .popup td.bottomright { background-image: url(images/bubble-8.png); } .popup table.popup-contents { font-size: 12px; line-height: 1.2em; background-color: #fff; color: #666; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; } table.popup-contents th { text-align: right; } table.popup-contents td { text-align: left; } a#basic, a#pro, a#bus, a#prem, a:hover#basic, a:hover#pro, a:hover#bus, a:hover#prem, a:active#basic, a:active#pro, a:active#bus, a:active#prem {background: #467b9a; color: #fff; border: none; padding: 3px; font-weight:bold; font-size:12px}