/***** Floats *****/ .clearfloat { clear:both; } .clearlft { clear:left; } .clearrt { clear:right; } .fltlft { float:left; } .fltrt { float:right; } .block-center { margin-left:auto; margin-right:auto; } .block { display:block; } /* Text */ .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .anti-text { text-indent:-999999px; } .bold { font-weight:bold !important; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } .small-caps { font-variant:small-caps; } .lowercase { text-transform:lowercase; } .uppercase { text-transform:uppercase; } .small { font-size:0.8em; } .fade { color: #666; font-style:italic;} /* Lists, Padding & Margin */ .img-left { float:left;margin:4px 10px 4px 0; } .img-right { float:right;margin:4px 0 4px 10px; } .noindent { margin-left:0;padding-left:0; } .nobullet { list-style:none; list-style-image:none; } .hrztl-list li { float:left; list-style:none; padding:0 15px 0 0; display:block;} .hrztl-list { padding:0; margin:0;} .nopad { padding:0; } .notpad { padding-top:0; } .rpad { padding-right: 10px; } .lpad { padding-left: 10px; } .tpad { padding-top: 10px; } .bpad { padding-bottom: 10px; } .spad { padding-right: 10px; padding-left: 10px; } .epad { padding-top:10px; padding-bottom:10px; } .apad { padding: 10px; } .rpad-h { padding-right: 5px; } .lpad-h { padding-left: 5px; } .tpad-h { padding-top: 5px; } .bpad-h { padding-bottom: 5px; } .spad-h { padding-right: 5px; padding-left: 5px; } .epad-h { padding-top:5px; padding-bottom:5px; } .apad-h { padding: 5px; } .rpad-d { padding-right: 20px; } .lpad-d { padding-left: 20px; } .tpad-d { padding-top: 20px; } .bpad-d { padding-bottom: 20px; } .spad-d { padding-right: 20px; padding-left: 5px; } .epad-d { padding-top:20px; padding-bottom:5px; } .apad-d { padding: 20px; } .tmar-1 { margin-top:1px; } .tmar-2 { margin-top:2px; } .tmar-3 { margin-top:3px; } .tmar-4 { margin-top:4px; } .tmar-5 { margin-top:5px; } .rmar-1 { margin-right:1px; } .rmar-2 { margin-right:2px; } .rmar-3 { margin-right:3px; } .rmar-4 { margin-right:4px; } .rmar-5 { margin-right:5px; } .lmar-1 { margin-left:1px; } .lmar-2 { margin-left:2px; } .lmar-3 { margin-left:3px; } .lmar-4 { margin-left:4px; } .lmar-5 { margin-left:5px; } .bmar-1 { margin-bottom:1px; } .bmar-2 { margin-bottom:2px; } .bmar-3 { margin-bottom:3px; } .bmar-4 { margin-bottom:4px; } .bmar-5 { margin-bottom:5px; } .emar-1 {margin-bottom:1px; margin-top:1px; } .emar-2 {margin-bottom:2px; margin-top:2px; } .emar-3 {margin-bottom:3px; margin-top:3px; } .emar-4 {margin-bottom:4px; margin-top:4px; } .emar-5 {margin-bottom:5px; margin-top:5px; } .smar-1 {margin-right:1px; margin-left:1px; } .smar-2 {margin-right:2px; margin-left:2px; } .smar-3 {margin-right:3px; margin-left:3px; } .smar-4 {margin-right:4px; margin-left:4px; } .smar-5 {margin-right:5px; margin-left:5px; } .tpad-1 { padding-top: 1px; } .tpad-2 { padding-top: 2px; } .tpad-3 { padding-top: 3px; } .tpad-4 { padding-top: 4px; } .tpad-5 { padding-top: 5px; } .bpad-1 {padding-bottom:1px; } .bpad-2 {padding-bottom:2px; } .bpad-3 {padding-bottom:3px; } .bpad-4 {padding-bottom:4px; } .bpad-5 {padding-bottom:5px; } .epad-1 {padding-top:1px; padding-bottom:1px; } .epad-2 {padding-top:2px; padding-bottom:2px; } .epad-3 {padding-top:3px; padding-bottom:3px; } .epad-4 {padding-top:4px; padding-bottom:4px; } .epad-5 {padding-top:5px; padding-bottom:5px; } .lpad-1 {padding-left:1px } .lpad-2 {padding-left:2px } .lpad-3 {padding-left:3px } .lpad-4 {padding-left:4px } .lpad-5 {padding-left:5px } .rpad-1 { padding-right:1px; } .rpad-2 { padding-right:2px; } .rpad-3 { padding-right:3px; } .rpad-4 { padding-right:4px; } .rpad-5 { padding-right:5px; } .spad-1 {padding-right:1px; padding-left:1px; } .spad-2 {padding-right:2px; padding-left:2px; } .spad-3 {padding-right:3px; padding-left:3px; } .spad-4 {padding-right:4px; padding-left:4px; } .spad-5 {padding-right:5px; padding-left:5px; } .apad-1 {padding:1px; } .apad-2 {padding:2px; } .apad-3 {padding:3px; } .apad-4 {padding:4px; } .apad-5 {padding:5px; } .neg-tmar-1 { margin-top:-1px; } .neg-tmar-2 { margin-top:-2px; } .neg-tmar-3 { margin-top:-3px; } .neg-tmar-4 { margin-top:-4px; } .neg-tmar-5 { margin-top:-5px; } .neg-rmar-1 { margin-right:-1px; } .neg-rmar-2 { margin-right:-2px; } .neg-rmar-3 { margin-right:-3px; } .neg-rmar-4 { margin-right:-4px; } .neg-lmar-1 { margin-left:-1px; } .neg-lmar-2 { margin-left:-2px; } .neg-lmar-3 { margin-left:-3px; } .neg-lmar-4 { margin-left:-4px; } .neg-lmar-5 { margin-left:-5px; } .neg-bmar-1 { margin-bottom:-1px; } .neg-bmar-2 { margin-bottom:-2px; } .neg-bmar-3 { margin-bottom:-3px; } .neg-bmar-4 { margin-bottom:-4px; } .nomar { margin:0px; } .notmar { margin-top:0px; } .rmar { margin-right: 20px; } .lmar { margin-left: 20px; } .tmar { margin-top: 20px; } .bmar { margin-bottom: 20px; } .smar { margin-right: 20px; margin-left: 20px; } .emar { margin-bottom:20px; margin-top:20px; } .amar { margin: 20px; } .neg-rmar { margin-right: -20px; } .neg-lmar { margin-left: -20px; } .neg-tmar { margin-top: -20px; } .neg-bmar { margin-bottom: -20px; } .neg-smar { margin-right: -20px; margin-left: 20px; } .neg-emar { margin-bottom:-20px; margin-top:20px; } .neg-amar { margin: -20px; } .rmar-h { margin-right: 10px; } .lmar-h { margin-left: 10px; } .tmar-h { margin-top: 10px; } .bmar-h { margin-bottom: 10px; } .smar-h { margin-right: 10px; margin-left: 10px; } .emar-h { margin-bottom:10px; margin-top:10px; } .amar-h { margin: 10px; } .rmar-d { margin-right: 40px; } .lmar-d { margin-left: 40px; } .tmar-d { margin-top: 40px; } .bmar-d { margin-bottom: 40px; } .smar-d { margin-right: 40px; margin-left: 40px; } .emar-d { margin-bottom:40px; margin-top:40px; } .amar-d { margin: 40px; } .neg-rmar-h { margin-right: -10px; } .neg-lmar-h { margin-left: -10px; } .neg-tmar-h { margin-top: -10px; } .neg-bmar-h { margin-bottom: -10px; } .neg-smar-h { margin-right: -10px; margin-left: 10px; } .neg-emar-h { margin-bottom:-10px; margin-top:10px; } .neg-amar-h { margin: -10px; } .neg-rmar-f { margin-right: -5px; } .neg-lmar-f { margin-left: -5px; } .neg-tmar-f { margin-top: -5px; } .neg-bmar-f { margin-bottom: -5px; } .neg-smar-f { margin-right: -5px; margin-left: 10px; } .neg-emar-f { margin-bottom:-5px; margin-top:10px; } .neg-amar-f { margin: -5px; } .neg-rmar-d { margin-right: -40px; } .neg-lmar-d { margin-left: -40px; } .neg-tmar-d { margin-top: -40px; } .neg-bmar-d { margin-bottom: -40px; } .neg-smar-d { margin-right: -40px; margin-left: 10px; } .neg-emar-d { margin-bottom:-40px; margin-top:10px; } .neg-amar-d { margin: -40px; } /* Cursors & Visibility -------------------------------------------------------------- */ .pointer { cursor:pointer; } .help { cursor:help;} .crosshair { cursor:crosshair; } .move { cursor:move; } .absolute { position:absolute; } .fixed { position:fixed; } .relative { position:relative; } .top { top:0; } .left { left:0; } .right { right:0 ;} .bottom { bottom:0; } .hidden { display:none; } .superHidden { display:none !important; } .shown { display:block; } .superShown { display:block !important; } .invisible { visibility:hidden; } .visible { visibility:visible; } .center { margin:0 auto; } .hideOverflow { overflow:hidden; } .full { width:100%; } .w100 { width:100%; } .h100 { height:100%; } /* White */ .white100 { background: #FFF; } .white95 { background:url(http://cdn.willigant.com/static/images/overlays/background.White.95.png) repeat; } .white45 { background:url(http://cdn.willigant.com/static/images/overlays/background.White.45.png) repeat; } /* Grey */ .grey90 { background:url(http://cdn.willigant.com/static/images/overlays/background.LightGrey.90.png) repeat; } .grey80 { background:url(http://cdn.willigant.com/static/images/overlays/background.LightGrey.80.png) repeat; } .grey70 { background:url(http://cdn.willigant.com/static/images/overlays/background.LightGrey.70.png) repeat; } .grey50 { background:url(http://cdn.willigant.com/static/images/overlays/background.LightGrey.50.png) repeat; } /* Charcoal */ .charcoal95 { background:url(http://cdn.willigant.com/static/images/overlays/background.Charcoal.95.png) repeat; } /* Black */ .black100 { background: #000; } .black90 { background:url(http://cdn.willigant.com/static/images/overlays/background.Black.90.png) repeat; } .black85 { background:url(http://cdn.willigant.com/static/images/overlays/vertical/black_85.png) repeat; } .black85y { background:url(http://cdn.willigant.com/static/images/overlays/vertical/black_85.png) repeat-y; } .black85x { background:url(http://cdn.willigant.com/static/images/overlays/vertical/black_85.png) repeat-x; } /* Colors */ .white, a.white:link, a.white:visited { color:#FFF !important; } .white-bg { background-color:#FFF;} .black, a.black:link, a.black:visited { color:#000 !important; } .black-bg { background-color:#000; } .green, a.green:link, a.green:visited { color: #060; font-weight:700; } a.green:hover { color: #01960D; text-decoration:underline; } .gradient.grey_transparent_90 { background: -moz-linear-gradient(45deg, rgba(226, 226, 226, 0.9) 0%, rgba(219, 219, 219, 0.9) 20%, rgba(209, 209, 209, 0.9) 63%, rgba(254, 254, 254, 0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(226, 226, 226, 0.9)), color-stop(20%, rgba(219, 219, 219, 0.9)), color-stop(63%, rgba(209, 209, 209, 0.9)), color-stop(100%, rgba(254, 254, 254, 0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(226, 226, 226, 0.9) 0%, rgba(219, 219, 219, 0.9) 20%, rgba(209, 209, 209, 0.9) 63%, rgba(254, 254, 254, 0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(226, 226, 226, 0.9) 0%, rgba(219, 219, 219, 0.9) 20%, rgba(209, 209, 209, 0.9) 63%, rgba(254, 254, 254, 0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(226, 226, 226, 0.9) 0%, rgba(219, 219, 219, 0.9) 20%, rgba(209, 209, 209, 0.9) 63%, rgba(254, 254, 254, 0.9) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(226, 226, 226, 0.9) 0%, rgba(219, 219, 219, 0.9) 20%, rgba(209, 209, 209, 0.9) 63%, rgba(254, 254, 254, 0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e2e2e2', endColorstr = '#e6fefefe', GradientType = 1); /* IE6-9 fallback on horizontal gradient */ } .gradient.light_grey_transparent_90 { background: -moz-linear-gradient(45deg, rgba(248, 248, 248, 0.94) 0%, rgba(248, 248, 248, 0.94) 1%, rgba(233, 234, 235, 0.94) 39%, rgba(220, 221, 222, 0.94) 56%, rgba(246, 247, 248, 0.94) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(248, 248, 248, 0.94)), color-stop(1%, rgba(248, 248, 248, 0.94)), color-stop(39%, rgba(233, 234, 235, 0.94)), color-stop(56%, rgba(220, 221, 222, 0.94)), color-stop(100%, rgba(246, 247, 248, 0.94))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(248, 248, 248, 0.94) 0%, rgba(248, 248, 248, 0.94) 1%, rgba(233, 234, 235, 0.94) 39%, rgba(220, 221, 222, 0.94) 56%, rgba(246, 247, 248, 0.94) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(248, 248, 248, 0.94) 0%, rgba(248, 248, 248, 0.94) 1%, rgba(233, 234, 235, 0.94) 39%, rgba(220, 221, 222, 0.94) 56%, rgba(246, 247, 248, 0.94) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(248, 248, 248, 0.94) 0%, rgba(248, 248, 248, 0.94) 1%, rgba(233, 234, 235, 0.94) 39%, rgba(220, 221, 222, 0.94) 56%, rgba(246, 247, 248, 0.94) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(248, 248, 248, 0.94) 0%, rgba(248, 248, 248, 0.94) 1%, rgba(233, 234, 235, 0.94) 39%, rgba(220, 221, 222, 0.94) 56%, rgba(246, 247, 248, 0.94) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f0f8f8f8', endColorstr = '#f0f6f7f8', GradientType = 1); /* IE6-9 fallback on horizontal gradient */ } .gradient.white_90 { background: -moz-linear-gradient(45deg, rgba(237, 237, 237, 0.9) 0%, rgba(237, 237, 237, 0.9) 1%, rgba(255, 255, 255, 0.93) 33%, rgba(255, 255, 255, 0.95) 51%, rgba(255, 255, 255, 0.93) 68%, rgba(243, 243, 243, 0.9) 99%, rgba(243, 243, 243, 0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(237, 237, 237, 0.9)), color-stop(1%, rgba(237, 237, 237, 0.9)), color-stop(33%, rgba(255, 255, 255, 0.93)), color-stop(51%, rgba(255, 255, 255, 0.95)), color-stop(68%, rgba(255, 255, 255, 0.93)), color-stop(99%, rgba(243, 243, 243, 0.9)), color-stop(100%, rgba(243, 243, 243, 0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(237, 237, 237, 0.9) 0%, rgba(237, 237, 237, 0.9) 1%, rgba(255, 255, 255, 0.93) 33%, rgba(255, 255, 255, 0.95) 51%, rgba(255, 255, 255, 0.93) 68%, rgba(243, 243, 243, 0.9) 99%, rgba(243, 243, 243, 0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(237, 237, 237, 0.9) 0%, rgba(237, 237, 237, 0.9) 1%, rgba(255, 255, 255, 0.93) 33%, rgba(255, 255, 255, 0.95) 51%, rgba(255, 255, 255, 0.93) 68%, rgba(243, 243, 243, 0.9) 99%, rgba(243, 243, 243, 0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(237, 237, 237, 0.9) 0%, rgba(237, 237, 237, 0.9) 1%, rgba(255, 255, 255, 0.93) 33%, rgba(255, 255, 255, 0.95) 51%, rgba(255, 255, 255, 0.93) 68%, rgba(243, 243, 243, 0.9) 99%, rgba(243, 243, 243, 0.9) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(237, 237, 237, 0.9) 0%, rgba(237, 237, 237, 0.9) 1%, rgba(255, 255, 255, 0.93) 33%, rgba(255, 255, 255, 0.95) 51%, rgba(255, 255, 255, 0.93) 68%, rgba(243, 243, 243, 0.9) 99%, rgba(243, 243, 243, 0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6ededed', endColorstr = '#e6f3f3f3', GradientType = 1); /* IE6-9 fallback on horizontal gradient */ / } .gradient.sb_hue { background: rgb(95, 128, 192); /* Old browsers */ background: -moz-linear-gradient(left, rgba(95, 128, 192, 1) 1%, rgba(52, 67, 144, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(95, 128, 192, 1)), color-stop(100%, rgba(52, 67, 144, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(95, 128, 192, 1) 1%, rgba(52, 67, 144, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(95, 128, 192, 1) 1%, rgba(52, 67, 144, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(95, 128, 192, 1) 1%, rgba(52, 67, 144, 1) 100%); /* IE10+ */ background: linear-gradient(left, rgba(95, 128, 192, 1) 1%, rgba(52, 67, 144, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#5f80c0', endColorstr = '#344390', GradientType = 1); /* IE6-9 */ } h1,h2,h3,h4,h5,h6 { color:#417841; font-weight:500; letter-spacing:-1px;} body { height:100%; background:url(/resources/images/htmlAllBackground.png) repeat-x #FFF; margin:0; padding:0; font-family:'Lucida Grande','Lucida Sans Unicode'; color:#212121; font-size:13px; } a { color:#417841; font-weight:600; text-decoration:none; } a:hover { text-decoration:underline; } .wrapper { margin:0 auto; width:919px; position:relative; } .col1 { width:470px; float:left; } .col2 { width:380px; float:right;} textarea { border:1px solid #CCC; padding:4px; background:url(/resources/images/signUp.png) bottom repeat-x; } /*graph*/ .awesomeGraph { position:absolute;right:0; top:32px; } #logo { display:block; background:url(/resources/images/all.coke.png) -42px -168px; width:335px; height:82px; text-indent:-9999px;} /*Splash */ #splash { background:url(/resources/images/splash.png); width:919px; height:420px; clear:both; position:relative;} #splash h1 { position:absolute; top:30px; right:0; color:#333333; text-transform:uppercase; letter-spacing:-0.8px; font-size:33.2px; text-shadow:1px 1px #F0F0F0} #splash h2 {position:absolute; right:0; top:70px; font-size:19px; } #splash .reasons {position:absolute; right:0; top:135px; width:300px; } #splash h3 {font-weight:500; letter-spacing:-1px; font-size:22px; margin:2px;} #splash .check { margin:6px 9px 0 0; } #splash .signUpButton { position:absolute; bottom:58px; right:0px; } .signUpButton { display:block; background:url(/resources/images/all.coke.png) 0px -251px; width:234px; height:58px; text-indent:-9999px; } .signUpButton:hover {background-position: -234px -251px; } .check { display:block; background:url(/resources/images/all.coke.png) -310px -327px; width:14px; height:12px; float:left; } .x { display:block; background:url(/resources/images/all.coke.png) -288px -326px; width:14px; height:12px; float:left; } .paypal-small { display:block; background:url(/resources/images/all.coke.png) -391px -404px; width:43px; height:16px; float:left; } .wepay-small { display:block; background:url(/resources/images/all.coke.png) -391px -378px; width:43px; height:19px; float:left; } .facebook-small { display:block; background:url(/resources/images/all.coke.png) -391px -431px; width:43px; height:16px; float:left; } .gmail-small { display:block; background:url(/resources/images/all.coke.png) -391px -456px; width:43px; height:16px; float:left; } /*blackBar */ #testimonials { color:#FDFDFD; width:400px; position:relative; float:left; } #testimonials .quotationMarkLeft { position:absolute; top:14px; left:5px; } #testimonials .quotationMarkRight { position:absolute; top:47px; left:410px; } #testimonials .quote { position:absolute; top:16px; left:40px; } #testimonials .signature { margin:3px 0 0 0; text-align:right; } .quotationMarkLeft { background:url(/resources/images/all.coke.png) -241px -324px; width:24px; height:17px; } .quotationMarkRight { background:url(/resources/images/all.coke.png) -275px -324px; width:24px; height:17px; } /*quickTour*/ .shadeOfGrey { background:url(/resources/images/greySliderBg.png) bottom repeat-x; border-top:1px solid #ccc; padding-top:10px; } .monitor { background:url(/resources/images/all.coke.png) -513px -360px; width:73px; height:72px; } .photos { background:url(/resources/images/all.coke.png) -594px -360px; width:64px; height:72px; } .editor { background:url(/resources/images/all.coke.png) -664px -360px; width:107px; height:72px; } .calendar { background:url(/resources/images/all.coke.png) -783px -360px; width:59px; height:72px; } .lifeSaver { background:url(/resources/images/all.coke.png) -844px -360px; width:58px; height:72px; } .message { background:url(/resources/images/all.coke.png) -908px -360px; width:70px; height:72px; } #tour { padding:20px 0; } #tour .box { margin: 0 0 25px 0; } .blurb { color:#999999; } #tour h2 { margin:0; padding:0; color:#308330; font-size: 17px; } #tour .icon { float:left; margin: 0 7px 0 0; } #professionalDesign { width:285px; float:left; } #uploadPhotos { width:290px; float:left; } #editBrowser { width:310px; float:right; } #accountManager { width:295px; float:left; } #organization { width:290px; float:left; } #alumni { width:310px; float:right; } #logos { width:400px; float:right; height:100px; position:relative; } #logos .wepay { background:url(/resources/images/all.coke.png) -109px -106px; height:66px; width:125px; position:absolute; top:20px; right:113px;} #logos .paypal { background:url(/resources/images/all.coke.png) -109px -66px; height:41px; width:130px; position:absolute; top:37px; right:287px;} #logos .licensed { background:url(/resources/images/all.coke.png) 0px -58px; height:83px; width:85px;position:absolute; right:0; top:9px;} /*featureTour*/ #featureTour h2 { margin:50px 0 0 0; font-size:28px; } #featureTour .subtext { color:#999999; margin-top:0; font-size:18px; margin-bottom:50px; } #featureTour h3 { font-size:18px; margin-bottom:0} #featureTour .tourDivider { height:4px; width:100%; border-top:1px solid #ccc; margin:50px 0; clear:both; } #featureTour p { color:#999999; margin:0; font-weight:400; } #featureTour .laptop {background-image:url(/resources/images/features.png); width:421px; height:267px; float:right; margin:0 0 0 20px; } #featureTour .editorMonitor {background:url(/resources/images/features.png) -431px 0px; width:440px; height:320px; float:left; margin:0 30px 0 0; } #featureTour .giantPhoto {background:url(/resources/images/features.png) -873px -327px; width:376px; height:440px; float:right; margin:0 0 0 20px; } #featureTour .giantEmail {background:url(/resources/images/features.png) -432px -348px; width:435px; height:417px; float:left; margin:0 20px 0 0; } /*pricing*/ #pricingTable { background:url(/resources/images/pricing.png) no-repeat; height:263px; width:919px; position:relative; } #pricingTable a { display:block;background:url(/resources/images/all.coke.png) -475px -42px; width:132px; height:37px; text-indent:-9999px; position:absolute; } #pricingTable a:hover { background:url(/resources/images/all.coke.png) -475px -1px; } #pricingTable .basic { top:203px; left:398px; } #pricingTable .fratastic { top:203px; left:585px; } #pricingTable .platinum { top:203px; left:770px; } #detailedTable { margin:0 0 20px 0; padding:0; width:919px; border-bottom:1px solid #A2C8A2;} #detailedTable .odd {background-image:url(/resources/images/oddCols.png); background-repeat:repeat; } #detailedTable .even {background-image:url(/resources/images/evenCols.png); background-repeat:repeat; } #detailedTable .last { border-bottom:1px solid #DBE9DB; } #detailedTable td { padding:4px; } #detailedTable .description { width:370px; } #detailedTable .basic { width:162px; text-align:center; background-position:-379px 0px;} #detailedTable .fratastic { width:187px; text-align:center;background-position:-548px 0px; } #detailedTable .platinum { text-align:center;background-position:-743px 0px; } #detailedTable .check, #detailedTable .x {float:none; margin: 0 auto;} .questions { margin-top:0px; font-size:28px; } /*Navigation */ #navigation { list-style:none; margin:38px 0 0 0; padding:0; display:block; float:right; } #navigation li { float:left; } #navigation li a { display:block; width:141px; height:51px; background-image:url(/resources/images/all.coke.png); border-right: 1px #DFDFDF solid; text-indent:-9999px; } #navigation li a.first {border-left: 1px #DFDFDF solid;} #navigation li a.current { background-color:#FFF; } #navigation li a.current:hover { background-color:#FFF; height:51px; } #navigation li a:hover { background-color: #F7F7F7; height:49px; } #nDemo { background-position:-471px -450px; width:131px !important; } #nPricing { background-position:-600px -450px; } #nFeatures { background-position:-739px -450px; } #nFaq { background-position:-875px -450px; width:125px !important; } #footer { background:url(/resources/images/footer.png) repeat-x #151515 ; width:100%; position:relative; padding:30px 0 0; color:#666} #footer .signUpButton { margin:0 auto; } #footer h4 {color:#FFFFFF;border-bottom:1px solid #232323;font-size:13px;margin-bottom:6px;padding-bottom:4px;position:relative;position:relative; letter-spacing:0 ;text-shadow: 1px 1px #000000; } #footer a { color:#D3D3D3; font-weight:500; text-shadow:1px 1px #2C2C2C; display:block; font-size:12px;} #footer a:hover { color:#417841; text-decoration:none; } #footer .column1 { width:180px; float:left; margin:0px 40px 0 0; } #footer .column2 { width:185px; float:left; margin:0px 40px 0 0;} #footer .column3 { width:185px; float:left; margin:0px 0 0 40px; } #footer .column4 { width:180px; float:right; margin:0px 0 0 50px;} /*order*/ #expressWrap { width:550px; float:right; border-left:1px solid #ccc; padding: 0 0 0 50px; margin-bottom:20px; } #expressWrap h3 { margin:0 } #expressWrap h2 { margin-top:0 } #expressWrap .check { margin:4px 5px 0 0; } #expressWrap .or { position:absolute; left:-60px; top:-86px; background:url(/resources/images/order.png) -375px -35px; float:left;height:21px; width:21px;} .selectWrap { position:relative; height:165px; } .drapes { border: 1px solid #BDD7BD; background-color:#E7F1E7; width:117px; height:130px; position:absolute; z-index:1; } .drapes .check { left:55px; bottom:5px; } .planReview { position:absolute; top:20px; right:0; width:190px; } .drapeBasic { top:12px; left:-7px; } .drapeFratastic { top:12px; left:110px; } .drapePlatinum { top:12px; left:227px; } .basicButton { position:absolute; height:91px; width:105px; top:20px; left:0; z-index:5; } .fratasticButton { position:absolute; height:91px; width:105px; top:20px; left:115px; z-index:5; } .platinumButton { position:absolute; height:91px; width:105px; top:20px; left:233px; z-index:5; } .one { background:url(/resources/images/order.png) -359px 0px; float:left;height:17px; width:17px; margin:4px 10px 0 0; } .two { background:url(/resources/images/order.png) -384px 0px; float:left;height:17px; width:17px; margin:4px 10px 0 0;} .three { background:url(/resources/images/order.png) -406px 0px; float:left;height:17px; width:17px; margin:4px 10px 0 0;} .continue, .continue:visited { display:block; background:url(/resources/images/order.png) -247px -413px; width:226px; height:38px; text-indent:-9999px; border:none; cursor:pointer; margin:20px 0; float:right;} .continue:hover { background:url(/resources/images/order.png) -248px -454px; } .pricingPanels { height:105px; width:345px; background:url(/resources/images/order.png) 0px 0px; float:left; margin:20px 9px 40px 0px; position:absolute; z-index:2; } .creditCards { height: 29px; width:250px; background:url(/resources/images/order.png)0px -126px; margin:15px 0 30px 27px; } #getStarted { width:290px; float:left; } #getStarted input { width:280px; padding:4px; background:url(/resources/images/signUp.png) repeat-x bottom; border:1px solid #CCC; margin:0 0 10px 0;} #getStarted input.error { border:1px solid #B42424; background:url(/resources/images/errorBox.signUp.png) repeat-x bottom right; } #getStarted textarea { width:280px; border:1px solid #CCC; padding:4px; background:url(/resources/images/signUp.png) bottom repeat-x; } .contact, .contact:visited { display:block; background:url(/resources/images/order.png) 0px -413px; width:226px; height:38px; text-indent:-9999px; border:none; margin:20px auto;} .contact:hover { background:url(/resources/images/order.png) 0px -454px; } /*faq */ #questionLinks a { font-weight:500; } #questionLinks ul { list-style: square; list-style-position:inside; margin:0; padding:0; color: #ccc;} #questionLinks h3 { color:#333; } #questions h2 { color:#333;margin:30px 0 0 0; } #questions h3 { font-size:16px; letter-spacing:0px; } #questions ol { color:#999; } #questions p { color:#999; } #questions a.top { font-weight:500; margin:20px 0 0 0 ; display:block; font-variant:small-caps; } #questions a { font-weight:500; } .line { border-bottom:1px solid #ccc; height:30px; } #willigant { background:url(/resources/images/all.coke.png) -338px -67px; width:32px; height:27px; position:absolute; bottom:2px; right:2px; } #whiteWilligant { background:url(/resources/images/all.coke.png) -379px -67px; width:32px; height:27px; position:absolute; bottom:2px; right:2px; }