/* HTML TAGS & RESETS */
html { font-size: 62.5%; }
body {
width: 100%;
min-width: 800px;
max-width: 2000px;
margin: 0 auto;
padding: 0;
color: #000;
text-align: center;
font: normal 100% "trebuchet ms", arial, helvetica, sans-serif;
background: #fff url(/images/structure/bk.gif) 0 2.0em repeat-x;
}
h1,h2,h3,h4,h5,h6 { margin: 0 0 0.33em 0; padding: 0; color: #69c; font: bold 1.45em verdana, sans-serif; }
h2 { font-size: 1.35em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.15em; }
h5 { font-size: 1.05em; }
h6 { font-size: 1.05em; }
a:link, a:visited { color: #036; }
a:link:hover, a:visited:hover { color: #c00; }
a.popup-link:link, a.popup-link:visited, a.popup-def:link, a.popup-def:visited { padding-right: 10px; background: url(/images/icons/popup-icon-out.gif) 100% 50% no-repeat; }
a.popup-link:hover, a.popup-def:hover { background: url(/images/icons/popup-icon-over.gif) 100% 50% no-repeat; }
hr { clear: both; padding: 0; height: 1px; color: #9cf; background: #9cf; border: none; }
table { padding: 0; border-collapse: collapse; }
table td { margin: 0; padding: 0.25em 0.33em; }
hr,p,ul,form,table { margin: 0 0 0.75em 0; padding: 0; }
/* FORMS */
input.text, textarea {
margin: 0.2em 0 0.35em 0;
padding: 0.15em 0.2em;
font: normal 1em trebuchet ms, arial, helvetica, sans-serif;
border: 1px;
border-style: solid;
border-color: #333 #ccc #ccc #333;
}textarea { width: 97%; }
select { margin-top: 0.2em; font: normal 1em trebuchet ms, arial, helvetica, san
s-serif; }
input.button, input.cancel {
width: 1;
overflow: visible;
padding: 0.18em 0.5em;
color: #fff;
font: bold 1.0em/1.0em tahoma, geneva, arial, sans-serif;
background: #2a4f74 url(/images/structure/form.gif) 0 -600px repeat-x;
border: 1px solid #747b81;
cursor: pointer;
}
input.cancel { color: #747b81; background-color: #c7c7c7; background-position: 0 -680px; }
input.button:hover { color: #efefef; background-color: #4e82af; background-position: 0 -640px; border-color: #666c72; }
input.cancel:hover { background-color: #e9eaeb; background-position: 0 -720px; }
input.checkbox { margin: 0.2em 0 0.35em 0; vertical-align: middle; }
table td input.text { margin: 0; padding: 0.1em; }
table td input.radio { vertical-align: middle; }
p.req-leg { position: relative; margin-bottom: 0; font-size: 0.95em; text-align: right; }
fieldset { padding: 0 0.55em 0.75em 0.55em; margin: 0 0 0.75em 0; background: #eaf5fa url(/images/structure/form.gif) 0 0 repeat-x; }
legend { margin-bottom: 0.55em; color: #000; font-weight: bold; }
ul.form_error { padding: 0.55em 0.75em; background: #fbd1d1 url(/images/structure/flash.gif) 0 -225px repeat-x; border: 1px dotted #c00; }
ul.form_error li { list-style-type: none; }
ul.form_error li ul { margin: 0.33em 0 0 0; padding: 0; color: #c00; }ul.form_error li ul li { margin-left: 0.33em; padding-left: 14px; background: url(/images/elements/checks.gif) 0 -200px no-repeat; }
/* PAGE STRUCTURE */
#container { position: relative; font-size: 1.50em; }
#header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4.8em;
padding: 0;
margin: 0;
text-align: left;
overflow: hidden;
background: #69c;
}
#header #logo {
display: block;
width: 220px;
height: 48px;
margin: 1.0em 0 0 1.0em;
color: #82b5e8;
font-size: 8px;
line-height: 12px;
text-indent: 150px;
text-decoration: none;
background: url(/images/icons/bb-logo-head.gif) no-repeat;
}
#login, #login p, #login a, #login input.button, #tools { position: absolute; }
#login {
top: 0;
right: 0;
width: 60%;
padding: 1.5em 5.0em 0 0;
color: #fff;
font-size: 0.85em;
text-align: right;
}
#login fieldset {
position: relative;
display: inline;
margin: 0;
padding: 0;
background: transparent;
border: none;
}
#login p, #login a {
display: inline-block;
top: -1.5em;
right: 0.33em;
font-size: 0.87em;
}
p#login { font-size: 1.0em; color: #69c; }
#login input.text, #login p input { margin: 0; padding: 0; vertical-align: text-top; }
#login p input { margin-top: -0.12em; }
#login input.button {
bottom: 0.12em;
right: 0.33em;
width: 5.0em;
padding: 0.10em 0;
font-size: 0.90em;
border-color: #efefef;
}
#login input.text {
width: 12.0em;
height: 1.33em;
margin: 0 0.33em;
font: normal 1.0 "trebuchet ms", arial, helvetica, sans-serif
}
label.overlabel-apply {
position: absolute;
top: 0.18em;
left: 0.75em;
z-index: 1;
color: #999;
}
#tools {
top: 0;
right: 0;
margin: 0;
padding: 0;
font: bold .86em/1.5em "trebuchet ms", arial, helvetica, sans-serif;
list-style-type: none;
background: #82b5e8 url(/images/structure/nav.gif) 0 -80px no-repeat;
}
#nav {
float: right;
position: relative;
top: -0.68em;
width: 62%;
margin: 0 19% 0 0;
padding: 0.20em 0;
font: bold 1.05em tahoma, geneva, arial, helvetica, sans-serif;
white-space: nowrap;
text-align: center;
list-style-type: none;
}
#tools li, #nav li { display: inline; border-right: 1px solid #fff; }
#tools li { color: #366287; }
#tools li.first { margin-left: 12px; }
#tools li.last, #nav li.last { border: 0; }
#tools li.last { padding-right: 0; }
#tools li.current, #tools li a, #nav li.current, #nav li a { margin: 0; padding: 0.18em 0.66em; }
#tools li a:link, #tools li a:visited, #nav li a:link, #nav li a:visited { color: #fff; text-decoration: none; }
#tools li a:hover, #tools li a:active { color: #fc3; }
#nav li a:link, #nav li a:visited { background: #2e5677 url(/images/structure/nav.gif) 0 0 repeat-x; }
#nav li.current, #nav li a:hover, #nav li a:active { color: #ecf1f6; background: #3b678e url(/images/structure/nav.gif) 0 -40px repeat-x; }
#nav li.first a:link, #nav li.first a:visited { padding-left: 16px; background-position: 0 -120px; }
#nav .first.current, #nav li.first a:hover, #nav li.first a:active { padding-left: 16px; background-position: 0 -160px; }
#nav li.last a:link, #nav li.last a:visited { padding-right: 16px; background-position: 100% -200px; }
#nav .last.current, #nav li.last a:hover, #nav li.last a:active { padding-right: 16px; background-position: 100% -240px; }
#header iframe#fb-like { position: absolute; left: 76%; top: 48px; width: 225px; height: 30px; }
/*SERVER MESSAGES*/
#flash-notice, #flash-warning, #flash-error {
width: 88%;
margin: 0 auto 0.75em auto;
padding: 0.33em 1%;
color: #2e5c22;
background: #dff1da url(/images/structure/flash.gif) 0 0 repeat-x;
border: 1px dotted #7ccd66;
}
#content.two-col #flash-notice, #content.two-col #flash-warning, #content.two-col #flash-error, #members-only #info #flash-notice, #members-only #info #flash-warning, #members-only #info #flash-error { width: auto; }
#flash-warning { color: #a58703; background-color: #f5f1d6; background-position: 0 -125px; border: 1px dotted #e6bb03; }
#flash-error { color: #c00; background-color: #fbd1d1; background-position: 0 -225px; border: 1px dotted #c00; }
#flash-notice li, #flash-warning li, #flash-error li { list-style-type: none; padding-left: 14px; color: #000; background: url(/images/elements/checks.gif) 0 0 no-repeat; }
#flash-warning li { background-position: 0 -100px; }
#flash-error li { background-position: 0 -200px; }
/* MAIN CONTENT AREAS */
#content { margin: 5.0em 0 0.75em 0; padding: 0.75em 1.25em; text-align: left; }
#main { float: left; display: inline; width: 50%; margin: 0 -74% 0 21%; }
#global { float: left; width: 20%; margin: 0; }
#contextual { float: right; width: 28%; margin: 0; }
#content.two-col #main { width: 77%; margin: 0 -98% 0 21%; overflow: auto; }
#content.one-col #main { float: none; display: block; width: auto; margin: 0; }
/* FOOTER */
#footer {
clear: both;
padding-top: 0.75em;
color: #555;
font-size: 0.90em;
background: url(/images/structure/footer-bk.gif) 50% 0 repeat-x;
}
#footer ul { list-style-type: none; }
#footer ul li { display: inline; margin: 0 0 0 0.66em; padding: 0 0.66em 0 0; border-right: 1px solid #ccc; }
#footer ul li.last { padding: 0; border: 0; }
/* LISTS */
ul.feature-points { list-style-type: none; }
ul.feature-points.sbs { width: 48%; float: left; margin-right: 1%; }
ul.feature-points li { margin: 0 0 0.33em 0; padding-left: 14px; text-align: left; background: url(/images/elements/checks.gif) 0 -298px no-repeat; }
#main ul.feature-points li { margin: 0 0 0.66em 0.66em; }
#main ul.feature-points li strong { color: #1f5183; font: bold 1.05em tahoma, geneva, arial, sans-serif; }
ul.basic_features { list-style-type: none; margin: 0; padding: 0; }
ul.basic_features li { margin: 0 0 0.75em 0; color: #555; }
ul.basic_features li strong { color: #1f5183; font: bold 1.1em tahoma, geneva, arial, sans-serif; }
#contextual ul.basic_features { margin-left: 1.0em; }
ul.links, ul.sitemap, ul.press-releases ul.publish-options, ul.order-status { padding-left: 1.25em; }
ul.links li, ul.sitemap li, ul.press-releases li, ul.publish-options li, ul.order-status li { margin-left: 1.25em; }
ul.links li { margin-bottom: 0.55em; }
ul.sitemap li ul { margin-top: 0.55em; }
ol.steps { padding: 0; list-style-type: none; }
ol.steps li { margin: 0 0 0.33em 0; padding-left: 21px; line-height: 1.25em; }
ol.steps li.one { background: url(/images/elements/1.gif) 0 0 no-repeat; }
ol.steps li.two { background: url(/images/elements/2.gif) 0 0 no-repeat; }
ol.steps li.three { background: url(/images/elements/3.gif) 0 0 no-repeat; }
ol.terms li strong { color: #69c; font-size: 1.1em; }
ol.terms li p { margin: 0.75em 0; }
ol.terms li ol { margin-bottom: 0.75em; }
ol.pagination { position: relative; padding: 0.25em 0.33em 0.25em 22%; font-size: 0.93em; text-align: right; color: #555; border-top: 1px dotted #e2e2e2; border-bottom: 1px dotted #e2e2e2; }
ol.pagination li { display: inline; height: 0; margin-right: 0.33em; padding-right: 0.33em; border-right: 1px solid #e2e2e2; }
ol.pagination li#summary { position: absolute; left: 0.33em; margin: 0; padding: 0; border: 0; }
ol.pagination li.next { padding-right: 0; border-right: 0; }
ol.pagination li.na { color: #fff; border-right: none; }
/* MODULES */
.mod { margin: 0 0 1.0em 0; text-align: center; }
/* LOGIN */
.mod.login, .mod.iwt { padding: 0 0.75em; background: #f3f8fc; border-bottom: 1px dotted #e2e2e2; }
#main .mod.login { width: 80%; margin: 1.0em auto; }
.mod.login h2, .mod.iwt h3 {
position: relative;
margin: 0 -0.6em 0.55em -0.6em;
padding: 0 0 0.1em 0.5em;
color: #fff;
font-size: 1.25em;
background: #69c url(/images/modules/mod-h-bk.gif) 0 100% repeat-x;
}
.mod.login h2 span.secure { padding-left: 12px; background: url(/images/icons/secure-icon.gif) 0 50% no-repeat; }
.mod.login p { text-align: left; }
.mod.login form p { margin-bottom: 0.33em; }
.mod.login form p#remember-me { font-size: 0.97em; }
.mod.login p.forgot { text-align: center; }
.mod.login form input.text { width: 97%; }
.mod.login form p.req-leg { margin-bottom: 0; text-align: right; }
/* OPTIONS */
.mod.iwt {
float: left;
position: relative;
left: 2%;
width: 26%;
}
.mod.iwt h3 { font-size: 1.2em; }
.mod.iwt h4 { font-size: 1.1em; text-align: left; }
.mod.iwt h4.view, .mod.iwt h4.edit, .mod.iwt h4.order-photos { padding-left: 17px; background: url(/images/icons/iwt-account.gif) 0 0.22em no-repeat; }
.mod.iwt h4.edit { background-position: 0 -32px }
.mod.iwt h4.order-photos { background-position: 0 -64px }
.mod.iwt p.order-photos { font-size: 0.95em; text-align: left; }
.mod.iwt p.order-photos img { float: left; margin-right: 0.75em; }
.mod.iwt #your-photo-order { margin: 0 0 0.75em 0; text-align: center; }
.mod.iwt #your-photo-order .photo { float: left; margin: 3px; padding: 3px; }
.mod.iwt #your-photos { height: 1%; padding-bottom: 0.55em; overflow: hidden; }
.mod.iwt #your-photo-order button {
clear: left;
display: block;
margin: 0 auto;
padding: 0.18em 0.75em;
font-weight: bold;
background: #fff url(/images/blogs/order-print-bk.gif) 0 100% repeat-x;
border: 1px solid #fc3;
}
.mod.iwt #your-photo-order button:link, .mod.iwt #your-photo-order button:visited { color: #484848; }button:hover, button:active { color: #f60; border-color: #f60; }
#your-photo { position: absolute; }
#photo-controlbar {
display: none;
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
background: #4e82af url(/images/blogs/photo-controlbar-bk.gif) 0 0 repeat-x;
border-style: 1px solid #557793;
border: 1px;
border-style: solid;
border-color: #bbbcbc; #a6a6a6 #a6a6a6 #bbbcbc;
}
#photo-controlbar li { display: inline; width: 45% margin-right: 1%; }
.mod.iwt ul { list-style-type: none; text-align: left; }
.mod.iwt ul li { margin: 0 0 0.18em 0.55em; }
.mod.iwt ul.member-actions li { margin-bottom: 0.33em; }
.mod.iwt p.reminder { text-align: left; }
.mod.iwt p.logout { padding-top: 0.55em; border-top: 1px dotted #e2e2e2; }
/* EZP BUILDER*/
#product-builder, #product-builder ol { height: 1%; overflow: hidden; }
#product-builder ol { margin: 0; padding: 0; list-style-type: none; }
#product-builder ol li {
float: left;
width: 15%;
margin: 0;
padding: 14px 0 50px 48px;
font: normal 16px/16px 'lucida sans unicode', 'lucida grande', sans-serif;
background: url(/images/elements/photo-builder-steps.gif) 0 0 no-repeat;
}
#product-builder ol li.two { width: 35%; background-position: 0 -80px; }
#product-builder ol li.three { width: 25%; background-position: 0 -160px; }
ul.product-menu, #the-builder { float: left; position: relative; }
#the-builder { left: 2px; width: 79%; margin-bottom: 0.75em; }
#product-builder p.note { clear: left; padding: 0 0 0 20%; }
ul.product-menu { display: none; }
ul.product-menu, ul.products { list-style-type: none; }
ul.product-menu, ul.product-menu * { margin: 0; padding: 0; }
ul.product-menu { width: 20%; }
ul.product-menu li { margin: 0.275em; }
ul.product-menu li a {
padding-left: 13px;
font: bold 0.90em 'lucida sans unicode', 'lucida grande', sans-serif;
text-decoration: none;
background: url(/images/elements/photo-menu/menu-arrow.gif) 0 0.22em no-repeat;
}
ul.product-menu li a:link, ul.product-menu li a:visited { color: #aeaeae; }
ul.product-menu li a:hover, ul.product-menu li a:active, ul.product-menu li a.current-category { color: #bfbfbf; }
ul.product-menu li a.current-category { background-position: 0 -596px; }
ul.products { margin: 0; padding: 0.18em 0 0 0; }
ul.products li { width: auto; margin: 0 0 0.33em 13px; padding: 0; }
ul.products li { width: auto; margin: 0 0 0.33em 13px; padding: 0; }
ul.products li a {
padding: 0;
font: normal 0.85em 'lucida sans unicode', 'lucida grande', sans-serif;
text-decoration: underline;
background: none;
}
ul.products li a:link, ul.products li a:visited { color: #036; }
ul.products li a:hover, ul.products li a:active { color: #c00; }
ul.products li a.current-product { cursor: text; color: #6c6068; text-decoration: none; }
#builder-nav {
position: absolute;
top: 90px;
right: 3%;
margin: 0;
padding: 0.125em 0;
list-style-top: none;
text-align: center;
background: #d2e3f5 url(/images/elements/photo-builder-nav.gif) 0 100% repeat-x;
}
#builder-nav li {
display: inline;
margin: 0;
padding: 0 0.55em;
color: #efefef;
font: bold 0.85em 'lucida sans unicode', 'lucida grande', sans-serif;
border-right: 1px dotted #fff;
}
#builder-nav li#back { border: none; }
#builder-nav li a { text-decoration: none; }
#builder-nav li a:link, #builder-nav li a:visited { color: #fff; }
#builder-nav li a:hover, #builder-nav li a:active { color: #efefef; }
#your-photo-cart { margin: 0.75em auto; text-align: center; }
/* SCREENSHOT */
.mod.screenshot { width: 220px; margin: 0 auto 0.75em auto; background: url(/images/modules/screen-shot-bk.jpg) 50% 0 no-repeat; }
.mod.screenshot img { margin: 17px 0 0 -3px; }
.mod.screenshot p { margin: 0; padding-top: 18px; font-size: 0.80em; }
/* SLIDESHOW */
.mod.slide-show { padding-bottom: 0.75em; font-size: 0.9em; border-bottom: 1px dotted #e2e2e2; border-bottom: 0; }
.mod.slide-show p { padding-top: 80px; background: #fff url(/images/modules/slideshow-anim-1.gif) no-repeat 50% 0; }
#slideshow-2 p { background-image: url(/images/modules/slideshow-anim-2.gif); }
#slideshow-3 p { background-image: url(/images/modules/slideshow-anim-3.gif); }
#main .mod.slide-show { font-size: 1.0em; text-align: left; }
#main .mod.slide-show p { height: 75px; padding: 5px 0 0 105px; background-position: 0 0; }
html>body #main .mod.slide-show p { min-height: 75px; }
.mod.pricing { width: 90%; margin: 1.0em auto; padding: 1.0em; border-top: 1px dotted #e2e2e2; border-bottom: 1px dotted #e2e2e2; }
.mod.photo-products h3 { font-size: 1.0em; }
.mod.photo-products p {
padding: 120px 0.55em 0 0.55em;
color: #555;
font: normal 0.80em tahoma,arial,helvetica,sans-serif;
font-style: italic;
background: url(/images/elements/photo-products/mug-prints-button.jpg) 50% 0% no-repeat;
}
#how-it-works {
position: relative;
list-style-type: none;
width: 75%;
height: 315px;
margin: 0 auto 0.75em auto;
padding: 0.75em;
background: #fff url(/images/elements/how-it-works-bk.jpg) 50% 75px no-repeat;
}
#how-it-works li {
position: absolute;
display: block;
width: 20%;
padding-top: 75px;
color: #fff;
font-size: 10px;
background: #82b5e8 url(/images/elements/how-it-works-items.gif) 50% 0 no-repeat;
}
#how-it-works li#one { left: 0; bottom: 25%; }
#how-it-works li#two { left: 15%; top: 0; background-position: 50% -150px; }
#how-it-works li#three { left: 65%; top: 2%; background-position: 50% -300px; }
#how-it-works li#four { right: 0; bottom: 30%; background-position: 50% -450px; }
#how-it-works li#five {
bottom: 0;
width: 100%;
padding: 0;
font-size: 1.0em;
text-align: center;
background: none;
}
#how-it-works li#five a {
display: inline-block;
margin: 0;
padding: 0.5em;
color: #fff;
font: bold 1.0em/1.0em tahoma, geneva, arial, sans-serif;
text-decoration: none;
background: #2e5677 url(/images/structure/nav.gif) 0 0 repeat-x;
border: 1px solid #747b81;
}
#how-it-works li#five a:hover, #how-it-works li#five a:active {
color: #fff;
background: #3b678e url(/images/structure/nav.gif) 0 -40px repeat-x;
border-color: #666c72;
}
#get-started { text-align: center; }
#get-started a { display: block; }
/* PHOTOS */
img.photo { display: block; margin: 0 5px; padding: 5px; background: #fff; border: 1px solid #ccc; }
/* QUOTES */
blockquote { margin: 0; padding: 1.1em 0 0 2.2em; background: url(/images/elements/quote-open.gif) no-repeat; }
blockquote p {
margin: 0;
padding: 0 2.2em 1.1em 0;
color: #369;
font: bold 1.1em "trebuchet ms", arial, helvetica, sans-serif;
text-align: center;
background: url(/images/elements/quote-close.gif) bottom right no-repeat;
}
cite {
display: block;
margin: 0.25em 0 0.75em 0;
padding-right: 2.2em;
color: #555;
text-align: right;
}
/* CALENDAR */
.date-selects { white-space: nowrap; }
#free-signup .date-selects { font-size: 0.9em; }
table.jCalendar {
background: #f6f6f6;
border: 1px solid #ccc;
border-collapse: separate;
border-spacing: 1px;
}
table.jCalendar th { background: #6795c4; color: #fff; padding: 0.18em 0.33em; }
table.jCalendar td {
padding: 0.18em 0.33em;
color: #000;
text-align: center;
background: #fff;
}
table.jCalendar td.weekend { background: #eaf5fa; }
table.jCalendar td.other-month { color: #aaa; background: #eaeaea; }
table.jCalendar td.today { font-weight: bold; }
table.jCalendar td.selected { background: #faeaed; border: 1px solid #f9acba; }
table.jCalendar td.selected:hover { background: #f99eaf; }
table.jCalendar td:hover, table.jCalendar td.dp-hover { background: #faeaed; }
table.jCalendar td.disabled, table.jCalendar td.disabled:hover { color: #eaeaea; background: #eaeaea; }
div.dp-popup {
position: relative;
padding: 0.75em;
font: normal 0.90em/1.2em "trebuchet ms", arial, helvetica, sans-serif;
background: #fff;
border: 1px dotted #999;
}
div#dp-popup { position: absolute; z-index: 199; }
div.dp-popup h2 { font-size: 1.1em; text-align: center; }
a#dp-close { display: block; text-align: center; }
a#dp-close:hover { text-decoration: underline; }
div.dp-popup div.dp-nav-prev, div.dp-popup div.dp-nav-next { position: absolute; top: 0.55em; width: 100px; }
div.dp-popup div.dp-nav-prev { left: 0.33em; }
div.dp-popup div.dp-nav-next { right: 0.33em; }
div.dp-popup div.dp-nav-prev a { float: left; }
div.dp-popup div.dp-nav-prev a.dp-nav-prev-month { padding-left: 0.45em; }
div.dp-popup div.dp-nav-next a.dp-nav-next-month { padding-right: 0.45em; }
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { cursor: default; color: #fff; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }
/* HOME */
h1.land { text-align: center; }
#features, .one-col #free-signup { width: 48%; margin-top: 0.75em; float: left; }
#features { position: relative; }
#features h2, #features h3, #features .mod.screenshot { position: relative; width: 49%; text-align: center; }
#features h2, #features .mod.screenshot { float: left; }
#features h2 {
margin: 0;
color: #555;
font: normal 12px/16px tahoma,arial,helvetica,sans-serif;
}
#features h2 strong { color: #c00; font: bold 16px/16px tahoma,arial,helvetica,sans-serif; }
#features h3 {
clear: left;
top: -175px;
padding-top: 130px;
margin: 0 0 -160px 0;
color: #555;
font: normal 11px/14px tahoma,arial,helvetica,sans-serif;
font-style: italic;
background: url(/images/elements/photo-products/mug-prints-button.jpg) 50% 0% no-repeat;
}
#features .mod.screenshot { left: 1%; }
#features ul.basic_features { clear: left; }
.one-col #free-signup { position: relative; left: 3%; top: -1.0em; }
#free-signup fieldset { position: relative; }
#free-signup fieldset p { width: 65%; }
#free-signup fieldset p input.text { width: 96%; }
#free-signup fieldset p.free-bubble {
top: 3%;
left: 66%;
position: absolute;
width: 30%;
}
#free-signup p.tos { padding-top: 0.55em; margin: 0; }
#testimonial { clear: left; width: 60%; margin: 0 auto; }
/* HELP/FAQ */
ul.help-topics { margin: 0 0 1.1em 0; font-size: 1.1em; }
ul.faq-list { padding: 0 0 0.75em 0; list-style-type: none; border-bottom: 1px dotted #69c; }
ul.faq-list li { margin: 0; padding: 0 0 0.18em 0.75em; }
dl.faq { margin-top: 0.75em; padding: 0; }
dl.faq dt { margin: 0; padding: 0; font-size: 1.1em; font-weight: bold; color: #69c; }
dl.faq dt img { vertical-align: middle; }
dl.faq dd { margin: 0.5em 0 0.65em 0; padding: 0 0 0.65em 0.65em; border-bottom: 1px dotted #e2e2e2; }
dl.faq p.btt { font-size: 0.95em; }
/* MEMBERS & ACCOUNT PAGES */
#members-only, #your-account { width: 90%; margin: 0 auto; }
#members-only #info, #your-account #info { width: 70%; float: left; }
#members-nav {
padding: 0.25em 0;
color: #fff;
font: bold 1.05em "trebuchet ms", arial, helvetica, sans-serif;
text-align: center;
background: #9cf;
border-top: 1px solid #69c;
border-bottom: 1px solid #69c;
}
#members-nav li { display: inline; padding-right: 0.44em; margin-right: 0.44em; border-right: 1px solid #fff; }
#members-nav li.last { padding: 0; margin: 0; border: 0; }
#members-nav li a { text-decoration: none; }
#members-only #info form table { width: 98%; }
#members-only #info form fieldset table { width: auto; margin-bottom: 0; }
#members-only #info form.admin table input.text, #members-only #info form.admin table p.tip { width: 85%; }
#members-only #info form.admin fieldset table input.text { width: auto; }
#members-only #info table.entries { width: 100%; border: 1px solid #69c; border-bottom: 0; }
#members-only #info table.entries th { padding: 0.18em 0.25em; color: #fff; background: #69c; }
#members-only #info table.entries tr td { padding: 0.25em; border-bottom: 1px solid #69c; }
#members-only #info table.entries tr.even td { background: #eaf5fa; }
#photo-uploader p.note { position: relative; margin-top: -0.55em; }
/* TYPE TREATMENTS */
h2.blog-that-baby-1, h2.blog-that-baby-2 {
margin-bottom: 1.25em;
padding-top: 184px;
color: #000;
font-size: 1.0em;
text-align: center;
background: url(/images/elements/big-baby-1.jpg) 50% 0 no-repeat;
}
h2.blog-that-baby-2 { background-image: url(/images/elements/big-baby-2.jpg); }
h3.unlimited-photos-1, h3.unlimited-photos-2, h3.unlimited-photos-3 {
margin-bottom: 0.75em;
padding-bottom: 120px;
font-size: 1.01em;
text-align: center;
background: url(/images/elements/unlimited-photos-1.jpg) 50% 100% no-repeat;
}
h3.unlimited-photos-2 { background-image: url(/images/elements/unlimited-photos-2.jpg); }
h3.unlimited-photos-3 { background-image: url(/images/elements/unlimited-photos-3.jpg); }
p.free-bubble {
padding-top: 58px;
color: #c00;
text-align: center;
font: bold 1.0em tahoma, geneva, arial, sans-serif;
background: url(/images/elements/free.gif) 50% -75px no-repeat;
}
#content.one-col p.free-bubble { padding-top: 165px; background-position: 50% -175px; }
a .ak { text-decoration: underline; }
.made-in-usa { padding-left: 20px; font-size: 0.9em; background: url(/images/icons/usa-flag.gif) 0 50% no-repeat; }
.req { color: #c00; }
.copyright, .tip, .note { font-size: 0.85em; }
.tip, .note { color: #555; }
p.btt { text-align: right; margin: 0; }
.pdf { padding-left: 30px; background: url(/images/icons/pdf.gif) 0 50% no-repeat; }
a.pdf { display: block; padding: 10px 0 10px 30px; margin-bottom: 0.55em; }
p.intro { font-size: 1.15em; line-height: 1.35em; }
span.new, strong.new, li.new { padding-left: 18px; background: url(/images/icons/new16x10.gif) 0 0.22em no-repeat; }
/* UTILITIES */
/* CLEARED ELEMENTS */
#container,#content, #main { height: 1%; overflow: hidden; }
.nbm { margin-bottom: 0; }
.dbm { margin-bottom: 1.5em; }