/*/////////////////////////////////////////////////////////////////////////// // Arca Solutions - general_structure // // ///////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////// CODE GENERALS // ///////////////////////////////////////////////////////////////////////////*/ /* GENERALS //////////////////////*/ * { border:none; font-family:Arial, Helvetica, sans-serif; list-style:none; margin:0; outline:none; padding:0; text-decoration:none; } a:link, a:active, a:visited { color:#4376CC; } a:hover { text-decoration:underline; } a.home:link, a.home:active, a.home:visited { color:#4376CC; } a.home:hover { text-decoration:underline; } a.link:link, a.link:active, a.link:visited { color:#268AAF; text-decoration: underline; } a.link:hover { text-decoration: underline; } h2, h3, h4, h5, .titleTour, .subtitleTour { color:#333; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-weight: normal; margin:0 0 8px 0; text-align:left; } .subtitleTour { font-size: 20px;} h2 a, h3 a, h4 a, h5 a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } h2 { font-size:25px; } h2 span { color:#3CF; font-size:20px; } h3 { color:#333; font-size:20px; } h4 { color:#333; font-size:17px; } h4 span { color:#3CF; font-weight: bold; } h4.tour span a, h4.tour span a:visited { background: url(../images/bullet-arrow-tour.gif) 0 5px no-repeat; color:#00698c; font-weight: normal; display: block; padding: 0 0 0 12px; text-decoration: none; } h4.tour span a:hover { color: #3e97d9; } p { color: #777; font-size: 14px; text-align: left; } cite { color: #777; font-size: 11px; font-style: normal; } hr { border-bottom: 1px solid #EEE; line-height: 0; height: 1px; margin: 0 0 20px 0; padding: 0; } .special { position: absolute; top: 0; left: 300px; width: 250px; height: 60px; } /* ASSIST CLASSES //////////////////////*/ /* ASSIST CLASSES > CLEAR //////////////////////*/ .clear { clear:both; font-size:0; line-height:0; height:0; } /* ASSIST CLASSES > FONT SIZE //////////////////////*/ .ft-s-28 { font-size:28px; } .ft-s-26 { font-size:26px; } .ft-s-24 { font-size:24px; } .ft-s-18 { font-size:18px; } .ft-s-16 { font-size:16px; } .ft-s-14 { font-size:14px; } .content-right blockquote { font-size:14px; color:#666; margin: 1em 3em;} .content-right blockquote i { font-family:"Times New Roman", Times, serif !important; font-style:italic; font-size:16px; } .content-right blockquote i strong { font-family:"Times New Roman", Times, serif !important; font-style:italic; font-size:16px; font-weight:bold; } .ft-s-12 { font-size:12px; } .ft-s-11 { font-size:11px; } .ft-s-10 { font-size:10px; } .hightlight-news { color: #FF6600; } /* ASSIST CLASSES > BORDER //////////////////////*/ .bd-0 { border:none; } /* ASSIST CLASSES > MARGIN //////////////////////*/ .mg-0 { margin:0; } .mg-t-5 { margin-top:5px; } .mg-t-10 { margin-top:10px; } .mg-t-20 { margin-top:20px; } .mg-b-10 { margin-bottom:10px; } .mg-b-20 { /*margin-bottom:20px;*/ } /* ASSIST CLASSES > PADDING //////////////////////*/ .pd-0 { padding:0; } /* ASSIST CLASSES > LINE HEIGHT //////////////////////*/ .ln-h-14 { line-height:28px; } /* ASSIST CLASSES > IMAGES //////////////////////*/ .img-left { float:left; margin:0 20px 10px 0; } .img-left-b-0 { float:left; margin:0 20px 0px 0; } .img-contact-map { float:left; margin:0 20px 10px 5px; border: 5px solid #FFF; } .img-right { float:right; margin:0 0 10px 20px; } /* ASSIST CLASSES > LIST //////////////////////*/ div.content-list-2-columns { margin:20px 0; width:550px; overflow: hidden; } div.content-list-2-columns div.left { float:left; width:220px; } div.content-list-2-columns div.right { float:left; width:274px; } .list-one { height:1%; margin:10px 0; overflow:hidden; padding-left:20px; } .list-one li { background:url(../images/bullet-arrow-small-light-blue.gif) no-repeat 0 center; clear:left; color:#FFF; font-size:14px; float:left; list-style:none; padding:2px 0 2px 15px; width: 100%; } .spacer { background: url(../images/bg-header-breadcrumb-spacer.gif) no-repeat center; padding:0 15px; text-indent:-9000px; } /* COLORS //////////////////////*/ .white { color:#FFF; } .light-blue { color:#3CF; } .mid-blue { color: #1989C8; } .dark-blue { color:#036; } .darker-blue { color:#1F3447; } .light-gray { color:#999; } .low-gray { color:#CCC; } .medium-gray { color:#666; } .dark-gray, .dark-gray:link { color:#333; } .warning { color:#CC3300; } /* DEFAULT FIXES //////////////////////*/ /* DEFAULT FIXES > IMAGENS //////////////////////*/ .img-fix { margin-bottom:-4px; } /*/////////////////////////////////////////////////////////////////////////// STRUCTURE // ///////////////////////////////////////////////////////////////////////////*/ html { background: url(../images/bg-html.gif) repeat-x bottom; } body { background: #F6F6F6 url(../images/bg-body-y.gif) repeat-x top; color:#333; text-align:center; } div.wrapper { width:965px; margin:0 auto 0 auto; } /* STRUCTURE > HEADER ////////////////////////////////////////////////////////////////////////////*/ div.header { height:170px; position:relative; } div.header-blog-forum { background: none; height: 180px } /* HEADER > H1 //////////////////////*/ h1.header-dotnetImage { background:url(/images/smx_logo.gif) no-repeat 0 0; display:block; height:100px; left:275px; position:absolute; text-indent:-9000px; top:5px; width:280px; z-index:10; } h1.header-logo { background:url(../images/bg-logo-eDirectory.gif) no-repeat 0 0; display:block; height:90px; left:0; position:absolute; text-indent:-9000px; top:3px; width:250px; z-index:10; } h1.header-logo a:link, h1.header-logo a:active, h1.header-logo a:visited, h1.header-logo a:hover { display:block; height:85px; outline:none; width:253px; } /* HEADER > BRAND //////////////////////*/ p.header-brand { left:63px; height:9px; position:absolute; text-indent:-9000px; top:90px; width:143px; z-index: 10 } p.header-brand a { background:url(../images/bg-header-an-arca-solutions-product.gif) no-repeat 0 0; display:block; height:9px; width:143px; } /* HEADER > H2 //////////////////////*/ div.header h2 { background: url(../images/bg-h2-the-leading-online-directory-software.gif) no-repeat 0 0; display:block; height:52px; left:0; position:absolute; text-indent:-9000px; top:135px; width:595px; /*z-index: 100;*/ } /* HEADER > PARAGRAPH //////////////////////*/ p.header-description { color:#333; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:13px; left:7px; position:absolute; text-align:left; top:175px; width: 550px; line-height: 16px; } p.header-description-traffic-business { color:#0177D0; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:18px; left:5px; position:absolute; text-align:left; top:295px; width:550px; } p.header-description-traffic-business-description { color:#666; font-family: Arial, Helvetica, sans-serif; font-size:12px; left:5px; line-height: 18px; position:absolute; text-align:left; top:348px; width:330px; } p.header-description a:link, p.header-description a:active, p.header-description a:visited { color:#333; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-weight:bold; } p.header-description a:hover { text-decoration:underline; } /* HEADER > BREADCRUMB //////////////////////*/ div.header-breadcrumb { color:#343434; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; padding:120px 0 0 5px; text-align:left; } div.header-breadcrumb a, div.header-breadcrumb a:visited { color:#343434; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; text-indent:0; } div.header-breadcrumb h1 { color:#1989C8; display:inline; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:28px; font-weight:normal; } /* HEADER > NAVBAR //////////////////////*/ ul.header-navbar { border-bottom:1px solid #454545; display:block; height:34px; right:0; padding:0 0 0 294px; position:absolute; top:73px; z-index: 50; } ul.header-navbar li { float:left; } ul.header-navbar li a:link, ul.header-navbar li a:active, ul.header-navbar li a:visited { color:#333; display:block; line-height:30px; padding:0 25px 0 0; text-indent:-9000px; } /* HEADER > NAVBAR DIFFERENCES //////////////////////*/ ul.header-navbar li a:hover, ul.header-navbar li a.active { border-bottom:4px solid #31AAD8; text-decoration:none; } ul.header-navbar li.home a { background:url(../images/bt-header-navbar-home.gif) no-repeat 0 10px; width:20px; } ul.header-navbar li.online-directories a { background:url(../images/bt-header-navbar-onlinedirectories.gif) no-repeat 0 10px; width:100px; } ul.header-navbar li.features a { background:url(../images/bt-header-navbar-features.gif) no-repeat 0 10px; width:40px; } ul.header-navbar li.pricing a { background:url(../images/bt-header-navbar-pricing.gif) no-repeat 0 10px; width:30px; } ul.header-navbar li.order a { background:url(../images/bt-header-navbar-order.gif) no-repeat 0 10px; width:25px; } ul.header-navbar li.tour-and-demo a { background:url(../images/bt-header-navbar-tour-and-demo.gif) no-repeat 0 10px; width:20px; } ul.header-navbar li.resources a { background:url(../images/bt-header-navbar-resources.gif) no-repeat 0 10px; width:50px; } ul.header-navbar li.about-us a { background:url(../images/bt-header-navbar-about-us.gif) no-repeat 0 10px; width:35px; } ul.header-navbar li.contact-us a { background:url(../images/bt-header-navbar-contact-us.gif) no-repeat 0 10px; width:71px; } ul.header-navbar li.help a { background:url(../images/bt-header-navbar-help.gif) no-repeat 0 10px; width:35px; } ul.header-navbar li.community a { background:url(../images/bt-header-navbar-community.gif) no-repeat 0 10px; width:55px; } /* HEADER > SUB NAVBAR //////////////////////*/ ul.header-navbar-sub { background:url(../images/bg-header-sub-navbar.png) repeat; border-top:4px solid #31AAD8; padding:0 8px; position:absolute; top:30px; width:159px; z-index:9999; } ul.header-navbar-sub li a:link, ul.header-navbar-sub li a:active, ul.header-navbar-sub li a:visited { background:none; border:none; color:#FFF; display:block; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight: normal; padding:0; text-align:left; text-indent:0; width:159px; height: 28px; } ul.header-navbar-sub li a:hover { color:#3CF; } /* HEADER > NAVBAR TOP //////////////////////*/ ul.header-navbar-lang { height:10px; position:absolute; left:0; top:110px; width:91px; } ul.header-navbar-lang li { float:right; } ul.header-navbar-lang li a { display:block; line-height:10px; text-indent:-9000px; } ul.header-navbar-lang li.language { clear:right; display:block; font-size:10px; text-align:right; width:91px; } ul.header-navbar-lang li.home, ul.header-navbar-lang li.sitemap, ul.header-navbar-lang li.contact { padding:7px 0 0 20px; } ul.header-navbar-lang li.language a:link, ul.header-navbar-lang li.language a:active, ul.header-navbar-lang li.language a:visited { color:#333; display:inline; } ul.header-navbar-lang li.home a:link, ul.header-navbar-lang li.home a:active, ul.header-navbar-lang li.home a:visited { background:url(../images/bt-header-navbar-top-home.gif) no-repeat bottom; height:10px; width:11px; } ul.header-navbar-lang li.sitemap a:link, ul.header-navbar-lang li.sitemap a:active, ul.header-navbar-lang li.sitemap a:visited { background:url(../images/bt-header-navbar-top-sitemap.gif) no-repeat bottom; height:10px; width:11px; } ul.header-navbar-lang li.contact { clear:right; } ul.header-navbar-lang li.contact a:link, ul.header-navbar-lang li.contact a:active, ul.header-navbar-lang li.contact a:visited { background:url(../images/bt-header-navbar-top-contact.gif) no-repeat bottom;height:10px; width:12px; } /* STRUCTURE > CONTENT ////////////////////////////////////////////////////////////////////////////*/ div.content { background: #url(../images/bg-content-inside-x.gif) repeat-y 0 0; } /* STRUCTURE > CONTENT EXTENDED ////////////////////////////////////////////////////////////////////////////*/ div.extended-content { } /* STRUCTURE > CONTENT EXTENDED > TOUR ////////////////////////////////////////////////////////////////////////////*/ div.tour-guide { border-bottom: 2px solid #CCC; overflow: hidden; height: 100%; } div.tour-left { width: 320px; overflow: hidden; position: relative; float: left; display: inline; } /* CONTENT > CONTENT LEFT //////////////////////*/ div.content-left { float:left; padding: 1px 3px 3px 3px; height: auto; width:258px; } /* CONTENT > CONTENT LEFT > SLIDER //////////////////////*/ div.content-left-slider { background:url(../images/bg-content-left-slider.jpg) no-repeat 0 0; height:245px; margin:20px 0; text-align:center; } /* CONTENT > CONTENT LEFT > NAVBAR //////////////////////*/ ul.content-left-navbar { overflow:hidden; padding:0 0 0 0; width:252px; height: auto; } ul.content-left-navbar li { display:block; height:auto; text-align:left; width:253px; background: #F9F9F9; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #CCCCCC; } ul.content-left-navbar li span { color: #777; display: block; font-size: 11px; padding: 0 15px 10px 33px; font-weight: normal; } ul.content-left-navbar li.active span { color: #000; } ul.content-left-navbar li ul { list-style: none; overflow: hidden; padding: 0 0 10px 0; margin: 3px 0 0 0; } ul.content-left-navbar li ul li { height: 25px; border: 0; } ul.content-left-navbar li ul li a, ul.content-left-navbar li ul li a:visited, ul.content-left-navbar li.sub-active ul li a, ul.content-left-navbar li.sub-active ul li a:visited { background: url(../images/bullet-sub-list-small.gif) no-repeat 34px 8px; color:#4376CC; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 14px; height: 20px; list-style: none; padding: 5px 0 0 48px; } ul.content-left-navbar li ul li a, ul.content-left-navbar li ul li a:visited { color: #4376CC!important; } ul.content-left-navbar li ul li a, ul.content-left-navbar li ul li a:visited, ul.content-left-navbar li.sub-active-2 ul li a, ul.content-left-navbar li.sub-active-2 ul li a:visited { background: url(../images/bullet-sub-list-small.gif) no-repeat 34px 9px; color:#666; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 14px; height: 20px; list-style: none; padding: 5px 0 0 48px; } ul.content-left-navbar li.active { color:#333; display: block; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; height:auto; } ul.content-left-navbar li.sub-active { color:#333; display: block; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; height:215px; } ul.content-left-navbar li.sub-active-2 { color:#333; display: block; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; height:100px; } ul.content-left-navbar li a, ul.content-left-navbar li a:visited { color:#4376CC; display:block; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight:normal; padding:5px 0 0 33px;} ul.content-left-navbar li.active a, ul.content-left-navbar li.active a:visited { color:#333; } ul.content-left-navbar li.sub-active a, ul.content-left-navbar li.sub-active a:visited { color:#333; } ul.content-left-navbar li.sub-active-2 a, ul.content-left-navbar li.sub-active-2 a:visited { color:#333; } /* CONTENT > CONTENT LEFT > NAVBAR GENERAL> LINK DIFFERENCES //////////////////////*/ a.link-usual { background: url(../images/bullet-sub-list-small.gif) no-repeat 18px 12px; } .active a.link-usual { background: url(../images/bullet-arrow-medium-blue.gif) no-repeat 18px 12px; } /* CONTENT > CONTENT LEFT > NAVBAR > LINK DIFFERENCES //////////////////////*/ a.multi-language { background: url(../images/icon-multi-language.gif) no-repeat 9px 8px; } .active a.multi-language { background: url(../images/icon-multi-language.gif) no-repeat 9px -56px; } a.theme-support { background: url(../images/icon-theme-support.gif) no-repeat 8px 10px; } .active a.theme-support { background: url(../images/icon-theme-support.gif) no-repeat 8px -56px; } a.seo-center { background: url(../images/icon-seo-center.gif) no-repeat 8px 9px; } .active a.seo-center { background: url(../images/icon-seo-center.gif) no-repeat 8px -57px; } a.mobile { background: url(../images/icon-mobile.gif) no-repeat 10px 9px; } .active a.mobile { background: url(../images/icon-mobile.gif) no-repeat 10px -57px; } a.easy-search { background: url(../images/icon-easy-search.gif) no-repeat 7px 9px; } .active a.easy-search { background: url(../images/icon-easy-search.gif) no-repeat 7px -57px; } a.templates-made-easy { background: url(../images/icon-templates-made-easy.gif) no-repeat 8px 9px; } .active a.templates-made-easy { background: url(../images/icon-templates-made-easy.gif) no-repeat 8px -57px; } a.statistics { background: url(../images/icon-statistics.gif) no-repeat 9px 9px; } .active a.statistics { background: url(../images/icon-statistics.gif) no-repeat 9px -57px; } a.rss { background: url(../images/icon-rss.gif) no-repeat 8px 9px; } .active a.rss { background: url(../images/icon-rss.gif) no-repeat 8px -57px; } a.map-search { background: url(../images/icon-map-search.gif) no-repeat 8px 9px; } .active a.map-search { background: url(../images/icon-map-search.gif) no-repeat 8px -57px; } a.security { background: url(../images/icon-security.gif) no-repeat 7px 9px; } .active a.security { background: url(../images/icon-security.gif) no-repeat 7px -57px; } a.support-and-faq { background: url(../images/icon-support-and-faq.gif) no-repeat 8px 9px; } .active a.support-and-faq { background: url(../images/icon-support-and-faq.gif) no-repeat 8px -57px; } /* CONTENT > CONTENT LEFT > NAVBAR ABOUT US> LINK DIFFERENCES //////////////////////*/ a.about-us-management { background: url(../images/icon_management.gif) no-repeat 8px 8px; } .active a.about-us-management { background: url(../images/icon_management.gif) no-repeat 8px -16px; } a.about-us-careers { background: url(../images/icon-careers.gif) no-repeat 8px 8px; } .active a.about-us-careers { background: url(../images/icon-careers.gif) no-repeat 8px -16px; } a.about-us-testimonials { background: url(../images/icon-testimonials.gif) no-repeat 8px 9px; } .active a.about-us-testimonials { background: url(../images/icon-testimonials.gif) no-repeat 8px -18px; } a.about-us-media { background: url(../images/icon-media.gif) no-repeat 8px 9px; } .active a.about-us-media { background: url(../images/icon-media.gif) no-repeat 8px -18px; } /* CONTENT > CONTENT LEFT > NAVBAR HELP> LINK DIFFERENCES //////////////////////*/ a.help-question { background: url(../images/icon-question.gif) no-repeat 8px 8px; } .sub-active a.help-question { background: url(../images/icon-question.gif) no-repeat 8px -16px; } a.help-ticket { background: url(../images/icon-ticket.gif) no-repeat 8px 8px; } .sub-active-2 a.help-ticket { background: url(../images/icon-ticket.gif) no-repeat 8px -16px; } a.help-sales { background: url(../images/icon-sales.gif) no-repeat 8px 8px; } .active a.help-sales { background: url(../images/icon-sales.gif) no-repeat 8px -16px; } a.help-classes { background: url(../images/icon-classes.gif) no-repeat 8px 9px; } .active a.help-classes { background: url(../images/icon-classes.gif) no-repeat 8px -16px; } a.help-webinar { background: url(../images/icon-webinar.gif) no-repeat 8px 9px; } .active a.help-webinar { background: url(../images/icon-webinar.gif) no-repeat 8px -16px; } /* CONTENT > CONTENT LEFT > NAVBAR GENERAL> LINK DIFFERENCES //////////////////////*/ a.tour-front { background: url(../images/icon-tour-front.gif) no-repeat 8px 10px; } .active a.tour-front { background: url(../images/icon-tour-front.gif) no-repeat 8px -15px; } a.tour-members { background: url(../images/icon-tour-members.gif) no-repeat 8px 10px; } .active a.tour-members { background: url(../images/icon-tour-members.gif) no-repeat 8px -15px; } a.tour-sitemgr { background: url(../images/icon-tour-sitemgr.gif) no-repeat 8px 10px; } .active a.tour-sitemgr { background: url(../images/icon-tour-sitemgr.gif) no-repeat 8px -15px; } /* CONTENT > CONTENT LEFT > NAVBAR PRICING //////////////////////*/ a.pricing-link { background: url(../images/icon-pricing.gif) no-repeat 10px -16px; } .active a.pricing-link { background: url(../images/icon-pricing.gif) no-repeat 10px 8px; } a.pricing-consulting { background: url(../images/icon-consulting.gif) no-repeat 10px -16px; } .active a.pricing-consulting { background: url(../images/icon-consulting.gif) no-repeat 10px 8px; } /* CONTENT > CONTENT RIGHT //////////////////////*/ div.content-right { float:left; padding: 0px 7px 7px 7px; width:670px; text-align: left; position: relative; } div.content-right-b-0 { float:left; padding:7px 7px 0 7px; width:685px; } div.content-right p a.link-content { background: #F5F5F5; color: #36CBFF; padding: 0 3px 0 3px; } div.content-right p a.link-content:visited { background: #F1F1F1; color: #36CBFF; padding: 0 3px 0 3px; } div.content-right p a.link-content:hover { background: #F8F8F8; color: #36CBFF; padding: 0 3px 0 3px; } div.content-right ul {} div.content-right ul li { list-style:none inside none; font-size:12px; color:#777777; padding:0 0 5px 30px;} div.content-right2 ul li { list-style:disc inside none; font-size:12px; color:#777777; padding:0 0 5px 30px;} /* CONTENT > CONTENT RIGHT > 2 COLUMNS //////////////////////*/ div.content-right-2-columns { margin:20px 0; width:687px; } div.content-right-2-columns div.left { float:left; width:330px; } div.content-right-2-columns div.left-contact { float:left; padding: 0 0 0 5px; width:230px; } div.content-right-2-columns div.right { float:right; width:330px; position: relative; } /* CONTENT > CONTENT RIGHT > 2 COLUMNS //////////////////////*/ div.content-right-3-columns { margin:20px 0; width:687px; } div.content-right-3-columns div.left { float: left; padding: 0 15px 0 0; width: 220px; } /* CONTENT > SECTION LIST //////////////////////*/ .section-list { clear:both; list-style: none; height: auto; } .section-list li { color: #333; text-align: left; line-height: 18px; margin: 0; padding: 0 0 8px 0; width: auto; position: relative; } .section-list li span.CHANGETHISdate { display: inline-block; font-size: 10px; position: absolute; left: 18px; top: 0; } .section-list li span.CHANGETHISrelease-title { display: inline-block; width: 500px; margin: 0 0 0 66px; } .flatten { clear: both; overflow: hidden; } .flatten li { float: left; width: auto; } .section-list li a { background: #F5F5F5 url(../images/bg-header-breadcrumb-spacer.gif) no-repeat 4px 8px; color: #327e9a; padding: 4px 5px 4px 16px; text-decoration: underline; display:inline-block } .section-list li a:visited { background: #F1F1F1 url(../images/bg-header-breadcrumb-spacer.gif) no-repeat 4px 8px; color: #666; text-decoration: none; padding: 4px 5px 4px 16px; text-decoration: underline; display: inline-block; } .section-list li a:hover { background: #F8F8F8 url(../images/bullet-list-small-light-blue.gif) no-repeat 4px 8px; color: #666; text-decoration: none; padding: 4px 5px 4px 16px; } .item-list { clear:both; list-style: none; height: auto; text-align: left; } .item-list li { background: url(../images/bg-header-breadcrumb-spacer.gif) no-repeat 4px 5px; color: #333; line-height: 15px; padding: 4px 5px 4px 16px; } .special-list { border-bottom: 1px solid #E5E5E5; clear:both; list-style: none; height: auto; text-align: left; overflow: hidden; margin: 0 0 10px 0; width: auto; } .special-list li { color: #FFF; font-size: 15px; line-height: 18px; padding: 4px 0px 4px 0px; } .special-list li.separator { background: #FFF; color: #FFF; display: block; line-height: 15px; padding:6px 0 0 0; border-left: 1px solid #CCC; height: 20px; } .special-list li a, .special-list li a:visited { color: #3C535A; line-height: 15px; padding: 4px 10px 4px 10px; text-decoration: none; } .special-list li a:hover { color: #36CBFF; padding: 4px 10px 4px 10px; text-decoration: none; } .sub-item-list { clear:both; list-style: none; height: auto; text-align: left; } .sub-item-list li { background: url(../images/bullet-sub-list-small.gif) no-repeat 4px 6px; color: #333; line-height: 15px; padding: 4px 5px 4px 15px; } /* CONTENT > SECTION LIST > FAQ //////////////////////*/ .list-questions { clear: both; overflow: hidden; } .list-questions li { line-height: 15px; text-align: left; padding: 0 0 8px 0; } .list-questions li a, .list-questions li p { background: #F5F5F5 url(../images/bg-header-breadcrumb-spacer.gif) no-repeat 4px 5px; color: #333; font-size: 12px; text-align: left; line-height: 18px; margin: 0; padding: 4px 0 4px 16px; width: auto; } .list-questions li p { line-height: 16px; padding: 2px 0 4px 16px; } .list-questions li a:hover { background: #F8F8F8 url(../images/bullet-list-small-light-blue.gif) no-repeat 4px 5px; color: #666; text-decoration: none; padding: 4px 5px 4px 16px; } .back-to-top { text-align: right; margin: 0 0 10px 0; } .back-to-top li { margin: 0; padding: 0 0 0 0; border-top:1px solid #E5E5E5; line-height: 10px; } .back-to-top li a { background: #F5F5F5 url(../images/bt-faq-back-to-top.gif) no-repeat 2px 3px; color:#36CBFF; font-size:10px; padding:1px 3px 1px 9px; text-align: left; } .back-to-top li a:hover { background: #F5F5F5 url(../images/bt-faq-back-to-top.gif) no-repeat 2px 1px; color:#36CBFF; font-size:10px; padding:1px 3px 1px 9px; text-align: left; } .ordered-list { list-style: none; text-align: left } .ordered-list li { font-size: 12px; padding: 4px 0 4px 15px; } .number-list { color: #1989C8; font-weight: bold; } /* CONTENT > SECTION HIGHLIGHT //////////////////////*/ .section-highlight { color: #1989C8; } /* CONTENT > SECTION QUOTES //////////////////////*/ .quotesOpen { background: url(../images/bg_quotes.gif) no-repeat 0 0; display:inline-block; height:12px; margin:0; padding:0; width:12px; margin: 0 5px 0px 0px; } .quotesClose { background: url(../images/bg_quotes_close.gif) no-repeat 0 0; display:inline; height:10px; margin:2px 5px 0 5px; padding:0; width:12px; position: absolute; } .quotation { color: #000; display: block; line-height: 15px; padding: 5px 5px 8px 0; text-align: left; } .quoted { padding: 5px 0 0 10px; } /* CONTENT > STANDARD FORM //////////////////////*/ .standard-form-lead { border: 1px solid #000; } .standard-form-lead label { display: block; font-size: 14px; text-align: left; float: left; } .standard-form-lead input { display: block; font-size: 14px; text-align: left; padding: 2px; border: 1px solid #E5E5E5; margin: 0; float: left; } .standard-form-lead input.send { display: block; font-size: 14px; text-align: left; padding: 2px; border: 1px solid #E5E5E5; margin: 0; } .standard-form { float: left; margin: 20px auto 20px 50px; width: auto; } .standard-form td, .standard-form th { font-size: 12px; font-weight: normal; padding: 2px; text-align: right; } #checkout_item, #checkout_today, #checkout_month { margin-top: 15px; text-align: left;} #total_today, #total_month { background: #E8E8E8; padding: 5px; text-align: left;} #checkout_item li a img { float: left; margin-right: 5px;} #checkout_item li, #checkout_today li, #checkout_month li { margin-bottom: 10px;} #affiliatecodeInput .codeLabel { width: 310px;} #validateProm { float: right; width: 55px;} .orderTableStyle .topicsContent { margin-right: 10px; text-align: left;} .orderTableStyle .radioOption { width: 60px;} #additionaloptions .orderTableStyle .radioOption, #trainingsupport .orderTableStyle .radioOption, #alloptions .orderTableStyle .radioOption { text-align: left; width: 270px;} .orderTableStyle .choiceLicenseOption { padding-bottom: 10px; text-align: left;} .orderTableStyle .choiceLicenseOption span { color: #333;} #mobileDevice, #customworkqtde, #customworkMOBqtde { margin-top: 10px;} .orderTableStyle .radioOption input, .licenseChoice p input { background: 0 none; border: 0 none; width: 20px;} .totalTitle th { font-weight: bold; text-align: left;} .standard-form .licensePrice { font-family: "Trebuchet MS",Georgia,"Times New Roman",Times,serif; font-size: 17px; font-weight: bold; text-align: left; width: 80px;} .priceContent h2 { font-size: 17px;} .allOptions td { padding-top: 20px!important;} .allOptions #showAll { font-weight: bold; text-align: left;} .orderTableStyle .selectOption { width: 78px;} .orderTableStyle .licenseChoice { font-weight: bold; text-align: left; width: 120px;} .licenseChoice p { color: #333; font-size: 11px; margin-top: 10px;} .orderTableStyle label { float: left; padding: 3px 5px 3px 3px;} .standard-form th { width: 150px; vertical-align: text-top; } .standard-form span { color: #999; padding: 2px; } .radioOption span { color: #333;} .standard-form input, .standard-form select, .standard-form textarea { background:#DDD; border:1px solid #999; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E1E1E1; float:left; font-size:11px; padding:2px; width:310px; } #naLicenseRadio { background: 0 none; border: 0 none;} #promotionalcode { float: left; margin-top: 5px;} .standard-form .inputAuto { width: 20px; display: inline-block; } .standard-form .inputAuto span { display: inline-block; float: left; text-align: left; color: #666; } .standard-form input:focus, .standard-form select:focus, .standard-form textarea:focus { background: #FFF; } .standard-form input.submit, #useDiscount { background: url(../images/bt-submit.gif) repeat-x; border:none; color:#FFF; cursor:pointer; display:block; font-size:13px; font-weight:bold; margin:0px auto 0 auto; padding:5px 10px; text-align:center; width:50px; float: right } #useDiscount { width: auto;} .discountContent td { padding: 5px;} #submitBtn { width: 70px;} ul.image-list { list-style: none; height: 1%; overflow: hidden; width: auto; } ul.image-list li { float: left; } .iphone-list { margin: 10px auto; width: 500px !important; } .video-list { margin: 15px auto; } .imageDescription { float:right; margin:0 0 5px 5px; } ul.image-list-themes { margin-bottom: 55px; } ul.image-list-themes li a { margin-left: 7px;} ul.image-list-themes li a img { border: 5px solid #FFF; margin-left: 14px; } .image-list-themes p { font-size: 12px; margin-left: 23px; padding: 3px; } /* STRUCTURE > FOOTER ////////////////////////////////////////////////////////////////////////////*/ div.footer { background:#E5E5E5; border-top:1px solid #686868; /*border-left: 1px solid #EEE; border-right: 1px solid #EEE;*/ height:130px; padding:16px 16px 0 16px; position:relative; } /* FOOTER > COPYRIGHT //////////////////////*/ a.footer-back-to-top:link, a.footer-back-to-top:active, a.footer-back-to-top:visited { background: #000 url(../images/bt-footer-back-to-top.gif) no-repeat 3px 3px; border-top:1px solid #333; color:#FFF; display:block; font-size:10px; padding:0 3px 0 11px; position:absolute; right:7px; top:-1px; } a.footer-back-to-top:hover { background:#000 url(../images/bt-footer-back-to-top.gif) no-repeat 3px 1px; color:#4376CC; } /* FOOTER > FOOTER NAVBAR //////////////////////*/ ul.footer-navbar { text-align:left; margin: 0; overflow: hidden; padding: 0; } ul.footer-navbar li { color:#4B4B4B; float:left; font-size:11px; padding:0 1px; } ul.footer-navbar li a:link, ul.footer-navbar li a:active, ul.footer-navbar li a:visited { color:#4B4B4B; padding:0 3px 0 2px; } ul.footer-navbar li a:hover { color:#4376CC; } /* FOOTER > COPYRIGHT //////////////////////*/ p.copyright { color:#595959; font-size:11px; padding:15px 0 0 0; text-align:left; float: left; } /* FOOTER > ADDRESS //////////////////////*/ div.footer-address { float:right; width:215px; } div.footer-address address { color:#595959; font-size:11px; font-style:normal; text-align:left; } div.content-left div.footer-address { float:right; width:215px; background: #EEE; } /* GENERAL > COMPLEMENTARY CLASSES //////////////////////*/ .complementaryInfo { color: #999; display: block; font-size: 12px; } /* SEO TABLE //////////////////////*/ .mailto {font-size: 17px; margin:30px 0; text-align:center;} .sample { color: #000; font-size: 16px; text-align: center; } .seo-table { border: 1px solid #4E82BE; margin: 0 0 20px 0; width:100%;} .seo-table th { background: #4E82BE; color: #fff; font-size:12px; padding:5px; text-align: center; } .seo-table td { font-size: 16px; padding:5px; } .seo-table-week { background: #EEF5FD; border: 1px solid #92C6F6; border-right: 0px solid #92C6F6; border-bottom: 0px solid #92C6F6; font-size: 12px; margin: 5px 0 20px; width: 100%; } .seo-table-week th { border-right: 1px solid #92C6F6; border-bottom: 1px solid #92C6F6; padding: 5px; width: 10%; } .seo-table-week td { border-right: 1px solid #92C6F6; border-bottom: 1px solid #92C6F6; padding: 5px; width: 90%;} .seo-table-week .span { display: block; } /* PRICING TABLE //////////////////////*/ .pricing-table { border: 0; color: #555; text-align: left; float: left; } .pricing-table th { background: #F6F6F6; font-size: 12px; text-align:left; } .pricing-table td { font-size: 12px } /* PRICING TABLE > LINK //////////////////////*/ .column-basic-order { padding: 0; background: #F2F2F2; } .column-ecommerce-order { padding: 0; background: #F2F2F2; } .column-dote-net-order { padding: 0; background: #F2F2F2; } .column-owner-order { padding: 0; background: #F2F2F2; } .pricing-link { padding: 0; } .pricing-link a { background: url(../images/bullet-list-small-light-blue.gif) no-repeat 0 8px; display: block; font-size: 16px; padding: 4px 0 4px 12px; } .pricing-link span.basic a { background: #E9E9E9 url(../images/bullet-list-small-light-blue.gif) no-repeat 5px 8px; display: block; font-size: 16px; padding: 4px 0 4px 18px; display: block; color: #18a052; } .pricing-link span.ecommerce a { background: #E6E6E6 url(../images/bullet-list-small-light-blue.gif) no-repeat 5px 8px; display: block; font-size: 16px; padding: 4px 0 4px 18px; display: block; color: #18a052; } .pricing-link span.dote-net a { background: #E6E6E6 url(../images/bullet-list-small-light-blue.gif) no-repeat 5px 8px; display: block; font-size: 16px; padding: 4px 0 4px 18px; display: block; color: #18a052; } .pricing-link span.owner a { background: #E2E2E2 url(../images/bullet-list-small-light-blue.gif) no-repeat 5px 8px; display: block; font-size: 16px; padding: 4px 0 4px 18px; display: block; color: #18a052; } /* PRICING TABLE > DESCS //////////////////////*/ .pricing-consulting { width: 195px; } .pricing-table .description-tab { background: #F9F9F9; color: #333; font-size: 12px; padding: 8px 5px 8px 8px; text-align: center; } .pricing-table .description-nobg { background: #F6F6F6; font-size: 12px; color: #333; padding: 4px 5px 4px 8px; text-align: center; } .pricing-table .description { background: #F9F9F9; font-size: 12px; font-weight:normal; padding: 8px 5px 5px 27px; border-bottom: 0px solid #DCDCDC; vertical-align: top; } .pricing-table .description span { font-weight: bold; color:#555 } .pricing-table .description-in { background-color: #F3F3F3; font-size: 12px; font-weight:normal; padding: 11px 5px 5px 27px; border-bottom: 0px solid #DCDCDC; vertical-align: top; } .pricing-table .description-in span { font-weight: bold; color:#555 } .pricing-table td em.was { font-size: 12px; color: #CE2727; font-weight: bold; margin: 0 5px 0 0; text-decoration: line-through; line-height: 11px; } .pricing-table .column-basic { background: #F2F2F2; font-size: 12px; padding: 8px 5px 5px 8px; width: 140px; border-bottom: 0px solid #DCDCDC; width: 15% !important; } .pricing-table .column-basic span { font-weight: bold; } .pricing-table .top { color: #333; text-align:center; } .pricing-table .column-basic-in { background: #ECECEC; font-size: 12px; padding: 5px 5px 5px 8px; width: 140px; border-bottom: 0px solid #DCDCDC; } .pricing-table .column-basic-in span { font-weight: bold; } .pricing-table .column-ecommerce { background: #EDEDED; font-size: 12px; padding: 5px 5px 5px 8px; width: 140px; border-bottom: 0px solid #DCDCDC; width: 22% !important; } .pricing-table .column-ecommerce span { font-weight: bold; } .pricing-table .column-ecommerce-in { background: #E8E8E8; font-size: 12px; padding: 5px 5px 5px 8px; width: 140px; border-bottom: 0px solid #DCDCDC; } .pricing-table .column-ecommerce-in span { font-weight: bold; } .pricing-table .column-owner { background: #E9E9E9; font-size: 12px; padding: 5px 5px 5px 8px; width: 140px; border-bottom: 0px solid #DCDCDC; width: 24% !important; } .pricing-table .column-owner span { font-weight: bold; } .pricing-table .column-owner-in { background: #E4E4E4; font-size: 12px; padding: 5px 5px 5px 8px; width: 140px; border-bottom: 0px solid #DCDCDC; } .pricing-table .column-owner-in span { font-weight: bold; } /* PRICING TABLES > ICONS //////////////////////*/ .pricing-table .icon-price { background-image: url(../images/icon-pricing-chart.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-licenses { background-image: url(../images/icon-princing-sites.png); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-currency { background-image: url(../images/icon-pricing-currency.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-package { background-image: url(../images/icon-pricing-package.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-umbranded { background-image: url(../images/icon-pricing-umbranded.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-iphone { background-image: url(../images/icon-iphone-templates.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-support { background-image: url(../images/icon-pricing-support.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-application { background-image: url(../images/icon-pricing-application.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-style { background-image: url(../images/icon-pricing-style.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-data { background-image: url(../images/icon-pricing-data-import.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-host { background-image: url(../images/icon-pricing-host.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-mobile { background-image: url(../images/icon-pricing-mobile.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-email { background-image: url(../images/icon-pricing-email.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-code { background-image: url(../images/icon-pricing-code.gif); background-repeat: no-repeat; background-position: 5px 10px; } .pricing-table .icon-licence { background-image: url(../images/icon-pricing-licence.gif); background-repeat: no-repeat; background-position: 5px 10px; } /* FEATURES TABLE //////////////////////*/ .features-table { border: 0; color: #555; text-align: left; float: left; width:100%;} .features-table th { font-size: 12px; font-weight: normal; } .features-table td { font-size: 12px; font-weight: normal; } .features-table .description { background: #F9F9F9; font-size: 12px; font-weight:normal; padding: 8px 5px 5px 27px; border-bottom: 0px solid #DCDCDC; vertical-align: top; text-align:left !important;width: 40%; } .features-table .description-top { color: #333; font-size: 13px; font-weight: bold; padding: 8px 5px 8px 8px; text-align: center; } .features-table .description span { display: block; font-weight: bold; } .featuresTitle { color: #555; display: block; font-size: 13px; font-weight: bold; margin: 0; } .features-table .description-in { background-color: #F3F3F3; font-size: 11px; font-weight:normal; padding: 11px 5px 5px 27px; border-bottom: 0px solid #DCDCDC; vertical-align: top; width: 350px; text-align: left; } .features-table .description-in span { display: block; font-weight: bold; } .features-table .column-basic { background: #F2F2F2; font-size: 12px; padding: 8px 5px 5px 8px; width: 10%; border-bottom: 0px solid #DCDCDC; } .features-table .column-basic span { font-weight: bold; } .features-table .column-basic-in { background: #ECECEC; font-size: 12px; padding: 5px 5px 5px 8px; width: 10%; border-bottom: 0px solid #DCDCDC; } .features-table .column-basic-in span { font-weight: bold; } .features-table .column-ecommerce { background: #EDEDED; font-size: 12px; padding: 5px 5px 5px 8px; width: 20%; border-bottom: 0px solid #DCDCDC; } .features-table .column-ecommerce-in { background: #E8E8E8; font-size: 12px; padding: 5px 5px 5px 8px; width: 20%; border-bottom: 0px solid #DCDCDC; } .features-table .column-dote-net { background: #E6E6E6; font-size: 12px; padding: 5px 5px 5px 8px; width: 20%; border-bottom: 0px solid #DCDCDC; } .features-table .column-dote-net-in { background: #E2E2E2; font-size: 12px; padding: 5px 5px 5px 8px; width: 20%; border-bottom: 0px solid #DCDCDC; } .features-table .competition { background: #E2E2E2; font-size: 11px; padding: 5px 5px 5px 8px; width: 10%; border-bottom: 0px solid #DCDCDC; } .features-table .competition-in { background: #DDDDDD; font-size: 11px; padding: 5px 5px 5px 8px; width: 10%; border-bottom: 0px solid #DCDCDC; } .features-table .tick { background-image: url(../images/tick.gif); background-repeat: no-repeat; background-position: 50% 50%; } .pricing-table .tick { background-image: url(../images/tick.gif); background-repeat: no-repeat; background-position: 50% 50%; } .franchise-images { overflow: hidden; margin: 0 0 20px 0; } .franchise-images div { float: left; padding: 0 0 0 40px; } .franchise-images div p { font-size: 16px; font-weight: bold; } .franchise-images div p.text { font-size: 14px; font-weight: normal; padding: 0 0 0 18px; } .franchise-images div p span { font-size: 16px; color: #666; } .custom-serv-table .description { width: 20% !important; text-align: center !important; } .custom-serv-table th.column-ecommerce { font-size: 14px; } .custom-serv-table .column-ecommerce { width: 80% !important; } .custom-serv-table .description-in, .custom-serv-table .description { font-size:12px !important; padding: 0!important; text-align: center !important; vertical-align: middle !important; } .left .features-table { margin: 10px 0 0 0;} .left .features-table h4 { font-size: 12px; margin: 0;} /* FEATURES ICONS //////////////////////*/ .features-table .icon-features-multilanguage { background-image: url(../images/icon-features-multilanguage.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-currency { background-image: url(../images/icon-currency.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-cursor { background-image: url(../images/icon-cursor.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-mobile { background-image: url(../images/icon-features-mobile.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-text { background-image: url(../images/icon-features-text-open.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-templates { background-image: url(../images/icon-features-templates.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-montlymail { background-image: url(../images/icon-montlymail.png)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-iphone-templates { background-image: url(../images/icon-iphone-templates.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-form { background-image: url(../images/icon-form.png)!important; background-repeat: no-repeat!important; background-position: 0px 10px!important; } .features-table .icon-features-statistics { background-image: url(../images/icon-features-statistics.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-feed { background-image: url(../images/icon-features-feed.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-map { background-image: url(../images/icon-features-map.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-geo { background-image: url(../images/icon-geo.png)!important; background-repeat: no-repeat!important; background-position: 0px 10px!important; } .features-table .icon-features-click-to-call { background-image: url(../images/icon-clicktocall.png)!important; background-repeat: no-repeat!important; background-position: 0px 10px!important; } .features-table .icon-features-sms { background-image: url(../images/icon-sms.png)!important; background-repeat: no-repeat!important; background-position: 0px 10px!important; } .features-table .icon-features-sugarcrm { background-image: url(../images/icon-sugarcrm.png)!important; background-repeat: no-repeat!important; background-position: 0px 10px!important; } .features-table .icon-features-wordpress { background-image: url(../images/icon-wordpress.png)!important; background-repeat: no-repeat!important; background-position: 0px 10px!important; } .features-table .icon-features-facebook { background-image: url(../images/icon-facebook.png)!important; background-repeat: no-repeat!important; background-position: 0px 10px!important; } .features-table .icon-features-googleplus { background-image: url(../images/icon-googleplus.jpg)!important; background-repeat: no-repeat!important; background-position: 0px 10px!important; } .features-table .icon-features-package { background-image: url(../images/icon-package.png)!important; background-repeat: no-repeat!important; background-position: 0px 10px!important; } .features-table .icon-features-android { background-image: url(../images/icon-android.png)!important; background-repeat: no-repeat!important; background-position: 0px 10px!important; } .features-table .icon-features-deals { background-image: url(../images/icon-deals.png)!important; background-repeat: no-repeat!important; background-position: 0px 10px!important; } .features-table .icon-features-multi { background-image: url(../images/icon-multi-sites.png)!important; background-repeat: no-repeat!important; background-position: 0px 10px!important; } .features-table .icon-features-search { background-image: url(../images/icon-features-search.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-integrated { background-image: url(../images/icon-features-integrated.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-seo { background-image: url(../images/icon-features-seo.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-backlink { background-image: url(../images/icon-backlink.png)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-hosting { background-image: url(../images/icon-features-hosting.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-customization { background-image: url(../images/icon-features-customization.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-style { background-image: url(../images/icon-features-style.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-listing-templates { background-image: url(../images/icon-features-listing-templates.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-categoryes { background-image: url(../images/icon-features-categoryes.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-photo { background-image: url(../images/icon-features-photo.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-sign { background-image: url(../images/icon-features-sign.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-interative { background-image: url(../images/icon-features-interative.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-data { background-image: url(../images/icon-features-data.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-data-up { background-image: url(../images/icon-features-data-up.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-ad { background-image: url(../images/icon-features-ad.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-pay { background-image: url(../images/icon-features-pay.gif); background-repeat: no-repeat; background-position: 5px 10px!important; } .features-table .icon-features-reminder { background-image: url(../images/icon-features-reminder.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px; } .features-table .icon-features-leveles { background-image: url(../images/icon-features-leveles.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-detail { background-image: url(../images/icon-features-detail.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-time { background-image: url(../images/icon-features-time.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-mail { background-image: url(../images/icon-features-mail.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-coupon { background-image: url(../images/icon-features-coupon.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-search-stats { background-image: url(../images/icon-features-search-stats.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } .features-table .icon-features-search-save { background-image: url(../images/icon-features-search-save.gif)!important; background-repeat: no-repeat!important; background-position: 5px 10px!important; } /* CONTENT > CUSTOMER SPOTLIGHT //////////////////////*/ .customer-list { text-align: left; } .customer-list li { font-size: 12px; padding: 0 0 10px 0; } .customer-list li.customer-screen img { border: 4px solid #F2F2F2; width: 271px; } .customer-list a { font-size: 12px; } .item-list .map-title { background-color: #F2F2F2; border-bottom: 1px solid #E8E8E8; margin: 4px 0 10px 4px; padding-bottom: 10px; } .map-title ul { background-color: #F9F9F9; padding: 5px 0 5px 5px; } /* OTHER LINKS //////////////////////*/ .link-demo { font-size: 18px; padding: 0 0 0; float: left; position: absolute; left:380px; bottom:12px; } .make-a-call { background: #EEE; width: 244px; float: left; padding: 0 0 0 4px; margin:0; overflow: hidden; } /* CALL ACTION //////////////////////*/ .center { margin: 0 auto 0 auto; text-align: center; padding: 0 0 8px 0; } .call-action { background: url(../images/bg-call-action.gif) 0 0 repeat-x; height: 111px; width: auto; border: 1px solid #E7E7E7; margin: 20px auto 20px auto; overflow: hidden; padding: 5px 0 0 0; } .call-action h3 { padding: 0 0 5px 0; } .call-action h4 { color: #343434; font-size: 15px; padding: 4px 0 0 0; line-height: 16px; } .call-action p { color: #36C; font-size: 12px; padding: 0 0 0 0; line-height: 14px; } .call-action img { } .call-action-chat { background: url(../images/icon-call-action-chat.gif) 18px 7px no-repeat; float: left; height: 96px; padding: 5px 60px 0 100px; display: inline; } .call-action-call { background: url(../images/icon-call-action-phone.gif) 18px 7px no-repeat; float: left; border-left: 1px solid #E7E7E7; height: 96px; padding: 5px 50px 0 100px; display: inline; } .call-action-mail { background: url(../images/icon-call-action-mail.gif) 18px 7px no-repeat; float: left; border-left: 1px solid #E7E7E7; height: 96px; padding: 5px 50px 0 100px; display: inline; } .call-action-order { float: left; border-left: 1px solid #E7E7E7; height: 96px; padding: 5px 0 0 40px; display: inline; } /* CALL ACTION //////////////////////*/ .support { width: auto; position: relative; height: auto; overflow: hidden; padding: 0 0 0 0; } .support p { font-size: 14px; padding: 0 0 5px 0; } .support p strong { color: #666; } .support p span { font-size: 12px; } .highlight-version { background: #6588A6; position: relative; z-index: 1000px; display: block; } .highlight-version p { font-size: 12px; font-weight: bold; color: #FFF; padding: 7px 5px 7px 10px; position: relative; } .highlight-version p span { position: absolute; top: 7px; right: 10px; font-size: 12px; } .highlight-version p span a { color: #FFF; } .promo-march { position: absolute; top: 0; right: 460px; height: 20px; padding: 38px 0 0 0; background: url(../images/bg-promo-march2.png) 0 0 no-repeat; width: 200px; text-align: right; } .promo-march a { font-size: 11px; text-align: right; display: block; padding: 0 10px 0 0; } /* MANAGEMENT TEAM //////////////////////*/ .management-team { padding:10px 30px 20px 0; height: auto; overflow: hidden; border-bottom: 1px solid #E5E5E5; } .management-team img { float:left; margin:7px 0 0 0; } .management-team h5 { font-size: 16px; } .management-team h5, .management-team p { margin:0 0 0 130px; } /* EDIRECTORY MEDIA KIT //////////////////////*/ .left-resources { width: 660px; float: left; border-right: 1px solid #dbdbdb; padding: 0 20px 0 0; } .right-resources { width: 260px; float: left; padding: 5px 0 10px 10px; background: #FFC; } .right-resources h2 { font-size: 26px; letter-spacing: -2px; color: #000; position: relative; padding: 0 0 0 50px; } .right-resources h2 img { position: absolute; top: 5px; left: 0; } .right-resources h2 span { font-size: 16px; color: #555; display: block; letter-spacing: 0; } #twitter { width: 260; padding: 0 0 0 0; } #twitter h2 { display: none; } #twitter ul li { padding: 0 0 10px 0; } #twitter ul li span { font-size: 11px; color: #555; } #twitter ul li a, #twitter ul li a:visited { display: block; font-size: 11px!important; } .highlightLabel { color:#CC0000; font-size:14px; font-style:italic; font-weight:bold; left:-15px; position:absolute; top:15px; } .topMessage a { background: url(../images/design/bg_free_web.png) no-repeat center center; display: block; float: left; padding: 9px; width: 126px; } .topMessage { position: absolute; right: 345px; top: 30px; height: 37px; width: 350px; } .topMessage span { color: #000; font-family: "Times New Roman", Times, serif; font-size: 17px; line-height: 17px;} /* ADDITIONAL STUFF FOR CUSTOMER APPRECIATION DISCOUNTS BOX */ .coupon-cutout{ margin: 1em 0; display: block; background: #fdfbd7; border: 3px dashed #d2d0ac; padding: 10px 5px; width: 242px; clear: both; } .wrapper .content .content-left .left .coupon-cutout{ margin-left: 27px; } .coupon-cutout h2{ font-size: 18px; font-style: italic; font-weight: bold; margin: 0; padding: 0; } .coupon-cutout h3{ font-size: 14px; color: #444; font-weight: bold; margin: 0; } .coupon-cutout ul{ list-style-type: none; padding: 0; margin: 0.2em 0 0.5em 0; } .coupon-cutout li{ font-size: 12px; line-height: 1.2em; padding: 0; margin: 0; text-align: left; } .discount-promo-box{ display: block; width: 600px; margin: 1em 0; border: 2px #a1bccb solid; background: #c1dceb; padding: 5px; } .discount-promo-box div{ display: block; float: left; width: 35%; } .discount-promo-box h3{ font-size: 3.5em; color: #333; margin-bottom: 0; } .discount-promo-box h4{ font-size: 1em; font-weight: bold; color: #333; padding-left: 35%; clear: both; } .discount-promo-box p{ display: block; float: left; color: #333; font-size: 0.8em; line-height: 1.5em; width: 65%; padding-top: 0.5em; } table.discount-details{ width: 615px; border-collapse: collapse; border: 1px #555 solid; margin-bottom: 1em; } table.discount-details thead th{ background: #4999c2; width: 200px; color: #fff; font-size: 0.8em; padding: 2px 5px; } table.discount-details th, table.discount-details td{ border-top: 1px #555 solid; border-bottom: 1px #555 solid; font-size: 0.8em; padding: 2px 5px; background: #f7f7f7; }