/* -------------------------------------------------------------------- */ * { margin:0; padding:0;} body{ padding:0; margin:0; width:100%; vertical-align:top; /* background:#e8e5df; */ background:#e8e5df; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; color:#4e4e4e; } input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; color:#4e4e4e; vertical-align:middle; } .spacer {font-size:0px; line-height:0px; overflow:hidden;} .clear {clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;} .clear_r {clear:right; font-size:0px; line-height:0px; height:0px; overflow:hidden;} .clear-grid {clear:both; height:0px; border-bottom:solid 0px #dfdcd5; overflow:hidden;} .main-width { width:974px; margin:0 auto; text-align:left;} /* ========= BODY Background ============================= */ /* .top-tail{ background:url(../images/top-tail.gif) top repeat-x #f7f5f2;} .top-tail{ background:url(../images/top-tail.gif) top repeat-x #f7f5f2;} */ .top-tail{ background:url(../images/top-holiday1.gif) top #ffffff;} /*.top-tail{ background:url(../images/headerbg.gif) top repeat-x #FCFCFC;}*/ /* ========= BODY Background ============================= */ input, textarea { font-family:Tahoma; font-size:1em;} .fleft { float:left;} .fright { float:right;} .clear { clear:both;} img {vertical-align:middle;} a img { border:0; text-decoration:none;} ul { list-style:none;} .alignright { text-align:right;} .aligncenter { text-align:center;} .wrapper{ width:100%; overflow:hidden;} .column-1, .column-2, .column-3{ float:left;} a {color:#4e4e4e; outline:none; } a:hover{text-decoration:none;} p { margin:0; padding:0;} .padding1{ padding-top:10px;} .welcome { text-decoration:none; text-transform:uppercase; color:#393939; display:inline-block; text-align:left; padding:3px 11px 0 150px;} .addthis-tm1 { padding: 10px 0px 5px 0; float: right;} .addthis-tm2 { padding: 10px 25px 5px 0; float: right;} /* ============================= header ====================== */ #header a {text-decoration:none;} #header .logo{ background: url(../images/logo.gif) left top no-repeat; margin:15px 0 0 0; height: 96px; width: 978px;} #header .logo-text {float:right; padding:15px 15px 0 0; text-align:right;} #header .logo span, .logo H1, .logo H2{ font-family:"Times New Roman", Times, serif; color: #cc3300; font-size:1.6em;} #header .logo H1{ padding-bottom:10px;} #header .logo H2{ padding-bottom:5px; color: #666;} #header .top-block{ background:url(../images/top-block-tail.gif) top repeat-x; margin-top:32px; float:right; display:block;} #header .top-block span{ display:inline-block;} #header .top-block .left-bg{ background:url(../images/top-block-left-bg.gif) left top no-repeat;} #header .top-block .right-bg{ background:url(../images/top-block-right-bg.gif) right top no-repeat; height:42px; width:449px;} #header .top-block .indent{ padding:12px 25px 0 24px;} #header .lang{ background:url(../images/separator.gif) no-repeat right 0; padding:0 20px 0 0; float:left;} #header .lang a{ display:inline-block; margin-left:7px;} #header .menu{ width:100%; overflow:hidden; background:url(../images/buttons/color_menu.gif) top no-repeat; height:36px; margin-top: 3px;} #header .menu ul{ margin:0;} /* #header .menu .left-bg{ background:url(../images/buttons/menu-left-bg1.gif) left top no-repeat;} #header .menu .right-bg{ background:url(../images/buttons/menu-right-bg1.gif) right top no-repeat; height:34px; padding:1px 0; overflow:hidden;} */ #header .menu li{ float:left; background:url(../images/buttons/menu-separator.gif) no-repeat 0 0;} /*#header .menu .li_un{ background:none;}*/ #header .menu .li_un{ background:none; width:139px;} #header .menu .first{ background:none;} #header .menu a{ text-decoration:none; text-transform:uppercase; color:#393939; display:inline-block; width:139px; text-align:center; padding:11px 0 11px 0;} #header .menu a:hover{ color:#d4760c;} #header .menu a:active{ padding-top:13px; padding-bottom:9px;} #container .cart-tail { width:100%; background:url(../images/cart_bg.gif) top no-repeat #f7f5f2; height:70px; } /* #container .cart-tail-left { background:url(../images/cart_bg_left.gif) left top no-repeat; } #container .cart-tail-right { background:url(../images/cart_bg_right.gif) right top no-repeat; padding:1px 0; overflow:hidden;} */ #bannerOne{ float:left; padding:5px 0 0 0;} #bannerTwo{ float:left; padding:5px 0 0 5px; margin:0 -3px 0 0;} /* ============================= content ===================== */ #content{ padding:11px 0 15px 0; height:100%; position:relative;} #column-left{ width:241px; vertical-align:top;} #column-center{ padding-left:6px; } .block { width:721px; overflow:hidden;} .block .indent{ padding:7px 0 0 2px;} .block .cart{ float:left; padding:10px 5px 0 5px; border-right:solid 1px #dfdcd5;} .block .cart a{ color:#d4760c; font-weight:bold; text-decoration:underline;} .block .cart a:hover{ text-decoration:none;} .block .navigation-links{ float:left; padding-left: 5px; padding-top:10px;} .block .navigation-links a{ text-decoration:none;} .block .navigation-links a:hover{ color:#d4760c;} .block .welcome-links{ float:right; margin-right:57px; padding-top:1px;} .main-content{ width:100%; margin-top:6px;} h1.pageTitle, h2.pageTitle{ font-size:13px; background:url(../images/content-head-tail.gif) top repeat-x; text-transform:uppercase; color:#393939; font-weight:bold; } h1.pageTitle span, h2.pageTitle span{ display:block; background:url(../images/content-head-right-bg.gif) right top no-repeat;} h1.pageTitle span span, h2.pageTitle span span{ background:url(../images/content-head-left-bg.gif) left top no-repeat; padding:14px 0 9px 43px;} .content-top{ background:url(../images/content-border.gif) top repeat-x #fff; width:100%;} .content-bottom{ background:url(../images/content-border.gif) bottom repeat-x; width:100%;} .content-left{ background:url(../images/content-border.gif) left repeat-y;} .content-right{ background:url(../images/content-border.gif) right repeat-y;} .content-top-right{ background:url(../images/content-right-corner-top.gif) top right no-repeat;} .content-top-left{ background:url(../images/content-left-corner-top.gif) top left no-repeat; width:100%;} .content-bottom-right{ background:url(../images/content-right-corner.gif) right bottom no-repeat;} .content-bottom-left{ background:url(../images/content-left-corner.gif) left bottom no-repeat;} .main-content .main-indent{ padding:15px 12px 10px 15px;} .col-1, .col-2, .col-3, .col-4{ float:left; width:148px;} #about-us { text-align: justify; font-family:Arial, Helvetica, sans-serif; ; font-size:12px; padding:7px 0 10px 0; color:#4e4e4e;} #about-us p {padding-top: 5px; padding-bottom: 5px;} #about-us div {padding-right:30px;} #about-us .name{ font-size:14px; color:#d4760c; text-decoration:none; margin-bottom:10px; display:inline-block; font-weight:normal;} #about-us .col-1 {width:300px;} #about-us .col-2 {width:300px; padding: 0 0 10px 10px;} #about-us .col-3 {width:300px; color:#993300; font-size:10px;} #about-us .note a{color: #003399; text-decoration:none;} #about-us .main a{ margin:3px; padding-top: 5px; padding-bottom: 5px; text-decoration:none; color:#003399; } #about-us .goto a:link { color:#ffffff; text-decoration:none; font-weight:normal; margin-right:10px;} #about-us .goto a:active { color:#ffffff; text-decoration:none; background:#d4760c; } #about-us .goto a:hover { color:#d4760c; text-decoration:none; background:#ffffff;} #about-us .goto a:visited { color:#ffffff; text-decoration:none; background:#d4760c;} #pres-msg { text-align: justify; font-family:Arial, Helvetica, sans-serif; ; font-size:12px; padding:7px 0 10px 0; color:#4e4e4e;} #pres-msg .name{ font-size:14px; color:#d4760c; text-decoration:none; margin-bottom:5px; display:inline-block; font-weight:normal;} #pres-msg .col-1 {width:330px;} #pres-msg .col-2 {width:320px;} #pres-msg .col-3 {width:275px; color:#993300; font-size:10px;} #pres-msg .note {color: #003399} #pres-msg .main { margin:3px; padding-top: 5px; padding-bottom: 5px;} .name{ font-size:15px; color:#d4760c; font-style:italic; text-decoration:none; margin-bottom:5px; display:inline-block; font-weight:normal; height:45px;} .name a{ color:#d4760c; text-decoration:none;} .name:hover, .name a:hover{ text-decoration:underline;} .img span{ display:inline-block; font-size:1px; line-height:1px;} .img-top-border{ background:url(../images/img-border.gif) top repeat-x;} .img-bot-border{ background:url(../images/img-border.gif) bottom repeat-x;} .img-left-border{ background:url(../images/img-border.gif) left repeat-y;} .img-right-border{ background:url(../images/img-border.gif) right repeat-y;} .img-left-top{ background:url(../images/img-corner-left-top.gif) left top no-repeat;} .img-right-top{ background:url(../images/img-corner-right-top.gif) right top no-repeat;} .img-left-bot{ background:url(../images/img-corner-left-bot.gif) left bottom no-repeat;} .img-right-bot{ background:url(../images/img-corner-right-bot.gif) right bottom no-repeat; padding:2px 2px 3px;} .price{ font-family:Arial, Helvetica, sans-serif; color:#4a711f; font-size:16px; font-weight:bold; padding-top:7px;} .text{ padding:12px 0 16px 0;} /* .btntext { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;} */ .button{ float:right;} .link1{ text-decoration:none;} .link1:hover{ text-decoration:underline;} /* ============================= footer ====================== */ #footer{ background:#e8e5df; font-size:1.083em; color:#87847d;} #footer .main-width{ padding:21px 0 22px 0;} #footer .fright{ text-align:right;} #footer .menu{ float:right; color:#333; padding-right:17px; padding:7px 5px 0 7px; align:right;} #footer .menu a{ color:#333; display:inline-block; margin:0 8px 0 8px;} #footer .menu a:hover{ color:#000;} #footer a{ color:#87847d; text-decoration:none;} #footer a:visited{ color:#000;} #footer p{ float:right; padding:0 12px 0 0;} #footer .footer-img{ padding:5px 0 0 29px; float:left;} #footer .ip-address{ width:100%; overflow:hidden;} #footer .ip-address div{ padding-right:25px;} #footer .footer-bar {float:right; background:url(../images/footermenu_bg.gif) right top no-repeat; padding-bottom:7px;} #footer .disclaimer {float:left; font-family:Arial, Helvetica, sans-serif; font-size:.8em; color:#666666; line-height:1em; padding:.9em 0 0 0;} #footer .design {float:right; font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#333; line-height:1em; padding:.1em 1em 0 0;} /* ============================= forms ======================= */ input{ font-size:12px; line-height:normal;} #SearchForm{ padding-left:1px; float:left; position:relative;} #SearchForm .indent{ padding:0 0 -50px 5px;} #SearchForm input {vertical-align:top;} #SearchForm .input1 input{ border:solid 0px; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666666; padding:2px 5px 3px 5px; width:141px;} *html #SearchForm .input1 input{ padding:4px 5px 1px 5px; margin-top:-2px;} *:first-child+html #SearchForm .input1 input{ padding:4px 5px 1px 5px; margin-top:-2px;} #SearchForm .input2{ vertical-align:top; padding-bottom:1px;} #SearchForm label{ background:url(../images/search-form-input-bg.gif) no-repeat 0 0; vertical-align:middle; margin:0 0 0 7px; height:21px; width:130px; display:inline-block;} #SearchForm a{ text-decoration:none; display:inline-block; background:url(../images/search-form-submit-bg.gif) no-repeat 0 0; vertical-align:top; width:100px; text-align:center; padding-bottom:2px;} #SearchForm a:hover{ background:url(../images/search-form-submit-bg-act.gif) no-repeat 0 0;} #SearchForm a.advsrch{ background:url(../images/search-form-submit-bg-full.gif) no-repeat 0 0;; color:#333333; font-size:0.9em; float:left;} #SearchForm a.advsrch:hover{ background:url(../images/search-form-submit-bg-act-full.gif) no-repeat 0 0;} select{ line-height:normal; font-family:Arial, Helvetica, sans-serif; color:#4e4e4e; font-size:12px; width:182px !important; padding:1px 0 1px 0; vertical-align:middle;} #CurrenciesForm{ float:left; border-right:solid 1px #dfdcd5; padding-right:15px; padding-top:10px;} #CurrenciesForm select{ width:115px !important; margin-left:0px;} /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* ------------------------------ Center column styles ----------------------- */ #column-center {} .column-center-padding {padding:0;} /* --------------------------------------------------------------------------- */ /* ------------------------------- Product box styles ------------------------ */ .product a {text-decoration:none; font-size:15px; color:#d4760c; font-style:italic; text-decoration:none;} .product a strong {text-decoration:none; font-size:15px; color:#d4760c; font-style:italic; text-decoration:none;} .product a:hover {text-decoration:underline;} .product strong {font-family:Arial, Helvetica, sans-serif; color:#4a711f; font-size:16px; font-weight:bold;} .product-list {padding:5px 0; margin:0;} .product-list .left {float:left; position:relative;} .product-list .right {float:right; width:100%;} .product-list .name {padding:0;} .product-list a {text-decoration:none; font-size:15px; color:#d4760c; font-style:italic; text-decoration:none;} .product-list a:hover {text-decoration:underline;} .product-list .text {padding:0;} .product-list .price {float:left; padding:0;} .product-list .button {float:right; padding:0;} .product-list strong {font-family:Arial, Helvetica, sans-serif; color:#4a711f; font-size:16px; font-weight:bold;} .product-list-col {} .separator {height:45px; font-size:1px; line-height:1px; overflow:hidden; padding:0; margin:0;} .separator-grid { height:10px; font-size:1px; line-height:1px; overflow:hidden; padding:0; margin:0; } .separator-col { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height:10px; font-size:1px; line-height:1px; overflow:hidden; padding:0; margin:0; } /* -------------------Categorie Tap Pull-down menu----------------------- */ .cat_menu { /* background: url(../images/buttons/cat_bar_button1.gif) top repeat-x; */ background: url(../images/buttons/cat_bar_button1.gif) top repeat-x; } .cat_menu_activ { background: url(../images/buttons/cat-menu-tail.gif) top repeat-x; } .cat_right-bg { /* background: url(../images/buttons/cat_bar_button_right1.gif) right top no-repeat; */ background: url(../images/buttons/cat_bar_button_right1.gif) right top no-repeat; padding: 0 4px 0 0; } .cat_right-bg_activ { background: url(../images/buttons/cat-menu-right-bg.gif) right top no-repeat; padding: 0 4px 0 0; } .cat_left-bg { /* background: url(../images/buttons/cat_bar_button_left1.gif) left top no-repeat; */ background: url(../images/buttons/cat_bar_button_left1.gif) left top no-repeat; padding: 0 0 0 4px; } .cat_left-bg_activ { background: url(../images/buttons/cat-menu-left-bg.gif) left top no-repeat; padding: 0 0 0 4px; } /* Main menu settings */ #navCatTabsDropdown { clear:both; float:left; margin:5px 0 0 0; padding:0; border-top:4px solid #d4760c; border-bottom:4px solid #d4760c; width:100%; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: strong; z-index:1000; position:relative; text-decoration:none; text-transform:uppercase; /* background-color: #d4760c; */ /* scrollbar-face-color:#d4760c; scrollbar-arrow-color:#000; scrollbar-track-color:#aaaaaa; scrollbar-shadow-color:#ddd; scrollbar-highlight-color:#eee; scrollbar-3dlight-color:#eee; scrollbar-darkshadow-Color:#ddd;*/ } /* Top menu items */ #navCatTabsDropdown ul { margin:3px 0 5px 0; padding:0; list-style:none; float:right; position:relative; right:50%; text-decoration:none; } #navCatTabsDropdown * li ul { z-index: 100; height: 220px; overflow-y: scroll; } #navCatTabsDropdown ul li { margin:0; padding:0; float:left; position:relative; left:50%; top:1px; } #navCatTabsDropdown ul li a { display:block; margin:0; padding:.6em .2em .4em .1em; font-size: 1em; line-height:1em; text-decoration:none; color:#444; border-bottom:1px solid #e1dcd6; text-align:left; } #navCatTabsDropdown ul li.active a { color:#d4760c;; background:#000; } #navCatTabsDropdown ul li:hover { text-decoration:none; } #navCatTabsDropdown ul li:hover ul.scroller { height: 220px; overflow:auto;} #navCatTabsDropdown ul li a:hover { background: url(../images/buttons/cat_bar_over.gif) left top x-repeat; /* Top menu items background colour */ color:#d4760c;; border-bottom:1px solid #03f; } #navCatTabsDropdown ul li:hover a , #navCatTabsDropdown ul li.hover a { /* This line is required for IE 6 and below */ background: url(../images/buttons/cat_bar_over.gif) left top x-repeat; /* Top menu items background colour */ color:#d4760c;; border-bottom:1px solid #03f; } /* Submenu items */ #navCatTabsDropdown ul ul { display:none; /* Sub menus are hiden by default */ position:absolute; top:1.9em; left:0; right:auto; /*resets the right:50% on the parent ul */ width:15em; /* width of the drop-down menus */ } #navCatTabsDropdown ul ul li { left:auto; /*resets the left:50% on the parent li */ margin:0; /* Reset the 1px margin from the top menu */ clear:left; width:100%; } #navCatTabsDropdown ul ul li a, #navCatTabsDropdown ul li.active li a, #navCatTabsDropdown ul li:hover ul li a, #navCatTabsDropdown ul li.hover ul li a { /* This line is required for IE 6 and below */ font-size:1em; font-weight:normal; /* resets the bold set for the top level menu items */ background:#ffffff; color:#444; padding-left:5px; line-height:1.4em; /* overwrite line-height value from top menu */ border-bottom:1px solid #ddd; /* sub menu item horizontal lines */ border-right: 3px solid #e1dcd6; border-left: 1px solid #e1dcd6; } #navCatTabsDropdown ul ul li a:hover, #navCatTabsDropdown ul li.active ul li a:hover, #navCatTabsDropdown ul li:hover ul li a:hover, #navCatTabsDropdown ul li.hover ul li a:hover { /* This line is required for IE 6 and below */ background:#d4760c; /* Sub menu items background colour */ color:#fff; } /* Flip the last submenu so it stays within the page */ #navCatTabsDropdown ul ul.last { left:auto; /* reset left:0; value */ right:0; /* Set right value instead */ } /* Make the sub menus appear on hover */ #navCatTabsDropdown ul li:hover ul, #navCatTabsDropdown ul li.hover ul { /* This line is required for IE 6 and below */ display:block; /* Show the sub menus */ } .clearboth { clear: both; } /* ============================================== */ #navCatTabsDropdown:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* -------------------Categorie Tap Pull-down menu----------------------- */