/* Aweber 4.0 */ /*----------------------------------------------------------*/ /* Global */ /*----------------------------------------------------------*/ html {*overflow-x:hidden;} body {background-color:#f5f5f5; color:#343434; font-family:Verdana, Arial, sans-serif; margin:0; padding:0;} img {border:0px;} a:link {} a:visited {} a:hover {} .clear {clear:both;} /*----------------------------------------------------------*/ /* Header */ /*----------------------------------------------------------*/ #header {background:#ffffff; border-color:#cecece; border-style:solid; border-width:0px 1px; height:120px; margin:auto; padding:0px 10px; width:940px;} #signin {float:right; font-size:14px; margin-top:10px; height:50px;} #signin a:visited, #signin a:link, #signin a:hover {color:#1483d9;} /* !Submenu */ #submenu {background:transparent url(/images/menu-bg.png) no-repeat; height:45px; position:relative; top:-21px; left:-20px; width:984px; z-index: 100;} /* !Live Chat */ .live-chat {height:21px; left:22px; position:relative; top:6px; width:208px; z-index: 300;} /*----------------------------------------------------------*/ /* Logo */ /*----------------------------------------------------------*/ #logo {position:absolute; top:15px; margin:0;} #logo a {display:block; width:350px; height:71px; margin-top:-5px; text-indent:-3333px;} #logo-image {display:none;} #flash {} /*----------------------------------------------------------*/ /* Menu */ /*----------------------------------------------------------*/ .sf-menu {float:right; list-style:none; margin:0; padding:0; } .sf-menu a {display:block; padding:6px 11px; text-decoration:none;} .sf-menu ul {position:absolute; top:-999em;} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} /* !global tab styles */ .sf-menu li {display:block; font:bold 14px Arial; float:left; height:28px; margin-left:6px; position: relative; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0px 0px; -ms-border-radius:6px 6px 0px 0px; z-index:1050; } .sf-menu li a {border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; -ms-border-radius:6px 6px 0 0;} /*!Off Tabs*/ .sf-menu .off {background:#0470C3 url(/images/sprite-main.png) repeat-x 0 0; border:1px solid #2391d1; border-bottom:none;} .sf-menu .off:hover {background:#2697d6; border:solid 1px #1f85bd; border-bottom:none;} .sf-menu .off a {color:#c0e9ff; } .sf-menu .off:hover a {color:#fff;} /* !Off tab when dropdown is activated */ .sf-menu .off.sfHover {background:#fff; border:1px solid #c6c6c6; border-bottom:none; } .sf-menu .off.sfHover a {background:#fff; border-color:#c6c6c6; color:#2899d7;} .sf-menu .off.sfHover a:hover {color:#45b7f5} /*!On Tabs */ .sf-menu .on {background:#fffdef url(/images/sprite-main.png) repeat-x 0 -66px; border:solid 1px #e2d67d; border-bottom:none; } .sf-menu .on:hover {border:solid 1px #e2d67d; border-bottom:none;} .sf-menu .on a {color:#4f810e;} .sf-menu .on:hover a, .sf-menu .on:active a {background:#fffbd9 url(/images/sprite-main.png) repeat-x 0 -33px; color:#66ae0a} /* !On tab when dropdown is activated */ .sf-menu .on.sfHover {background:#fff; border:1px solid #c6c6c6; border-bottom:none;} .sf-menu .on.sfHover a {background:#fff; border-color:#c6c6c6; color:#2899d7;} .sf-menu .on.sfHover a:hover {color:#45b7f5} /* Order Tab */ #ordertab {background:#00da00 url(/images/sprite-main.png) repeat-x scroll 0 -99px; border:solid 1px #4c9907; border-bottom:none; } #ordertab:hover {background:#00e500 url(/images/sprite-main.png) repeat-x scroll 0 -132px; border-color:#5ab706;} #ordertab a {color:#defbbb;} #ordertab a:hover {color:#ffffff;} /*Drop Down List Elements*/ .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:28px; } .sf-menu li ul {background-color:#fff !important; border:#c6c6c6 solid 1px; border-top:none; list-style:none; margin-left:-1px; padding:7px; width:160px; border-radius: 0px 10px 10px 10px; -moz-border-radius: 0px 10px 10px 10px; -webkit-border-radius:0px 10px 10px 10px !important; -ms-border-radius: 0px 10px 10px 10px; box-shadow:0 2px 3px #ccc; -moz-box-shadow:0 2px 3px #ccc; -webkit-box-shadow:0 2px 3px #ccc; -ms-box-shadow:0 2px 3px #ccc;} /* !drop down li rest */ .sf-menu li li {border:none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -ms-box-shadow:none; margin:0; } .sf-menu li li a {background:none !important; color:#878787 !important; font-weight:normal;} .sf-menu li li a:hover {background:#2899d7 !important; color:#ffffff ; border-radius:7px !important; -moz-border-radius:7px !important; -webkit-border-radius:7px !important; -ms-border-radius:7px !important;} .sf-menu li li a:visited {font-weight:normal !important;} .sfHover li a:hover {color:#fff !important;} /* Dropdown Arrows */ .sf-sub-indicator {background:transparent url('/images/sprite-main.png') no-repeat -0 -2350px; display:block; height:5px; position:absolute; right:9px; top:12px; width:10px; text-indent:-999em; } .on .sf-sub-indicator {background:transparent url('/images/sprite-main.png') no-repeat -0 -2380px; } /* !Adds Padding to tabs with dropdowns */ .sf-menu a.sf-with-ul {padding-right:20px; min-width:1px;} /* !Arrow when dropdown is activated */ .sfHover .sf-sub-indicator {background:transparent url('/images/sprite-main.png') no-repeat -0 -2365px; } .sf-menu .features {width:350px;} .sf-menu .features li {height:50px; border-bottom:1px dotted #e4e4e4;} .sf-menu .features li a {height:35px; line-height:35px; padding-left:80px;} #sf-menu-email-newsletters a {background:url(/images/dropdown-menu/drop-down-sprite.png) no-repeat 3px 3px !important;} #sf-menu-email-newsletters a:hover {background:#2899d7 url(/images/dropdown-menu/drop-down-sprite.png) no-repeat 3px 3px !important;} #sf-menu-signupforms a {background:url(/images/dropdown-menu/drop-down-sprite.png) no-repeat 5px -52px !important;} #sf-menu-signupforms a:hover {background:#2899d7 url(/images/dropdown-menu/drop-down-sprite.png) no-repeat 5px -52px !important;} #sf-menu-managesubscribers a {background:url(/images/dropdown-menu/drop-down-sprite.png) no-repeat 8px -103px !important;} #sf-menu-managesubscribers a:hover {background:#2899d7 url(/images/dropdown-menu/drop-down-sprite.png) no-repeat 8px -103px !important;} #sf-menu-followups a {background:url(/images/dropdown-menu/drop-down-sprite.png) no-repeat 7px -157px !important;} #sf-menu-followups a:hover {background:#2899d7 url(/images/dropdown-menu/drop-down-sprite.png) no-repeat 7px -157px !important;} #sf-menu-analytics a {background:url(/images/dropdown-menu/drop-down-sprite.png) no-repeat 3px -208px !important;} #sf-menu-analytics a:hover {background:#2899d7 url(/images/dropdown-menu/drop-down-sprite.png) no-repeat 3px -208px !important;} #sf-menu-customersolutions a {background:url(/images/dropdown-menu/drop-down-sprite.png) no-repeat 12px -257px !important;} #sf-menu-customersolutions a:hover {background:#2899d7 url(/images/dropdown-menu/drop-down-sprite.png) no-repeat 12px -257px !important;} #sf-menu-overview a {color:#5f96b4 !important; font-size:16px; text-align:center; padding-left:0px;} #sf-menu-overview a:hover {color:#FFF !important;} /*----------------------------------------------------------*/ /* Content */ /*----------------------------------------------------------*/ #content {background:#ffffff; border-color:#cecece; border-style:solid; border-width:0px 1px; color:#5c5c5c; font-family:verdana; font-size:13px; margin:auto; padding:40px 30px; width:900px;} #content a:link {color:#2899d7; text-decoration:underline;} #content a:visited {color:#2899d7;} #content a:hover {color:#0c74ae; text-decoration:underline;} #content h1 {color:#404040; font:normal 34px Verdana; margin:0; padding:0;} #content h2 {color:#1489d4; font:normal 20px Verdana; margin:0; padding: 0;} #content h3 {color:#4b900e; font:normal 18px Verdana; margin:0; padding:0px;} #content blockquote {background-color:#F5F5F5; margin:15px auto; padding:15px 20px; width:95%; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -ms-border-radius:7px; font-style: italic; font-size: 12px; line-height: 24px;} /* Bread Box */ #bread-box {margin-bottom:20px;} #bread-crumb {background:#ecf6ff; color:#79b8f3; font:bold 11px Verdana; padding:8px 20px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px;} #bread-crumb a {color:#4e7da8 !important; text-decoration:none;} #bread-crumb a:hover {color:#0699f1 !important;} #bread-crumb strong {color:#0699f1;} /*----------------------------------------------------------*/ /* Left */ /*----------------------------------------------------------*/ #left {float:left; width:665px;} #left-home {float:left; width:650px;} #left h1 {color:#404040; font:normal 34px Verdana; margin:0; padding:0;} #left h2 {color:#1489d4; font:normal 20px Verdana; margin:0; padding: 0;} #left h3 {color:#4b900e; font:normal 18px Verdana; margin:0; padding:0px;} #left-home .features {width:620px !important;} #left .divider, #press-content .divider {border-top:2px dotted #EDEDED; margin:30px 0;} #left small, #press-content small {color:#6D6D6D; font-size:11px; font-style:italic; line-height:20px;} #left .twitterchicklet, #press-content .twitterchicklet {margin:10px 0 0 33px;} /*----------------------------------------------------------*/ /* Right */ /*----------------------------------------------------------*/ #right {float:left; margin-left:15px; width:220px;} #right-home {float:left; margin-left:15px; width:235px;} #right h3 {color:#1489d4; font:normal 18px Verdana; margin:0; padding:0px;} #right hr {border-top:none !important; border-left:none !important; border-right:none !important; height:1px; overflow:hidden; border-bottom:dotted 1px #cccccc; margin:20px 0 20px 0; padding:0 10px;} .right-menu-current {font-weight:bold;} /*----------------------------------------------------------*/ /* Full */ /*----------------------------------------------------------*/ #full {color:#2a2a2a; font:normal 11px verdana; float:left; margin:5px 0 0 25px; width:900px;} #full-google {color:#2a2a2a; font:normal 11px verdana; float:left; margin:5px 0 0 25px; width:850px;} #content #full-google blockquote {background-color:#FFF; font-size:10px !important; border:none; padding:0px 0 0 15px; margin-top:-15px;} #content #full-google p.g {border-top:1px dotted #e4e4e4; margin-bottom:3px; padding-top:20px;} #content #full-google blockquote p {border:none !important;} #content #full-google .s {padding-bottom:10px;} #content #full-google .i {color:#000;} /*----------------------------------------------------------*/ /* Home */ /*----------------------------------------------------------*/ .home-divider {border-top:solid 1px #e4e4e4; margin:20px 0px; width:900px;} #home-slider {background:transparent url(/images/homepage/slider-bg.jpg) no-repeat; height:325px; left:-30px; margin-bottom:20px; overflow: hidden; position:relative; top:-90px; width:960px; z-index:5;} #home-slider strong {color:#ffffff; display:block; font-size:25px; font-weight:normal; padding-top:100px; margin:0px; width:600px;} #home-slider p {color:#c3daff; font-size:12px; height:50px; margin:5px 0 20px; width:450px;} #home-slider img {float:right; margin-top:-10px;} #slider-box {width:3840px;} .slider-1 {background:transparent url(/images/homepage/slider-bg01.jpg); float:left; height:325px; padding:0 390px 0 60px; width:510px;} .slider-2 {background:transparent url(/images/homepage/slider-bg02.jpg); float:left; height:325px; padding:0 390px 0 60px; width:510px;} .slider-3 {background:transparent url(/images/homepage/slider-bg03.jpg); float:left; height:325px; padding:0 390px 0 60px; width:510px;} .slider-4 {background:transparent url(/images/homepage/slider-bg04.jpg); float:left; height:325px; padding:0 390px 0 60px; width:510px;} #slide-nav {height:64px; left:-40px; position:relative; top:105px; width:980px; z-index:10;} #slide-left {background:transparent url(/images/homepage/sprite-slider.png) no-repeat 0 0; height:64px; width:46px; } #slide-left:hover {background-position:0 -63px} #slide-right {background:transparent url(/images/homepage/sprite-slider.png) no-repeat -50px 0; height:64px; margin:-63px 0 0 934px; width:46px; } #slide-right:hover {background-position:-50px -64px} #home-features {height:340px; margin-top:-70px;} #home-features #info {float:left; margin-right:30px; width:290px; } #home-features h1 {color:#000000; font-size:22px;} #home-features .blocks {float:left; margin:0 10px 25px 0; width:280px;} #home-features .blocks:hover {background:#f5f5f5; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;} #home-features a {text-decoration:none !important;} #home-features a:hover {color:#126a9b;} #home-features span {display:block; font-size:14px; font-weight:normal; margin-top:17px;} #home-features small {color:#878585; display:block; padding: 0px 15px;} #home-features .feat-image {float:left; height:64px; margin:14px 0; width:90px;} #home-features #subscribers {background:transparent url(/images/homepage/sprite-features.png) no-repeat 0 0px;} #home-features #followup {background:transparent url(/images/homepage/sprite-features.png) no-repeat 0 -64px;} #home-features #templates {background:transparent url(/images/homepage/sprite-features.png) no-repeat 0 -128px;} #home-features #newsletters {background:transparent url(/images/homepage/sprite-features.png) no-repeat 0 -192px;} #home-features #blog {background:transparent url(/images/homepage/sprite-features.png) no-repeat 0 -256px;} #home-features #support {background:transparent url(/images/homepage/sprite-features.png) no-repeat 0 -320px;} #test-drive {height:410px;} #test-form {float:left; width:590px;} #home-who {background:#ededed url(/images/homepage/whoweare-bg.png) repeat-x; float:left; margin-left:20px; padding-bottom:20px; width:250px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;} #home-who h3 {color:#ffffff; font-size:25px; margin:4px 0 2px 15px; } #home-who p {color:#676767; font-size:11px; padding:0 20px;margin:0 0 10px 0;} #home-who img {margin-left:8px;} #home-who a {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; color:#fff !important; box-shadow:0 2px 2px -1px #333; -moz-box-shadow:0 2px 2px -1px #333; -webkit-box-shadow:0 2px 2px -1px #333; -ms-box-shadow:0 2px 2px -1px #333; padding:5px 11px; font-size:12px; margin:0 3px; text-decoration:none !important;} #home-who .about {background:#00DA00 url(/images/sprite-main.png) repeat-x scroll 0 -99px;} #home-who .jobs {background:#0470C3 url(/images/sprite-main.png) repeat-x 0 0;} #home-customer {font-size:10px; height:230px;} #home-customer h2 {color:#404040; font-size:25px; margin:0 0 10px;} #home-customer .story {float:left; margin-right:30px; width:150px;} #home-customer strong {color:#525252; font-size:12px; font-weight:normal; text-transform:capitalize;} #home-customer p {color:#878585; height:80px; margin:2px 0 10px 0;} #home-customer a {} #home-customer .customer-image {height:60px; margin-bottom:15px; width:150px;} #home-customer #moxietrades {background:transparent url(/images/homepage/sprite-customers.png) no-repeat 0 0px;} #home-customer #bragg {background:transparent url(/images/homepage/sprite-customers.png) no-repeat 0 -60px;} #home-customer #homestudio {background:transparent url(/images/homepage/sprite-customers.png) no-repeat 0 -120px;} #home-customer #copyblogger {background:transparent url(/images/homepage/sprite-customers.png) no-repeat 0 -180px;} #home-customer #readersdigest {background:transparent url(/images/homepage/sprite-customers.png) no-repeat 0 -240px;} .more {display:block; font-size:14px; margin-top:30px; text-align:right;} /*----------------------------------------------------------*/ /* Hero Image */ /*----------------------------------------------------------*/ #content .container-landing {padding:0px; margin: 0 -30px 0 -30px; font-family:Verdana, sans-serif; font-weight: 300; height:350px; position:relative; top:-28px;} #content .container-landing a {text-decoration:none;} /* button style*/ .hero-button {font-size:14px; background:#4bc800 url(/images/sprite-main.png) repeat-x scroll 0 -2515px; border-top:1px solid #56e004; border-bottom:1px solid #266c05; color:#ffffff !important; padding:10px; text-decoration:none !important; border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; box-shadow: 0 2px 5px #000000; -moz-box-shadow: 0 2px 5px #000000; -webkit-box-shadow:0 2px 5px #000000; -ms-box-shadow: 0 2px 5px #000000; position:relative; top:25px;} .hero-button a {background:#4bc800 url(/images/sprite-main.png) repeat-x scroll 0 -2515px; border-top:1px solid #56e004; border-bottom:1px solid #266c05; color:#ffffff !important; padding:10px; text-decoration:none !important; border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; box-shadow: 0 2px 5px #000000; -moz-box-shadow: 0 2px 5px #000000; -webkit-box-shadow:0 2px 5px #000000; -ms-box-shadow: 0 2px 5px #000000;} .hero-button a:hover {background-position:0 -2575px; border-color:#2ab604; border-top:1px solid #39ec06; border-bottom:1px solid #218008;} /* header styles*/ #content .header-landing h1 {color:#FF623D; font-size:42px; font-weight:400; text-align:center; text-transform:uppercase; } .header-landing hr {border:0; color: #fc6245; background-color:#fc6245; height:1px;; margin: auto; width:80%; } .top-container {display:inline-block; text-align:center; margin: 18px 6px;} .top-container.left-col {text-align:center; padding:20px 0px 0px 32px; vertical-align:top;} #content .top-container.left-col a {color:#555555; display:inline-block; font-size:14px!important; font-weight:500; } .top-container.right-col {text-align: center;} .top-container.right-col p {color:#555555; display:inline-block; font-size:17px; letter-spacing:1px; padding: 25px 8px; vertical-align:top; width:220px; text-align:center!important;} /* underline link style*/ #content .underline {display: inline-block; position: relative; padding-bottom: 1px;} #content .underline:after {content: ''; display: block;margin: auto;height: 1px!important;margin-top:1px!important; width: 0px; background: transparent; transition: width .2s ease-in-out, background-color .2s ease-in-out;} #content .underline:last-child {margin-top:1px!important;} #content .underline:hover:after {color:#FA775D;width: 100%;background:#FA775D; } .hero-divider {border-top:solid 1px #e4e4e4; margin:20px 0px; position:absolute; top:410px; width:900px;} /*----------------------------------------------------------*/ /* Footer */ /*----------------------------------------------------------*/ #footer {background: #F2F2F2 url(/images/sprite-main.png) 0 -2950px repeat-x; border-color:#cecece; border-style:solid; border-width:1px 1px 0 1px; color:#505050; font-size:12px; height:230px; margin:auto; padding:0px; width:960px;} #footer .box {float:left; margin:10px 0px 0px 23px; width:290px;} #footer span {background:#e7e7e7; display:block; height:150px; padding:5px 8px;} #footer .labs-box {padding: 17px 20px 0px!important;} #footer h2 {color:#888888; font-size:22px; font-weight:normal; margin:0px 0px 8px;} #footer .more {color:#2899D7; font-size:12px; margin-top:10px; padding-left:20px; text-align: left;} #footer #footer-learn {background:#e7e7e7; padding:5px; text-decoration:none; list-style:none outside none; border: 1px solid #cecece;} #footer #footer-learn a {background:transparent url(/images/sprite-main.png) no-repeat; color:#505050; display:block; font-size:14px; height:33px; padding:14px 0 0 56px; text-decoration:none;} #footer #footer-learn a:hover {background-color:#f2f2f2; color:#2899D7;} #footer #footer-learn #kb {background-position:10px -1280px;} #footer #footer-learn #webinars {background-position:10px -1343px;} #footer #footer-learn #videos {background-position:10px -1406px;} #footer #footer-learn .divider {background:#d9d9d9 ; height:1px; margin:3px 0px; padding:0px;} #footer p {margin:0px; padding:17px 20px 35px;} #footer #footer-blog {padding-top:10px; border: 1px solid #cecece;} #footer #footer-blog a {display:block; padding:10px 10px 1px 15px; color: #2899D7;} #footer #footer-blog a:first-child {padding: 0 10px 1px 15px;} #footer #footer-blog a:hover {background-position:3px -2660px; color:#196c9a;} #footer #footer-blog small {display:block; margin-left:25px;} #footer #footer-blog br {display:none;} #footer #footer-affiliate {background:#e7e7e7; padding:0 0 38px; text-decoration:none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;list-style:none outside none; } #footer #footer-dev {background:#e7e7e7; padding:5px; text-decoration:none; list-style:none outside none; border: 1px solid #cecece;} #footer #footer-dev a {color:#505050; display:block; font-size:14px; height:33px; padding:14px 0 0 15px; text-decoration:none;} #footer #footer-dev a:hover {background-color:#f2f2f2; color:#2899D7;} #footer #footer-dev .divider {background:#d9d9d9 ; height:1px; margin:3px 0px; padding:0px;} #sub-footer {background:#2b4672; color:#c9d6ec; font-size:11px; height:120px; margin:auto; width:962px;} #sub-footer h3 {color:#ffffff !important; font-size:22px; font-weight: normal; margin:12px 0px 0px;} #sub-footer a.contact {color:#c9d6ec; text-decoration:none;} #sub-footer a.contact:hover {color:#ffffff;} #sub-footer p {margin:0px;} #sub-footer #address {float:left; letter-spacing:-1px; margin-left:25px; width:530px;} #sub-footer strong {color:#ffffff; font-weight: normal;} #sub-footer #copy {margin-top:10px;} #sub-footer a.legal {color:#4ebffe; text-decoration:underline;} #sub-footer a.legal:hover {color:#ffffff; text-decoration:none;} #sub-footer #search {float:right; margin:20px 12px 0 0; width:260px;} #sub-footer .search-box {border-color:#7f8fa9; border-width:1px 0 1px 1px; border-style: solid; color:#6f6f6f; float:left; margin-top:2px; padding:8px 5px 7px 5px; width:195px; } #sub-footer #search-button {background-color:#50a504; background-position:0 -99px; border-top:0; border-width:1px 0px; float:left; height:34px; padding:0 6px; margin-top:2px; text-transform:uppercase; width:40px; border-radius:0;-moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; box-shadow:none;-moz-box-shadow:none; -webkit-box-shadow:none; -ms-box-shadow:none;} #sub-footer #search-button:hover {background-color:#63b308; background-position:0px 132px;} #sub-footer #social {float:right; margin:10px 20px 0 0; text-align: right; width:250px;} #sub-footer #social a {background-image:url(/images/sprite-footer.png); display:block; border:solid 2px #c3cddd; float:right; height:30px; margin-right:6px; width:30px; opacity:0.8} #sub-footer #social a:hover {border-color: #ffffff; opacity:1;} #sub-footer #fb {background-position:0 -90px;} #sub-footer #twitter {background-position:0 -60px; } #sub-footer #rss {background-position:0 -30px; } .footer-logos {border-color:#cecece; border-style:solid; border-width:1px 1px 0; width: 962px; height: 100px; margin: 0 auto; background: #e7e7e7; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .awards {clear: both; display: block; margin: 0 auto; padding: 0; width: 895px; list-style-type: none;} .awards li {background-image: url('/images/logos/best-places.png'); float: left; list-style: none; margin: 0; position: relative; width: 150px; margin-right: 20px;} .awards li:last-child {margin-right:0;} .awards .aw-01 {background-position: 0 -352px; width: 150px; height: 50px; margin-top: 12px;} .awards .aw-02 {background-position: 0 -402px; width: 150px; height: 33px; margin-top: 20px;} .awards .aw-03 {background-position: 0 -439px; width: 150px; height: 33px; margin-top: 20px;} .awards .aw-04 {background-position: 0 -476px; width: 150px; height: 70px; margin-top: 6px;} .awards .aw-05 {background-position: 0 -544px; width: 95px; height: 80px;} .awards .aw-06 {background-position: 0 -630px; width: 95px; height: 80px;} /*----------------------------------------------------------*/ /* Misc */ /*----------------------------------------------------------*/ .about-img {float:left; padding-top:25px; width:180px;} .about-txt {float:left; width:440px;} .test-button {background:url(/images/button_on.gif) repeat-x; border:1px solid #7f9682; color:#FFFFFF; font:bold 11px Verdana; padding:2px 4px;} .hd-close {color:#d10c0c !important; font-size:12px; float:right; text-decoration:none; padding-left:10px;} .hd-close:hover {color:#ff0000 !important;} /*----------------------------------------------------------*/ /* Form Elements */ /*----------------------------------------------------------*/ /* !Green Buttons */ input[type="button"] {background:#00c100 url(/images/sprite-main.png) repeat-x scroll 0 -202px; border:1px solid #44b324; border-top:1px solid #6fe03b; border-bottom:1px solid #1e5f0d; color:#ffffff !important; font-size:14px; height:30px; padding:0px 15px; text-decoration:none !important; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; box-shadow: 0 2px 3px #3d3d3d; -moz-box-shadow: 0 2px 3px #3d3d3d; -webkit-box-shadow: 0 2px 3px #3d3d3d; -ms-box-shadow: 0 2px 3px #3d3d3d;} input[type="button"]:hover {background-position:0 -237px; border-color:#2ab604; border-top:1px solid #39ec06; border-bottom:1px solid #218008; box-shadow: 0 2px 3px #3d3d3d; -moz-box-shadow: 0 2px 3px #3d3d3d; -webkit-box-shadow: 0 2px 3px #3d3d3d; -ms-box-shadow: 0 2px 3px #3d3d3d;} input[type="submit"] {background:#4bc800 url(/images/sprite-main.png) repeat-x scroll 0 -2515px; border:1px solid #44b324; border-top:1px solid #56e004; border-bottom:1px solid #266c05; color:#ffffff !important; cursor:pointer;font-size:16px; font-family: Verdana, Arial, sans-serif; padding:7px 10px; text-decoration:none !important; border-radius:7px;-moz-border-radius:7px; -webkit-border-radius:7px; -ms-border-radius:7px; box-shadow:0 1px 4px #000000; -moz-box-shadow:0 1px 4px #000000; -webkit-box-shadow:0 1px 4px #000000; -ms-box-shadow:0 1px 4px #000000;} input[type="submit"]:hover {background-position:0 -2575px; border-color:#2ab604; border-top:1px solid #39ec06; border-bottom:1px solid #218008;} .link-button {line-height:30px;} .link-button a {background:#00c100 url(/images/sprite-main.png) repeat-x scroll 0 -202px; border:1px solid #44b324; border-top:1px solid #6fe03b; border-bottom:1px solid #1e5f0d; color:#ffffff !important; padding:6px 15px; text-decoration:none !important; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; box-shadow: 0 2px 3px #3d3d3d; -moz-box-shadow: 0 2px 3px #3d3d3d; -webkit-box-shadow: 0 2px 3px #3d3d3d; -ms-box-shadow: 0 2px 3px #3d3d3d;} .link-button a:hover {background-position:0 -237px; border-color:#2ab604; border-top:1px solid #39ec06; border-bottom:1px solid #218008; box-shadow: 0 2px 3px #3d3d3d; -moz-box-shadow: 0 2px 3px #3d3d3d; -webkit-box-shadow: 0 2px 3px #3d3d3d; -ms-box-shadow: 0 2px 3px #3d3d3d;} .demo-button, .webform-demo-button {font-size:16px; float:left; line-height:45px; margin-right:15px;} .demo-button a, .webform-demo-button a {background:#0bb0dd url(/images/sprite-main.png) repeat-x scroll 0 -2395px; border-top:1px solid #2fd3e3; border-bottom:1px solid #032d79; color:#ffffff !important; padding:10px; text-decoration:none !important; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; box-shadow: 0 2px 5px #000000;-moz-box-shadow: 0 2px 5px #000000; -webkit-box-shadow:0 2px 5px #000000; -ms-box-shadow: 0 2px 5px #000000;} .demo-button a:hover, .webform-demo-button a:hover {background-position:0 -2455px; border-color:#0559ab; border-top:1px solid #2fd3e3; border-bottom:1px solid #04449e;} .big-button {font-size:16px; float:left; line-height:45px; margin-right:15px;} .big-button a {background:#4bc800 url(/images/sprite-main.png) repeat-x scroll 0 -2515px; border-top:1px solid #56e004; border-bottom:1px solid #266c05; color:#ffffff !important; padding:10px; text-decoration:none !important; border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; box-shadow: 0 2px 5px #000000; -moz-box-shadow: 0 2px 5px #000000; -webkit-box-shadow:0 2px 5px #000000; -ms-box-shadow: 0 2px 5px #000000;} .big-button a:hover {background-position:0 -2575px; border-color:#2ab604; border-top:1px solid #39ec06; border-bottom:1px solid #218008;} /* !Fields */ input[type="text"] {background:#ffffff; border:1px solid; border-color:#A3A3A3 #D4D4D4 #D4D4D4 #A3A3A3; color:#363636; font-size:14px; padding:5px 4px 3px 4px;} input[type="text"]:hover {background:#f4fdff; border:1px solid #afdbf8; color:#2c84da;} input[type="text"]:focus {background:#fffff7; border:1px solid #ffdb72; color:#000000;} input[type="password"] {background:#ffffff; border:1px solid; border-color:#A3A3A3 #D4D4D4 #D4D4D4 #A3A3A3; color:#363636; font-size:14px; padding:5px 4px 3px 4px;} input[type="password"]:hover {background:#f4fdff; border:1px solid #afdbf8; color:#2c84da;} input[type="password"]:focus {background:#fffff7; border:1px solid #ffdb72; color:#b26d00;} /* !Lables */ label {font-size:14px;} /* !Select Boxes */ select {background:#ffffff; border:1px solid; border-color:#A3A3A3 #D4D4D4 #D4D4D4 #A3A3A3; color:#363636; font-family: Verdana, sans-serif; font-size:14px;; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;} select:hover {background:#f4fdff; border:1px solid #afdbf8; color:#2c84da;} select:focus {background:#fffff7; border:1px solid #ffdb72; color:#000;} /* !Text Areas */ textarea {border:1px solid; border-color:#A3A3A3 #D4D4D4 #D4D4D4 #A3A3A3; color:#363636; font:normal 14px Verdana; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;} textarea:hover {background:#f4fdff; border:1px solid #afdbf8; color:#2c84da;} textarea:focus {background:#fffff7; border:1px solid #ffdb72; color:#000;} /* Form Errors*/ .error {padding:5px 0; margin-bottom:5px;} .error input[type="text"] {border:1px solid #d73828; background: #ffffef; color:#424343; position:relative; text-align:left; top:0px;} .error input[type="text"]:hover {background:#fff7f7; border:1px solid #c40000; color:#950808;} .error input[type="text"]:focus {background:#fffff7; border:1px solid #ffdb72; color:#b26d00;} .error label {color:#D73828;} .error select {border:1px solid #d73828; color:#424343; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;} .error select:hover {background:#fff7f7; border:1px solid #c40000; color:#950808;} .error select:focus {background:#fffff7; border:1px solid #ffdb72; color:#b26d00;} .error textarea {border:1px solid #d73828; background: #ffffef; color:#424343; padding:5px 4px 3px 4px; position:relative; text-align:left; top:0px;} .error textarea:hover {background:#fff7f7; border:1px solid #c40000; color:#950808;} .error textarea:focus {background:#fffff7; border:1px solid #ffdb72; color:#b26d00;} /* Status alerts */ .alert_div {background-color:#eee; border:2px dashed gray; margin-bottom:10px; padding:5px; width:580px;} .error_status_div {background:#FFABAB; border:1px solid #AD4D4D; color:#8C4C4C; padding:10px; margin:auto; margin:9px 15px;} .json_status_div {display:none;} .success_status_div {background:#AFFFAB; border:1px solid #6DA16B; color:#6A8269; padding:10px; margin:auto; margin:9px 15px;} .yield_status_div {background:#FEFFAB; border:1px solid #DDC57C; color:#6F603E; padding:10px; margin:auto; margin:9px 15px;} .m-error {background: url(/img/global/form_m_error.gif) no-repeat; padding:0px 0px 10px 30px; width:580px;} .m-yield {background: url(/img/global/form_m_yield.gif) no-repeat; padding:0px 0px 10px 30px; width:580px;} .m-success {background: url(/img/global/form_m_success.gif) no-repeat; padding:0px 0px 10px 30px; width:580px;} .status-icon {float:left; height:45px; left:10px; margin-left:5px; width:45px; top:0px;} .status-text {border-left:1px solid #707070; font-size:12px; margin-left: 70px; padding:5px 0 10px 20px; text-align:left; width:auto;} .status-text strong {font-size:18px;} /*Form Status Messages*/ #status_div {margin:10px 0;} .aw-status-headline {font-size:13px; margin-left:60px; padding:10px 0;} .aw-status-icon {float:left; height:32px; margin:10px 10px 5px; width:32px;} .aw-status-info {color:#000; margin-left:60px; margin-top:3px; padding:0 0 15px 0;} .aw-status-info ul {margin:5px 0 0 0; padding:0px;} .aw-status-info ul li {margin-left:20px;} .aw-status-success {background:#ceffcc; border:1px solid #ade9ab; color:#298326; overflow:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px;} .aw-status-success .aw-status-icon {background:url(/images/success-check.png) no-repeat;} .aw-status-error {background:none repeat scroll 0 0 #FBE4E4; border:1px solid #D73828; color:#D73828;} .aw-status-error .aw-status-icon {background:url(/images/error-x.png) no-repeat;} .aw-status-yield {background:#fffdde; border:1px solid #e9e6ba; color:#363636;} .aw-status-yield .aw-status-icon {background:url(/images/yield-exclamation.png) no-repeat;} .sitemap {margin: 50px 0 0; overflow: hidden;} .sitemap h1 {margin-bottom: 30px !important;} .sitemap h2 {margin: 0 0 10px !important; font-size: 24px !important;} .sitemap ul {margin: 0px 0 20px;} .sitemap li {margin: 0 0 7px; font-size: 16px !important;} .sitemap .col {width: 250px; float: left; margin-right: 70px;} .sitemap .col:last-child {margin-right: 0;} /* TD Form*/ .split {background:url(/images/test-drive-bg.jpg) no-repeat; padding:15px 30px; width:560px; height:243px;} .split label {display:block; text-align:right; line-height:35px !important; font-size:12px !important; color:#FFF !important;} .testdrive input[type="text"] {border:1px solid #011620; padding:4px;} .testdrive input[type="text"]:focus {background-color:#f8ffba !important; border:1px solid #ffdb72 !important;} .td-headline {color:#FFF; font-size:30px;} .td-subheading {color:#6bbfe3; display:block; font-size:14px; margin-bottom:10px;} .testdrive input[type="submit"] {margin:10px 0 0 5px;} .testdrive input[type="submit"]:hover {border: 1px solid #22BE0B !important;} .privacy {color:#fff; display:block; margin-top:10px;} .privacy a {color:#6bbfe3 !important;} .privacy a:hover {color:#6bbfe3 !important;} /*** Video ***/ /* Video Play Button Overlays */ #play-button, #play-again {position:absolute;} #play-button img, #play-again img {border:medium none; cursor:pointer; opacity:0.8;} #play-button img:hover, #play-again img:hover {opacity:1.0 !important;} #vid-container {position:relative; width:600px;} #vid-container a:focus {-moz-outline-style: none;} /*Sets width buttons span to - use between 200px and 500px*/ #videoButtons {position:absolute; top:200px; width:300px;} /*Universal Video Button Styles*/ #videoButtons a {color:#FFF !important; display:block; font-weight:bold; font-size:14px; line-height:36px; text-align:center; text-decoration:none !important; height:40px;} .left {float:left; height:40px; position:relative; width:7px;} /*Green (Call to Action) Button Styles*/ .green {background:url(/images/video/green-right.png) no-repeat top right; overflow: hidden; height:40px;} .greenleft {background:url(/images/video/green-left.png) no-repeat top left;} #actionButton:hover .green {background-position:bottom right;} #actionButton:hover .greenleft {background-position:bottom right;} /*Gray (Replay) Button Styles*/ .gray {background:url(/images/video/grey-right.png) no-repeat top right; overflow:hidden; height:40px;} .grayleft {background:url(/images/video/grey-left.png) no-repeat top left;} #replayButton {margin-top: 10px;} #replayButton:hover .gray {background-position:bottom right;} #replayButton:hover .grayleft {background-position:bottom right;} #playback {position:relative; top:7px;} #soundButton {position:absolute; left:0; top:0; width:580px;} /*Tabs*/ #comment_tabs {padding:0px; margin:-1px 0 0 -10px !important;} #comment_tabs li {background:url(/images/comment_tab_left.png) no-repeat top left; float:left; font-size:18px; list-style-type:none; margin-left:12px; padding:0 !important;} #comment_tabs li a {background:url(/images/comment_tab_right.png) no-repeat top right; color:#FFF !important; display:block; outline:none !important; padding:4px 12px 6px 1px; position:relative; left:11px; text-decoration:none !important;} #comment_tabs_underline {background:url(/images/comment_tabs_underline.png) repeat-x; clear:both; height:9px; width:591px;} .comment_tab_on {background-position:0px -37px !important;} .comment_tab_on a {background-position:right -37px !important;} /*** Affiliates Contact Page ***/ #aff-signup-header {background:url(/images/features-pages/header-affiliate-contact.jpg) no-repeat 0 0; height:295px; margin-top: -40px;} #aff-signup-header h1 {padding-left:15px !important; width: 440px;} #aff-signup-header small {padding-left:15px !important; width: 440px;} #aff-signup-left {float:left; margin:0 50px 0 0; width:570px; font-size: 12px;} #aff-signup-left h2 {color:#2D9CD4 !important; font-size:26px !important;} #aff-signup-left h3 {color:#2d9cd4; display:block; font-weight:normal; font-size:16px !important; margin:5px 0 !important;} #aff-signup-left .step {float:left; height:30px; margin:3px 10px 0 -5px; width:30px;} #aff-signup-left .step#one {background: url(/images/order-page/sprite-numbers.gif) no-repeat 0 0;} #aff-signup-left .step#two {background: url(/images/order-page/sprite-numbers.gif) no-repeat 0 -34px;} #aff-signup-left .step#three {background: url(/images/order-page/sprite-numbers.gif) no-repeat 0 -68px;} #aff-signup-left .forms {padding-left: 36px;} #aff-signup-left label {color:#838383;} #aff-signup-left input[type="text"], #aff-signup-left input[type="password"] {width:510px; margin: 0 0 8px 0;} #aff-signup-left select {width:518px; margin: 0 0 8px 0;} #aff-signup-left .required {color:#BB0613;} #aff-signup-right {float:left; width:275px; font-size: 12px;} #aff-signup-right .secure {float:right;} #aff-signup-right .features-block {border:none; padding: 0 !important; margin-bottom: 35px;} #aff-signup-right .features-block span {margin: 0px !important;} /*** Contact Us Page ***/ #contact-header {background:url(/images/features-pages/header-contact.jpg) no-repeat 28px 0; height:310px; margin-top: -40px; width: 930px;} #contact-header h1 {letter-spacing:-0.02em; width:440px; font-size: 33px !important;} #contact-header .subtitle {color:#828282; float:left; font-size:12px; margin-top:12px; width:430px;} #contact-left {float:left; margin:0 50px 0 0; width:520px; font-size: 12px;} #contact-left h2 {color:#2D9CD4 !important; font-size:26px !important;} #contact-left h3 {color:#2d9cd4; display:block; font-weight:normal; font-size:16px !important; margin:5px 0 !important;} #contact-left label {color:#838383;} #contact-left input[type="text"], #contact-left input[type="password"] {width:515px;} #contact-left textarea {width:515px;} #contact-left select {width:520px;} #contact-left .divider {border-top:solid 1px #e4e4e4; margin:30px 0px; width:520px;} #contact-left .features-block {border:none; padding: 0 !important; margin:0 !important;} .FieldInfo {background:#f7f7f7; border:1px solid #D5D5D5; font:12px Verdana; overflow:auto; padding:10px; text-align:left;} .FieldInfo li {margin:8px 0pt 7pt 40px; text-align:left;} .FieldInfo ol.InfoList {padding: 0;} .CloseIcon {float:right; cursor:pointer;} #hold-package {background:#EBF9FF; border:1px solid #C4E7F5;color:#5C5C5C; width:505px; padding:10px; line-height:15px; line-height:18px;} .aweber-time {background:#F1F1F1; border:1px solid #D5D5D5;color:#5C5C5C;display:block;font-size:11px;padding:7px;text-align:center;} #contact-right {float:left; width:325px; font-size: 12px;} #contact-right .features-block {border:none; padding: 0 !important; margin-bottom: 35px;} #contact-right .features-block span {margin: 0px !important;} #contact-right .features {border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -ms-border-radius:7px; background-color:#F1F1F1;border:1px solid #D5D5D5;color:#5C5C5C !important;display:block;float:left;margin:0 0 20px; overflow:auto; padding:0 15px 10px 15px; text-decoration:none !important; width:293px;} #contact-right .features h3 {color:#0080e9; font-size: 20px !important; margin:20px 0 0 !important;} #contact-right .features img {margin: 0 !important;} #contact-right .features p {font-size:11px; padding: 3px 0 !important;} #contact-right .features span {background:none !important; font-size:11px; color:#2D9AFF; text-decoration: underline;} #contact-right .features:hover {background-color:#2899d7; color:#d9f2ff !important; text-decoration: none !important;} #contact-right .features:hover h3 {color:#FFFFFF; font-size: 20px;} #contact-right .features span:hover {color:#8be2ff !important;} #contact-right .features:hover span {background:none !important; color:#ffffff;} /*** Careers ***/ #careers {width:900px;} #careers .text {padding:25px 10px 10px 0;} #careers ul {list-style-position:outside; margin:5px 0; padding:0;} #careers li {background:transparent url(/images/sprite-main.png) no-repeat 0px -2639px; list-style: none; margin-bottom:2px; padding:0 0 0 20px;} /*Accordion*/ #careers .accordion {border-top:solid 1px #fff; margin: 15px 0;} #careers .accordion h3 {background:#f5f5f5 url(/images/accordion_arrow.gif) no-repeat left 5px; border-bottom:solid 1px #fff; color:#1473cb; cursor:pointer; font:14px Verdana; margin:0; padding:5px 25px 5px;} #careers .accordion h3:hover {background-color: #f1f1f1;} #careers .accordion h3.active {background-position: left -50px;} #careers .accordion .job {background:#fff; display:none; font-size:11px; margin:0; padding:20px 50px 20px;} #careers .blocks {float:left; font-size:11px;padding:10px; margin:15px 0; width:405px;background:#f5f5f5; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;} #careers .blocks img {float: left; margin:0px 15px 0px 0;} #careers .blocks h2 {font-size:14px;} #careers .leftCol {float:left; margin:10px 70px 10px 0; width:400px;} #careers .rightCol {float:left; margin:0 0 10px 0; width:425px;} #careers .fourCol {float:left; font-size: 12px; margin:0 38px 25px 0; width:195px; } .careers-connect li a {line-height:25px;padding:15px !important;} .careers-connect .blog {background: url(/images/careers-icons-sprite.gif) no-repeat 0 0 !important;} .careers-connect .twitter {background: url(/images/careers-icons-sprite.gif) no-repeat 0 -25px !important;} .careers-connect .facebook {background: url(/images/careers-icons-sprite.gif) no-repeat 0 -50px !important;} .careers-connect .youtube {background: url(/images/careers-icons-sprite.gif) no-repeat 0 -126px !important;} .careers-connect .linkedin {background: url(/images/careers-icons-sprite.gif) no-repeat 0 -75px !important;} .careers-connect .flickr {background: url(/images/careers-icons-sprite.gif) no-repeat 0 -100px !important;} /*Local Small Business Saturday*/ .smallBiz-container {font-family:Helvetica, sans-serif !important; font-weight:100 !important; margin-bottom: -40px;} .smallBiz-container h1 {font-family:Helvetica, sans-serif !important; font-weight:500 !important; font-size: 60px !important; line-height: 60px !important; text-transform: uppercase;} .smallBiz-container p {font-size: 18px !important; line-height: 22px !important; color: #444;} .smallBiz-container .red {color:#9F2428 !important;} .smallBiz-container .blue {color:#283891 !important;} .smallBiz-container .video {border: 2px solid #555; padding: 5px; float: right; margin: 0 0 30px 30px; } .smallBiz-container header {margin-bottom: 50px; text-align: center;} .smallBiz-container .section {margin-bottom: 80px;} .smallBiz-container .two-column {float: left; width: 420px;} .smallBiz-container img {border: 2px solid #555; padding: 5px; margin: 20px auto 40px 15px;} .smallBiz-container .button {display: block; font-size: 18px; padding: 10px; background: #A01A18; color: #ffffff !important; text-decoration: none !important; text-align: center; border-radius: 6px; box-shadow: 0 4px 0 0 #610201; transition: 0.2s; margin: 0 auto;} .smallBiz-container .button:hover {background: #910201;} .smallBiz-container a {color:#9F2428 !important; font-weight: 300 !important;} .smallBiz-container h2 {color: #283891 !important; font-size: 32px !important; font-family:Helvetica, sans-serif !important; font-weight:500 !important; text-transform: uppercase;} .smallBiz-container .testimonial {background:url(/images/smallBiz_saturday/keithSolo.jpg) no-repeat; border:2px solid #222222; padding: 7px;} .smallBiz-container .testimonial p {font-style: italic; font-family: Georgia, serif !important; margin: 0 0 10px 275px; font-size: 18px !important; line-height: 26px !important;} .smallBiz-container .coupon {border:2px solid #9F2428; padding: 20px;} .smallBiz-container .smallbiz1 {margin-right:60px;} .smallBiz-container .guaEvent_Small-Biz-Button_Download-The-Plan {width:230px;} .smallBiz-container .guaEvent_Small-Biz-Button_Download-The-Infographic {width:300px;} .smallBiz-container .testimonial a {font-style:normal; font-size:18px !important; text-align:right;} .smallBiz-container .building-footer {margin:0; padding:0; border:none; box-shadow: none; position:relative; left:-30px; top:0;} /*----------------------------------------------------------*/ /* Welcome Back */ /*----------------------------------------------------------*/ .welcome-back-header {background:url(/images/welcome-back/header-bg.png) no-repeat 0 -1px; left:-30px; padding:23px 0 0 0; position:relative; top:-38px; width:960px;} .welcome-back-header #sessionError {width:900px; margin:0 auto;} .welcome-back .divider {border-top:solid 1px #e4e4e4; margin:20px 0px; width:900px;} .welcome-back h2 {color:#404040 !important; font-size: 25px !important;} .welcome-back .subtitle {color:#838382; font-size: 12px;} .welcome-back .link {display: block; float: right;} .welcome-back .icon {float: left; margin: 0 5px 5px 0;} .welcome-back .slider-shadow {left:-20px; position:relative; top:-95px; z-index:0; *display:none;} /*Slider*/ #landing-slider {background:transparent url(/images/welcome-back/slider-bg.jpg) no-repeat; height:296px; left:0; margin:0 0 0 30px; overflow:hidden; position:relative; top:-30px; width:595px; z-index:1;} #landing-slider h1 {color:#5c5c5c !important; font-size:25px; padding-top:65px; width:275px;} #landing-slider h2 {color:#404040; font-size:24px; padding-top:55px; margin:0px;width:275px;} #landing-slider p {color:#6e6e6e; font-size:12px; width:275px;} #landing-slider img {float:right; margin:-160px 0 0 0;} #landing-slider .readmore img {float: none !important; position:relative; top:3px;*display:none;} #landing-slider .slider-1 {float:left; height:296px; padding:0 390px 0 25px; width:560px; overflow: hidden;} #landing-slider .slider-2 {float:left; height:296px; padding:0 390px 0 25px; width:560px; overflow: hidden;} #landing-slider .slider-3 {float:left; height:296px; padding:0 390px 0 25px; width:560px; overflow: hidden;} #landing-slider .slider-4 {float:left; height:296px; padding:0 390px 0 25px; width:560px; overflow: hidden;} .welcome-back #slide-nav {height:20px; left:254px; position:relative; top:253px; width:120px; z-index:2;} .welcome-back #slide-left {background:transparent url(/images/welcome-back/sprite-slider.png) no-repeat 0 -95px; height:16px; left:22px; position:relative; width:18px;} .welcome-back #slide-left:hover {background-position:0 -118px} .welcome-back #slide-right {background:transparent url(/images/welcome-back/sprite-slider.png) no-repeat 0 -48px; height:16px; margin:-18px 0 0 120px; width:18px; } .welcome-back #slide-right:hover {background-position:0px -70px} /*Webinars*/ #landing-webinars .blocks {float:left; margin:0 10px 25px 0; width:284px;} #landing-webinars .blocks:hover {background:#f5f5f5; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px;} #landing-webinars .blocks a {text-decoration:none !important;} #landing-webinars h3 {color:#2899d7; display:block; font-size:14px; font-weight:normal; margin-top:17px; text-decoration: underline;} #landing-webinars h1 {color:#000000; font-size:22px;} #landing-webinars a:hover {color:#126a9b;} #landing-webinars small {color:#878585; display:block; padding: 0px 15px;} #landing-webinars .feat-image {float:left; height:70px; margin:14px 0 8px 0; width:90px;} #landing-webinars #getstarted {background:transparent url(/images/welcome-back/sprite-webinars.png) no-repeat 0 -4px;} #landing-webinars #newsletters {background:transparent url(/images/welcome-back/sprite-webinars.png) no-repeat 0 -88px;} #landing-webinars #forms {background:transparent url(/images/welcome-back/sprite-webinars.png) no-repeat 0 -168px;} #landing-webinars #optin {background:transparent url(/images/welcome-back/sprite-webinars.png) no-repeat 0 -257px;} #landing-webinars #followup {background:transparent url(/images/welcome-back/sprite-webinars.png) no-repeat 0 -345px;} #landing-webinars #analytics {background:transparent url(/images/welcome-back/sprite-webinars.png) no-repeat 0 -429px;} /* Landing Social */ #sign-in-facebook h2, #sign-in-twitter h2 {border-bottom:1px solid #e4e4e4; font:normal 28px/38px 'Helvetica Neue', Helvetica, Arial !important; font-weight:200; padding:0 0 5px;} #sign-in-facebook {float:left; width:425px; margin: 0 45px 0 0;} #sign-in-twitter {float:left; width:425px;} #sign-in-twitter #twitter-widget-0 {margin-left:7px;} /*AWeber In Action - Already Subscribed Page*/ #already_subscribed {text-align: center; color: #ffffff; font-family: Helvetica, sans-serif; font-weight: 100; font-size: 20px; padding: 40px 130px; overflow: hidden; text-shadow: 0px 1px 2px rgba(0,0,0,0.5); -moz-text-shadow: 0px 1px 2px rgba(0,0,0,0.5); -webkit-text-shadow: 0px 1px 2px rgba(0,0,0,0.5); -ms-text-shadow: 0px 1px 2px rgba(0,0,0,0.5); position: relative; top: -38px; left: -31px; width: 962px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; background-image: -ms-radial-gradient(center, circle farthest-corner, #1EAFE2 0%, #127FD1 100%); background-image: -moz-radial-gradient(center, circle farthest-corner, #1EAFE2 0%, #127FD1 100%); background-image: -o-radial-gradient(center, circle farthest-corner, #1EAFE2 0%, #127FD1 100%); background-image: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, #1EAFE2), color-stop(1, #127FD1)); background-image: -webkit-radial-gradient(center, circle farthest-corner, #1EAFE2 0%, #127FD1 100%); background-image: radial-gradient(circle farthest-corner at center, #1EAFE2 0%, #127FD1 100%); background-color: #1486d3;} #already_subscribed h1 {color: #ffffff !important; font-family: Helvetica, sans-serif; font-weight: 100; font-size: 46px;} #already_subscribed a {color: #ffffff !important;} #already_subscribed a:hover {text-decoration: none;} #already_subscribed_bottom {overflow: hidden; font-family: Helvetica, sans-serif; font-weight: 100; padding: 0 80px; margin-bottom: 20px;} #already_subscribed_bottom p {margin: 0;} #already_subscribed_bottom a {color: #1897da;} #already_subscribed_bottom h2 {font-family: Helvetica, sans-serif; font-weight: 100; font-size: 30px; color: #1897da; margin: 0 0 10px;} .two_column {width: 330px; float: left; font-size: 18px;} .new_button {display: block; width: 200px; padding: 10px; font-size: 22px; color: #ffffff; text-decoration: none !important; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border-bottom: 4px solid#357002; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); -ms-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); transition: 0.1s; -moz-transition: 0.1s; -webkit-transition: 0.1s; -ms-transition: 0.1s; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); -moz-text-shadow: 0px 1px 1px rgba(0,0,0,0.5); -webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.5); -ms-text-shadow: 0px 1px 1px rgba(0,0,0,0.5); background-image: -ms-linear-gradient(top, #6ECC05 0%, #43AC03 100%); background-image: -moz-linear-gradient(top, #6ECC05 0%, #43AC03 100%); background-image: -o-linear-gradient(top, #6ECC05 0%, #43AC03 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6ECC05), color-stop(1, #43AC03)); background-image: -webkit-linear-gradient(top, #6ECC05 0%, #43AC03 100%); background-image: linear-gradient(to bottom, #6ECC05 0%, #43AC03 100%); background-color: #5abd04;} .new_button:hover {background: #43AC03;} /*----------------------------------------------------------*/ /* Sign In */ /*----------------------------------------------------------*/ .sign-in-header {background:url(/images/sign-in/header-bg.png) no-repeat 0 -1px; left:-30px; padding:23px 0 0 0; position:relative; top:-38px; width:960px;} .sign-in-header #sessionError {width:900px; margin:0 auto;} .sign-in .divider {border-top:solid 1px #e4e4e4; margin:20px 0px; width:900px;} .sign-in h2 {color:#404040 !important; font-size: 25px !important;} .sign-in .subtitle {color:#838382; font-size: 12px;} .sign-in .link {display: block; float: right;} .sign-in .icon {float: left; margin: 0 5px 5px 0;} .sign-in .slider-shadow {left:-20px; position:relative; top:-95px; z-index:0; *display:none;} .sign-in .getAccount {background:none repeat scroll 0 0 #F2F2F2; border:1px solid #CDCDCD; float:right; left:-36px; padding:7px 0; position:relative; text-align:center; top:15px; width:295px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -ms-border-radius: 7px;} /*Sign In Form*/ .login-form h2 {color: #FFFFFF !important; font-size: 30px !important;} .login-form .lock {float: right; position: relative; top:-29px;} .login-form small {color:#abcbfb !important; font-size: 11px !important;} .login-form label {color:#FFFFFF !important; display: inline-block; font-size: 15px !important; padding: 0 0 5px 5px; margin: 5px 0 0 0;} .login-form label small {color:#FFFFFF !important; margin-left: -8px} .login-form .detail {color:#abcbfb; font-size: 13px; padding-left: 15px;} .login-form .password-reset {font-size:11px; color:#FFFFFF;} .login-form .password-reset a {color:#aae7f2 !important;} .login-form {background:url(/images/sign-in/login-bg.png) repeat-x #1d2d46; border-radius: 14px; float:right;height:320px; width:264px;-moz-border-radius: 14px; margin: 0 35px 0 0; padding: 7px 18px 22px 18px; position: relative; z-index:3; position: relative; float: right; *height:350px;} .login-form input[type="text"] {background:#ffffff; border:2px solid #4877bc; font-size:14px; margin-bottom: 9px; padding:5px 5px 3px 5px; width: 250px;} .login-form input[type="text"]:hover {background:#f4fdff; border:2px solid #afdbf8; color:#2c84da;} .login-form input[type="text"]:focus {background:#fffff7; border:2px solid #ffdb72; color:#000000;} .login-form input[type="password"] {background:#ffffff; border:2px solid #4877bc; font-size:14px; margin-bottom: 9px; padding:5px 4px 3px 4px; width: 250px;} .login-form input[type="password"]:hover {background:#f4fdff; border:2px solid #afdbf8; color:#2c84da;} .login-form input[type="password"]:focus {background:#fffff7; border:2px solid #ffdb72; color:#000000;} .login-form input[type="submit"] {background: #55CC01; /* old browsers */ background: -moz-linear-gradient(top, #55CC01 0%, #34A901 97%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55CC01), color-stop(97%,#34A901)); /* webkit */ Filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55CC01', endColorstr='#34A901',GradientType=0 ); /* ie */ border:1px solid #3ecd01; border-top:1px solid #51dc01; border-bottom:1px solid #218b01; color:#ffffff !important; cursor:pointer;font-size:16px; font-family: Verdana, Arial, sans-serif; margin: 20px 0 6px 0; padding:7px 25px; text-decoration:none !important; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; box-shadow:0 1px 3px #000000; -moz-box-shadow:0 1px 3px #000000; -webkit-box-shadow:0 1px 3px #000000; -ms-box-shadow:0 1px 3px #000000; *width:250px;} .login-form input[type="submit"]:hover {background:#55CC01; border-color:#2ab604; border-top:1px solid #39ec06; border-bottom:1px solid #218008;} .login-shadow {position: relative; left:610px; top:334px; z-index: 0;} .forgotPassArrow {background:url('../images/sprite-templates.png') no-repeat scroll -39px -393px transparent;float:right; height:32px; left:300px; position:absolute; top:101px !important; width:20px; z-index:4;} .forgotPassBox { background-color:#1B1B1B; color:#2699DC; left:-310px; margin-top: 17px; overflow:visible; padding:20px; position:relative !important; top:-140px; width:260px; z-index:4; border-radius:10px !important; -moz-border-radius:10px; -webkit-border-radius:10px !important; -ms-border-radius:10px !important; box-shadow:0 4px 14px 0 black; -moz-box-shadow:0 4px 14px 0 black; -webkit-box-shadow:0 4px 14px 0 black; -ms-box-shadow:0 4px 14px 0 black;} /* Slider Nav */ .sign-in #slide-nav {height:20px; left:254px; position:relative; top:253px; width:120px; z-index:2;} .sign-in #slide-left {background:transparent url(/images/sign-in/sprite-slider.png) no-repeat 0 -95px; height:16px; left:22px; position:relative; width:18px;} .sign-in #slide-left:hover {background-position:0 -118px} .sign-in #slide-right {background:transparent url(/images/sign-in/sprite-slider.png) no-repeat 0 -48px; height:16px; margin:-18px 0 0 120px; width:18px; } .sign-in #slide-right:hover {background-position:0px -70px} /*----------------------------------------------------------*/ /* Color Picker */ /*----------------------------------------------------------*/ .colorpicker {width: 290px; height: 215px; overflow: hidden; color:#FFF; font-size:12px; position: absolute; z-index: 2000; background:url(/users/img/wfg/popout-bg.png) transparent; font-family: Verdana, Helvetica, sans-serif;display: none;} .colorpickerGrabHandle {cursor: move;} .colorpickerGrabSpace {position: absolute; top: 165px; left: 0px; height: 50px; width: 104px;} .colorpickerTitleBar {width: 290px; height: 13px; position: absolute; top: 0px; left: 0px;} .colorpicker_color {width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; border:1px solid #444; overflow: hidden; cursor: crosshair;} .colorpicker_color div {position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(/images/colorpicker_overlay.png);} .colorpicker_color div div {position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(/images/colorpicker_select.gif); margin: -5px 0 0 -5px;} .colorpicker_hue {position: absolute; background: url(/images/wfg_hue_background.png); top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize;} .colorpicker_hue div {position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(/images/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px;} .colorpicker_new_color {position: absolute; width: 60px; height: 30px; left: 213px; border-top: 1px solid #444; border-left: 1px solid #444; border-right: 1px solid #444; top: 13px; background: #f00;} .colorpicker_current_color {position: absolute; width: 60px; height: 30px;border-bottom: 1px solid #444; border-left: 1px solid #444; border-right: 1px solid #444; left: 213px; top: 43px; background: #f00;} .colorpicker_transparent {font: 10px "Lucida Grande"; position:absolute; top:108px; left:214px;} .colorpicker input {font-family: Arial, Helvetica, sans-serif; color: #000000; top: 4px; text-align: right; margin: 0; padding: 0;} .colorpicker_hex {position: absolute; width: 72px; height: 22px; left: 214px; top: 80px;} .colorpicker_hex input {border:1px solid #444; padding:3px; font-size:12px; text-align:center; width:53px;} .colorpicker_field {height: 22px; width: 62px; background-position: top; position: absolute;} .colorpicker_field span {position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize;} .colorpicker_rgb_r, .colorpicker_rgb_g, .colorpicker_rgb_b, .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {display: none;} .colorpicker_submit {position: absolute; top: 172px; right: 15px; text-align: center;} .colorpicker_cancel {position: absolute; top: 172px; left: 109px; text-align: center;} .colorpicker_cancel input, .colorpicker_submit input {text-align: center;} .coalorpicker_focus {background-position: center;} .colorpicker_hex.colorpicker_focus {background-position: bottom;} .colorpicker_submit.colorpicker_focus {background-position: bottom;} .colorpicker_slider {background-position: bottom;} .colorPickerPreview {border:1px solid #38526a; display:block; float:left; margin:6px 0 0 2px; overflow:hidden; padding:2px 8px;} /*----------------------------------------------------------*/ /* Template Gallery */ /*----------------------------------------------------------*/ /* Structure */ .templateGallery #left-column {float:left; width:190px; position:absolute;} .templateGallery #right-column {float:right; margin:0 0 0 20px; width:690px; min-height:700px} .templateGallery #right-column :hover {text-decoration: none !important;} #templateDisplay {height:100%; min-height:700px;} #templateDisplay h1 {font-size:23px !important; margin-bottom:10px !important;} .templateFamilyTitle {width: 100%; height: 36px; overflow: hidden; } .searchCriteria {background-color:#fff !important; border:#c6c6c6 solid 1px; list-style:none; margin:1px 0 20px -1px; padding:7px; width:160px; -moz-border-radius: 10px; -moz-box-shadow:0 2px 3px #ccc; -webkit-border-radius:10px !important; -webkit-box-shadow:0 2px 3px #ccc;} #content .searchCriteria h2 {border-bottom:1px solid #cecece; color:#484848; font:normal 20px Verdana; margin:0 0 10px 0; padding:0 0 5px 0;} #content .searchCriteria h3 {color:#484848; font:normal 16px Verdana;} .searchCriteria h3#addCategoriesButton {color:#2799d8; cursor: pointer; font-size: 14px; margin: 3px 5px;} .searchCriteria a {color:#868484;} .searchCriteriaFilter {cursor:pointer; margin:3px 3px 5px 0; padding:5px; -moz-border-radius:5px !important; -webkit-border-radius:5px !important;} .searchCriteriaFilter.selected, .searchCriteriaFilter.selected:hover {color:#fff;} .searchCriteriaFilter:hover {color:#2899d7;} /* Sort Templates */ #sortTemplates {width:300px; float: right;} #sortTemplates .sort {color:#000; float:left;font-size: 14px; margin:3px 5px 0 30px;} #sortTemplates a {text-decoration: none !important;} #sortTemplates .sortButton {margin-right:5px; color:transparent;float: left; width: 71px; height: 24px;} #sortTemplates .sortButton.new {background:transparent url(/images/sprite-templates.png) no-repeat scroll -86px -112px} #sortTemplates .sortButton.popular {background:transparent url(/images/sprite-templates.png) no-repeat scroll -86px -173px} #sortTemplates .sortButton.relevance {background:transparent url(/images/sprite-templates.png) no-repeat scroll -86px -235px} #sortTemplates a:hover .sortButton.new {background:transparent url(/images/sprite-templates.png) no-repeat scroll -86px -83px} #sortTemplates a:hover .sortButton.popular {background:transparent url(/images/sprite-templates.png) no-repeat scroll -86px -144px} #sortTemplates a:hover .sortButton.relevance {background:transparent url(/images/sprite-templates.png) no-repeat scroll -86px -203px;} /* Mini-Template Browser */ .mini-template-gallery .templateFamily {margin: 0px 17px 10px; } .mini-template-gallery .templateFamilyTitle h1 span {font-size: 22px; } /* New Tag */ .new-template .newTag {background:transparent url(/images/sprite-templates.png) no-repeat scroll -93px -11px;} .newTag {height:65px; left:0; position:absolute; top:0; width:70px; z-index:999;} /* Categories */ #categoryList .searchCriteriaFilter {float:left; margin:2px; padding:5px 20px 5px 5px;} #categoryList .searchCriteriaFilter:hover {background:#e7e7e7 url(/images/cat-add.gif) no-repeat scroll right 7px; display:block;} #selectedCategories .searchCriteriaFilter {background:#2899D7 url(/images/x-blue.gif) no-repeat scroll right 7px; color:#FFFFFF !important; display:block; float:left; margin:2px; padding:5px 20px 5px 5px;-moz-border-radius:5px !important; -webkit-border-radius:5px !important;} #selectedCategories .searchCriteriaFilter:hover {text-decoration:none;} /* Category Popup */ #floatingCategoryBox {background-color:#1B1B1B; color:#2699DC; display:none; left:186px !important; padding:0 10px 10px; position:absolute; top:0px !important; width:240px; z-index:999999; -moz-border-radius:10px !important; -moz-box-shadow:0 4px 14px 0 black; -webkit-border-radius:10px !important; -webkit-box-shadow:0 4px 14px 0 black;} #floatingCategoryBox .titleBar {cursor:pointer; font-size:11px; margin:4px; text-align:right; width:100%;} #floatingCategoryBox .searchCriteriaFilter {float: left; } #categoryBoxArrow {background:transparent url(/images/sprite-templates.png) no-repeat scroll -2px -393px; float:right; height:32px; left:-18px !important; position:absolute; top:48px !important; width:20px; z-index:21;} /* Colors */ .colorPickerWrapper {width: 100%; height: 100%;-moz-border-radius:4px !important; -webkit-border-radius:4px !important;-moz-box-shadow:0px 1px 3px #1B1B1B; -webkit-box-shadow:0px 1px 3px #1B1B1B;} #colorPickerPreview {width: 100%; height: 100%;-moz-border-radius:4px !important; -webkit-border-radius:4px !important;-moz-box-shadow:0px 1px 3px #1B1B1B; -webkit-box-shadow:0px 1px 3px #1B1B1B;} #colorPicker {background: #FFFFFF url(/images/sprite-templates.png) no-repeat scroll -128px -354px; float:left; height:23px; margin:3px 2px 3px 0; padding:3px; width:23px;} #colorPicker:hover {background: #FFFFFF url(/images/sprite-templates.png) no-repeat scroll -128px -355px; border: 1px solid #c7c7c7; margin: 2px 2px 2px 0; padding:3px 2px; -moz-border-radius:4px !important; -webkit-border-radius:4px !important; cursor: pointer;} .selected .swatchHover {background:transparent url(/images/sprite-templates.png) no-repeat scroll 0 -9px; height:11px; left:15px; position:absolute; width:13px;} .colorButton {float:left; height:23px;margin:3px 2px 3px 0; padding:3px; width:23px;} .colorButton:hover {background:#e6e6e6; border: 1px solid #c7c7c7; margin: 2px 2px 2px 0; padding:3px 2px; -moz-border-radius:4px !important; -webkit-border-radius:4px !important; cursor: pointer;} #colorPicker.selected:hover, .colorButton.selected:hover {background:#1376b6; border: none !important; margin:3px 2px 3px 0; padding:3px;} #colorPicker.selected, .colorButton.selected {background:#1376b6; position: relative; -moz-border-radius:4px !important; -webkit-border-radius:4px !important;} /*IE Only*/ #colorPickerPreview {border:1px solid #000\9; width:21px\9; height: 21px\9;} /* Key Words */ .templateGallery input[id="addkeywordbutton"] {background: url(/images/sprite-templates.png) -131px -397px; float:left; height:27px !important; margin:0 0 0 -1px; padding:0 !important; width:30px; -moz-border-radius:0px 6px 6px 0; -webkit-border-radius:0px 6px 6px 0; -moz-box-shadow: none; -webkit-box-shadow:none;} .templateGallery input[id="keywordinput"] {background: url(/images/sprite-templates.png) no-repeat scroll -3px -434px; float:left; margin:0 0 10px 0; padding-left: 15px; width:108px;} #currentKeyWords .searchCriteriaFilter {background:#2899D7 url(/images/x-blue.gif) no-repeat scroll right 7px; color:#FFFFFF !important; display:block; float:left; margin:2px; padding:5px 20px 5px 5px;-moz-border-radius:5px !important; -webkit-border-radius:5px !important;} #currentKeyWords .searchCriteriaFilter:hover {text-decoration:none;} /* Autocomplete */ .autocomplete {border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:1px 6px 6px 0px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden;} .autocomplete .selected {background:#F0F0F0; } .autocomplete div {padding:2px 5px; white-space:nowrap; overflow:hidden;} .autocomplete strong {font-weight:normal; color:#3399FF;} /*Related Articles*/ #relatedArticles ul li {list-style: none; padding-bottom: 10px;} #relatedArticles ul {margin: 0; padding: 0;} /* Sizes */ #sizeOptions .searchCriteria {float:left; margin-right:3px; width:35px;} #sizeSmall {background:url(/images/sprite-templates.png )#e6e6e6 top right no-repeat;} /* Template Swatches */ .templateFamily {float:left; margin:0 20px 40px; width:190px;} .templateFamily .previewTemplate {background: no-repeat; border:1px solid #CCCCCC; height: 267px; position: relative; width: 190px;} .templateFamilySwatchBrowser {background:#E6E6E6 none repeat scroll 0 0; border:1px solid #CACACA; margin:15px 0; padding:7px 5px; width:180px;-moz-border-radius:7px !important; -webkit-border-radius:7px !important;} .swatchButtonLeft {background:transparent url(/images/sprite-templates.png) no-repeat scroll -4px -476px; float:left; height:17px; margin:1px 0 0 0; width:17px;} .swatchButtonRight {background:transparent url(/images/sprite-templates.png) no-repeat scroll -46px -475px; float:right; height:17px; margin:1px 0 0 0; width:17px;} .swatchButtonLeft.disabled {background:transparent url(/images/sprite-templates.png) no-repeat scroll -103px -476px; float:left; height:17px; margin:1px 0 0 0; width:17px;} .swatchButtonRight.disabled {background:transparent url(/images/sprite-templates.png) no-repeat scroll -146px -475px; float:right; height:17px; margin:1px 0 0 0; width:17px;} .templateSwatch {cursor:pointer; float:left; height:14px; margin:2px 5px; width:14px; -moz-border-radius:2px !important; -moz-box-shadow:0 2px 2px #000000;-webkit-border-radius:2px !important; -webkit-box-shadow:0 2px 2px #000000;} .templateSwatch.selected {border:#1376b6 1px solid; -moz-border-radius:2px !important; !important; -moz-box-shadow:0 2px 2px #000000;-webkit-border-radius:2px !important; -webkit-box-shadow:0 2px 2px #000000; width:12px; height: 12px;} /*IE Only*/ .templateSwatch {border:1px solid #000\9; margin:2px 4px\9;} .templateSwatch.selected {width:14px\9; height: 14px\9;} /* Pagination */ #pagination {color:#fff; cursor: pointer; margin:50px 0 0 auto; width:66%;} #pagination div {background:#2B2B2B none repeat scroll 0 0; float:left; font-size:11px; height:15px; margin:4px; padding:5px; text-align:center; width:15px;-moz-border-radius:5px !important; -webkit-border-radius:5px !important;} #pagination:hover {text-decoration: none !important;} #pagination div.selected {background-color:#079215;} #pagination div.disabled {background-color:#d3d3d3 !important; cursor:default;} #pagination #pageLeft {background:#7f7f7f url(/images/sprite-templates.png) no-repeat scroll 5px -353px;} #pagination #pageRight {background:#7f7f7f url(/images/sprite-templates.png) no-repeat scroll -38px -353px;} #pagination div:hover {background:#079215;} /*----------------------------------------------------------*/ /* Print */ /*----------------------------------------------------------*/ @media print { body {background:none !important;; margin:0px;} a:link {text-decoration: none !important; border:none;} #logo {margin:0; padding:0px;} #logo-image {display:block !important;} #header {height:70px !important;} .feature {height:200px; overflow:visible !important;} #content {margin:0px; overflow:visible !important; padding:0px;} #vid-container {height:360px !important;} #receipt-footer {background: #dddddd !important;} #right, object, .bread-crumb, .bread-img, #footer, #sound-button, #signin, .sf-menu, #home-right, #player, #submenu #bottom_testdrive, /* Classes With Display None */ .live-chat {display:none !important;} }