/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* GLOBAL : DEFAULT */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ body { background-color: #ffffff; margin: 0px; } body, input, textarea, select { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em; } table { font-size: 1em; } table table { font-size: 1em; } table table table { font-size: 1em; } table table table table { font-size: 1em; } table table table table table { font-size: 1em; } div { /* border-color: #bababa; border-style: dashed; border-width: 1px; padding: 4px; margin: 4px */ } td { /* border-color: #000000; border-style: dashed; border-width: 1px; margin: 6px */ } /* preloader */ /* ------------------------------------------------------------------------- */ #preload { width: 0px; height: 0px; visibility: hidden; position: absolute; top: -1000px; left: -1000px; background-image: url('images/body_info_bg.gif'); background-image: url('images/body_error_bg.gif'); background-image: url('images/msg_info_title.gif'); background-image: url('images/msg_error_title.gif'); background-image: url('images/logo_youtube_color.gif'); background-image: url('images/logo_myspace_color.gif'); background-image: url('images/nav_eyes.gif'); background-image: url('images/prod_pic_small_hover.gif'); background-image: url('images/prod_nopic_small_hover.gif'); background-image: url('images/zoom_bg_hover.gif'); } /* modal box */ /* ------------------------------------------------------------------------- */ #modal_container { overflow: auto; border: 33px solid #FFFFFF; width: 50%; background-color: #FFFFFF; } #modal_container.info { } #modal_container.error { } #modal_subcontainer { border: 1px solid #D81407; } #modal_button { display: block; text-align: right; padding-right: 8px; padding-top: 14px; background-color: #D81407; padding-bottom: 14px; font-size: 120%; } #modal_button a { color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 5px; border: 1px solid #FFFFFF; } #modal_button a:hover { color: #FFFFFF; border: 1px solid #FFFFFF; } #modal_button.info { background-image: url('images/msg_info_title.gif'); background-repeat: no-repeat; background-position: 18 8; } #modal_button.error { background-image: url('images/msg_error_title.gif'); background-repeat: no-repeat; background-position: 18 8; } #modal_content { margin-top: 22px; padding-right: 11px; padding-top: 44px; padding-bottom: 44px; } #modal_content.info { font-size: 150%; text-align: center; color: #FFFFFF; margin-bottom: 22px; font-weight: bold; } #modal_content.error { background-image: url('images/body_error_bg.gif'); background-repeat: no-repeat; background-position: top left; padding-top: 77px; padding-bottom: 22px; border-bottom: 1px solid #EFA19C; margin-bottom: 55px; } #modal_overlay { } #modal_overlay.info { background-color: #FFFFFF; } #modal_overlay.error { background-color: #FFFFFF; } /* info box */ /* ------------------------------------------------------------------------- */ #global-info-box { background-image: url('images/body_info_bg.gif'); background-repeat: no-repeat; background-position: top left; padding-top: 77px; padding-bottom: 22px; border-bottom: 1px solid #000000; margin-bottom: 22px; } #global-infos { padding-left: 20px; color: #000000; text-align: center; font-size: 150%; } #global-infos a { color: #D81407; text-decoration: none; font-weight: bold; } #global-infos a:hover { } /* error box */ /* ------------------------------------------------------------------------- */ #global-error-box { background-image: url('images/body_error_bg.gif'); background-repeat: no-repeat; background-position: top left; padding-top: 77px; padding-bottom: 22px; border-bottom: 1px solid #EFA19C; margin-bottom: 55px; } #global-errors { padding-left: 20px; color: #000000; } #global-errors a { color: #D81407; text-decoration: none; font-weight: bold; } #global-errors a:hover { } /* forms */ /* ------------------------------------------------------------------------- */ input { margin-top: 5px; color: #000000; } .submit { font-size: 140%; line-height: 8px; padding: 6px 22px 4px 22px; color: #FFFFFF; background-color: #D81407; border: 4px solid #BFBFBF; cursor: pointer; } .submit:hover { } select { margin-top: 5px; color: #000000; border: inset 1px #e6e6e6; } textarea { margin-top: 5px; color: #000000; border: inset 1px #e6e6e6; } .form-title-mandatory { color: #D81407; font-weight: bold; } .form-title-error { color: #D81407; font-weight: bold; } .form-title-error:link { color: #E71F1F; text-decoration: none; font-weight: bold; } .form-title-error:visited { color: #E71F1F; text-decoration: none; font-weight: bold; } .form-title-error:active { color: #E71F1F; text-decoration: none; font-weight: bold; } .form-title-error:hover { color: #E71F1F; text-decoration: none; font-weight: bold; } .form-title-ok { color: #000000;; font-weight: bold; } .form-field-default { background-color: #FFFFFF; color: #5D4133; } .form-field-error { background-color: #FFFFFF; color: #5D4133; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* GLOBAL : CUSTOM */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ hr { color: #5D4133; background-color: #5D4133; width: 100%; height: 1px; border: 0px; } #temp-clear { clear: both; } #area-all { height : auto !important; /* ignored by IE, applied everywhere else */ height : 100%; /* IE treats as min-height */ min-height : 100%; /* IE ignores this */ width: 1002px; font-size: 80%; margin: 0px; padding: 0px 0px 100px 0px; background-image: url('images/body_bg.gif'); background-repeat: no-repeat; background-position: top left; text-align: left; } #area-top { height: 172px; } #area-top-left { float: left; width: 255px; } #area-top-left a img { border: 0px; } #area-top-right { float: left; width: 740px; } #area-top-flags { text-align: right; padding-top: 10px; } #area-top-flags a { padding-right: 10px; padding-left: 10px; } #area-top-flags a img { border: 0px; } #area-top-nav { text-align: left; padding-left: 62px; } #area-top-nav a { border-left: 1px solid #949393; padding-left: 1em; padding-right: 1em; font-weight: bold; color: #949393; font-size: 110%; line-height: 0em; text-decoration: none; } #area-top-nav a:hover { color: #D81407; } #area-top-nav .ispage { color: #D81407; } #area-top-banners { text-align: right; padding-left: 22px; padding-top: 15px; } #area-top-banners .banner{ float: left; padding-left: 6px; } #area-top-banners a { } #area-top-banners a img { border: 0px; } #area-top-banners-end { clear: both; } #area-left { width: 331px; float: left; } #area-left-nav-1 { padding-left: 32px; height: 100px; } #area-left-nav-1 a { display: block; font-size: 105%; text-decoration: none; color: #000000; font-weight: bold; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #BFBFBF; float: left; clear: left; } #area-left-nav-1 .text { } #area-left-nav-1 a:hover { color: #D81407; } #area-left-nav-1 .ispage { color: #D81407; } #area-left-sub { clear: both; padding-top: 300px; padding-left: 72px; } #area-cart-mini { clear: both; } #area-left-nav-2 { clear: both; font-size: 115%; padding-top: 44px; } #area-left-nav-2 a { display: block; text-decoration: none; color: #000000; width: 260px; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #ECECEC; } #area-left-nav-2 a .text { display: block; padding-left: 1em; padding-top: 6px; padding-bottom: 6px; } #area-left-nav-2 a:hover .text { background-color: #DBDBDB; color: #FFFFFF; font-weight: bold; } #area-left-nav-2 .ispage .text { background-color: #DBDBDB; color: #FFFFFF; font-weight: bold; } #area-left-nav-3 { } #area-left-nav-3 a { display: block; width: 260px; height: 65px; border-top: 1px solid #ECECEC; background-repeat: no-repeat; background-position: top left; } #area-left-nav-3 a.youtube { background-image: url('images/logo_youtube_grey.gif'); } #area-left-nav-3 a:hover.youtube { background-image: url('images/logo_youtube_color.gif'); } #area-left-nav-3 a.myspace { background-image: url('images/logo_myspace_grey.gif'); } #area-left-nav-3 a:hover.myspace { background-image: url('images/logo_myspace_color.gif'); } #area-left-nav-4 { padding-top: 100px; } #area-left-nav-4 a { display: block; width: 260px; height: 100px; border-top: 1px solid #ECECEC; color: #BFBFBF; text-decoration: none; background-image: url('images/hd_bg.gif'); background-repeat: no-repeat; background-position: top left; padding-top: 4px; padding-bottom: 4px; } #area-middle { float: left; width: 470px; text-align: left; padding-top: 135px; margin-left: 35px; } #area-middle-top { padding-top: 1.8em; border-bottom: 1px dashed #BFBFBF; padding-bottom: 0.5em; } #area-middle-top2 { } #area-middle-content { font-size: 110%; padding-top: 22px; } #area-right { float: left; text-align: left; width: 150px; } #area-right-top { position: relative; text-align: center; margin-top: 32px; height: 99px; overflow: hidden; } #area-right-top-session { position: absolute; top: 11px; left: 11px; } #area-right-top-title { width: 100%; position: absolute; top: 50px; left: 0px; text-align: center; } #area-right-middle { margin-top: 31px; margin-left: 10px; } #area-right-top-nav { text-align: right; } #area-right-top-nav a { display: block; font-weight: bold; font-size: 130%; text-decoration: none; letter-spacing: 2px; text-transform: uppercase; font-style: italic; margin-bottom: 11px; text-align: left; padding-bottom: 4px; padding-right: 11px; color: #000000; border-right: 11px solid #D81407; border-bottom: 1px dashed #D81407; } #area-right-top-nav .text { } #area-right-top-nav a:hover { color: #D81407; } #area-right-top-nav .ispage { color: #D81407; } #area-middle-bottom { } #area-middle-bottom-jump { padding-top: 44px; text-align: center; font-size: 110%; border-bottom: 1px dashed #BFBFBF; } #area-middle-bottom-jump a { display: block; height: 22px; color: #000000; text-decoration: none; background-image: url('images/goto_top.gif'); background-repeat: no-repeat; background-position: 50% 20%; padding-top: 55px; padding-bottom: 11px; } #area-middle-bottom-jump a:hover { color: #D81407; background-position: 50% 0%; } #area-middle-bottom-nav { padding-top: 22px; font-size: 110%; text-align: center; } #area-middle-bottom-nav a { color: #000000; padding-left: 11px; padding-right: 11px; line-height: 2em; text-decoration: none; } #area-middle-bottom-nav a:hover { font-weight: bold; font-size: 120%; color: #D81407; font-style: italic; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* MODULE : FLAGS */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ #flags-container { width: 100%; text-align: left; padding-left: 18px; padding-top: 12px; } #flag-container { float: left; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* SCRIPT : NAVIGATION */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ /* path */ #navigation-path-container { float: left; } #navigation-path { font-size: 105%; color: #000000; line-height: 150%; } #navigation-path-intro { font-weight: bold; } #navigation-path-pages { } #navigation-path-pages .ispage { font-weight: bold; color: #D81407; } #navigation-path-pages a { color: #000000; text-decoration: none; } #navigation-path-pages a:hover { text-decoration: underline; } .navigation-path-inter { } /* curnav */ #navigation-curnav-container { } #navigation-curnav { } #navigation-curnav a { width: 171px; -moz-box-sizing: border-box; display: block; color: #DBC9A8; font-weight: bold; text-decoration: none; border-top: 1px solid #DBC9A8; padding-top: 8px; padding-bottom: 8px; } #navigation-curnav a:hover { color: #5D4133; border-top: 1px solid #5D4133; } #navigation-curnav a.ispage { color: #5D4133; border-top: 1px solid #5D4133; } /* subnav */ #navigation-subnav-container { width: 300px; } #navigation-subnav { width: 300px; font-size: 105%; font-weight: bold; margin-top: 22px; margin-bottom: 33px; line-height: 150%; color: #5D4133; } #navigation-subnav a { -moz-box-sizing: border-box; display: block; width: 500px; color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #FFFFFF; padding-top: 4px; padding-bottom: 4px; padding-left: 11px; padding-right: 11px; background-color: #DBC9A8; } #navigation-subnav a:hover { color: #FFFFFF; background-color: #5D4133; } #navigation-subnav-title { width: 500px; padding-bottom: 22px; } #navigation-subnav hr { width: 500px; color: #58A04E; background-color: #58A04E; } /* sitemap */ #navigation-sitemap-container { font-size: 140%; } #navigation-sitemap { } #navigation-sitemap div { padding-top: 4px; } #navigation-sitemap a { color: #000000; text-decoration: none; } #navigation-sitemap a:hover { color: #D81407; font-weight: bold; font-style: italic; letter-spacing: 2px; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* SCRIPT : CONTACT */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ #contact-container { text-align: center; padding-top: 20px; } #contact-container hr { display: none; } #contact { margin-left: auto; margin-right: auto; position: relative; } #contact .box-f { } #contact .label-f { color: #000000; font-weight: bold; text-align: left; padding-top: 4px; } #contact .data-f { text-align: left; } #contact .data-f input.text { width: 100%; } #contact .data-f textarea { width: 100%; } #contact .data-f select { width: 100%; font-size: 110%; text-align: center; } #contact-submit { padding-top: 22px; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* MODULE : MEMBERS */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ /* registration */ /* ------------------------------------------------------------------------- */ #users-reg-container { width: 100%; } #users-reg-content { } #users-reg-content hr { color: #FFFFFF; background-color: #FFFFFF; width: 100%; height: 1px; border: 0px; } #users-reg-title { border-bottom: 1px solid #D81407; color: #000000; font-weight: bold; padding-top: 1em; padding-bottom: 1em; } #users-reg-data { } #users-reg-label { padding-top: 6px; text-align: left; } #users-reg-field { text-align: left; } #users-reg-field input.text { width: 200px; } #users-reg-field textarea { width: 400px; height: 100px; } #users-reg-field select { } #users-reg-submit checkbox { } #users-reg-cond { } #users-reg-cond-title { border-top: 1px solid #D81407; color: #000000; font-weight: bold; padding-top: 1em; padding-bottom: 1em; } #users-reg-summary-label { font-weight: bold; color: #5D4133; text-align: left; padding-top: 1em; } #users-reg-summary-field { color: #D81407; padding-left: 3em; } #users-reg-submit { text-align: center; padding-top: 2em; } #users-reg-gateway { display: none; text-align: center; } /* login */ /* ------------------------------------------------------------------------- */ #users-log-container { width: 100%; text-align: left; padding-top: 20px; } #users-log-content { } #users-log-title { display: none; } #users-log-form { padding-bottom: 11px; float: left; padding-right: 2em; } #users-log-form-row { padding-bottom: 11px; } #users-log-form-row .label { display: block; } #users-log-form-row .data { display: block; } #users-log-form-row input.text { width: 200px; } #users-log-submit { padding-bottom: 55px; } #users-log-links { float: left; border-left: 1px solid #ECECEC; padding-left: 2em; } #users-log-links-get { } #users-log-links-reg { } #users-log-links a { display: block; margin-top: 1em; margin-bottom: 2em; color: #000000; } #users-log-links a:hover { font-weight: bold; } /* retrieval */ /* ------------------------------------------------------------------------- */ #users-log-get-container { width: 100%; text-align: left; padding-top: 20px; } #users-log-get-content { } #users-log-get-title { display: none; } #users-log-get-row { padding-bottom: 11px; } #users-log-get-row .label { text-align: left; } #users-log-get-row .data { text-align: left; } #users-log-get-row input.text { width: 300px; } #users-log-get-submit { padding-top: 1em; } #users-log-reg { padding-top: 1em; padding-bottom: 1em; border-top: 1px dashed #BFBFBF; font-size: 200%; margin-left: auto; margin-right: auto; text-align: center; } #users-log-reg a { color: #000000; } /* session */ /* ------------------------------------------------------------------------- */ #users-session-container { } #users-session-content { color: #FFFFFF; width: 144px; border-bottom: 1px dashed #FFFFFF; height: 33px; } #users-session-content .status { display: block; padding-top: 4px; font-weight: bold; text-align: center; } #users-session-content .name { display: block; color: #D81407; padding-right: 0.5em; font-weight: bold; background-color: #ffffff; text-align: center; } #users-session-content .surname { display: none; } #users-session-content a { } #users-session-content a:hover { } #users-session-content .goto a { } #users-session-content .goto a:hover { } #users-session-content .logout a { display: block; color: #FFFFFF; text-decoration: none; text-align: center; } #users-session-content .logout a:hover { } /* newsletter */ /* ------------------------------------------------------------------------- */ #users-newsletter-container { width: 100%; text-align: left; padding-top: 20px; } #users-newsletter-insc { border-top: 1px dashed #BFBFBF; padding-top: 11px; } #users-newsletter-insc-title { font-weight: bold; padding-bottom: 22px; } #users-newsletter-insc-row { padding-bottom: 11px; } #users-newsletter-insc-row .label { display: block; text-align: left; } #users-newsletter-insc-row .data { display: block; text-align: left; } #users-newsletter-insc-row input.text { width: 300px; } #users-newsletter-insc-submit { padding-top: 1em; } #users-newsletter-desinsc { border-top: 1px dashed #BFBFBF; padding-top: 11px; margin-top: 44px; } #users-newsletter-desinsc-title { font-weight: bold; padding-bottom: 22px; } #users-newsletter-desinsc-row { padding-bottom: 11px; } #users-newsletter-desinsc-row .label { display: block; text-align: left; } #users-newsletter-desinsc-row .data { display: block; text-align: left; } #users-newsletter-desinsc-row input.text { width: 300px; } #users-newsletter-desinsc-submit { padding-top: 1em; } /* control panel */ /* ------------------------------------------------------------------------- */ #users-cp-container { font-size: 220%; } #users-cp-content { } #users-cp-content a { display: block; color: #FFFFFF; background-color: #DBDBDB; text-decoration: none; border-bottom: 1px solid #DBDBDB; padding-top: 11px; padding-bottom: 11px; padding-left: 1em; margin-bottom: 1em; } #users-cp-content a:hover { background-color: #D81407; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* MODULE : rates */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ /* currency selector */ /* ------------------------------------------------------------------------- */ #currency-selector-container { float: left; color: #000000; padding-top: 1em; padding-bottom: 1em; } #currency-selector { } #currency-selector select { font-size: 100%; width: 170px; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* MODULE : SHOP */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ /* nav top */ /* ------------------------------------------------------------------------- */ #shop-cat-nav-top-container { } #shop-cat-nav-top { font-size: 211%; font-weight: bold; padding-bottom: 0.5em; padding-top: 0.5em; } #shop-cat-nav-top a { color: #D81407; text-decoration: none; } #shop-cat-nav-top a:visited { } #shop-cat-nav-top a:active { } #shop-cat-nav-top a:hover { background-color: #D81407; color: #FFFFFF; } #shop-cat-nav-top a.iscat { } /* cats nav */ /* ----------------------------------------------------------------------- */ #shop-cat-nav-container { } #shop-cat-nav { } #shop-cat-nav-sub { font-size: 130%; } #shop-cat-nav-sub a { display: block; text-decoration: none; color: #000000; margin-bottom: 5px; padding: 2px 0px 2px 0px; font-weight: bold; font-style: italic; border-left: 8px solid #BFBFBF; border-bottom: 1px dashed #BFBFBF; } #shop-cat-nav-sub a .clip-right { } #shop-cat-nav-sub a:hover { border-bottom: 1px dashed #D81407; font-weight: bold; color: #D81407; border-left: 8px solid #D81407; } #shop-cat-nav-sub a:hover .clip-right { } #shop-cat-nav-sub a.iscat { border-left: 8px solid #D81407; border-bottom: 1px dashed #D81407; font-weight: bold; } #shop-cat-nav-sub a.iscat .clip-right { } /* product path */ /* ------------------------------------------------------------------------- */ #shop-prod-path { font-size: 105%; float: left; margin-top: 1.7em; } #shop-prod-path a { color: #000000; text-decoration: none; } #shop-prod-path a:hover { text-decoration: underline; } #shop-prod-path .iscat { color: #D81407; font-weight: bold; text-decoration: none; } /* product list */ /* ------------------------------------------------------------------------- */ #shop-prod-list-container { width: 100%; text-align: center; clear: left; } #shop-prod-list-linebreak { height: 30px; } #shop-prod-list { margin-left: auto; margin-right: auto; text-align: center; } #shop-prod-list-title h1 { text-align: left; font-size: 2em; text-transform: uppercase; font-style: italic; background-color: #FFE1DF; color: #D81407; padding: 10px; border-top: 1px dashed #D81407; font-weight: bold; } #shop-prod-list-intro p { text-align: left; } #shop-prod-list-empty { width: 100%; text-align: center; } #shop-prod-list-empty-top { margin-left: auto; margin-right: auto; width: 250px; height: 390px; background-image: url('images/cat_empty.gif'); background-repeat: no-repeat; background-position: center bottom; border-bottom: 3px solid #ECECEC; } #shop-prod-list-empty-content { padding-top: 11px; font-size: 150%; color: #D81407; } #shop-prod-list-empty-bottom { } #shop-prod-list-item { float: left; width: 154px; text-align: center; padding-bottom: 10px; } #shop-prod-list-item a { display: block; text-decoration: none; } #shop-prod-list-item a:hover { text-decoration: none; } #shop-prod-list-item-pic { display: block; margin-left: auto; margin-right: auto; width: 154px; height: 174px; background-repeat: no-repeat; background-position: center 23px; } #shop-prod-list-item-pic .ispromo { display: block; height: 172px; background-image: url('images/prod_promo.gif'); background-repeat: no-repeat; background-position: center bottom; } #shop-prod-list-item a .pic-bg { display: block; background-image: url('images/prod_pic_small_bg.gif'); background-repeat: no-repeat; cursor: hand; } #shop-prod-list-item a:hover .pic-bg { background-image: url('images/prod_pic_small_hover.gif'); background-repeat: no-repeat; } #shop-prod-list-item a .isprod { background-image: url('images/prod_pic_small_hover.gif'); } #shop-prod-list-item a .nopic-bg { display: block; background-image: url('images/prod_nopic_small_bg.gif'); cursor: hand; } #shop-prod-list-item a:hover .nopic-bg { background-image: url('images/prod_nopic_small_hover.gif'); background-repeat: no-repeat; } #shop-prod-list-item-name { display: none; } #shop-prod-list-item-price { color: #000000; font-weight: bold; font-style: italic; font-size: 160%; text-align: right; padding-right: 30px; text-decoration: none; display: block; } #shop-prod-list-item select { width: 100px; font-size: 100%; } #shop-prod-list-item select .isempty { color: #BFBFBF; } #shop-prod-list-item-buy { } #shop-prod-list-item-buy input { font-weight: bold; width: 100px; background-color: #D81407; color: #ffffff; cursor: pointer; font-size: 100%; border: 2px solid #BFBFBF; } #shop-prod-list-stock-empty { display: block; margin-top: 8px; font-weight: bold; text-transform: uppercase; } /* product pager */ /* ------------------------------------------------------------------------- */ #shop-prod-list-pager { width: 100%; text-align: center; padding-top: 44px; clear: left; } #shop-prod-list-pager .title { display: block; font-weight: bold; color: #DBDBDB; font-size: 110%; margin-bottom: 0.5em; } #shop-prod-list-pager a { color: #FFFFFF; font-size: 110%; background-color: #DBDBDB; color: #FFFFFF; padding: 5px; text-decoration: none; border-left: 1px solid #FFFFFF; line-height: 2em; } #shop-prod-list-pager .ispage { color: #FFFFFF; font-size: 110%; background-color: #D81407; color: #FFFFFF; padding: 5px; text-decoration: none; border-left: 1px solid #FFFFFF; } #shop-prod-list-pager a:hover { background-color: #D81407; } #shop-prod-list-pager a:hover.go-near { background-color: #000000; } #shop-prod-list-pager a:hover.go-far { background-color: #000000; } #shop-prod-list-pager a:hover.go-ext { background-color: #000000; } /* product detail */ /* ------------------------------------------------------------------------- */ #shop-prod-detail-container { margin-bottom: 40px; } #shop-prod-detail { } #shop-prod-detail-top { } #shop-prod-detail-name h1 { margin-bottom: 0; } #shop-prod-detail-name .label { display: none; } #shop-prod-detail-name .data { font-size: 25px; font-weight: bold; color: #000000; } #shop-prod-detail-main .ispromo { font-size: 180%; font-weight: bold; color: #D81407; display: block; padding-left: 118px; height: 24px; background-image: url('images/prod_promo.gif'); background-repeat: no-repeat; background-position: left bottom; } #shop-prod-detail-ref { font-weight: bold; font-size: 95%; } #shop-prod-detail-ref .label { } #shop-prod-detail-ref .data { color: #D81407; text-transform: uppercase; } #shop-prod-detail-vars { font-weight: bold; font-size: 95%; } #shop-prod-detail-vars .label { } #shop-prod-detail-vars .data { color: #D81407; text-transform: uppercase; } #shop-prod-detail-main { float: left; width: 200px; margin-right: 10px; text-align: left; } #shop-prod-detail-desc { font-size: 95%; } #shop-prod-detail-desc .label { display: none; } #shop-prod-detail-desc .data { } #shop-prod-detail-desc-sub { font-size: 80%; margin-top: 1em; margin-bottom: 1em; } #shop-prod-detail-desc-sub .label { display: none; } #shop-prod-detail-desc-sub .data { } #shop-prod-detail-zoom { padding-bottom: 1.5em; border-bottom: 1px dashed #BFBFBF; } #shop-prod-detail-zoom a { display: block; text-align: center; margin-top: 2em; width: 164px; height: 38px; background-image: url('images/zoom_bg.gif'); background-repeat: no-repeat; background-position: top center; text-decoration: none; color: #D81407; cursor: hand; margin-left: 18px; } #shop-prod-detail-zoom a:hover { background-image: url('images/zoom_bg_hover.gif'); } #shop-prod-detail-zoom .label { display: block; font-weight: bold; font-size: 120%; height: 38px; padding-top: 0.6em; } #shop-prod-detail-price { text-align: center; font-size: 220%; font-weight: bold; color: #D81407; padding-top: 1em; } #shop-prod-detail-price .label { display: none; } #shop-prod-detail-price .data { } #shop-prod-detail-price .data .promo-before { display: block; font-size: 66%; color: #000000; text-decoration: line-through; } #shop-prod-detail-price .data .promo-without { } #shop-prod-detail-selectors-container { } #shop-prod-detail-select-vars { text-align: center; } #shop-prod-detail-select-vars .label { display: block; text-align: center; font-size: 100%; font-weight: bold; color: #000000; padding-top: 15px; padding-bottom: 55px; margin-bottom: 15px; background-image: url('images/goto_bottom.gif'); background-position: bottom center; background-repeat: no-repeat; } #shop-prod-detail-select-vars .data { } #shop-prod-detail-select-vars select { width: 100px; font-size: 100%; } #shop-prod-detail-select-vars select .isempty { color: #BFBFBF; } #shop-prod-detail-select-qty { text-align: center; } #shop-prod-detail-select-qty .label { display: none; } #shop-prod-detail-select-qty .data { } #shop-prod-detail-select-qty select { width: 100px; font-size: 100%; } #shop-prod-detail-select-qty select .isempty { color: #BFBFBF; } #shop-prod-detail-right { float: left; width: 254px; } #shop-prod-detail-pic-container { border-bottom: 3px solid #ECECEC; background-image: url('images/prod_pic_large_load.gif'); background-position: center center; background-repeat: no-repeat; } #shop-prod-detail-pic { width: 254px; height: 500px; } #shop-prod-detail-buy { text-align: center; padding-bottom: 22px; font-weight: bold; } #shop-prod-detail-buy input { font-weight: bold; width: 100px; background-color: #D81407; color: #ffffff; cursor: pointer; font-size: 100%; border: 2px solid #BFBFBF; } #shop-prod-detail-stock-full { text-align: center; padding-bottom: 22px; font-weight: bold; text-transform: uppercase; } #shop-prod-detail-stock-empty { text-align: center; padding-bottom: 22px; font-weight: bold; text-transform: uppercase; } #shop-prod-detail-clear { clear: left; } /* cart info */ /* ------------------------------------------------------------------------- */ #shop-cart-info-container { float: left; font-size: 160%; font-style:italic; font-weight: bold; padding-left: 1em; padding-top: 0.8em; } #shop-cart-info { } #shop-cart-info .label { color: #000000; } #shop-cart-info a { color: #000000; text-decoration: none; } #shop-cart-info a:hover { text-decoration: underline; } #shop-cart-info .data { color: #D81407; } /* cart */ /* ------------------------------------------------------------------------- */ #shop-cart-container { } #shop-cart { } #shop-cart-nav { border-bottom: 1px solid #000000; margin-bottom: 44px; } .taboff { -moz-box-sizing: border-box; margin: 0px 5px 0px 0px; padding: 6px 0px 6px 0px; background-color: #FFFFFF; color: #000000; border-top:1px solid #000000; border-left: 1px solid #000000; border-right:1px solid #000000; font-weight: bold; text-decoration: none; line-height: 22px; white-space: nowrap; } .taboff:link { color: #000000; } .taboff:hover { color: #FFFFFF; background-color: #D81407; border-bottom: 4px solid #000000; } .tabon { -moz-box-sizing: border-box; margin: 0px 5px 0px 0px; padding: 6px 0px 6px 0px; background-color: #D81407; color: #FFFFFF; border-top:1px solid #000000; border-left: 1px solid #000000; border-right:1px solid #000000; border-bottom: 4px solid #000000; font-weight: bold; text-decoration: none; line-height: 22px; white-space: nowrap; } .tabon:link { color: #FFFFFF; } #shop-cart table { width: 100%; } #shop-cart table td { padding-right: 11px; } #shop-cart table td .col1 { } #shop-cart table td .col2 { } #shop-cart table td .col3 { } #shop-cart-item-ref .label { } #shop-cart-item-ref .data { color: #D81407; text-transform: uppercase; } #shop-cart-item-name .label { display: none; } #shop-cart-item-name .data { font-size: 170%; font-weight: bold; color: #000000; } #shop-cart-item-pic { } #shop-cart-item-pic a { } #shop-cart-item-pic a img { border: 0px; } #shop-cart-item-vars { font-weight: bold; font-size: 95%; } #shop-cart-item-vars .label { } #shop-cart-item-vars .data { color: #D81407; text-transform: uppercase; } #shop-cart-item-price { } #shop-cart-item-price .label { display: none; } #shop-cart-item-price .data { font-weight: bold; font-style: italic; font-size: 160%; } #shop-cart-item-taxes { font-size: 80%; } #shop-cart-item-taxes .label { } #shop-cart-item-taxes .data { } #shop-cart-item-price-promocode { font-size: 160%; margin-left: 44px; text-align: right; } #shop-cart-item-price-promocode .label { display: block; } #shop-cart-item-price-promocode .data { font-weight: bold; font-style: italic; color: #D81407; } #shop-cart-item-price-subtot { font-size: 160%; margin-left: 44px; text-align: right; } #shop-cart-item-price-subtot .label { display: block; } #shop-cart-item-price-subtot .data { display: block; font-weight: bold; font-style: italic; color: #D81407; } #shop-cart-price-tot { font-size: 160%; height: 100%; margin-left: 44px; text-align: right; } #shop-cart-price-tot .label { } #shop-cart-price-tot .data { font-weight: bold; font-style: italic; color: #D81407; } #shop-cart-taxes-tot { font-size: 80%; text-align: right; } #shop-cart-taxes-tot .label { } #shop-cart-taxes-tot .data { } #shop-cart-item-recalc { height: 100%; } #shop-cart-item-recalc .label { display: block; font-weight: bold; padding-top: 1em; } #shop-cart-item-recalc select { width: 100px; font-size: 100%; } #shop-cart-item-recalc select .isempty { color: #BFBFBF; } #shop-cart-promocode-container { margin-top: 22px; margin-bottom: 22px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } #shop-cart-promocode { padding: 11px; } #shop-cart-promocode .label { display: block; font-weight: bold; text-align: center; } #shop-cart-promocode .data { display: block; text-align: center; } #shop-cart-promocode .data input { font-size: 188%; color: #D81407; text-align: center; } #shop-cart-ship-container { } #shop-cart-ship{ } #shop-cart-ship-title { font-size: 160%; border-top: 1px solid #000000; padding-top: 5px; } #shop-cart-ship-free { font-size: 160%; padding-top: 22px; padding-bottom: 22px; color: #D81407; text-align: center; font-weight: bold; font-style: italic; } #shop-cart-ship-prov { padding-top: 1em; } #shop-cart-ship-prov .name { text-align: right; font-size: 180%; font-weight: bold; font-style: italic; background-color: #ECECEC; padding: 4px 8px 4px 4px; } #shop-cart-ship-prov .desc { } #shop-cart-ship-serv { padding-top: 1em; } #shop-cart-ship-serv .name { text-align: right; font-size: 160%; font-weight: bold; font-style: italic; color: #D81407; } #shop-cart-ship-serv .desc { font-size: 80%; } #shop-cart-ship-zones-container { } #shop-cart-ship-zones-title { font-weight: bold; padding-top: 1em; padding-bottom: 1em; } #shop-cart-ship-zone { } #shop-cart-ship-zone .selector { float: left; padding-left: 33px; padding-top: 0.5em; } #shop-cart-ship-zone .desc { float: left; padding-left: 1em; width: 400px; padding-bottom: 1em; padding-top: 1em; } #shop-cart-ship-zone hr { clear: left; color: #ECECEC; background-color: #ECECEC; width: 100%; height: 1px; border: 0px; } #shop-cart-ship-zones-container .iszone { color: #D81407; } #shop-cart-ship-weight-tot { font-size: 160%; text-align: right; } #shop-cart-ship-weight-tot .label { } #shop-cart-ship-weight-tot .data { font-weight: bold; font-style: italic; color: #D81407; } #shop-cart-ship-price-tot { font-size: 160%; text-align: right; } #shop-cart-ship-price-tot .label { } #shop-cart-ship-price-tot .data { font-weight: bold; font-style: italic; color: #D81407; } #shop-cart-ship-address { padding-top: 2em; } #shop-cart-ship-address .label { display: block; } #shop-cart-ship-address .data { display: block; } #shop-cart-ship-address .data textarea { width: 100%; height: 9em; font-weight: bold; color: #D81407; padding: 1em; } #shop-cart-order-container { } #shop-cart-order { } #shop-cart-order-price-tot { text-align: center; padding-top: 1em; } #shop-cart-order-price-tot .label { display: block; font-size: 160%; } #shop-cart-order-price-tot .data { font-size: 220%; display: block; font-weight: bold; font-style: italic; color: #D81407; } #shop-cart-submit { padding-top: 33px; text-align: center; font-weight: bold; } #shop-cart-submit a { font-size: 140%; line-height: 8px; padding: 6px 22px 4px 22px; color: #FFFFFF; background-color: #D81407; border: 4px solid #BFBFBF; text-decoration: none; font-weight: normal; } #shop-cart-submit-button { margin-bottom: 33px; } #shop-cart-order-form { padding-top: 1em; } #shop-cart-order-form-title { font-size: 160%; border-top: 1px solid #000000; padding-top: 5px; } #shop-cart-order-form-email { display: block; float: left; padding-top: 1em; padding-right: 15px; } #shop-cart-order-form-email .label { } #shop-cart-order-form-email .data { } #shop-cart-order-form-email .data input { width: 220px; } #shop-cart-order-form-paymeans { clear: left; display: block; padding-top: 1em; text-align: center; } #shop-cart-order-form-paymeans .label { } #shop-cart-order-form-paymeans .data { font-weight: bold; } /* cart mini */ /* ------------------------------------------------------------------------- */ #shop-cart-mini-container { width: 260px; background-image: url('images/minicart_bg.gif'); background-position: left top; background-repeat: no-repeat; } #shop-cart-mini { font-size: 110%; } #shop-cart-mini-title { font-weight: bold; text-align: center; font-size: 130%; padding-top: 66px; padding-bottom: 11px; } #shop-cart-mini-summary { text-align: center; padding-top: 11px; padding-bottom: 11px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } #shop-cart-mini-summary table { width: 240px; padding-bottom: 11px; margin: auto; } #shop-cart-mini-summary table td { padding: 0px; } #shop-cart-mini-summary table td .col1 { } #shop-cart-mini-summary table td.col1 a { color: #000000; text-decoration: none; } #shop-cart-mini-summary table td.col1 a:hover { text-decoration: underline; } #shop-cart-mini-summary table td.col2 { text-align: right; } #shop-cart-mini-summary table td.col2 select { width: 40px; font-size: 100%; } #shop-cart-mini-summary table td.col3 { text-align: right; } #shop-cart-mini-summary table td.col3 .price { font-weight: bold; } #shop-cart-mini-total { text-align: right; padding: 11px; } #shop-cart-mini-price-tot .label { } #shop-cart-mini-price-tot .data { font-weight: bold; color: #D81407; } #shop-cart-mini-message { font-weight: bold; color: #D81407; text-align: center; background-color: #FFFFFF; padding: 11px; } #shop-cart-mini-button { width: 259px; height: 96px; background-image: url('images/minicart_button_bg.gif'); background-position: left top; background-repeat: no-repeat; text-align: right; } #shop-cart-mini-button a { display: block; height: 77px; font-weight: bold; padding-right: 11px; padding-top: 22px; color: #000000; text-decoration: none; } #shop-cart-mini-button a:hover { } /* shop control panel */ /* ------------------------------------------------------------------------- */ #shop-cp-container { font-size: 220%; } #shop-cp-content { } #shop-cp-content a { display: block; color: #FFFFFF; background-color: #DBDBDB; text-decoration: none; border-bottom: 1px solid #DBDBDB; padding-top: 11px; padding-bottom: 11px; padding-left: 1em; } #shop-cp-content a:hover { background-color: #D81407; } /* shop control panel : order history */ /* ------------------------------------------------------------------------- */ #shop-orders-histo-container { } #shop-orders-histo { } #shop-orders-histo-record { border-bottom: 1px dashed #BFBFBF; margin-top: 11px; margin-bottom: 11px; padding-top: 11px; padding-bottom: 22px; } #shop-cp-content a:hover { } /* paymeans info */ /* ------------------------------------------------------------------------- */ #shop-paymeans-info-container { border-top: 1px dashed #BFBFBF; padding-top: 22px; margin-top: 22px; } #shop-paymeans-info { } #shop-paymeans-info .label { display: block; padding-left: 11px; } #shop-paymeans-info .data { display: block; padding-top: 11px; text-align: center; font-weight: bold; } #shop-paymeans-info .icons { } #shop-paymeans-info .icons img { padding: 5px; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* MODULE : PAY */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ #pay-container { } #pay { } #pay-steps { padding-bottom: 2em; } #pay-step { color: #BFBFBF; } #pay-step a { color: #000000; text-decoration: none; } #pay-step.curstep { color: #000000; font-weight: bold; } #pay-price { padding-bottom: 1em; text-align: right; } #pay-price .label { display: inline; } #pay-price .data { display: inline; color: #000000; font-weight: bold; font-size: 180%; } #pay-infos { padding-bottom: 1em; color: #D81407; font-weight: bold; } #pay-orders table { padding-bottom: 2em; width: 100%; } #pay-orders table tr.header { } #pay-orders table td { border-top: 1px solid #BFBFBF; padding: 5px; } #pay-orders table td .box { border-bottom: 1px solid #BFBFBF; padding-top: 0.5em; padding-bottom: 0.5em; } #pay-orders table td .label { color: #5D4133; font-weight: bold; padding-bottom: 0.5em; } #pay-orders table td .data { text-align: right; } #pay-orders table td.sel { background-color: #F9F9F9; text-align: center; } #pay-orders table td.price { text-align: center; font-size: 150%; font-weight: bold; } #pay-means table { width: 100%; } #pay-means table tr.header { } #pay-means table td { border-top: 1px solid #BFBFBF; padding: 5px; } #pay-means table td .box { margin-bottom: 1em; } #pay-means table td .label { color: #000000; font-weight: bold; } #pay-means table td .data { padding-left: 5em; } #pay-means table td.sel { background-color: #F9F9F9; text-align: center; } #pay-means table td.price { text-align: center; font-size: 150%; font-weight: bold; } #pay-mean-name { font-size: 150%; font-weight: bold; } #pay-mean-expl { padding-top: 2em; padding-bottom: 2em; } #pay-form-submit { text-align: center; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* SCRIPT : BLOG */ /* _________________________________________________________________________ */ /* _________________________________________________________________________ */ /* title */ /* ------------------------------------------------------------------------- */ #blog-title-container { font-size: 222%; font-weight: bold; margin-bottom: 22px; } #blog-title { border-left: 11px solid #E5E5E5; padding-left: 22px; } /* calendar */ /* ------------------------------------------------------------------------- */ #blog-calendar-container { font-size: 100%; margin-bottom: 11px; border-bottom: 1px dashed #BFBFBF; padding-bottom: 11px; } #blog-calendar { /* ~#58A04E~ DO NOT EDIT THIS COMMENT! */ } #blog-calendar table { padding: 0px; } #blog-calendar table th { font-size: 80%; } #blog-calendar table td { text-align: center; } #blog-calendar .calendar-month { font-size: 140%; font-weight: bold; } #blog-calendar .calendar-month a { color: #000000; text-decoration: none; } #blog-calendar .calendar-month a:hover { color: #D81407; } #blog-calendar table td.iszone { color: #ffffff; font-weight: bold; } #blog-calendar table td.iszone a { display: block; width: 100%; color: #ffffff; text-decoration: none; } #blog-calendar table td.iszone a:hover { background-color: #DBC9A8; } #blog-calendar table td.ispost { color: #ffffff; font-weight: bold; background-color: #000000; } #blog-calendar table td.ispost a { display: block; width: 100%; color: #ffffff; text-decoration: none; } #blog-calendar td.ispost a:hover { } #blog-calendar table td.ispage { color: #ffffff; font-weight: bold; background-color: #D81407; } #blog-calendar table td.ispage a { display: block; width: 100%; color: #ffffff; text-decoration: none; } #blog-calendar td.ispage a:hover { } /* cats nav */ /* ------------------------------------------------------------------------- */ #blog-cats-nav-container { } #blog-cats-nav { text-align: right; margin-right: 11px; } #blog-cats-nav a { display: block; text-decoration: none; color: #000000; font-weight: bold; border-bottom: 1px dashed #E5E5E5;; padding-bottom: 11px; padding-top: 11px; margin-bottom: 1px; padding-right: 44px; background-image: url('images/goto_left.gif'); background-position: right center; background-repeat: no-repeat; } #blog-cats-nav a:hover { color: #D81407; background-image: url('images/goto_bottom.gif'); background-position: right center; background-repeat: no-repeat; } #blog-cats-nav a.iscat { color: #D81407; background-image: url('images/goto_bottom.gif'); background-position: right center; background-repeat: no-repeat; } /* content */ /* ------------------------------------------------------------------------- */ #blog-content-container { margin-top: 22px; } #blog-content { } #blog-content-item-container { margin-bottom: 44px; } #blog-content-item { } #blog-content-item-title { font-size: 140%; font-style: italic; color: #000000; border-left: 11px solid #D81407; padding-left: 22px; } #blog-content-item-text { } #blog-content-item-poster { } #blog-content-item-poster-avatar-container { float: left; padding-bottom: 28px; background-image: url('images/blog_avatar_bg.gif'); background-position: center bottom; background-repeat: repeat-x; } #blog-content-item-poster-avatar { border: 3px solid #DBDBDB; } #blog-content-item-poster-avatar img { border: 1px solid #FFFFFF; } #blog-content-item-poster-info { float: left; margin-left: 11px; } #blog-content-item-poster-info-alias { } #blog-content-item-poster-info-alias .data { font-weight: bold; } #blog-content-item-poster-info-date { } #blog-content-item-poster-info-date .data { font-weight: bold; text-transform: capitalize; }