/**
 * Copyright (c) 99designs. 2007-2010
 *
 * @source http://css3.99static.com/static/css/pages/frontpage.css
 * @version 3.9.165
 */


/* import ../modules/reset.css */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}


/* import ../modules/presslist.css */

@media screen, projection, print {
#press li {
background: transparent;
color: #A9ACB1;
display: block;
float: left;
font-size: 0.75em;
height: 50px;
margin: 0 46px 0 0;
padding: 0;
position: relative;
text-align: center;
text-indent: -9999em;
overflow: hidden;
}

#press .american li {
margin-right: 36px;
}

#press li.last {
margin-right: 0;
}
#press li.gma {
background: url(/static/images/press/logos/frontpage/gma.png) no-repeat center left;
width: 93px;
}
#press li.cbs {
background: url(/static/images/press/logos/frontpage/cbs.png) no-repeat center left;
width: 64px;
}
#press li.nyt {
background: url(/static/images/press/logos/frontpage/nyt.png) no-repeat center left;
width: 141px;
}
#press li.age {
background: url(/static/images/press/logos/frontpage/age.png) no-repeat center left;
width: 130px;
}
#press li.fco {
background: url(/static/images/press/logos/frontpage/fco.png) no-repeat center left;
width: 141px;
}
#press li.aus {
background: url(/static/images/press/logos/frontpage/aus.png) no-repeat center left;
width: 140px;
}

#press li.forbes {
background: url(/static/images/press/logos/frontpage/forbes.png) no-repeat center left;
width: 135px;
}

#press li.entre {
background: url(/static/images/press/logos/frontpage/entrepreneur.png) no-repeat center left;
width: 182px;
}
#press li a {
border: none;
display: block;
height: 36px;
margin: 0;
padding: 14px 0 0;
text-decoration: none;
width: 100%;
}

#press li.testimonial {
text-indent: 0;
width: 415px;
margin-right: 10px;
}

#press li.testimonial blockquote {
font-weight: bold;
font-style: italic;
line-height: 1.3;
color: #3b4254;
margin-bottom: 0.5em;
}
}


/* import ../modules/network-navbar.css */

@media screen, projection, print {
#network-navbar {
position: absolute;
top: 0;
left: 0;
font-size: 0.54em;
text-transform: uppercase;
text-decoration: none;
height: 25px;
overflow: hidden;
z-index: 2;
}
#network-navbar li {
display: inline;
height: 25px;
}
#network-navbar li a {
display: block;
float: left;
height: 25px;
text-indent: -9999em;
}
#nv-design-contests a {
width: 104px;
background: url(/static/images/nav/nv-network-navbar.png) no-repeat scroll 0 -25px transparent;
}
#nv-design-contests a:hover, #nv-design-contests.selected a {
background: url(/static/images/nav/nv-network-navbar.png) no-repeat scroll 0 0 transparent;
}
#nv-logo-store a {
width: 77px;
background: url(/static/images/nav/nv-network-navbar.png) no-repeat scroll -104px -25px transparent;
}
#nv-logo-store a:hover, li#nv-logo-store.selected a {
background: url(/static/images/nav/nv-network-navbar.png) no-repeat scroll -104px 0 transparent;
}
#nv-blog a {
width: 48px;
background: url(/static/images/nav/nv-network-navbar.png) no-repeat scroll -182px -25px transparent;
}
#nv-blog a:hover, li#nv-blog.selected a {
background: url(/static/images/nav/nv-network-navbar.png) no-repeat scroll -182px 0 transparent;
}
}

@media screen, projection, print {
html {
font-size: 100%;
height: 100%;
margin-bottom: 1px;
}
body {
background: #fff url(/static/images/bg-gradient-dark.png) repeat-x 0 0;
color: #464d5c;
font-family: "Helvetica", "Arial", sans-serif;
font-size: 1em;
font-weight: normal;
line-height: 1.0;
margin: 0;
padding: 0;
}
p {
color: #616B80;
}
a, a:link, a:active {
color: #006699;
}
a:visited, a:hover {
color: #0099CC;
}
#container {
background: transparent url(/static/images/bg-gutters.png) repeat-y 50% 0;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
width: 100%;
}
#page {
background: transparent url(/static/images/bg-gradient-masthead.png) no-repeat 50% 0;
width: 100%;
overflow: hidden;
}
#header,
#content,
#footer {
display: block;
margin: 0 auto;
padding: 0;
position: relative;
text-align: left;
width: 940px;
}
#header {
height: 103px;
margin-bottom: 40px;
padding: 33px 0 13px;
}
.section {
clear: both;
display: block;
margin-bottom: 40px;
position: relative;
width: 100%;
}
.clear {
clear: both;
display: block;
position: relative;
width: 100%;
}
.print { display: none; }
.nav li { display: inline-block; }
.nav a { text-decoration: none; }
.nav a:focus { outline: none; }
.logo,
.logo:link,
.logo:visited {
background: transparent url(/static/images/99designs-logo-r-180px.png) no-repeat 0 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: block;
height: 60px;
margin: 0 0 18px;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
text-indent: -9999em;
width: 180px;
}
#nav-skip {
position: absolute;
text-indent: -9999em;
}
#nav-site-wrapper {
float: left;
width: 100%;
background: #f0f0f0 url(/static/images/bg-gradient-nav-site.png) repeat-x 100% 0;
border: 1px solid #fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#nav-site {
background: #f0f0f0 url(/static/images/bg-gradient-nav-site.png) repeat-x 100% 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
display: block;
height: 36px;
text-transform: lowercase;
float: right;
}
#nav-site li {
display: inline-block;
float: left;
font-size: 0.94em;
height: 36px;
margin: 0;
padding: 0;
text-align: center;
}
#nav-site li.last {
}
#nav-site li a,
#nav-site li a:link,
#nav-site li a:visited {
background: #f0f0f0 url(/static/images/bg-gradient-nav-site.png) repeat-x 100% 0;
border: none;
color: #FF5500;
display: block;
float: left;
height: 24px;
line-height: 100%;
margin: 0;
padding: 12px 12px 0 12px;
text-align: center;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
-webkit-transition-duration: .3s;
transition-duration: .3s;
overflow: hidden;
}
#nav-site li.first,
#nav-site li.first a {
border: 0px solid #f5f5f5;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
#nav-site li.last,
#nav-site li.last a {
border: 0px solid #f5f5f5;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
#nav-site li a:hover,
#nav-site li a:active {
color: #174269;
background: #f6f6f6;
-webkit-transition-duration: .3s;
transition-duration: .3s;
}
#nav-site li a:focus {
outline: none;
}
#nav-site li.nav-home {
border-right: 1px solid #fff;
width: 58px;
}
#nav-site li.nav-launch-a-project {
border-left: 1px solid #fff;
}
#nav-site li.nav-browse-projects {
border-left: 1px solid #fff;
}
#nav-site li.nav-how-it-works {
border-left: 1px solid #fff;
}
#nav-site li.nav-how-it-works a,
#nav-site li.nav-how-it-works a:link,
#nav-site li.nav-how-it-works a:visited {
padding-left: 15px;
padding-right: 15px;
}
#nav-site li.nav-help {
border-left: 1px solid #fff;
}
#nav-site li.nav-help a,
#nav-site li.nav-help a:link,
#nav-site li.nav-help a:visited {
padding-left: 20px;
padding-right: 20px;
}
#nav-account {
display: block;
height: 25px;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 2px;
text-align: right;
width: 100%;
}
#nav-account li {
display: inline;
font-size: 0.7em;
line-height: 1.0;
margin: 0 0 0 6px;
padding: 5px 0 2px;
text-transform: lowercase;
}
#nav-account a,
#nav-account a:link,
#nav-account a:visited {
background-color: #efefef;
border: 1px solid #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #666;
padding: 3px 5px 1px;
position: relative;
text-decoration: none;
}
#nav-account a:hover,
#nav-account a:active {
background: #f6f6f6;
color: #174269;
text-decoration: none;
}
#nav-account a.nav-contact,
#nav-account a.nav-contact:link,
#nav-account a.nav-contact:visited {
background: #fff;
border-color: #fff;
color: #4d4d4d;
position: relative;
}
#nav-account a.nav-contact span.arrow {
border-bottom: 0;
border-left: 0;
border-right: 12px solid transparent;
border-top: 6px solid #fff;
bottom: -6px;
display: block;
height: 0;
left: 5px;
position: absolute;
width: 0;
}
#nav-account a.nav-contact:hover,
#nav-account a.nav-contact:active {
color: #FF5500;
}
#nav-account li a.active,
#nav-account li a.active:link,
#nav-account li a.active:visited {
background: #cecece url(/static/images/bg-gradient-button.png) repeat-x 0 0;
border-color: #b3b3b3;
color: #333;
}
#nav-account li a.active:hover,
#nav-account li a.active:active {
background: #f2f2f2;
border-color: #A9ACB1;
color: #174269;
}
#nav-account li a:focus {
outline: none;
}
#nav-account li a em,
#nav-account li a:link em,
#nav-account li a:visited em {
background-color: #575757;
border: 0 solid #575757;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #fff;
display: inline;
font-style: normal;
font-weight: bold;
margin: 0 0 0 5px;
padding: 1px 4px 0 5px;
}
#nav-account li a:hover em,
#nav-account li a:active em {
background-color: #174269;
border: 0 solid #143264;
}
#nav-account li a.inactive em {
display: none;
}
#nav-account .profile {
display: inline-block;
height: 19px;
line-height: 1.0;
margin: 0;
padding: 0 0 0;
position: relative;
}
#nav-account .profile a,
#nav-account .profile a:link,
#nav-account .profile a:visited,
#nav-account .profile a:hover,
#nav-account .profile a:active {
background: transparent;
border: none;
display: inline-block;
font-size: 1.08em;
line-height: 16px;
margin: 3px 6px 0 0;
padding: 0;
position: relative;
text-decoration: none;
}
#nav-account .profile a:hover,
#nav-account .profile a:active {
color: #174269;
}
#nav-account .profile a .name {
text-decoration: underline;
text-transform: none;
}
#nav-account .profile img {
border: 1px solid #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
height: 18px;
margin: -2px 3px 0 0;
position: relative;
vertical-align: middle;
width: 18px;
}
#cover { margin-bottom: 30px; }
#cover .blurb,
#cover .feature {
display: block;
float: left;
height: 268px;
}
.blurb {
margin: 0 20px 0 0;
width: 460px;
}
.blurb p {
font-size: 1.25em;
line-height: 1.6;
padding-right: 30px;
}
h1 {
font-size: 2.19em;
margin: 5px 0 15px;
text-shadow: 0 1px 0 #fff;
}
h1 span {
color: #FF5500;
display: block;
font-size: 0.63em;
margin: 15px 0 0;
}
.blurb a,
.blurb a:link,
.blurb a:visited {
background: #66004e url(/static/images/bg-color-buttons.png) repeat-x 0 0;
border: 2px solid #400b32;
border-bottom-color: #26071e;
border-top-color: #4d003b;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color: #fff;
display: block;
font-size: 1.25em;
margin: 20px 0 0;
padding: 8px 0;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 #26071e;
width: 276px;
}
.blurb a span {
display: block;
font-size: 0.70em;
margin: 5px 0 0;
text-align: center;
}
.blurb a:hover,
.blurb a:active {
background-position: 0 -120px;
}
.blurb a:focus {
outline: none;
}
#cover .feature {
background-color: #f5f5f5;
border: 0 solid #d5d5d5;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin-top: 5px;
overflow: hidden;
position: relative;
width: 458px;
}
#cover .feature ul.slideshow { position: absolute; }
#cover .feature ul.slideshow li {
display: none;
left: 0px;
position: absolute;
}
#cover .feature ul.slideshow li.active { display: block; }
#cover .feature .controls {}
#cover .feature .controls li {}
#cover .feature .controls li a {
background-color: #fff;
height: 50px;
outline: none;
position: absolute;
text-indent: -999em;
top: 105px;
width: 15px;
}
#cover .feature .controls .previous {
-moz-border-radius: 0px 6px 6px 0px;
-webkit-border-radius: 0px 6px 6px 0px;
border-radius: 0px 6px 6px 0px;
left: 0px;
}
#cover .feature .controls .next {
-moz-border-radius: 6px 0px 0px 6px;
-webkit-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
right: 0px;
}
#cover .feature .controls .previous span, #cover .feature .controls .next span {
border-style: solid;
display: block;
height: 1px;
overflow: hidden;
position: absolute;
top: 17px;
width: 1px;
}
#cover .feature .controls .previous span {
border-color: #fff #A9ACB1 #fff #fff;
border-width: 7px 7px 7px 0;
left: 1px;
}
#cover .feature .controls .previous:hover span {
border-color: #fff #143264 #fff #fff;
}
#cover .feature .controls .next span {
border-color: #fff #fff #fff #A9ACB1;
border-width: 7px 0 7px 7px;
right: 1px;
}
#cover .feature .controls .next:hover span {
border-color: #fff #fff #fff #143264;
}
.feature img {
border: 0px solid #d5d5d5;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#press {
border-bottom: 1px dotted #ddd;
border-top: 1px dotted #ddd;
clear: both;
padding: 1em 0 15px;
margin-top: 2em;
overflow: hidden;
}
#press h3 {
border-bottom: 1px dotted #ddd;
color: #616B80;
font-size: 0.69em;
font-style: italic;
font-weight: normal;
margin: 0 0 15px;
padding: 0 0 15px;
}
h2, h3 {
font-size: 1.5em;
margin-bottom: 40px;
}
h2 em {
color: #FF5500;
font-style: normal;
}
#package-list li,
#package-list li dt.category,
#package-list li dt.category a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#package-list li:hover,
#package-list li:hover dt.category,
#package-list li:hover dt.category a {
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
transition: all 0.1s ease;
}
#package-list li:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
#package-list li:hover dt.category {
background: #464D5C;
}
#package-list li:hover dt.category a {
color: #eee;
}

#package-highlights .nav {
margin: 20px 0 40px;
}
#package-highlights .nav li {
height: 40px;
padding: 0;
width: 460px;
}
#package-highlights .nav li a {
border: 0px solid #fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
display: block;
height: 29px;
font-size: 1.31em;
font-weight: normal;
margin: 0;
padding: 11px 0 0;
text-align: center;
width: 456px;
}
#package-highlights .nav li a:focus {
outline: none;
}
#package-highlights .nav li.nav-launch-a-project a,
#package-highlights .nav li.nav-launch-a-project a:link,
#package-highlights .nav li.nav-launch-a-project a:visited {
background: #66004e url(/static/images/bg-color-buttons.png) repeat-x 0 0;
border: 2px solid #400b32;
border-bottom-color: #26071e;
border-top-color: #4d003b;
color: #fff;
text-shadow: 0 -1px 0 #26071e;
}
#package-highlights .nav li.nav-launch-a-project a:hover,
#package-highlights .nav li.nav-launch-a-project a:active {
background-position: 0 -120px;
}
#package-highlights .nav li.nav-browse-projects a,
#package-highlights .nav li.nav-browse-projects a:link,
#package-highlights .nav li.nav-browse-projects a:visited {
background: #f50 url(/static/images/bg-color-buttons.png) repeat-x 0 -240px;
border: 2px solid #DF4002;
border-color: #DF4002;
color: #fff;
text-shadow: 0 -1px 0 #BF2511;
}
#package-highlights .nav li.nav-browse-projects a:hover,
#package-highlights .nav li.nav-browse-projects a:active {
background-position: 0 -360px;
}
#buzz h3,
#social-media h3 {
margin-top: 20px;
}
#social-media {
float: left;
position: relative;
width: 100%;
overflow: hidden;
}
#social-media ul {
float: left;
position: relative;
left: 50%;
margin: 0;
padding: 0;
}
#social-media li {
float: left;
position: relative;
right: 50%;
height: 32px;
margin: 0 0 20px 0;
padding: 0 80px 0 40px;
}
#social-media li a,
#social-media li a:link,
#social-media li a:visited {
background: #fff url(/static/images/bg-gradient-nav-light.png) repeat-x 100% 0;
border: 1px solid #cbcbcb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #006699;
display: block;
height: 18px;
margin: 0;
padding: 8px 14px 4px 14px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
text-transform: lowercase;
}
#social-media li a:hover,
#social-media li a:active {
border-color: #A9ACB1;
color: #0099CC;
}
#social-media li a:focus {
outline: none;
}
#social-media li a strong { font-weight: bold; }
#social-media li.last {
padding-right: 0;
}
#social-media .icon {
height: 32px;
left: 0;
position: absolute;
width: 32px;
}
#social-media .twitter { background: url(/static/images/social-media/twitter-32x32.png) no-repeat 0 0; }
#social-media .facebook { background: url(/static/images/social-media/facebook-32x32.png) no-repeat 0 0; }
#social-media .newsletter { background: url(/static/images/social-media/email-32x32.png) no-repeat 0 0; }
#social-media .feeds { background: url(/static/images/social-media/feed-32x32.png) no-repeat 0 0; }
.featured-designer .designer-photo {
height: 100px;
width: 100px;
}
.featured-designer .designer-highlights {
height: 100px;
width: 340px;
}
#stats {
background-color: #f0f0f0;
border-bottom: 1px solid #fff;
border-top: 1px solid #ebebeb;
padding: 0 0 20px;
margin:0;
}
#stats ul {
border-top: 1px solid #fff;
padding: 20px 0 0;
}
#stats li {
color: #616B80;
display: block;
float: left;
font-size: 0.88em;
line-height: 1.2;
margin-right: 40px;
padding: 0;
text-align: right;
text-shadow: 0 1px 0 #fff;
}
#stats li strong {
color: #464d5c;
display: block;
font-size: 2.29em;
font-weight: normal;
margin-bottom: 10px;
text-align: right;
}
#stats li.first { margin-left: 60px; }
#stats li.last { margin-right: 0; }
#stat-avg-designs,
#stat-open-projects { width: 100px; }
#stat-all-projects { width: 140px; }
#stat-current-offer,
#stat-month-payouts { width: 160px; }
#footer {
background: #676b76 url(/static/images/bg-gradient-nav-footer.png) repeat-x 100% 0;
color: #c0c0c0;
font-size: 1em;
padding: 1px 0 25px;
}
#footer #categories {
border-top: 1px solid #8e9198;
padding-top: 40px;
font-family: "Helvetica", "Arial", sans-serif;
}
#footer #categories strong {
font-weight: bold;
}
#footer #categories li {
float: left;
margin-right: 20px;
width: 160px;
}
#footer #categories li.first {
margin-left: 30px;
}
#footer #categories li.last {
margin-left: 0;
}
#footer #categories dt {
color: #fff;
padding-bottom: 15px;
text-shadow: 0 1px 0 #30343f;
}
#footer #categories dd {
font-size: 0.81em;
padding-bottom: 10px;
}
#footer #categories dd a,
#footer #categories dd a:link,
#footer #categories dd a:visited {
color: #c0c0c0;
text-shadow: 0 1px 0 #30343f;
}
#footer #categories dd a:hover,
#footer #categories dd a:active {
color: #fff;
text-shadow: 0 1px 0 #464d5c;
}
#footer #categories dd a:focus {
outline: none;
}
#footer #nav-footer {
background-color: #30343f;
border: 0px solid #30343f;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #3b3f53;
display: block;
font-size: 0.81em;
height: 12px;
margin: 30px 20px 0;
overflow: hidden;
padding: 10px 15px;
position: relative;
}
#footer-information {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 32px;
margin: 0;
padding: 0;
}
#footer #nav-footer ul {
overflow: hidden;
position: absolute;
top: 9px;
margin: 0;
height: 20px;
}
#footer #footer-copyright { left: 0; padding-left: 15px; }
#footer #footer-navigation { right: 0; padding-right: 15px; }
#footer #nav-footer li {
color: #3b3f53;
display: list-item;
float: left;
line-height: 1.2;
list-style-image: none;
list-style-position: inside;
list-style-type: disc;
margin: 0 9px 0 0;
padding: 0;
}
#footer #nav-footer li.first {
list-style-position: outside;
list-style-type: none;
}
#footer #nav-footer li.last {
margin: 0 2px 0 0;
padding: 0;
}
#footer #nav-footer li a {
margin: 0;
padding: 0 0 0 3px;
text-decoration: none;
}
#footer #nav-footer a:link,
#footer #nav-footer a:visited {
color: #818b92;
text-shadow: 0 -1px 0 #222;
}
#footer #nav-footer a:hover { color: #ddd; }
#footer #nav-footer a:active { color: #fff; }
#footer #nav-footer a:focus {
outline: none;
}
h1 {
font-family: "Helvetica", "Arial", sans-serif;
font-weight: 700;
}
h1 span, h2, h3,
#nav-site li a strong,
#package-highlights dt.category strong, #package-highlights .nav strong {
font-family: "Helvetica", "Arial", sans-serif;
font-weight: 600;
}
.nav, #nav-site li a,
.blurb, .blurb p {
font-family: "Helvetica", "Arial", sans-serif;
font-weight: normal;
}
.blurb a span,
#package-highlights dt.category a {
font-family: "Helvetica", "Arial", sans-serif;
font-weight: 200;
}
}
#no-buttons,
#one-button,
#dual-buttons {
margin-bottom: 30px;
}
#no-buttons .blurb,
#one-button .blurb,
#dual-buttons .blurb {
display: block;
float: left;
height: 268px;
margin-right: 10px;
width: 450px;
}
#no-buttons .blurb {
background: transparent url("/static/images/red-arrow-text.png") no-repeat bottom left;
height: 235px
}
#no-buttons .blurb h1,
#one-button .blurb h1,
#dual-buttons .blurb h1 {
font-size: 2.0em;
}
#no-buttons .blurb p,
#one-button .blurb p,
#dual-buttons .blurb p {
font-size: 1.12em;
}
#no-buttons .feature,
#one-button .feature,
#dual-buttons .feature {
display: block;
float: left;
margin-top: 20px;
overflow: visible;
position: relative;
width: 480px;
}
#dual-buttons .blurb a.dual-button,
#dual-buttons .blurb a.dual-button:link,
#dual-buttons .blurb a.dual-button:visited {
background: #66004e url(/static/images/bg-color-buttons.png) repeat-x 0 -120px;
border: 1px solid #400b32;
border-bottom-color: #26071e;
border-top-color: #4d003b;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: #A9ACB1 0 2px 4px;
-webkit-box-shadow: #A9ACB1 0 2px 4px;
box-shadow: #A9ACB1 0 2px 4px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.06em;
margin: 20px 0 0;
padding: 7px 0 6px 5px;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 #26071e;
width: 195px;
}
#dual-buttons .blurb a.dual-button em {
font-style: normal;
padding-left: 10px;
}
#dual-buttons .blurb a.dual-button:hover,
#dual-buttons .blurb a.dual-button:active {
background-position: 0 0;
}
#dual-buttons .blurb a.dual-one,
#dual-buttons .blurb a.dual-one:link,
#dual-buttons .blurb a.dual-one:visited {
margin-left: 0;
margin-right: 15px;
}
#dual-buttons .blurb a.dual-two,
#dual-buttons .blurb a.dual-two:link,
#dual-buttons .blurb a.dual-two:visited {
margin-left: 0;
margin-right: 0;
}
#dual-buttons .blurb p.dual-button-guarantee {
display: block;
font-size: 0.81em;
line-height: 1.0;
margin: 0;
padding: 15px 0 0;
position: relative;
text-align: center;
width: 420px;
}
#dual-buttons .blurb p.dual-button-guarantee img {
border: 0;
display: inline-block;
margin: 0 5px -5px;
padding: 0;
position: relative;
}
.feature .category-icons {
}

#category-lists {
width: 400px;
height: 160px;
position: relative; 
margin: 10px;
padding: 20px 30px;
border: 1px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: #ddd 0 0 5px;
-webkit-box-shadow: #ddd 0 0 5px;
box-shadow: #ddd 0 0 5px;
}
#category-lists h3 {
color: #616B80;
font-size: 1em;
margin-top: 5px;
text-align: left;
}
#category-lists ul {
width: 200px;
position: absolute;
top: 50px;
}
#category-lists ul#category-list-one {
left: 30px;
}
#category-lists ul#category-list-two {
right: 20px;
}
#category-lists ul li a {
position: relative;
display: block;
margin: 5px;
padding: 5px;
width: 200px;
}
#category-lists ul li a:visited {
color: #069;
}

#intro {
overflow: hidden;
width: 100%;
margin-bottom: 30px;
}
#intro .blurb,
#intro .main-cta-wrap {
float: left;
padding-right: 10px;
width: 450px;
}
#intro .blurb {
margin: 0;
}
#intro h1 {
font-size: 2.2em;
margin: 5px 0 15px;
text-shadow: 0 1px 0 #fff;
}
#intro h2 {
color: #FF5500;
font-size: 1.4em;
line-height: 1.2;
margin: 15px 0;
}
#intro .blurb p,
#intro .blurb ul {
margin: 15px 0 15px 0;
}
#intro .blurb p,
#intro .blurb li {
font-size: 1em;
line-height: 1.6em;
padding-right: 30px;
}
#intro .feature {
float: left;
width: 480px;
padding-bottom: 35px;
}
#intro strong {
font-weight: bold;
}
#intro em {
font-style: italic;
}
#intro .blurb ul {
list-style: disc outside none;
}
#intro .blurb ul li {
margin-left: 15px;
padding-left: 10px;
}
#intro .cta {
clear: both;
}
#intro .guarantee {
width: 400px;
background: transparent url("/static/images/our-guarantee-75px.png") no-repeat top left;
min-height: 75px;
float: left;
padding-left: 80px;
}
#showGuaranteeExplained {
text-decoration: none;
cursor: pointer;
}

#guaranteeExplained {
display: none;
background-color: #EEEEEE;
width: 700px;
}
#guaranteeExplained p {
line-height: 1.6em;
}
#guaranteeExplained strong {
font-weight: bold;
}
#guaranteeExplained em {
font-style: italic;
}
#guaranteeExplained .guaranteeIntro {
border: 1px solid #c2c5cc;
padding: 20px 20px 20px 100px;
margin: 10px;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px; 
background: white url("/static/images/our-guarantee-75px.png") no-repeat 20px 20px;
}
#guaranteeExplained .guaranteeIntro .heading {
margin-bottom: 0;
color: #B9010A;
margin-bottom: 8px;
}
#guaranteeExplained .faqs {
border: 1px solid #c2c5cc;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; 
border-radius: 6px; 
background-color: white;
margin: 10px;
padding: 10px;
}
#guaranteeExplained .faqsContent {
height: 200px;
overflow: auto;
}
#guaranteeExplained .faqsList {
margin: 15px 20px 0 10px;
}
#guaranteeExplained .faqsList .faq {
margin-bottom: 20px;
}
#guaranteeExplained .faqsList .faq .heading {
margin-bottom: 1em;
font-size: 16px;
}
#guaranteeExplained .faqsList .faq p {
margin-bottom: 1em;
font-size: 14px;
}
#intro .guarantee h3 {
line-height: 1em;
margin: 15px 0 0 0;
color: #b9010a;
}
#intro .guarantee p {
color: #A9ACB1;
font-size: 1.12em;
}
#intro a#main-cta,
#intro a#main-cta:link,
#intro a#main-cta:visited {
background: #66004e url(/static/images/bg-color-buttons.png) repeat-x 0 0;
border: 2px solid #400b32;
border-bottom-color: #26071e;
border-top-color: #4d003b;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color: #fff;
display: block;
font-size: 1.5em;
margin: 10px 0;
padding: 11px 0;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 #26071e;
width: 400px;
}
#intro a#main-cta span {
display: block;
font-size: 0.70em;
margin: 5px 0 0;
text-align: center;
}
#intro a#main-cta:hover,
#intro a#main-cta:active {
background-position: 0 -120px;
}
#intro a#main-cta:focus {
outline: none;
}
#intro a#main-cta em {
font-style: normal;
}
@media print {
.print { display: inherit; }
}