/* Copyright (c) 2002-2010 Open2b Software Snc. */

body {
    background: #F3F4F4 url('images/body-bg.png') repeat-x;
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    line-height:16px;
    font-size:13px;
    font-size-adjust:none;
    font-stretch:normal;
    text-transform: none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    letter-spacing: normal;
    word-spacing: normal;
}

select { color: #444; }

p { line-height: 20px; margin: 0 0 20px 0; }

.template-required { color: red; }

#header { overflow: hidden; }

h1       { color: #444; font-size: 20px; }
h2 a     { color: #444; text-decoration: none; }
h3       { font-size: 17px; margin: 1.8em 0 5px 0; line-height: 1.3em; color: #000; font-weight: normal;}
h4       { margin-bottom: 3px; }
h3.first { margin-top: 1em; }

a { color: #0066CC; text-decoration: none; }

a.details { background: url('images/arrow-grey.gif') no-repeat; padding-left: 8px; margin: 7px 0; display: block; }

em { font-weight: bold; font-style: normal; }

li.new span { padding-right: 36px; background: url('images/nuovo.png') no-repeat center right; }

#header .phone       { float: right; margin: 5px 32px 0 32px; background: url('images/phone.gif') no-repeat; padding-left: 16px; }
#header .phone img   { float: left; }
#header .phone div   { color: #39bd3e; float: left; font-weight: bold; margin-left: 5px; margin-top: -2px; white-space: nowrap; }
#header .login       { color: #333; padding-right: 18px; }
#header .login:hover { color: #66a6d1; }
#header .cart        { background: url('images/cart.png') no-repeat right -1px; color: #333; padding-right: 18px; }
#header .cart:hover  { background: url('images/cart.png') no-repeat right -17px; color: #66a6d1; }

#header .logo { float: left; margin: 8px 20px 0 11px; }

#top-menu   { float: right; font-size: 12px; }
#top-menu a { color: #666; }

#main-menu         { overflow: hidden; }
#main-menu ul      { border-left: 1px solid #d1d1d1; border-right: 1px solid #ddddde; clear: right; overflow: hidden; float: left; }
#main-menu li      { padding: 0; margin: 0; vertical-align: middle; }
#main-menu a       { background: url('images/top-bar.png') no-repeat; color: #666; display: block; height: 32px; padding-top: 15px; text-align: center; text-shadow: 1px 1px 1px #fff; width: 175px; }
#main-menu a:hover { color: #0088CC; background-position: 0 -48px; }

#main-menu .section-home a       { background: url('images/top-bar-home.png') no-repeat; width: 114px; }
#main-menu .section-home a:hover { background-position: 0 -48px; }

#second-menu li      { float: right; height: 20px; margin-left: 8px; padding-bottom: 10px; padding-top: 12px; }
#second-menu li.last { padding-right: 0; }
#second-menu a       { display: block; color: #444; padding: 2px; }
#second-menu a:hover { color: #66a6d1; }
#second-menu span    { background: #ccc; color: #666; padding: 5px; }
#second-menu li img  { margin-top: -8px; }

#middle           { background: url('images/middle-bottom-bg.jpg') bottom no-repeat; overflow: hidden; }
#middle-container { margin-bottom: 74px; overflow: hidden; }
#middle-header    { background: white; border-left: 1px solid #DDDDDE; border-right: 1px solid #DDDDDE; }
#middle-header-container { border-left: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6; padding: 5px 20px; }
#middle-content   { background: white; border-left: 1px solid #DDDDDE; }

#middle-content-header    { border-top: 1px solid #DDDDDE; border-right: 1px solid #DDDDDE; height: 250px; min-height: 250px; padding: 0; overflow: hidden; }
#middle-content-header h1 { color: #535353; margin-left: 40px; margin-top: 20px; }
#middle-content-header p  { color: #818181; font-size: 14px; }

#middle-content-center { border: 1px solid #DDDDDE; border-bottom: none; overflow: hidden; padding: 3px 40px 15px 40px; }
#middle-content-center a { color: #0088CC; }
#middle-content-center h2 a { color: #444; }

#left   { padding: 0; }

h1.generic { border-bottom: 1px solid #efefef; padding-bottom: 3px; margin-top: 30px; margin-bottom: 0; }

.features                  { border-top: 1px solid #DDDDDE; border-right: 1px solid #DDDDDE; }
.features .menu li         { background: #fbfdff; padding: 0; }
.features .menu li a       { color: #666; border-bottom: 1px solid #d7e2ea; font-size: 13px; padding: 12px; padding-left: 20px; }
.features .menu li a:hover { color: #0088CC; }

.features a:hover      { background: #73baeb url('images/features-bg.png'); color: #fff !important; }
.cms .features a:hover { background: #73baeb url('images/cms-features-bg.png'); color: #fff !important; }

.prices .menu li a { background: url('images/arrow.png') no-repeat right center; border-bottom: 1px solid #eee; color: #666; font-size: 13px; padding: 6px; padding-left: 20px; }
.price-includes ul { list-style-type: square; padding-left: 18px; margin-left: 18px; color: #333; font-size: 12px; }

.page-catalog           .features li.catalog           a,
.page-marketing         .features li.marketing         a,
.page-visibility        .features li.visibility        a,
.page-orders            .features li.orders            a,
.page-b2b               .features li.b2b               a,
.page-statistics        .features li.statistics        a,
.page-sell-abroad       .features li.sell-abroad       a,
.page-cms               .features li.cms               a,
.page-web-design        .features li.web-design        a,
.page-editions          .features li.editions          a,
.page-payment-systems   .features li.payment-systems   a,
.page-modules           .features li.modules           a,
.page-price-comparisons .features li.price-comparisons a
    { background: #73baeb url('images/features-bg.png'); color: #fff; }

.cms .page-visibility        .features li.visibility        a,
.cms .page-statistics        .features li.statistics        a,
.cms .page-site-management   .features li.site-management   a,
.cms .page-articles          .features li.articles          a,
.cms .page-web-design        .features li.web-design        a
    { background: #73baeb url('images/cms-features-bg.png'); color: #fff; }

.content { overflow: hidden; }

.column-left   { float: left; width: 354px; padding-right: 10px; }
.column-center { float: left; width: 329px; padding-left: 10px; }
.column-right  { float: right; width: 354px; padding-left: 10px; }

.columns-2-2-1 .content-column-left   { width: 354px; }
.columns-2-2-1 .content-column-center { width: 354px; }
.columns-2-2-1 .content-column-right  { width: 161px; }

.columns-3 .column-left   { width: 290px; }
.columns-3 .column-center { width: 290px; }
.columns-3 .column-right  { width: 290px; }

.columns-4 .column-left         { width: 212px; padding-right: 10px; }
.columns-4 .column-center-left  { width: 212px; float: left; padding-left: 10px; padding-right: 10px; }
.columns-4 .column-center-right { width: 212px; float: left; padding-left: 10px; padding-right: 10px; }
.columns-4 .column-right        { width: 212px; padding-left: 10px; }

#right { display: none; }

.uppercase { text-transform: uppercase; font-size: 90%; }

ul.price-components li { list-style: none; line-height: 1.8em; }

.price       { white-space: nowrap; }
.price .list { text-decoration: line-through; }
.price .is-discounted .sale { color: #FF6633; font-weight: bold; margin-right: 5px; }

table.prices     { width: 100%; border-spacing: 0; border-collapse: separate; }
table.prices thead th { text-align: center; border-left: 1px solid #F3F3F3; }
table.prices thead th.first { border-left: none; }
table.prices thead th div { margin-top: 10px; margin-bottom: 10px; font-size: 120%; }
table.prices tbody th { font-weight: bold; border-bottom: 1px solid #F3F3F3; }
table.prices tbody td { text-align: center; vertical-align: middle; }
table.prices tbody tr.price td { color: #444; vertical-align: top; }
table.prices tbody tr.price td .list { color: #666; font-size: 12px; text-decoration: line-through; }
table.prices th,
table.prices td  { background: white; padding: 5px 2px;  }
table.prices td  { border-left: 1px solid #ddd; text-align: center; }
table.prices tr.first td { width: 65px; }
table.prices tr.odd  td { background: #F6F6F6; }
table.prices tr.even td { background: white; }
table.prices th ul { color: #444; font-size: 11px; font-weight: normal; margin-top: 5px; padding-left: 25px; margin-top: 8px; }
table.prices th li { line-height: 1.6em; }
table.prices tbody th div { color: #444; font-size: 11px; font-weight: normal; margin-top: 4px; }
table.prices th.last { border-right: 1px solid #F3F3F3; }
table.prices td.last { border-right: 1px solid #DDD; }
table.prices tr.price td { font-size: 110%; color: #000; }
table.prices .sale { color: #21792F; font-size: 16px; font-weight: bold; }

table.modules            { width: 100%; border-spacing: 0; border-collapse: separate; }
table.modules td         { background: white; border-left: 1px solid #ddd; padding: 5px 10px; text-align: left; vertical-align: middle; }
table.modules tr.odd  td { background: #F6F6F6; }
table.modules tr.even td { background: white; }
table.modules td.icon    { background: white !important; border-left: none; text-align: center; width: 180px; }
table.modules td.cart    { background: white !important; border-left: none; }
table.modules td.price   { text-align: right; width: 100px; }
table.modules td div     { color: #666; }

table.partners thead th    { color: #999; font-size: 14px; padding: 0.5em 1.8em; white-space: nowrap; }
table.partners thead th em { color: #555; font-weight: bold; }
table.partners tbody th    { font-weight: normal; }

ul.partners-benefits li { list-style: none; line-height: 1.8em; }

fieldset.partners-questionnaire                { border: none; }
fieldset.partners-questionnaire label.question { color: #555; display: block; margin-bottom: 10px; margin-top: 15px; }
fieldset.partners-questionnaire div div        { margin-bottom: 4px; margin-left: 30px; }

.checkmark { color: #21A121; font-family: 'Arial Unicode MS'; font-size: 18px; }
.dash      { color: brown; font-size: 16px; font-weight: bold; }

.localization { clear: both; margin-top: 30px; padding: 12px; background: #FDFAE9 url('images/paglierino-bg.jpg') repeat-y; border: 2px solid #f3ede0; }
.localization > div { color: #333; font-size: 120%; border-bottom: 1px solid #f3ede0; padding-bottom: 3px; margin-bottom: 10px; }
.localization table { border-spacing: 0; border-collapse: separate; width: 100%; }
.localization thead th { text-align: left; border-bottom: 1px solid #e6e0d3; padding: 2px;}
.localization th { font-weight: bold; }
.localization th,
.localization tbody td  { padding: 12px; }
.localization tbody td  { border-left: 1px solid #e6e0d3; border-bottom: 1px solid #e6e0d3; }
.localization tbody td.last  { border-right: 1px solid #e6e0d3; }

/* Footer */

#footer         { padding-top: 20px; text-align: center; }
#footer-address { font-size: 85%; line-height: 1.3em; margin-top: 1em; }
#footer-logo    { margin-top: 15px; }

/* Fieldset */

#center fieldset.form-section        { border: none; border-top: 1px solid #DDDFE1; }
#center fieldset.form-section legend { color: #333; }

fieldset#payment label { margin-top: 10px; }

/* Templates */

.page-templates .content { padding: 0 10px; }

.template-categories        { background-color: #f9fbf6; border-right: 1px dotted #DDDFE1; float: left; width: 180px; }
.template-categories .menu  { margin: 15px; }
.template-categories li     { list-style: url('images/arrow-grey.gif'); margin-left: 15px;  }
.template-categories li a   { color: #333; font-size: 12px; color: #333; }

.templates                  { float: left;  }
.templates .item-content    { border: 1px solid #EEF7DF; height: 220px; min-height: 220px; vertical-align: bottom; }
.templates .product-image   { text-align: center; height: 160px; min-height: 160px; vertical-align: bottom; }
.templates .product-image a { overflow: hidden; }

ul.template-note                       { color: #666; font-size: 85%; line-height: 1.2em; margin: 0; margin-left: 60px; margin-top: 5px; overflow: inherit; padding-left: 12px; text-align: left; }
ul.template-note li                    { height: inherit; min-height: inherit; float: none; }
ul.template-note li.template-type      { list-style: url('images/icons/type.png'); }
ul.template-note li.template-downloads { list-style: url('images/icons/downloads.png'); }
ul.template-note li.template-formats   { list-style: url('images/icons/files.png'); }
ul.template-note li.template-price     { color: #65961e; font-size: 120%; list-style: url('images/icons/price.png'); }

a.download { background: url('images/download.png') no-repeat right center; padding-right: 20px; }

.template-box-order { background: #EEF7DF; float: right; padding: 10px; width: 240px; }

.template-pages-bar                        { clear: both; padding-top: 20px; overflow: hidden; }
.template-pages-bar div                    { overflow: hidden; }
.template-pages-bar .horizontal .menu      { background: #EEF7DF; padding: 10px; overflow: hidden; }
.template-pages-bar .horizontal .menu li   { border-left: 1px solid #8DC63F; }
.template-pages-bar .horizontal .menu a    { color: #67912e; padding: 10px; }
.template-pages-bar .horizontal .menu span { background: #8DC63F; color: white; padding: 10px; }

.share-template   { margin-left: 52px; }
.share-template a { text-decoration: none; }

.paging   { color: #65961E; background: #EEF7DF; border-bottom: 1px solid #E0E8D2; border-top: 1px solid #E0E8D2; margin-top: 20px; padding: 2px 12px; text-align: center; }
.paging a { color: #0066CC; }
.paging a:hover { border: 1px solid #8DC63F; }
.paging b       { background: #8DC63F; color: white; }

/* Cart */

.order-choices-box { margin-top: 10px; border: 1px solid #ddd; padding: 5px; float: left; width: 400px; overflow: auto; }

.cart-items                { margin-left: 1px; margin-top: 1px; width: 99.9%; }
.cart-items th,
.cart-items td             { padding: 7px; text-align: right; }
.cart-items th             { font-size: 11px; }
.cart-items th.product     { text-align: left; }
.cart-items .details       { text-align: left; width: 100%; }
.cart-items .image,
.cart-items .quantity      { text-align: center; }
.cart-items th.total-price { min-width: 100px; }
.cart-items td.price,
.cart-items td.total-price,
.cart-items tr.discount td { text-align: right; white-space: nowrap; }
.cart-items .remove-item   { font-size: 11px; margin-top: 3px; text-align: right; }
.cart-buttons              { margin: 10px 0 30px 0; overflow: hidden; }
.cart-continue-button,
.cart-update-button        { float: left; margin-right: 5px; }
.cart-checkout-button      { float: right; }
.cart-coupon               { margin-bottom: 10px; padding: 5px; }
.cart-coupon input         { float: right; margin: 3px 0 0 3px; }

.cart-items th           { background: #E7E7E7 url('images/head-bg.png') repeat-x; color: #333333; }
.cart-items .total th    { background: none; }
.cart-items th,
.cart-items td           { border: 1px solid #E9E9E9; }
.cart-items .total th,
.cart-items .total td    { color: #21792F; font-size: 16px; vertical-align: middle; }
.cart-items .total th    { color: #666; }

#center fieldset.form-section          { border: none; border-top: 1px solid #CCCCCC; }
#center fieldset.form-section legend   { color: #186EBB; font-size: 15px; padding: 0.6em; }
#center .buttons                       { margin-top: 30px; text-align:center; }

/* Shops */

table.shops td { border-bottom: 1px solid #ccc; padding: 2em 1em; }
table.shops td { font-size: 85%; }
table.shops td h3 { color: #666; border-bottom: 0; font-weight: bold; font-size: 130%; margin-bottom: 0.8em; margin-top: 0; padding-bottom: 0; padding-top: 0; }
table.shops td div { font-size: 12px; margin-bottom: 0.8em; }


/* Templates Home */

.templates-home { white-space: nowrap; text-align: left; }

.templates-home ul {
    list-style: url('images/arrow-grey.gif');
    line-height: 19px;
    margin-left: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

.templates-home ul li { padding-left:0; margin-left: 0; }

.templates-home a { color: #06c; text-decoration: none; }

.templates-home a:hover { color: green; text-decoration: underline; }

.site-screenshot              { background: url('images/negozi-online/ie.png') 1px 0 no-repeat; float: left; height: 350px; min-height: 350px; margin: 0 26px; width: 250px; }
.site-screenshot .image       { background: url('images/negozi-online/reflection.jpg') left bottom no-repeat; height: 220px; padding-top: 18px; width: 252px; }
.site-screenshot .image img   { border: 1px solid #eee; }
.site-screenshot .name        { font-weight: bold; margin-top: 0; }
.site-screenshot .description { color: #666; margin-top: 5px; width: 250px; }

.contacts     {  background: #FDFCFD; border-right: 1px solid #f3f3f3; color: #333; float: left; font-size: 12px; margin-left: -40px; margin-top: -3px; padding: 20px; width: 299px; }
.contacts div { margin-top: 2px; }
.contacts a   { color: #0088CC; }

/*** Terms ***/

label.accept-terms                  { padding: 5px; padding-left: 25px; }
label.design-highlight-accept-terms { background-color: #FFF1A8; }

/*** Note, Messages and Errors ***/

div.design-status-alert        { margin: 5px 0 10px 0; padding: 0.5em 2em; text-align: center; }
div.design-status-alert   span { background: #FFF1A8; color: #333333; display: block; font-weight: bold; padding: 0.5em 2em; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

div.design-status-confirm      { margin: 5px 0 10px 0; padding: 0.5em 2em; text-align: center; }
div.design-status-confirm span { background: #8DC000; color: #FFFFFF; display: block; font-weight: bold; padding: 0.5em 2em; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

div.design-error span { color: red; font-size: 11px; }

span.design-required { color: red; font-size: 11px; padding: 0 3px; }

.note { text-align: center; font-size: 11px; }

fieldset.demo-form       { border: 0; }
fieldset.demo-form div   { margin-bottom: 8px; overflow: hidden; }
fieldset.demo-form label { float: left; width: 5em; }

/* login */

.page-login h2, .page-remember-password h2 { color: #818181; font-size: 14px; }

.page-login .login-password div { margin-left: 35px; }

/* articles */

.articles               { background: #F6F6F6; padding: 1em; margin-top: -10px; border-top: 3px solid #EFEFEF; border-bottom: 3px solid #EFEFEF; }
.articles ol            { list-style: none; padding: 0; margin: 0; }
.articles .article-date { font-size: 11px; }
.articles h2            { margin-top: 5px; }
.articles h3            { font-size: 12px; margin: 0; padding: 0; }
.articles li            { padding-bottom: 10px; }

.article-summary { font-style: italic; }