W3C CSS Validator results for http://w3-markup.com/examples/smashingmagazine.com/markup/index.html (CSS level 3)

Congratulations! No Error Found.

This document validates as CSS level 3 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS!
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
            
Valid CSS!
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
</p>
        

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fw3-markup.com%2Fexamples%2Fsmashingmagazine.com%2Fmarkup%2Findex.html&profile=css3&usermedium=all&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (147)

URI : http://w3-markup.com/css/all.css?1321546760

413 Same colors for color and background-color in two contexts #content .btns li.paynow and .comments .alt .headline strong
413 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and .comments .alt .headline strong
413 Same colors for color and background-color in two contexts #content .btns li.take-payment and .comments .alt .headline strong
413 Same colors for color and background-color in two contexts .main-detail .plus a and .comments .alt .headline strong
413 Same colors for color and background-color in two contexts .main-detail .plus a and .comments .alt .headline strong
413 Same colors for color and background-color in two contexts #content .btns li.paynow and .comments .alt .headline strong a
413 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and .comments .alt .headline strong a
413 Same colors for color and background-color in two contexts #content .btns li.take-payment and .comments .alt .headline strong a
413 Same colors for color and background-color in two contexts .main-detail .plus a and .comments .alt .headline strong a
413 Same colors for color and background-color in two contexts .main-detail .plus a and .comments .alt .headline strong a
506 Same colors for color and background-color in two contexts #content .btns li.paynow and input.post-message
506 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and input.post-message
506 Same colors for color and background-color in two contexts #content .btns li.take-payment and input.post-message
506 Same colors for color and background-color in two contexts .main-detail .plus a and input.post-message
506 Same colors for color and background-color in two contexts .main-detail .plus a and input.post-message
889 Same colors for color and background-color in two contexts #content .btns li.paynow and .tabset li a.active
889 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and .tabset li a.active
889 Same colors for color and background-color in two contexts #content .btns li.take-payment and .tabset li a.active
889 Same colors for color and background-color in two contexts .main-detail .plus a and .tabset li a.active
889 Same colors for color and background-color in two contexts .main-detail .plus a and .tabset li a.active
940 Same colors for color and background-color in two contexts #content .btns li.paynow and #content .slide-block .open-close
940 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and #content .slide-block .open-close
940 Same colors for color and background-color in two contexts #content .btns li.take-payment and #content .slide-block .open-close
940 Same colors for color and background-color in two contexts .main-detail .plus a and #content .slide-block .open-close
940 Same colors for color and background-color in two contexts .main-detail .plus a and #content .slide-block .open-close
955 Same colors for color and background-color in two contexts #content .btns li.paynow and .active .heading strong
955 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and .active .heading strong
955 Same colors for color and background-color in two contexts #content .btns li.take-payment and .active .heading strong
955 Same colors for color and background-color in two contexts .main-detail .plus a and .active .heading strong
955 Same colors for color and background-color in two contexts .main-detail .plus a and .active .heading strong
998 Same colors for color and background-color in two contexts #content .btns li.paynow and div.switch
998 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and div.switch
998 Same colors for color and background-color in two contexts #content .btns li.take-payment and div.switch
998 Same colors for color and background-color in two contexts .main-detail .plus a and div.switch
998 Same colors for color and background-color in two contexts .main-detail .plus a and div.switch
1056 Same colors for color and background-color in two contexts #content .btns li.paynow and ul.switch span.active
1056 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and ul.switch span.active
1056 Same colors for color and background-color in two contexts #content .btns li.take-payment and ul.switch span.active
1056 Same colors for color and background-color in two contexts .main-detail .plus a and ul.switch span.active
1056 Same colors for color and background-color in two contexts .main-detail .plus a and ul.switch span.active
1093 Same colors for color and background-color in two contexts #content .btns li.paynow and .total-info .frame span strong
1093 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and .total-info .frame span strong
1093 Same colors for color and background-color in two contexts #content .btns li.take-payment and .total-info .frame span strong
1093 Same colors for color and background-color in two contexts .main-detail .plus a and .total-info .frame span strong
1093 Same colors for color and background-color in two contexts .main-detail .plus a and .total-info .frame span strong
1131 Same colors for color and background-color in two contexts #content .switch ul and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts #footer .inner and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts .row .code .inner and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts .textarea and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts .textarea textarea and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts .upload-box and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts ul.switch li span and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts input.file-browse and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts input.save-profile and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts input.save-profile and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts input.save-profile and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts input.file-browse and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts input.save-profile and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts input.save-profile and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts input.save-profile and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts ul.switch .item and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts ul.switch li span and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts ul.switch li strong and .btns .proceed-payment a
1131 Same colors for color and background-color in two contexts #content .switch ul and .btns .take-payment a
1131 Same colors for color and background-color in two contexts #footer .inner and .btns .take-payment a
1131 Same colors for color and background-color in two contexts .row .code .inner and .btns .take-payment a
1131 Same colors for color and background-color in two contexts .textarea and .btns .take-payment a
1131 Same colors for color and background-color in two contexts .textarea textarea and .btns .take-payment a
1131 Same colors for color and background-color in two contexts .upload-box and .btns .take-payment a
1131 Same colors for color and background-color in two contexts ul.switch li span and .btns .take-payment a
1131 Same colors for color and background-color in two contexts input.file-browse and .btns .take-payment a
1131 Same colors for color and background-color in two contexts input.save-profile and .btns .take-payment a
1131 Same colors for color and background-color in two contexts input.save-profile and .btns .take-payment a
1131 Same colors for color and background-color in two contexts input.save-profile and .btns .take-payment a
1131 Same colors for color and background-color in two contexts input.file-browse and .btns .take-payment a
1131 Same colors for color and background-color in two contexts input.save-profile and .btns .take-payment a
1131 Same colors for color and background-color in two contexts input.save-profile and .btns .take-payment a
1131 Same colors for color and background-color in two contexts input.save-profile and .btns .take-payment a
1131 Same colors for color and background-color in two contexts ul.switch .item and .btns .take-payment a
1131 Same colors for color and background-color in two contexts ul.switch li span and .btns .take-payment a
1131 Same colors for color and background-color in two contexts ul.switch li strong and .btns .take-payment a
1170 Same colors for color and background-color in two contexts #content .switch ul and .btns li.paynow input
1170 Same colors for color and background-color in two contexts #footer .inner and .btns li.paynow input
1170 Same colors for color and background-color in two contexts .row .code .inner and .btns li.paynow input
1170 Same colors for color and background-color in two contexts .textarea and .btns li.paynow input
1170 Same colors for color and background-color in two contexts .textarea textarea and .btns li.paynow input
1170 Same colors for color and background-color in two contexts .upload-box and .btns li.paynow input
1170 Same colors for color and background-color in two contexts ul.switch li span and .btns li.paynow input
1170 Same colors for color and background-color in two contexts input.file-browse and .btns li.paynow input
1170 Same colors for color and background-color in two contexts input.save-profile and .btns li.paynow input
1170 Same colors for color and background-color in two contexts input.save-profile and .btns li.paynow input
1170 Same colors for color and background-color in two contexts input.save-profile and .btns li.paynow input
1170 Same colors for color and background-color in two contexts input.file-browse and .btns li.paynow input
1170 Same colors for color and background-color in two contexts input.save-profile and .btns li.paynow input
1170 Same colors for color and background-color in two contexts input.save-profile and .btns li.paynow input
1170 Same colors for color and background-color in two contexts input.save-profile and .btns li.paynow input
1170 Same colors for color and background-color in two contexts ul.switch .item and .btns li.paynow input
1170 Same colors for color and background-color in two contexts ul.switch li span and .btns li.paynow input
1170 Same colors for color and background-color in two contexts ul.switch li strong and .btns li.paynow input
1178 Same colors for color and background-color in two contexts #content .btns li.paynow and .btns li.deposit strong
1178 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and .btns li.deposit strong
1178 Same colors for color and background-color in two contexts #content .btns li.take-payment and .btns li.deposit strong
1178 Same colors for color and background-color in two contexts .main-detail .plus a and .btns li.deposit strong
1178 Same colors for color and background-color in two contexts .main-detail .plus a and .btns li.deposit strong
1178 Same colors for color and background-color in two contexts #content .btns li.paynow and .btns li.paynow strong
1178 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and .btns li.paynow strong
1178 Same colors for color and background-color in two contexts #content .btns li.take-payment and .btns li.paynow strong
1178 Same colors for color and background-color in two contexts .main-detail .plus a and .btns li.paynow strong
1178 Same colors for color and background-color in two contexts .main-detail .plus a and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts #content .switch ul and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts #footer .inner and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts .row .code .inner and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts .textarea and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts .textarea textarea and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts .upload-box and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts ul.switch li span and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts input.file-browse and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts input.save-profile and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts input.save-profile and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts input.save-profile and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts input.file-browse and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts input.save-profile and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts input.save-profile and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts input.save-profile and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts ul.switch .item and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts ul.switch li span and .btns li.paynow strong
1181 Same colors for color and background-color in two contexts ul.switch li strong and .btns li.paynow strong
1568 Same colors for color and background-color in two contexts #content .btns li.paynow and .order-info dt.alt
1568 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and .order-info dt.alt
1568 Same colors for color and background-color in two contexts #content .btns li.take-payment and .order-info dt.alt
1568 Same colors for color and background-color in two contexts .main-detail .plus a and .order-info dt.alt
1568 Same colors for color and background-color in two contexts .main-detail .plus a and .order-info dt.alt
1571 Same colors for color and background-color in two contexts #content .btns li.paynow and .order-info dd
1571 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and .order-info dd
1571 Same colors for color and background-color in two contexts #content .btns li.take-payment and .order-info dd
1571 Same colors for color and background-color in two contexts .main-detail .plus a and .order-info dd
1571 Same colors for color and background-color in two contexts .main-detail .plus a and .order-info dd
1580 Same colors for color and background-color in two contexts #content .btns li.paynow and .order-info .total strong
1580 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and .order-info .total strong
1580 Same colors for color and background-color in two contexts #content .btns li.take-payment and .order-info .total strong
1580 Same colors for color and background-color in two contexts .main-detail .plus a and .order-info .total strong
1580 Same colors for color and background-color in two contexts .main-detail .plus a and .order-info .total strong
1683 Same colors for color and background-color in two contexts #content .btns li.paynow and span.error
1683 Same colors for color and background-color in two contexts #content .btns li.proceed-payment and span.error
1683 Same colors for color and background-color in two contexts #content .btns li.take-payment and span.error
1683 Same colors for color and background-color in two contexts .main-detail .plus a and span.error
1683 Same colors for color and background-color in two contexts .main-detail .plus a and span.error

↑ Top

Valid CSS information

* {
font-size : 100.01%;
}
html {
font-size : 64%;
background : url(../images/bg-main.jpg?) repeat-y;
height : 100%;
}
body {
margin : 0;
font : 1.563em/1.375em 'Trebuchet MS', Arial, Helvetica, sans-serif;
color : #585858;
min-width : 1001px;
height : 100%;
background : url(../images/bg-blot.jpg?) 764px 0% no-repeat;
}
img {
border-style : none;
}
a {
color : #d3515f;
text-decoration : none;
}
a:hover, .theme a:hover, .entry-title a:hover, .comments .alt .headline strong a:hover, .comments .headline strong a:hover, #content ul.switch li p a:hover, #content ul.switch li.active p a:hover {
color : #b2323f;
}
.hidden, input.required-text, input.file-text {
display : none;
}
a.hidden {
display : inline;
position : absolute;
top : -9999px;
}
label, input, textarea, select {
font : 1em/1.25em 'Trebuchet MS', Arial, Helvetica, sans-serif;
vertical-align : middle;
color : #585858;
}
label {
cursor : pointer;
}
input, textarea, select {
font-size : 0.938em;
line-height : 1.333em;
}
form, fieldset {
margin : 0;
padding : 0;
border : none;
}
input:focus, textarea:focus, select:focus {
outline : none;
}
acronym {
border-style : none;
background : url(../images/bg-acronym.gif) 0% 100% repeat-x;
}
h1 acronym {
background : url(../images/bg-acronym2.gif) 0% 100% repeat-x;
}
blockquote {
margin : 0 0 9px;
display : block;
}
q {
quotes : none;
}
q:before {
content : "";
}
q:after {
content : "";
}
blockquote cite {
display : block;
color : #303030;
font-style : normal;
margin : 9px 0 0;
}
blockquote cite span a {
color : #d3515f;
}
legend span {
position : absolute;
top : -9999px;
}
label span {
color : #ff6c00;
}
#page-width {
height : 100%;
padding-left : 97px;
}
#wrapper {
width : 966px;
height : 100%;
display : table;
}
.w1 {
width : 100%;
display : table-row;
}
.w2 {
display : table-cell;
}
#header {
position : relative;
width : 100%;
overflow : hidden;
padding : 33px 0 20px;
}
.logo {
float : left;
margin : 2px 0 0 14px;
width : 306px;
height : 58px;
position : relative;
overflow : hidden;
display : inline;
}
.logo a, .logo em, .row .code .info a, .order-number .title em, .order-options .title em, .tabset li a, .slide-block .heading em, .btns a, .main-detail .plus a, .main-detail .minus a, .types-list label em, .payment-info .type label em, .gallery .link-prev em, .gallery .link-next em, .cards .name em, .rss a {
display : block;
height : 100%;
text-indent : -9999px;
}
.logo strong, .row .code .info strong, .order-number .title strong, .order-options .title strong, .slide-block .heading strong, .main-detail .plus strong, .main-detail .minus strong, .types-list label strong, .payment-info .type label strong, .gallery .link-prev strong, .gallery .link-next strong, .cards .name strong, .rss strong {
display : block;
width : 100%;
text-indent : 0;
}
.logo span, .row .code .info span, .order-number .title span, .order-options .title span, .tabset li span, .slide-block .heading span, .btns span, .main-detail .plus span, .main-detail .minus span, .types-list label span, .payment-info .type label span, .gallery .link-prev span, .gallery .link-next span, .cards .name span, .rss span {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
background : url(../images/bg-sprite.gif?15) -5px -5px no-repeat;
}
.logo a span, .rss span {
cursor : pointer;
}
.holiday {
width : 316px;
height : 80px;
margin : -20px 0 0 5px;
}
.holiday span {
background : url(../images/logo-holiday.png) no-repeat;
}
#header .new-option {
background : url(../images/bg-sprite.gif?15) -5px -751px no-repeat #fff1ab;
color : #585858;
width : 143px;
height : 49px;
position : absolute;
right : 0;
top : 30px;
font-size : 1.125em;
line-height : 0.889em;
text-align : center;
padding : 15px 11px 5px 71px;
}
.new-option strong em {
font : normal bold 0.889em Arial, Helvetica, sans-serif;
}
.new-option strong {
display : block;
}
.new-option span {
font-size : 0.722em;
line-height : 1em;
}
#nav, .user-btns, .connect, .socials {
margin : 0;
padding : 0;
list-style : none;
font-size : 0.875em;
line-height : 1.14em;
background : #f9f8f0;
width : 706px;
overflow : hidden;
}
.user-btns, .socials {
width : 100%;
margin : 0 0 35px;
}
.connect {
float : right;
font-size : 0.75em;
line-height : 1em;
white-space : nowrap;
width : 376px;
background : none;
}
#nav li, .user-btns li, .connect li, .submit-project, .socials li {
float : left;
height : 54px;
position : relative;
overflow : hidden;
}
.connect li {
height : 25px;
clear : left;
}
#nav li.faq, #nav li.testimonials, #nav li.examples {
width : 175px;
}
#nav li.login, #nav li.logout {
width : 181px;
}
.user-btns li.orders {
width : 113px;
}
.user-btns li.profile {
width : 112px;
}
.connect li.chat {
width : 56px;
}
.connect li.contact {
width : 61px;
}
.connect li.phone {
width : 82px;
}
.socials li.rss {
width : 116px;
}
.socials li.twitter {
width : 54px;
}
.socials li.facebook {
width : 55px;
}
.submit-project {
float : none;
width : 100%;
background : #f9f8f0;
text-align : center;
margin : 0 0 35px;
}
.b-box .submit-project {
background : none;
margin : 0 0 16px;
}
#nav a, .user-btns a, .connect a, .connect em, .submit-project a, .socials a {
color : #303030;
display : block;
height : 100%;
text-indent : -9999px;
overflow : hidden;
}
.connect a, .connect em {
height : 13px;
}
.connect em {
color : #c23140;
font-style : normal;
letter-spacing : -1px;
}
#nav strong, .user-btns strong, .connect strong, .submit-project strong, .socials strong {
display : block;
text-indent : 0;
padding : 10px 0 0 10px;
}
.connect strong {
padding : 0;
}
.submit-project strong {
padding-left : 0;
}
#nav span, .user-btns span, .connect span, .submit-project span, .socials span {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
font-size : 0;
background : url(../images/bg-sprite.gif?15) no-repeat;
}
.socials span {
background : url(../images/bg-socials.gif) no-repeat;
}
.connect span {
height : 13px;
}
#nav a span, .user-btns span, .connect a span, .submit-project span, .socials span {
cursor : pointer;
}
#nav li a:hover, .user-btns li a:hover, .submit-project a:hover, .b-box .submit-project a:hover, .tabset li.details a:hover, .btns li a:hover {
background : url(../images/none.gif);
}
#nav li.faq span {
background-position : -5px -68px;
}
#nav li.testimonials span {
background-position : -185px -68px;
}
#nav li.examples span {
background-position : -365px -68px;
}
#nav li.login span {
background-position : -545px -68px;
}
#nav li.logout span {
background-position : -357px -684px;
}
#nav li.faq a:hover span {
background-position : -5px -126px;
}
#nav li.testimonials a:hover span {
background-position : -185px -126px;
}
#nav li.examples a:hover span {
background-position : -365px -126px;
}
#nav li.login a:hover span {
background-position : -545px -126px;
}
#nav li.logout a:hover span {
background-position : -543px -684px;
}
.user-btns li.orders span {
background-position : -5px -184px;
}
.user-btns li.profile span {
background-position : -123px -184px;
}
.user-btns li.orders a:hover span {
background-position : -5px -243px;
}
.user-btns li.profile a:hover span {
background-position : -123px -243px;
}
.connect li.chat span {
background-position : -316px -5px;
}
.connect li.contact span {
background-position : -377px -5px;
}
.connect li.phone span {
background-position : -443px -5px;
}
.connect li.phone span.type {
background : none;
}
.connect li.chat a:hover span {
background-position : -316px -23px;
}
.connect li.contact a:hover span {
background-position : -377px -23px;
}
.submit-project span {
background-position : -240px -184px;
}
.submit-project a:hover span {
background-position : -240px -243px;
}
.b-box .submit-project span {
background : url(../images/btn-submit-s.gif) no-repeat;
}
.b-box .submit-project a:hover span {
background-position : 0% -59px;
}
.socials li.twitter span {
background-position : -121px 0%;
}
.socials li.facebook span {
background-position : -180px 0%;
}
#main {
width : 100%;
padding : 30px 0 0;
}
#main:after {
content : "";
display : block;
clear : both;
}
.b-box {
width : 706px;
margin : 18px -24px 14px -14px;
background : url(../images/bg-b-box.jpg?) -706px 0% repeat-y #f9f8f3;
}
.b-box .holder {
background : url(../images/bg-b-box.jpg?) no-repeat;
}
.b-box .frame {
padding : 16px 25px 9px 24px;
background : url(../images/bg-b-box.jpg?) -1412px 100% no-repeat;
}
#content {
width : 688px;
float : left;
padding : 0 4px 26px 14px;
}
#content h1, #content h2, #content strong.heading, #content .slide-block .headline h3 {
font-size : 1.563em;
margin : 0 0 9px;
font-weight : normal;
color : #404040;
line-height : 1.12em;
}
#content strong.heading {
display : block;
}
#content p {
margin : 0 0 9px;
}
#content ul {
margin : 0 0 0 5px;
padding : 0;
list-style : none;
}
#content ul li {
background : url(../images/bg-bullet.gif) 0% 9px no-repeat;
padding : 0 0 0 15px;
margin : 0 0 9px;
}
#content ul.descr-list ul {
margin : 9px 0 0;
}
#content ul.descr-list ul li {
background : url(../images/bg-bullet.gif) 2px 10px no-repeat;
padding : 0 0 0 17px;
margin : 0 0 9px;
}
#content ul.descr-list {
margin : 0 0 25px;
}
#content ul.descr-list li {
background : none;
padding-left : 0;
}
#content ol {
padding : 0 0 0 40px;
margin : 0 0 9px;
}
#content ol ul.descr-list {
margin : 9px 0 0;
}
#content ol ul.descr-list li {
padding : 0 0 0 8px;
margin : 0;
}
.our-clients {
margin : 17px 0 14px -5px;
font-family : Arial, Helvetica, sans-serif;
white-space : nowrap;
}
.our-clients img {
vertical-align : middle;
margin : 0 28px 0 5px;
}
.blog-holder {
margin : 0 0 -16px;
}
div.blog {
margin : 0 0 30px;
}
.entry-title {
margin : 0 0 9px;
color : #404040;
width : 100%;
position : relative;
}
.rss {
position : absolute;
top : 4px;
right : -24px;
width : 25px;
height : 24px;
overflow : hidden;
background : #e16c21;
}
.rss span {
background-position : -870px -95px;
}
.entry-title .date {
font-size : 1.563em;
font-style : normal;
background : url(../images/bg-separate1.gif) 100% 50% no-repeat;
margin : 0 8px 0 0;
padding : 0 16px 0 0;
}
#content .entry-title h2, #content .entry-title h1 {
display : inline;
margin : 0;
line-height : 1.12em;
}
.entry-title a {
color : #404040;
}
div.posted, .tags, .meta {
background : url(../images/bg-dot.gif) 0% 100% repeat-x;
width : 100%;
padding : 0 24px 18px 0;
margin : 0 -24px 0 0;
}
.entry-content {
padding : 14px 0 0;
}
#content .entry-content ul ul {
margin : 0;
padding : 0;
list-style : none;
}
#content .entry-content ul ul li {
margin : 0;
}
.meta {
overflow : hidden;
padding-top : 14px;
}
.meta a {
margin : 0 16px 0 0;
}
.meta .permalink {
float : right;
background : url(../images/bg-permalink.gif) 100% 50% no-repeat;
padding : 0 14px 0 0;
margin : 0 -23px 0 0;
}
.meta .more {
background : url(../images/bg-arrow.gif) 100% 50% no-repeat;
padding : 0 15px 0 0;
}
.comments {
border : solid #eaeae9;
border-width : 1px 0;
width : 703px;
margin : 18px -24px 30px -11px;
overflow : hidden;
}
.comments .item {
padding : 16px 23px 11px;
background : url(../images/bg-dash.gif) repeat-x;
margin : -2px 0;
overflow : auto;
}
.comments .client {
padding-left : 11px;
}
.comments .alt {
background-color : #faf9f1;
}
.comments .headline .date {
font-style : normal;
padding : 0 9px 0 0;
margin : 0 1px 0 0;
}
.comments .headline strong {
display : block;
color : #729248;
}
.comments .headline strong a {
color : #729248;
}
.comments .alt .headline strong, .comments .alt .headline strong a {
color : #c24462;
}
.row {
width : 100%;
overflow : hidden;
margin : 0 0 15px;
}
.main-form .col-1 {
width : 315px;
float : left;
}
.main-form .col-1 .text, .main-form .col-1 .password {
width : 305px;
}
.main-form .col-2 {
width : 318px;
float : right;
}
.main-form .col-2 .text {
width : 308px;
}
.main-form .col-2 input.link, .main-form .col-1 input.upload-text {
width : 235px;
}
.main-form .headline {
text-align : right;
line-height : 1.188em;
}
.main-form .headline strong {
color : #a4a4a4;
font-weight : normal;
}
.row label {
float : left;
margin : 0 0 6px;
}
input.text, input.password, .textarea {
float : left;
clear : left;
border : 1px solid #b1b1b1;
margin : 0;
padding : 0 4px 1px;
}
select {
float : left;
clear : left;
width : 100%;
margin : 0;
}
.textarea {
background : #fff;
padding : 0 0 0 4px;
}
.textarea textarea {
width : 651px;
overflow : auto;
padding : 0;
margin : 0;
height : 136px;
max-width : 651px;
border-style : none;
background : #fff;
float : left;
}
input.checkbox, input.radio {
width : 16px;
height : 15px;
float : left;
margin : 0;
padding : 0;
}
input.checkbox {
margin : 3px 4px 0 0;
}
input.file {
font-size : 11px;
width : 300px;
float : left;
}
input.required-browse, input.file-browse {
border-style : none;
text-indent : -9999px;
background : url(../images/bg-sprite.gif?15) -530px -5px no-repeat #fff;
float : right;
width : 65px;
height : 23px;
cursor : pointer;
}
input.submit-ticket, input.submit-comment, input.post-message, input.login, input.forgot-pass, input.save-profile {
float : right;
width : 81px;
height : 54px;
margin : 8px 0 0;
text-align : center;
font-size : 0.875em;
background : #fff;
}
input.submit-comment {
width : 90px;
}
input.save-profile {
width : 104px;
}
input.post-message {
width : 124px;
height : 43px;
color : #c24462;
}
input.login {
width : 94px;
float : left;
}
input.forgot-pass {
width : 156px;
}
.upload-holder {
width : 100%;
overflow : hidden;
position : relative;
clear : left;
}
.upload-box {
position : absolute;
width : 239px;
top : 3px;
left : 3px;
text-align : center;
height : 1.063em;
background : #fff;
}
.message-form .upload-box {
width : 255px;
}
.overall-progress {
background : #cb6178;
height : 1.063em;
position : absolute;
width : 100%;
top : 0;
left : 0;
}
.progress-text {
position : absolute;
left : 50%;
line-height : 1.063em;
display : none;
}
.s-comments {
padding : 24px 0 0;
float : left;
}
.optional {
margin : 20px 0 11px;
}
.optional label {
margin : 0;
}
.row .date {
width : 148px;
float : left;
}
.row .date .inner, .row .code .inner {
clear : left;
width : 100%;
overflow : hidden;
}
.row .date input.month {
width : 51px;
clear : none;
}
.row .date input.year {
width : 67px;
float : right;
clear : none;
}
.row .code {
width : 147px;
float : right;
}
.row .code .inner {
border : 1px solid #b1b1b1;
padding : 0 2px 1px 4px;
width : 139px;
background : #fff;
}
.row .code input.text {
width : 119px;
padding : 0;
border-style : none;
}
.row .code .info {
float : right;
width : 19px;
height : 19px;
overflow : hidden;
background : #f5f5f0;
text-align : center;
position : relative;
margin : 1px 0 0;
}
.row .code .info span {
background-position : -600px -32px;
cursor : pointer;
}
.client-area {
width : 703px;
margin : 0 -24px -16px -11px;
}
#content .client-area h2 {
margin : -5px 0 0;
}
.client-area table {
width : 100%;
border-collapse : collapse;
margin : 0 0 30px;
table-layout : fixed;
}
.client-area td, .client-area th {
padding : 9px 10px 10px 11px;
border-bottom : 1px solid #eaeae9;
text-align : left;
}
.client-area th {
padding-top : 5px;
padding-bottom : 13px;
line-height : 1.313em;
}
.client-area .alt td {
background : #faf9f1;
}
.client-area .status {
width : 123px;
}
.client-area .posted {
width : 123px;
}
.client-area .last {
width : 123px;
}
#content .paging {
height : 1%;
overflow : hidden;
margin : 33px 2px 9px;
}
#content .client-area .paging {
margin-top : -12px;
margin-bottom : 25px;
}
#content .paging li {
float : left;
padding : 0 0 0 8px;
margin : 0;
background : none;
}
#content .paging li.active a {
color : #757575;
}
div.testimonials {
width : 692px;
overflow : hidden;
margin : -15px -24px -9px 0;
}
div.testimonials blockquote {
background : url(../images/bg-dot.gif) 0% 100% repeat-x;
margin-bottom : -1px;
padding : 15px 24px 19px 0;
}
div.examples {
width : 692px;
margin : -15px -24px -10px -14px;
position : relative;
overflow : hidden;
padding : 0 0 0 14px;
}
.examples .item {
width : 100%;
margin : 0 0 -1px;
background : url(../images/bg-dot.gif) 0% 100% repeat-x;
padding : 21px 0;
}
.examples .item:after {
content : "";
display : block;
clear : both;
}
.examples .info {
width : 487px;
float : right;
}
#content .examples h2 {
margin : 0 0 11px;
color : #404040;
font-size : 1em;
font-weight : bold;
line-height : 1.186em;
}
.gallery {
overflow : hidden;
width : 165px;
padding : 9px 20px;
position : relative;
background : url(../images/bg-sprite.gif?15) -470px -184px no-repeat;
float : left;
margin : 0 0 0 -14px;
display : inline;
}
.gallery .link-prev, .gallery .link-next {
display : block;
width : 10px;
height : 22px;
position : absolute;
left : 0;
top : 59px;
overflow : hidden;
background : url(../images/bg-sprite.gif?15) -600px -5px no-repeat;
outline : none;
}
.gallery .link-next {
left : auto;
right : 0;
background-position : -615px -5px;
}
.gallery .hidden {
display : none;
}
.gallery .link-prev span, .gallery .link-next span {
cursor : pointer;
background-position : -600px -5px;
}
.gallery .link-next span {
background-position : -615px -5px;
}
.gallery div {
width : 165px;
overflow : hidden;
position : relative;
}
#content .gallery div ul {
position : relative;
width : 9999px;
margin : 0;
}
#content .gallery li {
float : left;
width : 165px;
height : 122px;
margin : 0;
padding : 0;
background : none;
}
.gallery img {
display : block;
}
div.faq, div.about {
overflow : hidden;
width : 100%;
margin : -45px 0 -9px;
}
#content .faq h1, #content .faq h2, #content .about h1, #content .about h2 {
margin-top : 45px;
}
.faq dl, .about dl {
margin : 0 0 -15px;
}
.faq dt, .about dt {
font-weight : bold;
margin : 0 0 9px;
color : #404040;
}
.faq dd, .about dd {
margin : 0 0 14px;
background : url(../images/bg-dot.gif) 0% 100% repeat-x;
padding : 0 0 19px;
}
#content .faq ul, #content .about ul {
margin-bottom : -9px;
}
.section {
background : url(../images/bg-dot.gif) 0% 100% repeat-x;
width : 692px;
margin : 0 -24px 30px 0;
padding : 0 0 1px;
}
.order-number {
width : 100%;
overflow : hidden;
font-size : 1.125em;
color : #c23140;
line-height : 1.389em;
padding : 3px 0 8px;
}
.order-number .title {
float : left;
width : 149px;
height : 15px;
position : relative;
overflow : hidden;
line-height : 15px;
margin : 5px 6px 0 0;
font-size : 0.944em;
color : #303030;
}
* html .order-number .title {
margin-right : 3px;
}
.order-number .title em {
height : 15px;
font-style : normal;
}
.order-number .title strong {
font-weight : normal;
}
.order-number .title span {
background-position : -630px -5px;
}
.section .text {
padding : 0 260px 9px 0;
overflow : hidden;
background : url(../images/bg-section.jpg) 100% 100% no-repeat;
min-height : 350px;
}
* html .section .text {
overflow : visible;
height : 350px;
}
#content .section ul.descr-list {
margin : 0 0 9px;
}
.section strong.title {
margin : 0 0 9px;
color : #404040;
display : block;
}
.columns {
width : 730px;
margin : 0 -64px 0 0;
overflow : hidden;
}
.col {
width : 325px;
float : left;
padding : 0 40px 0 0;
}
#content .col ul {
margin : 0;
}
.message-form {
padding-top : 10px;
}
.message-form .col-1 {
width : 331px;
float : left;
margin : 2px 0 0;
}
.message-form .col-1 .text {
width : 251px;
}
.order-page .comments {
margin-top : 40px;
}
.order-summary {
margin : 30px 0 0;
color : #404040;
}
.order-summary h2 {
display : inline;
}
.order-summary .date {
white-space : nowrap;
font-style : normal;
font-size : 1.563em;
margin : 0 0 0 8px;
}
* html .order-summary .date {
margin-left : 13px;
}
* + html .order-summary .date {
margin-left : 13px;
}
.order-options {
width : 100%;
overflow : hidden;
}
.order-options dl {
margin : 2px 0 -9px;
width : 100%;
overflow : hidden;
border-bottom : 1px solid #e8e5e2;
padding : 0 0 18px;
}
.order-options dt {
float : left;
min-width : 106px;
clear : left;
padding : 0 3px 0 0;
white-space : nowrap;
}
* html .order-options dt {
width : 103px;
}
.order-options .markup-options dt, .order-options .scripting-options dt, .order-options .implementation-options dt {
min-width : 300px;
}
* html .order-options .markup-options dt, * html .order-options .scripting-options dt, * html .order-options .implementation-options dt {
width : 297px;
}
.order-options .title, .cards .name {
height : 15px;
position : relative;
overflow : hidden;
line-height : 14px;
font-size : 0.875em;
color : #303030;
margin : 31px 0 4px;
}
.order-options .title em, .cards .name em {
font-style : normal;
}
.markup-options .title {
width : 111px;
}
.scripting-options .title {
width : 145px;
}
.implementation-options .title {
width : 190px;
}
.markup-options .title span {
background : url(../images/bg-sprite.gif?15) -697px -184px no-repeat;
}
.scripting-options .title span {
background : url(../images/bg-sprite.gif?15) -697px -264px no-repeat;
}
.implementation-options .title span {
background : url(../images/bg-sprite.gif?15) -697px -224px no-repeat;
}
.order-options dd {
height : 1%;
overflow : hidden;
margin : 0;
font-weight : bold;
}
.order-options dd a {
font-weight : normal;
}
#content .tabset {
margin : 18px -47px 0 -14px;
overflow : hidden;
width : 729px;
font-size : 0.875em;
line-height : 1.14em;
}
#content .tabset li {
float : left;
width : 220px;
padding : 0;
margin : 0 23px 0 0;
height : 54px;
position : relative;
overflow : hidden;
background : #f9f8f0;
}
.tabset li a {
color : #303030;
}
.tabset li a.active {
color : #c24462;
}
.tabset li strong {
display : block;
text-indent : 0;
padding : 10px 0 0 10px;
}
.tabset li span {
cursor : pointer;
}
a.inactive span, a.inactive, .row .code .inactive .info span, .row .code .inactive .info a {
cursor : default;
}
.tabset li.details span {
background : url(../images/bg-sprite.gif?15) -5px -331px no-repeat;
}
.tabset li.details a.active span, .tabset li.details a.active:hover span {
background-position : -5px -390px;
}
.tabset li.details a:hover span {
background-position : -5px -625px;
}
.tabset li.options span {
background : url(../images/bg-sprite.gif?15) -230px -331px no-repeat;
}
.tabset li.options a.active span, .tabset li.options a.active:hover span {
background-position : -230px -390px;
}
.tabset li.options a.inactive span, .tabset li.options a.inactive:hover span {
background-position : -230px -449px;
}
.tabset li.options a:hover span {
background-position : -230px -625px;
}
.tabset li.payment span {
background : url(../images/bg-sprite.gif?15) -455px -331px no-repeat;
}
.tabset li.payment a.active span, .tabset li.payment a.active:hover span {
background-position : -455px -390px;
}
.tabset li.payment a:hover span {
background-position : -455px -625px;
}
.order-form {
width : 706px;
margin : 0 -24px 0 -14px;
position : relative;
}
.order-form .b-box {
margin-left : 0;
margin-right : 0;
width : 100%;
}
.tab-holder {
padding : 14px 0 0;
margin : 0 0 -9px;
}
.step-info {
padding : 0 24px 0 14px;
}
.tab-holder .b-box {
margin-bottom : 23px;
}
.slide-block .b-box {
background : url(../images/bg-slide-b-box.gif) -706px 0% repeat-y;
}
.slide-block .b-box .frame {
background : url(../images/bg-slide-b-box.gif) 0% 100% no-repeat;
}
.active .b-box {
background : url(../images/bg-b-box.jpg) -706px 0% repeat-y #f9f8f3;
}
.active .b-box .holder {
background : url(../images/bg-b-box.jpg) no-repeat;
}
.active .b-box .frame {
overflow : hidden;
width : 657px;
background : url(../images/bg-b-box.jpg) -1412px 100% no-repeat;
}
.slide-block .title {
margin : -16px -25px 0 -24px;
}
.slide-block .frame {
padding-bottom : 1px;
}
#content .slide-block .open-close {
height : 43px;
background : url(../images/bg-sprite.gif?15) -5px -508px no-repeat;
font-size : 1.125em;
text-align : right;
cursor : pointer;
color : #c24462;
padding : 0 22px 0 7px;
line-height : 43px;
}
#content .slide-block .heading {
float : left;
height : 15px;
position : relative;
overflow : hidden;
margin : 14px 0 0;
font-size : 0.778em;
line-height : 1em;
}
.slide-block .heading em {
font-style : normal;
}
.slide-block .heading strong {
color : #303030;
}
.active .heading strong {
color : #c24462;
}
.slide-block .heading span {
cursor : pointer;
}
.slide-block .markup {
width : 135px;
}
.slide-block .markup span {
background : url(../images/bg-sprite.gif?15) -680px -184px no-repeat;
}
.active .markup span {
background : url(../images/bg-sprite.gif?15) -680px -204px no-repeat;
}
.slide-block .scripting {
width : 162px;
}
.slide-block .scripting span {
background : url(../images/bg-sprite.gif?15) -680px -264px no-repeat;
}
.active .scripting span {
background : url(../images/bg-sprite.gif?15) -680px -284px no-repeat;
}
.slide-block .implementation {
width : 207px;
}
.slide-block .implementation span {
background : url(../images/bg-sprite.gif?15) -680px -224px no-repeat;
}
.active .implementation span {
background : url(../images/bg-sprite.gif?15) -680px -244px no-repeat;
}
.slide-block .block {
display : none;
}
.active .block {
display : block;
}
.slide-block .cost {
font-weight : normal;
}
.slide-block .info {
padding : 14px 0 9px;
}
.slide-block .inner {
border-top : 1px solid #eae8e4;
padding : 2px 0 18px;
}
.slide-block .category {
padding : 15px 0 0;
width : 100%;
}
.slide-block .category h3, .slide-block .category h4 {
margin : 0;
text-transform : uppercase;
font-size : 1em;
}
#content .category p {
margin : 0 0 5px;
}
#content .slide-block .headline {
margin : 15px 0 -12px;
}
a.return {
background : url(../images/bg-arrow2.gif) 100% 50% no-repeat;
padding : 0 12px 0 0;
}
div.switch {
width : 100%;
overflow : hidden;
background : url(../images/bg-dot2.gif) 0% 100% repeat-x;
text-align : right;
color : #c24462;
}
#content .switch ul {
margin : 0 0 0 -10px;
float : left;
background : #fff;
}
#content .switch ul li {
margin : 0 4px 0 10px;
float : left;
padding : 0;
background : none;
display : inline;
}
#content .switch ul a, ul.switch li a {
padding : 0 0 0 20px;
color : #404040;
background : url(../images/bg-switch.gif) 0% 50% no-repeat;
outline : none;
}
#content .switch ul a:hover, ul.switch a:hover {
text-decoration : none;
color : #404040;
}
#content .switch ul a.active, ul.switch a.active {
font-weight : bold;
background : url(../images/bg-switch-on.gif) 0% 50% no-repeat;
}
#content ul.switch li p a {
padding : 0;
background : none;
font-weight : normal;
color : #d3515f;
}
div.switch span, ul.switch li span {
padding : 0 0 0 4px;
background : #fff;
}
#content .active .switch ul, .active div.switch span, #content .active ul.switch strong, #content .active ul.switch span, #content .active ul.switch .item {
background : url(../images/bg-pattern.gif);
}
#content ul.switch {
margin : 5px 0 0;
text-align : right;
}
#content ul.switch li {
margin : 0;
padding : 0;
background : none;
}
ul.switch .choose {
background : url(../images/bg-dot2.gif) 0% 100% repeat-x;
width : 100%;
overflow : hidden;
}
ul.switch li strong {
float : left;
background : #fff;
font-weight : normal;
}
ul.switch span.active {
color : #c24462;
}
#content ul.switch ul {
float : none;
margin : 4px 0 0 20px;
}
#content ul.switch ul li {
float : none;
display : block;
}
ul.switch .item {
float : left;
background : #fff;
}
ul.switch .item input {
margin : 4px 3px 0 0;
}
ul.switch .item label {
float : left;
line-height : 1.375em;
}
ul.switch ul label.active {
font-weight : bold;
}
ul.switch .info {
text-align : left;
font-size : 0.813em;
line-height : 1.077em;
padding : 0 26px;
color : #858585;
}
#content ul.switch .info p {
margin : 0 0 3px;
}
.total-info .frame {
padding : 12px 22px;
font-size : 1.563em;
line-height : 1.2em;
color : #404040;
width : 662px;
overflow : hidden;
}
.total-info .frame strong {
font-weight : normal;
}
.total-info .frame span {
float : right;
}
.total-info .frame span strong {
color : #c24462;
}
.buttons-container {
width : 100%;
position : relative;
}
.source-upload-container {
border : 1px solid #b1b1b1;
width : 207px;
position : absolute;
top : 15px;
left : 154px;
height : 1.313em;
}
.source-upload-container .upload-box {
top : 2px;
left : 2px;
height : 1.063em;
width : 203px;
}
#content .btns {
margin : 0 0 18px 0;
width : 100%;
position : relative;
overflow : hidden;
font-size : 0.875em;
line-height : 1.14em;
}
#content .btns li {
margin : 0;
padding : 0;
background : #f9f8f0;
float : left;
height : 54px;
position : relative;
overflow : hidden;
}
#content .btns li.right {
float : right;
}
.btns a {
color : #303030;
}
.btns .proceed-payment a, .btns .take-payment a {
color : #fff;
}
.btns strong {
display : block;
text-indent : 0;
padding : 10px 0 0 10px;
}
.btns span {
cursor : pointer;
}
.btns li.back {
width : 118px;
}
.btns li.back-two {
width : 141px;
}
.btns li.back span {
background : url(../images/btns-order.gif) -5px -5px no-repeat;
}
.btns li.back a:hover span {
background-position : -5px -123px;
}
.btns li.back-two span {
background : url(../images/btns-order.gif) -797px -5px no-repeat;
}
.btns li.back-two a.inactive span, .btns li.back-two a.inactive:hover span {
background-position : -797px -64px;
}
.btns li.back-two a:hover span {
background-position : -797px -123px;
}
#content .btns li.proceed-payment {
width : 194px;
background : #c24462;
}
.btns li.proceed-payment span {
background : url(../images/btns-order.gif) -128px -5px no-repeat;
}
.btns li.proceed-payment a:hover span {
background-position : -128px -123px;
}
#content .btns li.take-payment {
width : 189px;
background : #c24462;
}
.btns li.take-payment span {
background : url(../images/btns-order.gif) -603px -5px no-repeat;
}
.btns li.take-payment a:hover span {
background-position : -603px -123px;
}
.btns li.proceed-options {
width : 271px;
}
.btns li.proceed-options span {
background : url(../images/btns-order.gif) -327px -5px no-repeat;
}
.btns li.proceed-options a.inactive span, .btns li.proceed-options a.inactive:hover span {
background-position : -327px -64px;
}
.btns li.proceed-options a:hover span {
background-position : -327px -123px;
}
#content .btns li.deposit {
margin : 0 14px 0 0;
display : inline;
position : relative;
}
#content .btns li.paynow {
position : relative;
background : #c24462;
}
.btns li.paynow input {
color : #fff;
}
.btns li.deposit strong, .btns li.paynow strong {
position : absolute;
top : 3px;
right : 14px;
width : auto;
background : none;
font-size : 1.143em;
color : #c24462;
cursor : pointer;
}
.btns li.paynow strong {
color : #fff;
}
.payment-info {
margin : 0 0 -4px;
}
.payment-info p {
line-height : 1.25em;
}
#content .payment-info .type {
margin : -1px 0 12px;
width : 100%;
}
#content .payment-info .type:after {
content : "";
display : block;
clear : both;
}
#content .payment-info .type li {
padding : 0 13px 0 0;
margin : 0;
background : none;
float : left;
}
.payment-info .type input {
margin : 1px 1px 0 0;
}
.payment-info .type label {
float : left;
height : 19px;
position : relative;
overflow : hidden;
margin : 0 0 -2px;
}
.payment-info .type label em {
font-style : normal;
}
.payment-info .type label strong {
font-weight : normal;
font-size : 0.75em;
line-height : 1.583em;
}
.payment-info .type label.visa {
width : 29px;
}
.payment-info .type label.master {
width : 32px;
margin : -1px 0 0;
}
.payment-info .type label.amex {
width : 33px;
}
.payment-info .type label.paypal {
width : 45px;
}
.payment-info .type label.discover {
width : 47px;
}
.payment-info .type label span {
cursor : pointer;
background : url(../images/bg-cards.gif?) -5px -5px no-repeat;
}
.payment-info .type label.master span {
background-position : -39px -5px;
}
.payment-info .type label.amex span {
background-position : -76px -5px;
}
.payment-info .type label.paypal span {
background-position : -114px -5px;
}
.payment-info .type label.discover span {
background-position : -164px -5px;
}
.payment-info .type .active label.visa span {
background-position : -5px -29px;
}
.payment-info .type .active label.master span {
background-position : -39px -29px;
}
.payment-info .type .active label.amex span {
background-position : -76px -29px;
}
.payment-info .type .active label.paypal span {
background-position : -114px -29px;
}
.payment-info .type .active label.discover span {
background-position : -164px -29px;
}
.main-detail {
width : 100%;
padding : 0 0 14px;
position : relative;
z-index : 2;
}
.main-detail:after {
content : "";
display : block;
clear : both;
}
.main-detail .slider {
width : 540px;
float : left;
height : 23px;
background : url(../images/bg-sprite.gif?15) -5px -556px no-repeat;
position : relative;
}
.main-detail .timeline {
background-position : -5px -584px;
}
.main-detail .minus, .main-detail .plus {
width : 31px;
height : 23px;
overflow : hidden;
position : relative;
float : left;
}
.main-detail .plus {
float : right;
}
.main-detail .minus a, .main-detail .plus a {
background : #c24462;
color : #fff;
text-align : center;
}
.main-detail .bullet-container {
margin-left : 9px;
display : inline;
float : left;
width : 448px;
height : 23px;
position : relative;
}
.main-detail .plus span, .main-detail .minus span {
cursor : pointer;
}
.main-detail .plus span {
background-position : -666px -25px;
}
.main-detail .minus span {
background-position : -630px -25px;
}
.main-detail .slider .mark {
display : block;
width : 19px;
height : 19px;
position : absolute;
top : 2px;
left : 40px;
text-indent : -9999px;
overflow : hidden;
cursor : pointer;
background : url(../images/bg-sprite.gif?15) -702px -25px no-repeat #db7c90;
}
.main-detail .pages {
float : right;
font-size : 1.563em;
margin : -2px 0 -5px;
position : relative;
width : 103px;
}
.main-detail .pages label {
float : right;
margin : -2px 0 0 3px;
}
.main-detail .pages .text {
float : left;
border : 1px solid #cacac7;
background : url(../images/bg-pages.gif) repeat-x;
overflow : hidden;
}
.main-detail .pages .text input {
float : left;
border-style : none;
width : 1.4em;
background : none;
padding : 0;
margin : -3px 0 -1px -1px;
text-align : center;
font-size : 1em;
line-height : 1.28em;
}
.main-detail .date {
float : right;
font-size : 1.563em;
width : 103px;
margin : 1px 0 0;
position : relative;
}
.main-detail .date span {
float : left;
}
.main-detail .calendar, .date-popup .heading a {
float : right;
width : 20px;
height : 21px;
background : url(../images/bg-sprite.gif?15) -726px -25px no-repeat #949391;