/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /******************************************/ /***********[ Mage_CSS_A Reset ]***********/ /******************************************/ * { margin:0; padding:0; } body { background:#FFFFFF; color:#000000; font:12px/1.55em arial, sans-serif, helvetica; text-align:center;height:100% } a { color:#6b6b6b; text-decoration:none; } a:hover { color:#e01f2d; text-decoration:underline; cursor: pointer; } a img { border:0;} :focus { outline:0; } /* Heading */ h1, h2, h3, h4, h5, h6, .head { margin-bottom:.4em; line-height:1.3em; color:#0A263C; } h1 { font-size:2em; line-height:1.17; } h2 { font-size:1.5em; } h3 { font-size:1.35em; } h4 { font-size:1.05em; } h5 { font-size:1.05em; } h6 { font-size:.95em; } /* Table */ th { padding:0; text-align:left; vertical-align:top; } td {padding:0;vertical-align:top;} /* Paragraph */ p { margin-bottom:.8em; } address { margin-bottom:.4em; } address { font-style:normal; line-height:1.4em;width:250px;} .account-info address { /* background-color:#F7F7F7; */ /* border:1px solid #EBEBEB; */ color:#666666; font-style:normal; line-height:18px; /* padding:6px 63px; */ padding:6px 0px 6px 0px; width:150px; } .content address { font-style:normal; line-height:1.4em;width:145px;} cite { font-style:normal; font-size:10px;} q:before, q:after{content:'';} /* Form */ form { display:inline;} fieldset { border:none; } legend {display:none;} label { color:#666; /*font-size:.95em;*/ font-weight:bold; } input, select, button { vertical-align:middle; } /* Lists */ dt { display:block; font-weight:bold; } ul,ol { list-style:none; } /* Size */ small { font-size:.92em; } big { font-size:1.1em; } /* hr { height:0; margin:8px 0; overflow:hidden; visibility:hidden; } */ .nowrap { white-space:nowrap; } .bold { font-weight:bold; } /********************** Base Layout */ .bodycolor { background: #EFEFEF url(http://media.myfab.com/skin/frontend/myfabv3/default/images/degrade_100716.jpg) repeat-x top left; } .topheader {background-color:transparent;} .wrapper { margin:0 auto; min-width:980px; width:980px; } .middle-container { margin:0 auto; min-height:350px; overflow:hidden; padding:0; text-align:left; width:980px; } .middle { margin:0 auto; min-height:350px; padding:0; text-align:left; width:980px; } .middle-container-center {width:980px;} .col-2-left-layout {overflow:hidden;} .col-2-right-layout {overflow:hidden;} .col-2-left-layout .col-main { float:right; width:796px; } .col-2-left-layout .homepage-col-main {margin-left:9px;width:802px;} .col-main { float:left; margin-left:15px; width:980px;color:#666666; display:inline; position:relative;} .side-col { width:169px; min-height:400px; } .col-left { float:right; } .col-right { float:left; } .col-1-layout .col-main { margin:0; width:980px; } .col-2-right-layout .col-main { margin:0;float:left; width:760px; } .validation-advice, .required { color:#ED0007; } .validation-advice { clear:both; font-size:0.95em; font-weight:bold; line-height:1.25em; margin-top:3px; } .validation-failed { border:1px solid #ED0007 !important; } .dob-day .validation-advice, .dob-month .validation-advice, .dob-year .validation-advice { display:none; } /*validation-box*/ .validation-failed { border:1px solid #B6B6B6 !important; background-color:#F8FFE8; } .validation-advice { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/validation-box.gif) no-repeat top right; display:block; float:left; height:45px; margin:-46px 0 0 -257px; position:absolute; padding-left:0px; padding-right:2px; max-width:550px; } .validation-advice span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/validation-box.gif) no-repeat left top; display:inline; float:left; height:36px; line-height:11px; padding:10px 12px 0; margin-left:-1px; cursor:pointer; position:relative; } .validation-advice span { color:#333333; font-weight:normal;font-size:11px } input.input-text, select, textarea { padding:3px; border:1px solid #cccccc; font:12px arial,helvetica,sans-serif; } /* home-page-products */ .home-page-products {width:978px; height:591px; float:left;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;overflow:hidden; background:#ffffff;} .home-page-products ul {list-style-image: none } .home-page-products .product-name {text-align:center} .home-page-products .product-name a{color:#333333; font-size:11px; font-weight:bold;} .home-page-products li {float:left; } .home-page-products li {float:left ; width: 325px; height:295px;} .home-page-products .product-block { border-bottom:1px solid #e8e8e8; } .home-page-products li div {width: 325px;} .home-page-products li div table {width: 325px;} .home-page-products li a {text-decoration:none} .home-page-products li a:hover {text-decoration:underline;} .home-page-products .home-page-products-img {height:240px; text-align:center;} .home-page-products .price-box{width: 200px; padding: 0; margin-top:-5px;} .home-page-products .vertical-separator { border-right:1px solid #e8e8e8; width:0px ; height:295px ; float : left; } .home-page-products .vertical-separator-line {width:1px ;} .home-page-products .regular-price .price { font-weight:normal; font-size:11px; color:#E70000; } .home-page-products .best {position:absolute; background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/catalog/home_product_best.gif) no-repeat; width:59px; height:59px;margin-left:-4px;margin-top:-4px;} /** General style**/ .strong {font-weight:bold !important} /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ #nav { font-size:13px; width:100%; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; width:100%; } #nav li.over { z-index:999; } #nav a { display:block; line-height:1.3em; text-decoration:none; width:149px;} #nav a:hover { display:block; line-height:1.3em; text-decoration:underline; width:149px; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:nowrap; overflow:hidden;} /************ 0 LEVEL ***************/ #nav li { float:left; } #nav li.active a { color:#e03a46; } #nav a { float:left; padding:5px 12px 0px 8px; color:#6b6b6b; font-weight:normal; font-size:13px; text-align:left; } #nav li.over a, #nav a:hover { color:#e03a46; } /************ 1ST LEVEL ************/ #nav ul li, #nav ul li.active { position:relative;border:0px;float:none; margin:0; padding-bottom:0px;} /*#nav ul li.over { background:#d5e4eb url(http://media.myfab.com/skin/frontend/myfabv3/default/images/nav_divider.gif) repeat-x 0 100%; }*/ #nav ul li.last { background:#ecf3f6; padding-bottom:0; } #nav ul a { float:none; padding:0; background:none; } #nav ul a:hover { float:none; padding:0; background:none; color:#e03a46; } #nav ul li a { font-weight:normal !important;margin-top:-1px; } /************ 2ND LEVEL ************/ #nav ul { background: transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/shadow50-1.png) no-repeat left bottom; position:absolute; width:150px; top:0px; left:-10000px;margin-left:-10px;margin-top:3px; border-top:0px;/*border-right:1px solid #6B6B6B; b border-left:1px solid #e0e0e0;*/ padding-bottom:2px} * html #nav ul { background: none;} /* Show menu */ #nav li.over > ul { left:100%;} /*#nav li.over > a { color:#e03a46 !important;}*/ #nav li.over > ul li.over > ul { left:100%; } #nav li.over ul ul { left:-10000px; } /*#nav li.over > a{ background-color:#e4e0e1; }*/ #nav li.over a{ background-color:#e4e0e1; } #nav li.over ul a{ background-color:#f4f3f3; } #nav li.over ul li.over a{ background-color:#e4e0e1; color:#e03a46 !important;} #nav li.over ul li.over ul a{ background-color:#f4f3f3; color:#6b6b6b !important;} #nav li.over ul li.over ul a:hover{ background-color:#e4e0e1; color:#e03a46 !important;} /* #f4f3f3 */ #nav ul li a { background:#f4f3f3;margin-left:6px; } #nav ul li a:hover { background-color:#e4e0e1;} #nav ul li a { color:#6b6b6b !important; text-align:left; width:170px;} #nav ul li a:hover { color:#e03a46 !important; text-align:left; width:170px;} #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 12px;} /************ 3RD+ LEVEL ************/ #nav ul ul { top:0px; } /*****Menu Manger Style**********************************************************************************************/ /**********************Menumanager left******************************************************************************/ #menumanager_left { padding-bottom:3px; background: transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/shadow50.png) no-repeat left bottom; margin-left: 0px;} * html #menumanager_left { margin-left:-169px; background:#f4f3f3; border-left: 3px solid #e4e0e1;border-bottom: 3px solid #e4e0e1;}/* IE6 */ *+html #menumanager_left { margin-left:-169px; }/* IE7 */ #menumanager_left > ul > li > a {background-color:#f4f3f3;margin-left:5px;} .block_menumanage_left{ float:left; display:none; position:absolute; width:169px; z-index:999; background:#f4f3f3; margin-top:4px; } #nav .no-selection:hover{ background-color:#f4f3f3 !important;} /**********************Menumanager open******************************************************************************/ .accordion_toggle { height:28px; width:154px; font-size:14px; line-height:28px; background-color:#f3f3f3; border-top:1px solid #e5e5e5; padding-left:15px; } .accordion_toggle_active { background-color:#fafafa; color:#333333; text-decoration: none; } .accordion_content { overflow: hidden; } /*************************************/ /********** Menu in sitemap **********/ /*************************************/ #sitemap-menu { font-size:13px; width:100%; } #sitemap-menu h1 {font-size:1.3em;font-weight:bold;color:#6B6B6B;} #sitemap-menu h2 {font-size:12px;font-weight:normal;color:#6B6B6B;} #sitemap-menu a:hover {color:#ED0007} /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #sitemap-menu li { position:relative; text-align:left; width:100%; } #sitemap-menu li.over {} #sitemap-menu span { display:block; cursor:pointer; white-space:nowrap; } #sitemap-menu li ul span {} /************ 0 LEVEL ***************/ #sitemap-menu li {} #sitemap-menu li.active a {color:#e03a46; } #sitemap-menu li.over a, /************ 1ST LEVEL ************/ #sitemap-menu ul li, #sitemap-menu ul li.active {margin-left:15px;} #sitemap-menu ul li.last {} #sitemap-menu ul a {} #sitemap-menu ul a:hover {color:#e03a46; } #sitemap-menu ul li a {} /************ 2ND LEVEL ************/ #sitemap-menu ul {width:155px;} * html #sitemap-menu ul {} /* Show menu */ #sitemap-menu li.over > ul {} #sitemap-menu li.over > ul li.over > ul {} #sitemap-menu li.over ul ul {} #sitemap-menu li.over a{} #sitemap-menu li.over ul a{} #sitemap-menu li.over ul li.over a{} #sitemap-menu li.over ul li.over ul a{} #sitemap-menu li.over ul li.over ul a:hover{} /* #f4f3f3 */ #sitemap-menu ul li a {} #sitemap-menu ul li a:hover {} #sitemap-menu ul li a {color:#6b6b6b !important;text-align:left;width:145px;} #sitemap-menu ul li a:hover { color:#e03a46 !important; text-align:left; width:145px;} #sitemap-menu ul span, #sitemap-menu ul li.last li span {} /************ 3RD+ LEVEL ************/ #sitemap-menu ul ul { top:0px; } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /****************************************************/ /****************[ Mage_CSS_B Clears ]***************/ /****************************************************/ .page-head:after, .page-head-alt:after, .page-popup .print-head:after, .clear:after, .col2-set:after, .col3-set:after, .col4-set:after, .col2-alt-set:after, .head:after, .inner-head:after, .header-top:after, .quick-access:after, .header-nav:after, #nav:after, .middle:after, .product-essential:after, .more-views ul:after, .button-set:after, .actions:after, .legend:after, .form-list li:after, .button-container:after, .ratings:after, .page-head:after, .page-head-alt:after, .group-select li:after, .search-autocomplete li:after, .tool-tip .btn-close:after, .side-col li:after, .account-box li:after, .address-list li:after, .generic-product-list li:after, .listing-type-list .listing-item:after, .listing-type-list .product-info .product-reviews:after, .my-review-detail:after, .product-options dt:after, .product-options-bottom:after, .product-options dd ul.options-list li:after, .add-to-holder:after, .listing-type-grid .grid-row:after, .advanced-search-summary-box:after, .shopping-cart-totals .checkout-types:after, .advanced-search li:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border-top: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; margin-top: 17px; } #imageContainer>#hoverNav{ left: 0;} #imageContainer #lightboxImage { margin-top: 3px; } #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(http://media.myfab.com/skin/frontend/myfabv3/default/css/data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; background: url(http://media.myfab.com/skin/frontend/myfabv3/default/images/lightbox/left.gif) left 50% no-repeat; } #nextLink { right: 0; float: right; background: url(http://media.myfab.com/skin/frontend/myfabv3/default/images/lightbox/right.gif) right 50% no-repeat; } #prevLink:hover, #prevLink:visited:hover { } #nextLink:hover, #nextLink:visited:hover { } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } #gallery_product_div { padding: 5px; } #gallery_product_div img.gallery-content-img { border: 1px solid #dadada; } #close_div { margin: 0; position: absolute; right: 0; top: 0; height: 14px; width: 14px; background: url(http://media.myfab.com/skin/frontend/myfabv3/default/images/lightbox/close2.gif) no-repeat right top; cursor: pointer; } /* drawking add */ /********************** Headings */ .head, .inner-head { line-height:1.25em; text-align:right; } .head h1,.head h2, .head h3, .head h4, .head h5, .head h7, .inner-head h1,.inner-head h2, .inner-head h3, .inner-head h4, .inner-head h5, .inner-head h7{ margin:0; float:left; } /* Page heading */ /*.page-head { margin:0 0 25px 0; border-bottom:1px solid #ccc; } .page-head-alt { margin:0 0 12px 0; } .page-head, .page-head-alt { text-align:right; } .page-head h3, .page-head-alt h3 { margin:0; font-size:1.7em !important; font-weight:normal !important; text-transform:none !important; text-align:left; } .button-level h3 { float:left; width:55%; }*/ .page-head { /*margin:0 0 25px 0;*//* border-bottom:1px solid #6a6969;*/ overflow:hidden; } .page-head-alt { margin:0 0 0px 0; height:40px;} .page-head-alt .nbArticles{ font-size:2.5em !important; font-weight:normal !important; text-transform:none !important; color:#ED0007; } .page-head-alt { text-align:right; } .page-head h3, .page-head-alt h3 { font:arial; margin:0; font-size:30px !important; font-weight:normal !important; text-transform:none !important; text-align:left; color:#6A6969; /* margin-bottom:10px; */ /* margin-top:8px; */ text-align:left; } .button-level h3 { /* heading level with buttons */ float:left; width:55%; } .page-head .link-feed {float:right; margin-top:9px; } .button-level .link-feed {float:none!important; font-size:1em!important; } /* Category list heading */ .category-head { margin-bottom:3px; border-bottom:0px; } .category-head h2 { max-width:100%; margin:0; padding:3px 0; color:#6B6B6B; font-size:1.6em; line-height:1.3em; font-weight:normal; overflow:hidden; } .box-header { font-size:1.05em; text-align:left; background:#eee; font-weight:bold; padding:2px 8px; margin:10px 0; } .category-head .link-feed {float:right; margin-top:10px; position:relative; } .category-table-menu {width : 772px ;} .category-table-menu .td-left {width:750px; vertical-align:middle;} /*.category-table-menu .td-middle {width:30px;text-align:left} .category-table-menu .td-middle div {margin-top:-2px;} .category-table-menu .td-right {width:110px;} .category-table-menu .td-right a {text-decoration:none;color:#ED0007;margin-right:7px;font-size:15px;white-space:nowrap}*/ .category-table-menu .td-right .filter-selected { color: #ED0007; text-decoration: none; font-size: 17px; font-weight: bold; } /* Modif my fab header */ .header { text-align:left; width: 980px; margin: 0 auto;} .header-top { width:980px; margin:0 auto; position:relative;z-index:100; } .sub-header { min-height:40px; } .header-top { } .header-top-left { width:180px; float:left; } .header-top-right { width:800px; height:26px; float:left; } .header-top-right-top { color:#000000; padding:0; width:100%; height:36px; font-size:13px } .header-top-right-middle { height:20px; color:#FFFFFF; } .header-top-right-bottom { background-color:#F6F6F6; height:28px; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; float:left; width:796px; } * html .header-top-right-bottom {} .header-logo { background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/logo-bg3.jpg) no-repeat; height:67px; cursor:pointer; } .header-our-products { background: #F6F6F6; height:28px; text-align:right; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; text-align:left; width:176px;float:left; } .header-our-products strong { color:#FFFFFF; font-weight:bold; font-size:15px; padding-top:1px; padding-left:5px; display:block; background: transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menu_head_red.jpg) no-repeat; margin-left:7px; margin-top:4px; width:153px; } .header-our-products-strong2 { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menu_head_red.jpg) repeat scroll 0 0; color:#FFFFFF; display:block; font-size:15px; font-weight:bold; line-height:23px; margin-left:9px; margin-top:4px; padding-left:6px; padding-top:1px; width:153px; } .header-our-products #startMenu { } .header-behind { background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/corner-behind.png) no-repeat; height:79px; width:83px; float:right; } .header-behind a{text-decoration:none; cursor: pointer;} /* Style */ .header-container { /*background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/header_top_container_bg.jpg) repeat-x 50% 0;*/ } .header-back { margin-top:11px; } .content-back { clear:both; } /* ********** Sub header ************ */ .sub-header-container { margin:0 auto; position:relative; width:980px; min-height:40px; } .sub-header-container table{ width:980px; border-spacing:0px; } /*Add by Blue for the home page of US version. */ .sub-header-container-us { border-spacing:0px; height:65px; } .us-home-page-video-block-hr { border-color: -moz-use-text-color; border-style: solid none none; border-width: 1px 0 0; color:#333333; height:1px; margin-top:8px; margin-left:10px; text-align:left; width:150px; } .sub-header-left { width:169px; background-color:#f4f3f3; } .sub-header-right { padding-left: 7px; } .sub-header-right .breadcrumbs{ text-align: left; height:22px; } .sub-header-div{ width:770px; *+margin-left:-87px; } .sub-header-date { color: #000000; font-weight: bold; float: right; font-size:1em; margin-top:2px } .sub-header-date-us { color: #000000; font-weight: bold; float: right; font-size:1em; margin-left:740px; margin-top:45px; position:absolute; } .sub-header-date-custom{ color: #6B6B6B; font-weight: normal; float: right; font-size:1em; margin-left:740px; margin-top:4px; position:absolute; } * html .sub-header-date { margin-top:-20px } /* ********** Top navigation menu ************ */ .top-navigation {height:30px;width:980px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-motif-1.jpg) repeat-x right;} .top-navigation .menu-navigation {display:inline; height:30px;} .top-navigation .menu-align-left {float:left;} .top-navigation .menu-align-right {float:right;} .top-navigation .menu-navigation li {float:left;display:inline} .top-navigation .menu-navigation .left-side {} .top-navigation .menu-navigation .right-side {} .top-navigation .menu-navigation font {text-transform:uppercase;font-size:15px;line-height:30px;margin:0 27px 0 16px;} .top-navigation .menu-navigation a{font-size:15px;line-height:30px;} .top-navigation .menu-navigation a:hover {text-decoration:none} .top-navigation .menu-navigation a.leftlink {text-transform:uppercase;margin:0 27px 0 16px;} .top-navigation .menu-navigation a.rightlink {margin:0 19px 0 19px;} .top-navigation .menu-navigation .first{height:30px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-arrow-1.jpg) no-repeat right } .top-navigation .menu-navigation .last{height:30px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-arrow-2.jpg) no-repeat right } .top-navigation .menu-navigation .menu-content {margin-left: 10px;margin-right: 20px; position: relative; top: 7px;} .top-navigation .menu-navigation .border-position-right{height:30px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-motif-2.jpg) no-repeat left;} /* Mini search */ .mini-search { height:25px; border:0px; padding-top:2px; } * html .mini-search { height:25px; border:0px; float:left; padding-top:0px; overflow: hidden; } .mini-search .input-text { width:205px; *width:205px; margin-right:3px; margin-top:4px; padding-top:0px; padding-bottom:0; border: 1px solid #dadada; border-left:0px; height:18px; float:left; } .mini-search .mini-search-left-border { display:block; float:left; width:4px; height:20px; margin:4px 0 0 1px; _margin:4px -3px 0 1px; background:#fff url(http://media.myfab.com/skin/frontend/myfabv3/default/images/mini-search-left-border2.png) no-repeat scroll left center; } .mini-search .mini-search-button { margin-top:4px; margin-left:-7px; border:0px; font-family: arial,sans-serif; background: #fff url(http://media.myfab.com/skin/frontend/myfabv3/default/images/mini-search-right-border.png) no-repeat scroll left center; color: #fff; font-size: 15px; font-weight:bold; height: 20px; width: 26px; cursor:pointer; float:left; } .mini-search-button .text { height: 20px; display: block; } .search-autocomplete { z-index:999; } .search-autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; } .search-autocomplete li { border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } .search-autocomplete li .amount { float:right; font-weight:bold; } .search-autocomplete li.odd { background-color:#fffefb; } .search-autocomplete li.even {margin:0} .search-autocomplete li.selected { background-color:#f7e8dd; } /********************** Header */ .top-right{float: right; margin-right: 7px;} .shop-access a:hover { text-decoration: underline;} /* Logo */ h1#logo { float:left; width:202px; margin:3px 0 10px 12px; } .page-popup h1#logo { display:none; } /* Quck Link */ .header-top-right-middle li {display:inline;} .header-top-right-middle table {width:779px;height:24px;margin-top:2px;} .header-top-right-middle a {color:#666666; text-decoration:none;font-size:12px;margin-right:5px;margin-left:5px;position:relative;} .header-top-right-middle a:hover {color:#ed0007; text-decoration:underline;font-size:12px;margin-right:5px;margin-left:5px; position:relative;} .quicklink-left {text-align:left;} .quicklink-right {text-align:right;font-weight:normal; margin-top:0px; margin-right:7px; display:inline;} .quicklink-right button {cursor:pointer} .quicklinks-div1 {height:20px;line-height:20px;} .quicklink-left-div {margin-left:8px;font-weight:normal;margin-top:-2px; position:absolute;} .quicklink-right-div { text-align: left; float: left; height: 20px; line-height: 20px; background-repeat: repeat-x; background-position: 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; background-color: #fff;} .quicklink-right-a {margin-left: 5px; margin-right: 5px; position: relative;} .quicklinks-div2 {float: left; margin-left: 5px;} .quicklinks-arrow {background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/arrow_down.jpg) right no-repeat; width:45px; height:20px; float:left; cursor: pointer; text-align:left;} .quicklinks-div3 { position:absolute; margin-left:-78px; margin-top:20px; *margin-top:0px; padding:0px; width:79px; text-align:left; } .quicklinks-div3 ul {background:#ffffff;} .quicklinks-div3 li {display:block;} .quicklinksselect-bottom {background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/quicklink_bottom.gif) no-repeat; width:79px; height:3px;} .quicklinksselect-div1 {border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding-left:4px; height:22px; padding-top:2px;background:#ffffff;} .quicklinksselect-div2 {border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;padding-left:4px; padding-top:2px; background:#ffffff;} .quicklinksselect-div3 {height:5px; font-size:0; line-height:5px; overflow:hidden;} /* arrow-menu */ .arrow-menu-div{ display:inline-block; border:1px solid #000; width:15px; height:15px; border:0px solid #000; float:left; margin-top:-17px; margin-left:140px; cursor:pointer; position:relative; } /* for ie6 */ * html .arrow-menu-div{ display:inline-block; border:1px solid #000; width:15px; height:15px; border:0px solid #000; float:left; margin-top:-17px; margin-left:72px; cursor:pointer; position:relative; } .header-top-right-topold { overflow:hidden; height:47px; } .topheader { border-bottom:0px solid #F0F0F0; height:36px; margin:0 auto; min-width:1020px; width:100%; } .tobehind { background:url("http://media.myfab.com/skin/frontend/myfabv3/default/images/behind_new.jpg") no-repeat scroll 0 0 transparent; cursor:pointer; height:36px; position:absolute; right:0; top:0; width:39px; } .hiddenselect{ display:none;} .displayselect{ display:inline;} .accountheader-logo {background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/logo-header/header_blank.jpg') no-repeat; height:134px; width:980px; margin:auto; cursor:pointer;position:relative} .accountheader-logo img{z-index:100} /* Menu header */ .accountheader-logo .header-menu-bottom {position:absolute;left:1px;bottom:1px;border: 0;background:transparent none; height:28px; z-index:999999;} .accountheader-logo .header-menu-bottom ul.nav-horizontal a {border:0;} .accountheader-logo #header-banner-out {z-index:120} .accountheader-logo #header-banner-in {z-index:110} .accountheader-logo:hover #header-banner-out {visibility:hidden} .accountheader-logo ul.nav-horizontal li {background: transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menu/header_banner_button_separator_vertical.jpg) no-repeat right top;} .accountheader-logo ul.nav-horizontal li.active {background: transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menu/header_banner_button_separator_vertical.jpg) no-repeat right top;} .accountheader-logo ul.nav-horizontal li.last {background: none} .accountheader-logo ul.nav-horizontal li.last:hover {background: url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menu/header_banner_button_separator_vertical.jpg) no-repeat right top;} .accountheader-logo ul.nav-horizontal a {margin-right:2px} .accountheader-logo ul.nav-horizontal li.first a {padding-left: 9px;} .accountheader-logo ul.nav-horizontal li.active a {background: none} .accountheader-logo ul.nav-horizontal li.active:hover a{background: url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menu/header_banner_button_background_over.jpg) repeat-x left top;} .accountheader-logo ul.nav-horizontal a:hover { background: url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menu/header_banner_button_background_over.jpg) repeat-x;color:#e60004} .accountheader-logo ul.nav-horizontal .sub_header-shop-menu-button a{padding-right:5px;} .accountheader-logo ul.nav-horizontal .sub_header-shop-menu-button a span{background: url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menu/button-menu-shop-arrow.gif) no-repeat right -17px;} /**Active menu catalog*/ .accountheader-logo .catalog-subheader ul.nav-horizontal li.active a {color:#e60004} .accountheader-logo .catalog-subheader ul.nav-horizontal a:hover {color:#e60004} /**Active menu vote*/ .accountheader-logo .vote-subheader ul.nav-horizontal li.active a {color:#388fc9} .accountheader-logo .vote-subheader ul.nav-horizontal a:hover {color:#388fc9} /**Active menu account*/ .accountheader-logo ul.myaccount-subheader li.active a {color:#78b801!important} .accountheader-logo ul.myaccount-subheader a:hover {color:#78b801!important} /**Active menu suivi*/ .accountheader-logo .followup-subheader ul.nav-horizontal li.active a {color:#5e7e3d} .accountheader-logo .followup-subheader ul.nav-horizontal a:hover {color:#5e7e3d} /**Active menu blog*/ .accountheader-logo .blog-menu ul.nav-horizontal li.active a {color:#5e85d7} .accountheader-logo .blog-menu ul.nav-horizontal a:hover {color:#5e85d7} /**Active menu aboutus*/ .accountheader-logo .aboutus-menu ul.nav-horizontal li.active a {color:#e60004;} .accountheader-logo .aboutus-menu ul.nav-horizontal a:hover {color:#e60004} .top-header {width:100%;} .top-header a{ color:#999999; text-decoration:none; margin-right:15px; } .top-header a:hover{ color:#ED0007; text-decoration: underline; } .top-header .arrow{ vertical-align:middle;margin:0 10px 0 -8px; } .top-header li {position:relative;display:block; float:left; text-align:left;} .top-header li.first { padding-left:0; } .top-header li.first a{ padding-right:0; margin-left:15px;} .top-header li.last { padding-right:0; background:none; } .top-header li.last a{ padding-left:0; margin-right:10px;} .top-header .center {position: relative;width:980px; margin:0 auto 0; height:31px; background-color:#F9F9F9; border-bottom:1px solid #CCCCCC; line-height:31px;} .top-header .center .left-corner {width: 8px; height: 32px; float: left; border: 0pt none; margin: 0pt; overflow: hidden; background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/header_left_100715.jpg') no-repeat;} .top-header .center .left-corner.shop {background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') no-repeat 0 -32px; width:8px;} .top-header .center .left-links {float: left; font-size:12px; background-color:#F6F6F6;height:31px;} .top-header .center .search {height:31px; float: left; margin-left:26px;} .top-header .center .right-links {float:right; font-size:12px; } .top-header .center .right-links li{float:left;margin-right:10px;} .top-header .center .right-links .first {margin-right:7px;} .top-header .center .right-links .last {margin-right:15px;} .top-header .center .right-links .myaccount-font {margin-right:7px;} .top-header .center .right-links .myaccount-font .myaccount-space {margin-right:0px;} .top-header .center .right-corner {position: absolute; right: 0px; width: 8px; height: 32px; border: 0pt none; margin: 0pt; overflow: hidden; background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/header_right_100715.jpg') no-repeat;} .top-header .center li.shop {margin-left:0;} .top-header .center li.shop.active {height:32px;color:#FFFFFF;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') repeat-x 0 0;} .top-header .center li.shop.active a{color:#FFFFFF;font-weight:bold;} .top-header .center li.shop.active .separator {position:absolute;right:0;top:0;height:32px;width:1px;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/separator_header_store_active.jpg') no-repeat;} .top-header .center li.shop:hover {height:32px;color:#FFFFFF;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') repeat-x 0 0;} .top-header .center li.shop:hover a{color:#FFFFFF;} .top-header .center li.shop:hover .separator {position:absolute;right:0;top:0;height:32px;width:1px;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/separator_header_store_active.jpg') no-repeat;} .top-header .center li.shop.activemenu {height:32px;color:#FFFFFF;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') repeat-x 0 0;} .top-header .center li.shop.activemenu a{color:#FFFFFF;} .top-header .center li.shop.activemenu .separator {position:absolute;right:0;top:0;height:32px;width:1px;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/separator_header_store_active.jpg') no-repeat;} .top-header .center li.vote {padding-left:15px;} .top-header .center li.vote.active {height:32px;color:#FFFFFF;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') no-repeat 0 -64px;} .top-header .center li.vote.active a{color:#FFFFFF;font-weight:bold;} .top-header .center li.vote.active .separator {position:absolute;right:0;top:0;height:32px;width:1px;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/separator_header_vote_active.jpg') no-repeat;} .top-header .center li.vote:hover {height:32px;color:#FFFFFF;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') no-repeat 0 -64px;} .top-header .center li.vote:hover a{color:#FFFFFF;} .top-header .center li.vote:hover .separator {position:absolute;right:0;top:0;height:32px;width:1px;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/separator_header_vote_active.jpg') no-repeat;} .top-header .center li.vote.activemenu {height:32px;color:#FFFFFF;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') no-repeat 0 -64px;} .top-header .center li.vote.activemenu a{color:#FFFFFF;} .top-header .center li.vote.activemenu .separator {position:absolute;right:0;top:0;height:32px;width:1px;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/separator_header_vote_active.jpg') no-repeat;} .top-header .center li.followup {padding-left:14px;} .top-header .center li.followup.active {height:32px;color:#FFFFFF;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') no-repeat 0 -96px;} .top-header .center li.followup.active a{color:#FFFFFF;font-weight:bold;} .top-header .center li.followup.active .separator {position:absolute;right:0;top:0;height:32px;width:1px;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/separator_header_follow_active.jpg') no-repeat;} .top-header .center li.followup:hover {height:32px;color:#FFFFFF;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') no-repeat 0 -96px;} .top-header .center li.followup:hover a{color:#FFFFFF;} .top-header .center li.followup:hover .separator {position:absolute;right:0;top:0;height:32px;width:1px;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/separator_header_follow_active.jpg') no-repeat;} .top-header .center li.followup.activemenu {height:32px;color:#FFFFFF;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') no-repeat 0 -96px;} .top-header .center li.followup.activemenu a{color:#FFFFFF;} .top-header .center li.followup.activemenu .separator {position:absolute;right:0;top:0;height:32px;width:1px;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/separator_header_follow_active.jpg') no-repeat;} .top-header .center li.mag {padding-left:16px;} .top-header .center li.mag.active {height:32px;color:#FFFFFF;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') no-repeat 0 -128px;} .top-header .center li.mag.active a{color:#FFFFFF;font-weight:bold;} .top-header .center li.mag.active .separator {position:absolute;right:0;top:0;height:32px;width:1px;float:right;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/separator_header_mag_active.jpg') no-repeat;} .top-header .center li.mag:hover {height:32px;color:#FFFFFF;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') no-repeat 0 -128px;} .top-header .center li.mag:hover a{color:#FFFFFF;} .top-header .center li.mag:hover .separator {position:absolute;right:0;top:0;height:32px;width:1px;float:right;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/separator_header_mag_active.jpg') no-repeat;} .top-header .center li.mag.activemenu {height:32px;color:#FFFFFF;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/bg_header_active.jpg') no-repeat 0 -128px;} .top-header .center li.mag.activemenu a{color:#FFFFFF;} .top-header .center li.mag.activemenu .separator {position:absolute;right:0;top:0;height:32px;width:1px;float:right;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/separator_header_mag_active.jpg') no-repeat;} .top-header .center li.mag .separator {position:absolute;right:0;top:0;height:31px;width:2px;background:url('http://media.myfab.com/skin/frontend/myfabv3/default/images/header_line_100715.jpg') no-repeat;} /* Link my Cart*/ #top-link-cart {background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/cart.gif) no-repeat -2px -4px;padding-left: 25px;height:18px; font-weight:normal; color:#ED0007;} /* Cart preview */ #cart_preview { background-color:#ffffff; border: 1px solid #e3e0e1; z-index: 9999; width:200px; position: absolute; top:31px; right:42px; text-align:left; padding: 2px 5px 5px 5px; } #cart_preview h4 { text-align:center; color:#6b6b6b; } #cart_preview li { height: 50px} #cart_preview .product-images { width:36px; height:36px; padding:0 ; display:inline; margin-left:10px} #cart_preview .product-images a img { vertical-align:top; } #cart_preview .product-details { height : 40px; } .content { padding:12px 12px 12px 15px; } /* Sets default padding */ #footer {min-height:200px; overflow:hidden;} /********************** navigation */ .navigation {height:29px;width:978px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-motif-1.jpg) repeat-x right;} .navigation .menu-navigation {display:inline;position:relative;z-index:99999} .navigation .menu-align-left {float:left;font-family:"arial";} .navigation .menu-align-right {float:right;} .navigation .menu-navigation li {float:left;display:inline} .navigation .menu-navigation .left-side {} .navigation .menu-navigation .right-side {} .navigation .menu-navigation font {text-transform:uppercase;font-size:15px;line-height:30px;margin:0 27px 0 16px;} .navigation .menu-navigation a{font-size:12px;line-height:30px;} .navigation .menu-navigation a:hover {text-decoration:none} .navigation .menu-navigation a.leftlink {text-transform:uppercase;margin:0 25px 0 15px; font-size:15px;} .navigation .menu-navigation a.rightlink {margin:0 19px 0 19px;color:#999999} .navigation .menu-navigation a.rightlink:hover {margin:0 19px 0 19px;color:#666666} .navigation .menu-navigation .first{height:30px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-arrow-1.jpg) no-repeat right; } .navigation .menu-navigation .last{height:30px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-arrow-2.jpg) no-repeat right; padding:0 25px 0 15px;} .navigation .menu-navigation .border-position-right{height:29px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-motif-2.jpg) no-repeat right;} .navigation .menu-navigation .active {background:url("http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-motif-3.jpg") no-repeat scroll right center transparent;height:30px;} .navigation .menu-navigation .active a {color:#666666;} .navigation_border {border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;} .navigation .menu-navigation .first{padding-left:10px} /********************** navigation : vote*/ .navigation-vote {height:30px;width:978px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-motif-1.jpg) repeat-x right;} .navigation-vote .menu-navigation {display:inline;position:relative;z-index:99999} .navigation-vote .menu-align-left {float:left;} .navigation-vote .menu-align-right {float:right;} .navigation-vote .menu-navigation li {float:left;display:inline} .navigation-vote .menu-navigation .left-side {} .navigation-vote .menu-navigation .right-side {} .navigation-vote .menu-navigation font {text-transform:uppercase;font-size:15px;line-height:30px;margin:0 27px 0 16px;} .navigation-vote .menu-navigation a{font-size:12px;line-height:30px;} .navigation-vote .menu-navigation a:hover {text-decoration:none} .navigation-vote .menu-navigation a.leftlink {text-transform:uppercase;margin:0 25px 0 15px; font-size:15px;} .navigation-vote .menu-navigation a.rightlink {margin:0 19px 0 19px;color:#999999} .navigation-vote .menu-navigation a.rightlink:hover {margin:0 19px 0 19px;color:#666666} .navigation-vote .menu-navigation .first{height:30px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-arrow-1.jpg) no-repeat right;padding-left:10px } .navigation-vote .menu-navigation .active {background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/menu_gray_degrade_bg.jpg) no-repeat right} .navigation-vote .menu-navigation .last{height:30px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-arrow-2.jpg) no-repeat right; padding:0 25px 0 15px;} .navigation-vote .menu-navigation .border-position-right{height:30px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/vote/menu_gray_bg_border_right.jpg) no-repeat right;} .navigation-vote .menu-navigation .active {background:url("http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/vote/menu_gray_degrade_bg.jpg") no-repeat scroll right center transparent;height:30px;} .navigation-vote .menu-navigation .active a {color:#666666;} .navigation_border {border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;} .space-between-button {margin-right:7px;} /*Manage button*/ /*button-white-shadow-bg-gray*/ a.button-white-shadow-bg-gray { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white-shadow-bg-gray.jpg) no-repeat top left; display:block; float:left; height:24px; } a.button-white-shadow-bg-gray span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white-shadow-bg-gray.jpg) no-repeat right top; display:inline; float:left; height:24px; line-height:24px; padding:0px 16px 0 0; margin-left:16px; cursor:pointer; color:#666666; font-weight:bold; font-size:13px } a.button-white-shadow-bg-gray:hover {background-position:0px bottom; color:#fff;text-decoration:none} a.button-white-shadow-bg-gray:hover span {background-position:right bottom;} /*button-white-shadow-bg-gray*/ a.button-white-shadow-bg-gray { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white-shadow-bg-gray.jpg) no-repeat top left; display:block; float:left; height:24px; } a.button-white-shadow-bg-gray span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white-shadow-bg-gray.jpg) no-repeat right top; display:inline; float:left; height:24px; line-height:24px; padding:0px 16px 0 0; margin-left:16px; cursor:pointer; color:#333333; font-weight:bold; font-size:12px } a.button-white-shadow-bg-gray:hover {background-position:0px bottom; color:#fff;text-decoration:none} a.button-white-shadow-bg-gray:hover span { background-position:right bottom;} /*button-gray-shadow-bg-gray*/ a.button-gray-shadow-bg-gray { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-gray-shadow-bg-gray.jpg) no-repeat top left; display:block; float:left; height:24px; } a.button-gray-shadow-bg-gray span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-gray-shadow-bg-gray.jpg) no-repeat right top; display:inline; float:left; height:24px; line-height:24px; padding:0px 16px 0 0; margin-left:16px; cursor:pointer; color:#FFFFFF; font-weight:bold; font-size:12px } a.button-gray-shadow-bg-gray:hover {background-position:0px bottom; color:#fff;text-decoration:none} a.button-gray-shadow-bg-gray:hover span {background-position:right bottom;} /*button-green*/ a.button-green { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-green.jpg) no-repeat 0 0; display:block; float:left; height:21px; } a.button-green span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-green.jpg) no-repeat right 0; display:inline; float:left; height:21px; line-height:21px; padding:0px 15px 0 0; margin-left:15px; cursor:pointer; } a.button-green:hover { background-position:0px -21px; color:#fff; text-decoration: none; } a.button-green:hover span { background-position:right -21px; } .button-green span { color:#FFFFFF; font-weight:bold;font-size:13px } a.button-green-click:hover { background-position:0px -42px; color:#ffffff; text-decoration: none; } a.button-green-click:hover span { background-position:right -42px; } /*button-red-border-white*/ a.button-red-border-white { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red-border-white.jpg) no-repeat top left; display:block; float:left; height:22px; } a.button-red-border-white span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red-border-white.jpg) no-repeat right top; display:inline; float:left; height:22px; line-height:23px; padding:0px 16px 0 0; margin-left:16px; cursor:pointer; } a.button-red-border-white:hover { background-position:0px bottom; color:#fff; text-decoration: none; } a.button-red-border-white:hover span { background-position:right bottom; } .button-red-border-white span { color:#ffffff; font-weight:bold;font-size:13px } .button-red-border-white span.light { color:#ffffff; font-weight:bold;font-size:13px } /*button-white-border-gray*/ a.button-white-border-gray { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white.jpg) no-repeat 0 -66px; display:block; float:left; height:21px; } a.button-white-border-gray span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white.jpg) no-repeat right -66px; display:inline; float:left; height:21px; line-height:21px; padding:0px 15px 0 0; margin-left:15px; cursor:pointer; } a.button-white-border-gray:hover { background-position:0px -87px; color:#fff; text-decoration: none; } a.button-white-border-gray:hover span { background-position:right -87px; } .button-white-border-gray span { color:#666666; font-weight:bold;font-size:12px } .button-white-border-gray span.light { color:#666666; font-weight:normal;font-size:12px } a.button-white-border-gray-click:hover { background-position:0px -108px; color:#ffffff; text-decoration: none; } a.button-white-border-gray-click:hover span { background-position:right -108px; } /*button-white-border-gray for login*/ a.login-button-white-border-gray { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white.jpg) no-repeat 0 -129px; display:block; float:left; height:30px; } a.login-button-white-border-gray span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white.jpg) no-repeat right -129px; display:inline; float:left; height:30px; line-height:30px; padding:0px 16px 0 0; margin-left:16px; cursor:pointer; } a.login-button-white-border-gray:hover { background-position:0px -159px; color:#fff; text-decoration: none; } a.login-button-white-border-gray:hover span { background-position:right -159px; } .login-button-white-border-gray span { color:#666666; font-weight:bold;font-size:13px } .login-button-white-border-gray span.light { color:#666666; font-weight:normal;font-size:13px } a.login-button-white-border-gray-click:hover { background-position:0px -189px; color:#ffffff; text-decoration: none; } a.login-button-white-border-gray-click:hover span { background-position:right -189px; } /*myaccount-list-button-white-border-gray*/ a.myaccount-list-button-white-border-gray { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/myaccount-list-button-white-border-gray.jpg) no-repeat top left; display:block; float:left; height:17px; margin-top:3px; } a.myaccount-list-button-white-border-gray span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/myaccount-list-button-white-border-gray.jpg) no-repeat right top; display:inline; float:left; height:17px; line-height:17px; padding:0px 10px 0 0; margin-left:10px; cursor:pointer; } a.myaccount-list-button-white-border-gray:hover { background-position:0px bottom; color:#fff; text-decoration: none; } a.myaccount-list-button-white-border-gray:hover span { background-position:right bottom; } .myaccount-list-button-white-border-gray span { color:#666666; font-weight:bold;font-size:11px } .myaccount-list-button-white-border-gray span.light { color:#666666; font-weight:normal;font-size:11px } /*checkout-button-red*/ a.checkout-button-red { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red.jpg) no-repeat top left; display:block; float:left; height:40px; } a.checkout-button-red span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red.jpg) no-repeat right top; display:inline; float:left; height:40px; line-height:40px; padding:0px 23px 0 0; margin-left:23px; cursor:pointer; } a.checkout-button-red:hover { background-position:0px -40px; color:#fff; text-decoration: none; } a.checkout-button-red:hover span { background-position:right -40px; } .checkout-button-red span { color:#ffffff; font-weight:normal;font-size:14px } a.checkout-button-red-click:hover { background-position:0px -80px; color:#ffffff; text-decoration: none; } a.checkout-button-red-click:hover span { background-position:right -80px; } /*checkout-button-red-small*/ a.checkout-button-red-small { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/checkout-button-red-small.jpg) no-repeat top left; display:block; float:left; height:21px; } a.checkout-button-red-small span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/checkout-button-red-small.jpg) no-repeat right top; display:inline; float:left; height:21px; line-height:21px; padding:0px 15px 0 0; margin-left:15px; cursor:pointer; } a.checkout-button-red-small:hover { background-position:0px bottom; color:#fff; text-decoration: none; } a.checkout-button-red-small:hover span { background-position:right bottom; } .checkout-button-red-small span { color:#ffffff; font-weight:bold;font-size:12px } /*checkout-button-white-border-gray*/ a.checkout-button-white-border-gray { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white.jpg) no-repeat 0 -66px; display:block; float:left; height:21px; } a.checkout-button-white-border-gray span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white.jpg) no-repeat right -66px; display:inline; float:left; height:21px; line-height:21px; padding:0px 15px 0 0; margin-left:15px; cursor:pointer; } a.checkout-button-white-border-gray:hover { background-position:0px -87px; color:#666666; text-decoration: none; } a.checkout-button-white-border-gray:hover span { background-position:right -87px; } .checkout-button-white-border-gray span { color:#666666; font-weight:bold;font-size:11px } a.checkout-button-white-border-gray-click:hover { background-position:0px -108px; color:#666666; text-decoration: none; } a.checkout-button-white-border-gray-click:hover span { background-position:right -108px; } /*productlist-button-next*/ a.productlist-button-next { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red.jpg) no-repeat 0 -186px; display:block; float:left; height:21px; } a.productlist-button-next span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red.jpg) no-repeat right -186px; display:inline; float:left; height:21px; line-height:21px; padding:0px 15px 0 0; margin-left:15px; cursor:pointer; } a.productlist-button-next:hover { background-position:0px -207px; color:#ffffff; text-decoration: none; } a.productlist-button-next:hover span { background-position:right -207px; } .productlist-button-next span { color:#ffffff; font-weight:bold;font-size:12px } a.productlist-button-next-click:hover { background-position:0px -228px; color:#ffffff; text-decoration: none; } a.productlist-button-next-click:hover span { background-position:right -228px; } /*productlist-button-previous*/ a.productlist-button-previous { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white.jpg) no-repeat 0 -66px; display:block; float:left; height:21px; } a.productlist-button-previous span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white.jpg) no-repeat right -66px; display:inline; float:left; height:21px; line-height:21px; padding:0px 15px 0 0; margin-left:15px; cursor:pointer; } a.productlist-button-previous:hover { background-position:0px -87px; color:#333333; text-decoration: none; } a.productlist-button-previous:hover span { background-position:right -87px; } .productlist-button-previous span { color:#333333; font-weight:normal;font-size:12px } a.productlist-button-previous-click:hover { background-position:0px -108px; color:#333333; text-decoration: none; } a.productlist-button-previous-click:hover span { background-position:right -108px; } /*button-red-border-gray-height22*/ a.button-red-border-gray-height22 { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red.jpg) no-repeat 0 -120px; display:block; float:left; height:22px; } a.button-red-border-gray-height22 span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red.jpg) no-repeat right -120px; display:inline; float:left; height:22px; line-height:22px; padding:0px 15px 0 0; margin-left:15px; cursor:pointer; } a.button-red-border-gray-height22:hover { background-position:0px -142px; color:#ffffff; text-decoration: none; } a.button-red-border-gray-height22:hover span { background-position:right -142px; } .button-red-border-gray-height22 span { color:#ffffff; font-weight:normal;font-size:11px } a.button-red-border-gray-height22-click:hover { background-position:0px -164px; color:#ffffff; text-decoration: none; } a.button-red-border-gray-height22-click:hover span { background-position:right -164px; } /*button-white-border-gray-height22*/ a.button-white-border-gray-height22 { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white.jpg) no-repeat top left; display:block; float:left; height:22px; } a.button-white-border-gray-height22 span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-white.jpg) no-repeat right top; display:inline; float:left; height:22px; line-height:22px; padding:0px 15px 0 0; margin-left:15px; cursor:pointer; } a.button-white-border-gray-height22:hover { background-position:0px -22px; color:#333333; text-decoration: none; } a.button-white-border-gray-height22:hover span { background-position:right -22px; } .button-white-border-gray-height22 span { color:#333333; font-weight:normal;font-size:12px } a.button-white-border-gray-height22-click:hover { background-position:0px -44px; color:#333333; text-decoration: none; } a.button-white-border-gray-height22-click:hover span { background-position:right -44px; } /*add-to-cart-button*/ a.add-to-cart-button { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red.jpg) no-repeat 0 -249px; display:block; float:left; height:31px; } a.add-to-cart-button span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red.jpg) no-repeat right -249px; display:inline; float:left; height:31px; line-height:33px; padding:0px 21px 0 0; margin-left:21px; cursor:pointer; font-size:16px; font-weight:bold; color:#ffffff; font-family:arial; } a.add-to-cart-button:hover { background-position:0px -280px; color:#ffffff; text-decoration: none; } a.add-to-cart-button:hover span { background-position:right -280px; } .add-to-cart-button span { color:#ffffff; font-weight:normal;font-size:16px } a.add-to-cart-button-click:hover { background-position:0px -311px; color:#ffffff; text-decoration: none; } a.add-to-cart-button-click:hover span { background-position:right -311px; } /*add-to-cart-button-smaller*/ a.add-to-cart-button-smaller { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red.jpg) no-repeat 0 -342px; display:block; float:left; height:19px; } a.add-to-cart-button-smaller span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red.jpg) no-repeat right -342px; display:inline; float:left; height:19px; line-height:19px; padding:0px 10px 0 0; margin-left:10px; cursor:pointer; font-size:12px; font-weight:bold; color:#ffffff; font-family:arial; } a.add-to-cart-button-smaller:hover { background-position:0px -361px; color:#ffffff; text-decoration: none; } a.add-to-cart-button-smaller:hover span { background-position:right -361px; } .add-to-cart-button-smaller span { color:#ffffff; font-weight:normal;font-size:12px } a.add-to-cart-button-smaller-click:hover { background-position:0px -380px; color:#ffffff; text-decoration: none; } a.add-to-cart-button-smaller-click:hover span { background-position:right -380px; } /*add-to-cart-button-small*/ a.add-to-cart-button-small { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red.jpg) no-repeat 0 -399px; display:block; float:left; height:25px; } a.add-to-cart-button-small span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-red.jpg) no-repeat right -399px; display:inline; float:left; height:25px; line-height:25px; padding:0px 15px 0 0; margin-left:15px; cursor:pointer; font-size:14px; font-weight:bold; color:#ffffff; font-family:arial; } a.add-to-cart-button-small:hover { background-position:0px -424px; color:#ffffff; text-decoration: none; } a.add-to-cart-button-small:hover span { background-position:right -424px; } .add-to-cart-button-small span { color:#ffffff; font-weight:normal;font-size:14px } a.add-to-cart-button-small-click:hover { background-position:0px -449px; color:#ffffff; text-decoration: none; } a.add-to-cart-button-small-click:hover span { background-position:right -449px; } /*vote-button-blue*/ a.vote-button-blue { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-blue.jpg) no-repeat 0 0px; display:block; float:left; height:31px; } a.vote-button-blue span { background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/buttons/button-blue.jpg) no-repeat right 0px; display:inline; float:left; height:31px; line-height:33px; padding:0px 25px 0 0; margin-left:25px; cursor:pointer; font-size:16px; font-weight:bold; color:#ffffff; font-family:arial; } a.vote-button-blue:hover { background-position:0px -31px; color:#ffffff; text-decoration: none; } a.vote-button-blue:hover span { background-position:right -31px; } .add-to-cart-button-small span { color:#ffffff; font-weight:normal;font-size:16px } a.vote-button-blue-click:hover { background-position:0px -62px; color:#ffffff; text-decoration: none; } a.vote-button-blue-click:hover span { background-position:right -62px; } /********************** navigation myaccount*/ /* #myfabmenuaccount_account{height:29px;width:158px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_dashboard.jpg) -1px 0;} #myfabmenuaccount_account_active{height:29px;width:158px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_dashboard.jpg) -1px 150px; } #myfabmenuaccount_orders{height:29px;width:114px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_orders.jpg) -1px 0;} #myfabmenuaccount_orders_active{height:29px;width:114px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_orders.jpg) -1px 150px;} #myfabmenuaccount_invitations{height:29px;width:104px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_invitations.jpg) -1px 0;} #myfabmenuaccount_invitations_active{height:29px;width:104px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_invitations.jpg) -1px 150px;} #myfabmenuaccount_vote{height:29px;width:70px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_vote.jpg) -1px 0;} #myfabmenuaccount_vote_active{height:29px;width:70px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_vote.jpg) -1px 150px;} #myfabmenuaccount_helpdeskultimate{height:29px;width:70px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_helpdesk.jpg) -1px 0;} #myfabmenuaccount_helpdeskultimate_active{height:29px;width:70px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_helpdesk.jpg) -1px 150px;} #myfabmenuaccount_private{height:29px;width:70px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_private.jpg) -1px 0;} #myfabmenuaccount_private_active{height:29px;width:70px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_private.jpg) -1px 150px;} #myfabmenuaccount_account a{height:29px;width:158px;display:block;} #myfabmenuaccount_account_active a{height:29px;width:158px;display:block; } #myfabmenuaccount_orders a{height:29px;width:114px;display:block;} #myfabmenuaccount_orders_active a{height:29px;width:114px;display:block;} #myfabmenuaccount_invitations a{height:29px;width:104px;display:block;} #myfabmenuaccount_invitations_active a{height:29px;width:104px;display:block;} #myfabmenuaccount_vote a{height:29px;width:70px;display:block;} #myfabmenuaccount_vote_active a{height:29px;width:70px;display:block;} #myfabmenuaccount_helpdeskultimate a{height:29px;width:70px;display:block;} #myfabmenuaccount_helpdeskultimate_active a{height:29px;width:70px;display:block;} #myfabmenuaccount_private a{height:29px;width:70px;display:block;} #myfabmenuaccount_private_active a{height:29px;width:70px;display:block;} #myfabmenuaccount_account:hover{height:29px;width:158px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_dashboard.jpg) -1px 150px;} #myfabmenuaccount_orders:hover{height:29px;width:114px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_orders.jpg) -1px 150px;} #myfabmenuaccount_invitations:hover{height:29px;width:104px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_invitations.jpg) -1px 150px;} #myfabmenuaccount_vote:hover{height:29px;width:70px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_vote.jpg) -1px 150px;} #myfabmenuaccount_helpdeskultimate:hover{height:29px;width:70px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_helpdesk.jpg) -1px 150px;} #myfabmenuaccount_private:hover{height:29px;width:70px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/menu/images/menu_account_private.jpg) -1px 150px;} */ /* #myfabmenuaccount_account{height:29px;width:158px;text-align:center;} #myfabmenuaccount_account_active{height:29px;width:158px;text-align:center; } #myfabmenuaccount_orders{height:29px;width:114px;text-align:center;} #myfabmenuaccount_orders_active{height:29px;width:114px;text-align:center;} #myfabmenuaccount_invitations{height:29px;width:104px;text-align:center;} #myfabmenuaccount_invitations_active{height:29px;width:104px;text-align:center;} #myfabmenuaccount_vote{height:29px;width:70px;text-align:center;} #myfabmenuaccount_vote_active{height:29px;width:70px;text-align:center;} #myfabmenuaccount_helpdeskultimate{height:29px;width:70px;text-align:center;} #myfabmenuaccount_helpdeskultimate_active{height:29px;width:70px;text-align:center;} #myfabmenuaccount_private{height:29px;width:70px;text-align:center;} #myfabmenuaccount_private_active{height:29px;width:70px;text-align:center;} #myfabmenuaccount_account a{height:29px;width:158px;display:block;} #myfabmenuaccount_account_active a{height:29px;width:158px;display:block; } #myfabmenuaccount_orders a{height:29px;width:114px;display:block;} #myfabmenuaccount_orders_active a{height:29px;width:114px;display:block;} #myfabmenuaccount_invitations a{height:29px;width:104px;display:block;} #myfabmenuaccount_invitations_active a{height:29px;width:104px;display:block;} #myfabmenuaccount_vote a{height:29px;width:70px;display:block;} #myfabmenuaccount_vote_active a{height:29px;width:70px;display:block;} #myfabmenuaccount_helpdeskultimate a{height:29px;width:70px;display:block;} #myfabmenuaccount_helpdeskultimate_active a{height:29px;width:70px;display:block;} #myfabmenuaccount_private a{height:29px;width:70px;display:block;} #myfabmenuaccount_private_active a{height:29px;width:70px;display:block;} #myfabmenuaccount_account:hover{height:29px;width:158px;text-align:center;} #myfabmenuaccount_orders:hover{height:29px;width:114px;text-align:center;} #myfabmenuaccount_invitations:hover{height:29px;width:104px;text-align:center;} #myfabmenuaccount_vote:hover{height:29px;width:70px;text-align:center;} #myfabmenuaccount_helpdeskultimate:hover{height:29px;width:70px;text-align:center;} #myfabmenuaccount_private:hover{height:29px;width:70px;text-align:center;} */ /* Document : menu-bar Created on : Jul 2, 2010, 4:28:31 PM */ /********************** navigation */ .navigation {height:30px;width:978px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-motif-1.jpg) repeat-x right;} .navigation .menu-navigation {display:inline;position:relative;z-index:99999} .navigation .menu-align-left {float:left;} .navigation .menu-align-right {float:right;} .navigation .menu-navigation li {float:left;display:inline;position:relative;z-index:999999} .navigation .menu-navigation .left-side {} .navigation .menu-navigation .right-side {} .navigation .menu-navigation font {text-transform:uppercase;font-size:15px;line-height:30px;margin:0 27px 0 16px;} .navigation .menu-navigation a{font-size:12px;line-height:30px;} .navigation .menu-navigation a:hover {text-decoration:none} .navigation .menu-navigation a.leftlink {text-transform:uppercase;margin:0 25px 0 15px; font-size:15px;} .navigation .menu-navigation a.rightlink {margin:0 19px 0 19px;} .navigation .menu-navigation .first{height:30px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-arrow-1.jpg) no-repeat right; } .navigation .menu-navigation .last{height:30px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-arrow-2.jpg) no-repeat right; padding:0 25px 0 15px;} .navigation .menu-navigation .border-position-right{height:29px;background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-motif-2.jpg) no-repeat right;} .navigation .menu-navigation .active {background:url("http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation/myaccount-nav-motif-3.jpg") no-repeat scroll right center transparent;height:29px;} .navigation_border {border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;} .navigation-no-border {border:0px;} .navigation-breadcrumbs {padding:0px;margin:0px;height:29px;float:left;background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation_header_element.png) top right no-repeat;} .catalog-subheader-action-bar {width:978px; height:48px; background:#ffffff url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menu/bg-subheader-action-bar.png) repeat-x left top; border-left:1px solid #D6D6D6;border-right:1px solid #D6D6D6;border-bottom:1px solid #cacaca;} .catalog-subheader-action-bar ul.nav-horizontal {float:left;padding:0} .catalog-subheader-action-bar ul.nav-horizontal li {height:29px;background:none;border:0px;margin:0px 0px 0px 0px;} .catalog-subheader-action-bar ul.nav-horizontal li a{border:0px;margin:0px;color:#666666;font-weight:normal;height:100%;padding:0;background-repeat:no-repeat} .catalog-subheader-action-bar ul.nav-horizontal li a .icon{display:none} .catalog-subheader-action-bar ul.nav-horizontal li img.image {left:0px;top:0px;} .myaccount-header-content {background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/myaccount/myaccount-header2.jpg) no-repeat left;border-top:solid #E1E1E1 1px;border-right:solid #E1E1E1 1px;border-left:solid #E1E1E1 1px;} /**** breadcrumbs ****/ .catalog-subheader-action-bar .breadcrumbs {float:left; width:400px;text-align:left;margin-top:21px;margin-left:25px;color:#999999;font:11px/1.55em arial,sans-serif,helvetica;line-height:22px;} .catalog-subheader-action-bar .breadcrumbs .breadcrumb-element {float:left;} .catalog-subheader-action-bar .breadcrumbs .breadcrumb-element a {color:#999999;} .catalog-subheader-action-bar .breadcrumbs .breadcrumb-element a:hover {text-decoration:underline} .catalog-subheader-action-bar .breadcrumbs .breadcrumb-element.first {} .catalog-subheader-action-bar .breadcrumbs .breadcrumb-element.last {color:#666666;} .catalog-subheader-action-bar .breadcrumbs .breadcrumb-element.last a {color:#666666;} .catalog-subheader-action-bar .breadcrumbs .breadcrumb-separator {float:left;margin-left: 2px; margin-right: 2px;} .catalog-subheader-action-bar .subheader-text {color:#666666;display:block;float:left;font-size:18px;margin-left:26px;margin-top:22px;font-family:georgia} #header_summer { width:100%; height:132px; margin-bottom: 7px; } #explanation_summer { margin-bottom: 5px; float:left; border:1px solid #E0E0E0; color:#313131; } #explanationtext_summer { float:left; font-size:15px; } #address_summer { margin-left:5px; height:515px; margin-bottom: 5px; float:left; border:1px solid #E0E0E0; color:#313131; } #validation_summer { width:100%; height:59px; float:left; border:1px solid #E0E0E0; background: url(http://media.myfab.com/skin/frontend/myfabv3/default/images/summerdelivery/barredubassansbouton.jpg); text-align: right; } #validationbutton_summer{ margin:13px; } .bullet_summer{ float:left; font-size:12px; } .bullet_summer img{ float:left; } .bullettitle_summer{ float:left; font-size:15px; font-weight:bold; padding:0 0 3px; margin:2px 0 0 4px; } .bulletcontent_summer{ float:left; font-size:12px; margin:6px 0 0; width:124px; } #more_summer{ float:right; } .title_summer{ padding:5px; text-align:center; background-color: #F0F0F0; border-bottom:1px solid #E0E0E0; font-weight: bold; font-size:15px; } .address_summer_text{ margin-bottom: 15px; } .fieldset_summer{ margin-top:11px; } .proposition_summer{ display:block; width:150px; margin: 10px 0 10px 0; color:#333333; } .checkbox_summer{ float:right; margin-top:18px; } .propositioncontainer_summer{ border-bottom:1px solid #000000; height:52px; } hr{ color:#E0E0E0; } .disclaimer{ margin:20px 0 0 0; font-size:13px; } /* ************** Style for the menu builder ( for shop top menu ) ************ */ /********** Style Commun **** */ .nav-container { background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/bkg_nav.gif) 0 100% no-repeat; padding-bottom:3px; margin-bottom:-1px; position:relative; z-index:4; } /********** Collapse */ .shop-nav-collapse-container {padding:0px;margin:0px;width:128px;height:29px;float:left;} #shop-nav-collapse { min-height:20px; background:transparent; text-align:left; border:0px; overflow:visible; padding:0; } /* Head */ #shop-nav-collapse .head {background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/navigation_header_element.png) top right no-repeat;border:0px;height:29px;cursor:pointer;margin:0px} #shop-nav-collapse .head h4{color:#000;text-decoration:underline;font-size:15px;} #shop-nav-collapse .nav-vertical {padding: 0px;} /* All Levels */ #shop-nav-collapse li { position:relative; z-index:4; } #shop-nav-collapse li.active { z-index:5; } #shop-nav-collapse li.over { z-index:990; } #shop-nav-collapse li a { text-decoration:none; } #shop-nav-collapse li a:hover { text-decoration:none; } #shop-nav-collapse li a span { display:block; white-space:nowrap; cursor:pointer; } #shop-nav-collapse li ul a span { white-space:normal; } #shop-nav-collapse li.over a, #shop-nav-collapse li.active a { height:29px; overflow:hidden; padding:0 0 0 18px; } /* 1st Level */ #shop-nav-collapse li { margin:0; padding:0 0 0 0; height:28px; float:left; } #shop-nav-collapse li a { float:left; height:28px; line-height:28px; border-top:0px solid #c0c0c0; padding:0 0 0 17px;} #shop-nav-collapse li a, #shop-nav-collapse li a span { background:url(http://media.myfab.com/skin/frontend/myfabv3/default/images/bkg_nav-item-border.gif) no-repeat 100% 0; } #shop-nav-collapse li.first a { border-left:0; padding-left:17px; } #shop-nav-collapse li.last a { /* border-right:0; */} #shop-nav-collapse li a span { font-weight:bold; padding:0 19px 0 0; float:left; } #shop-nav-collapse li a { color:#666; font-size:13px; } #shop-nav-collapse li a:hover { background-position:0 -60px; height:29px; border:0; overflow:hidden; padding:0 0 0 18px; } #shop-nav-collapse li a:hover span { background-position:100% -60px; padding:2px 19px 0 0; } #shop-nav-collapse li.over a span, #shop-nav-collapse li.active a span { background-position:100% -60px; padding:1px 19px 0 0; } #shop-nav-collapse li.over a { position:relative; z-index:2; line-height:30px; height:31px; } #shop-nav-collapse li.over a span { padding:1px 19px 0 0; } /* 2nd Level - level0 on menubuilder */ #shop-nav-collapse ul { position:absolute; width:162px; left:-10000px; background:#fcfcfc; padding:5px 11px 10px; border:1px solid #dadada; border-top:0; } #shop-nav-collapse ul li { width:162px ;display:block; font-size:12px; float:none; background:none; height:23px !important; line-height:1.2 !important; font-weight:normal; text-transform:none; } #shop-nav-collapse ul li a { width:162px ;display:block; font-size:12px; float:none; background:none; height:22px !important; line-height:1.2 !important; font-weight:normal; text-transform:none; } #shop-nav-collapse ul li a span { width:162px ;display:block; font-size:12px; float:none; background:none; height:22px !important; line-height:1.2 !important; font-weight:normal; text-transform:none; } #shop-nav-collapse ul li { margin:0; ;padding:0; } #shop-nav-collapse ul li a , #shop-nav-collapse ul li a:hover {margin-left:5px;padding:4px 0px !important ;width:150px } #shop-nav-collapse ul li.first a { border-bottom:0; } #shop-nav-collapse ul.nav-vertical li {background:transparent;border:0px;} #shop-nav-collapse ul.nav-vertical li a {background:transparent;color:#666 !important;margin-left:7px;} #shop-nav-collapse ul.nav-vertical li span {margin-left:8px;} #shop-nav-collapse ul.nav-vertical li {background:#fcfcfc url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menubuilder/bkg-shop-menu-li.png) no-repeat top left; } /* level0 over*/ #shop-nav-collapse ul li.over {background:transparent url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menubuilder/bkg-shop-menu-li-over2.png) no-repeat top left;} #shop-nav-collapse ul li.over a {border-top:0px;} /* Color of link */ #shop-nav-collapse ul li a span { padding:0 !important; } #shop-nav-collapse ul.nav-vertical li.over > a { color:#000000 !important } #shop-nav-collapse ul.nav-vertical li.over ul a { color:#666666 !important } #shop-nav-collapse ul.nav-vertical li a:hover { color:#ed0008 !important; } #shop-nav-collapse ul.nav-vertical li ul a:hover { color:#ed0008 !important; } /* 3rd+ leven */ #shop-nav-collapse ul.nav-vertical ul { top:0px; border:0px; padding:0px;} #shop-nav-collapse ul.nav-vertical ul li{ background : transparent; border-top:0px;border-right:1px solid #dadada;height:25px !important;} #shop-nav-collapse ul.nav-vertical ul li a {border-top:1px solid #f0f0f0;} #shop-nav-collapse ul.nav-vertical ul li.first a {border-top:0px;} #shop-nav-collapse ul.nav-vertical ul li.only{height:22px !important} #shop-nav-collapse ul.nav-vertical ul li.first{ background: #fcfcfc url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menubuilder/bkg-shop-menu-child-li-first2.png) no-repeat left top;border-top:1px solid #dadada;} #shop-nav-collapse ul.nav-vertical ul li{ background: #fcfcfc url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menubuilder/bkg-shop-menu-child-li.png) repeat-y left top;} #shop-nav-collapse ul.nav-vertical ul li.last{ background: #fcfcfc url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menubuilder/bkg-shop-menu-child-li-last.png) no-repeat left bottom;border-bottom:1px solid #dadada;height:29px!important;} #shop-nav-collapse ul.nav-vertical ul li.only{ background: #fcfcfc url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menubuilder/bkg-shop-menu-child-li-only2.png) repeat-x left bottom;border-bottom:0px;} /* Show Menu */ #shop-nav-collapse li.over > ul { left:-1px; } #shop-nav-collapse li.over > ul li.over > ul { left:100px; } #shop-nav-collapse li.over ul ul { left:-10000px; } /* Show Menubuilder */ #shop-nav-collapse .over > ul { left:auto; } #shop-nav-collapse .over > ul li.over > ul { left:90px; } /* Multicolumn case */ #shop-nav-collapse ul.nav-vertical li.over > ul.subcolumn2 {left:200px} #shop-nav-collapse ul.nav-vertical li.over > ul.subcolumn3 {left:300px} #shop-nav-collapse ul.nav-vertical li ul.subcolumn1 {z-index:111} #shop-nav-collapse ul.nav-vertical li ul.subcolumn2 {background: #fcfcfc url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menubuilder/bkg-shop-menu-child-li-only.png) repeat-x left bottom; z-index:222;border-top:1px solid #dadada;border-right:1px solid #dadada;} #shop-nav-collapse ul.nav-vertical li ul.subcolumn3 {background: #fcfcfc url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menubuilder/bkg-shop-menu-child-li-only.png) repeat-x left bottom; z-index:333;border-top:1px solid #dadada;border-right:1px solid #dadada;} #shop-nav-collapse ul.nav-vertical ul.subcolumn2 li.first{ background: #fcfcfc ; border-right:0;border-top:0; } #shop-nav-collapse ul.nav-vertical ul.subcolumn2 li.last{ background: transparent ; border-right:0;border-bottom:0 !important;} #shop-nav-collapse ul.nav-vertical ul.subcolumn3 li.first{ background: #fcfcfc ; border-right:0;border-top:0;} #shop-nav-collapse ul.nav-vertical ul.subcolumn3 li.last{ background: transparent ; border-right:0;border-bottom:0 !important;} /********** Navigation > */ /* ======================================================================================= */ /** * skin/frontend/default/default/css/menubuilder.css * * NOTICE OF LICENSE * * This source file is subject to the Licence that is bundled with * this package in the file LICENSE.txt. It is also available through * the world-wide-web at this URL: http://www.tsdesigns.de/license * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@tsdesigns.de so we can send you a copy immediately. * * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * versions in the future. If you wish to customize Magento or this extension for your * needs please refer to http://www.magentocommerce.com or http://www.tsdesigns.de * for more information. * * * @category TSDesigns * @package TSDesigns_MenuBuilder * @author Tobias Schifftner, TSDesigns * @license http://www.tsdesigns.de/license * @copyright This software is protected by copyright, (c) 2010 TSDesigns. * @version 0.1.1 - 2010-02-21 04:28:03 * */ /** * skin/frontend/default/default/css/menubuilder.css * * NOTICE OF LICENSE * * This source file is subject to the Licence that is bundled with * this package in the file LICENSE.txt. It is also available through * the world-wide-web at this URL: http://www.tsdesigns.de/license * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@tsdesigns.de so we can send you a copy immediately. * * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * versions in the future. If you wish to customize Magento or this extension for your * needs please refer to http://www.magentocommerce.com or http://www.tsdesigns.de * for more information. * * * @category TSDesigns * @package TSDesigns_MenuBuilder * @author Tobias Schifftner, TSDesigns * @license http://www.tsdesigns.de/license * @copyright This software is protected by copyright, (c) 2010 TSDesigns. * @version 0.1.1 - 2010-02-16 08:01:33 * */ /* * This CSS is based on the original code of magento */ /******** Horizontal Menu *********/ ul.nav-horizontal { padding:0 20px; font-size:1.1em; z-index:999; border:none; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ ul.nav-horizontal li { list-style:none; position:relative; text-align:left; } ul.nav-horizontal li.over { z-index:999; } ul.nav-horizontal a, ul.nav-horizontal a:hover { display:block; line-height:1.3em; text-decoration:none; } ul.nav-horizontal span { display:block; cursor:pointer; white-space:nowrap; padding:2px 15px; } ul.nav-horizontal li ul span {white-space:normal; } ul.nav-horizontal li.level0.parent span { padding:3px 15px 3px 3px; } ul.nav-horizontal li li span.parent { } ul.nav-horizontal li.level0.parent a.level0 { } ul.nav-horizontal li img.image { float:left; position:relative; top:5px; left:9px; } /************ 0 LEVEL ***************/ ul.nav-horizontal li { float:left; margin:0; padding-bottom:0px; border-bottom:0px dotted #A0B3C3; /*background-color:#ecf3f6;*/ } ul.nav-horizontal li.active a { color:#d96708; } ul.nav-horizontal a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; } ul.nav-horizontal li.over a, ul.nav-horizontal a:hover { color:#d96708; } ul.nav-horizontal li.active { margin:0; padding-bottom:0px; border-bottom:0px dotted #A0B3C3; background-color:#ecf3f6; /*background:#ecf3f6 url(http://media.myfab.com/skin/frontend/myfabv3/default/images/nav_divider.gif) repeat-x 0 100%;*/ } ul.nav-horizontal li.over { border-bottom:0px dotted #A0B3C3; background-color:#d5e4eb; /*background:#d5e4eb url(http://media.myfab.com/skin/frontend/myfabv3/default/images/nav_divider.gif) repeat-x 0 100%;*/ } ul.nav-horizontal li.last { /*background:#ecf3f6;*/ border-bottom:none; } ul.nav-horizontal ul { margin-top:8px; } /************ 1ST LEVEL ************/ ul.nav-horizontal ul li, ul.nav-horizontal ul li.active { float:none; margin:0; padding-bottom:0px; border-bottom:1px dotted #A0B3C3; background-color:#ecf3f6; } ul.nav-horizontal ul li.over { border-bottom:1px dotted #A0B3C3; background-color:#d5e4eb; } ul.nav-horizontal ul li.last { background:#ecf3f6; padding-bottom:0; } ul.nav-horizontal ul li.last, ul.nav-horizontal ul li.over.last { border-bottom:0; } ul.nav-horizontal ul a, ul.nav-horizontal ul a:hover { float:none; padding:0; } ul.nav-horizontal ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ ul.nav-horizontal ul { background-color:#ecf3f6; position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #899ba5; } /* Show menu */ ul.nav-horizontal li.over > ul { left:0; } ul.nav-horizontal li.over > ul li.over > ul { left:100px; } ul.nav-horizontal li.over ul ul { left:-10000px; } ul.nav-horizontal li.active, ul.nav-horizontal li.over, /*ul.nav-horizontal li:hover { background:#d5e4eb; }*/ ul.nav-horizontal ul li a { background:#ecf3f6; } /*ul.nav-horizontal ul li a:hover { background:#d5e4eb; }*/ ul.nav-horizontal ul li a, ul.nav-horizontal ul li a:hover { color:#2f2f2f !important; } ul.nav-horizontal ul span, ul.nav-horizontal ul li.last li span { padding:3px 15px 4px 15px;} /* ul.nav-horizontal li li.parent a { background: url('http://media.myfab.com/skin/frontend/myfabv3/default/images/menubuilder/i_nav-parent.gif') 100% 100% no-repeat; } */ /************ 3RD+ LEVEL ************/ ul.nav-horizontal ul ul { top:5px; } /* IE FIX Menu Show */ * html ul.nav-horizontal li.over > ul { left:0; top:30px; } ul.nav-horizontal li.over ul.shown-sub { left:0; } ul.nav-horizontal li.over li ul.shown-sub { left:100px; } * html ul.nav-horizontal ul li, * html ul.nav-horizontal ul a, * html ul.nav-horizontal ul span { height: 18px; } * html ul.nav-horizontal ul li.parent { border-bottom: 1px dotted #899ba5; } * html ul.nav-horizontal ul li.last { border-bottom: 0; } ul.nav-horizontal li a span.icon { margin-left: 30px; border:0px solid red; } /*** Fix IE6 **/ * html ul.nav-horizontal li a span.icon { padding-left: 5px; } /************** VERTICAL MENU *************/ ul.nav-vertical { float:left; width:195px; margin:0; padding:0; font-size:1.05em; z-index:999; width:15em; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ ul.nav-vertical li { float:left; list-style:none; position:relative; left:0; top:0; text-align:left; } ul.nav-vertical li.over { z-index:999; } ul.nav-vertical a, ul.nav-vertical a:hover { width:192px; display:block; line-height:1.3em; text-decoration:none; } ul.nav-vertical span { display:block; cursor:pointer; white-space:nowrap; padding-top: 2px; } ul.nav-vertical li ul span { white-space:normal; } ul.nav-vertical span.parent { } ul.nav-vertical li img.image { float:left; position:relative; top:5px; left:9px; } ul.nav-vertical li img.image.level0 { float:left; position:relative; top:8px; left:9px; } /************ 0 LEVEL ***************/ ul.nav-vertical li { float:left; margin:0; padding-bottom:0px; border-bottom:1px dotted #A0B3C3; background-color:#ecf3f6; } ul.nav-vertical li a { float:left; padding:0; color:#006699; font-weight:bold; } ul.nav-vertical li a span { padding:5px 12px 6px 8px; } ul.nav-vertical li a span.level0 { padding:8px 12px 9px 8px; } ul.nav-vertical li.over a, ul.nav-vertical li.active a, ul.nav-vertical a:hover { color:#d96708; } ul.nav-vertical li.active, ul.nav-vertical li.over { border-bottom:1px dotted #A0B3C3; background-color:#d5e4eb; } ul.nav-vertical li.last { background:#ecf3f6; padding-bottom:0; border-bottom:none; } /************ 1ST LEVEL ************ ul.nav-vertical ul li { float:left; margin:0; padding-bottom:0px; border-bottom:1px dotted #A0B3C3; background-color:#ecf3f6; } */ ul.nav-vertical ul a, ul.nav-vertical ul a:hover { margin:0; width:192px; float:none; padding:0; background:none; } ul.nav-vertical ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ ul.nav-vertical ul { background-color:#ecf3f6; position:absolute; width:192px; top:15px; left:-10000px; border:1px solid #899ba5; } /* Show menu */ ul.nav-vertical li.over > ul { left:125px; } ul.nav-vertical li.over > ul li.over > ul { left:100px; } ul.nav-vertical li.over ul ul { left:-10000px; } ul.nav-vertical li a { background-color:#ecf3f6; } ul.nav-vertical li a.active, ul.nav-vertical li a:hover { background-color:#d5e4eb; } ul.nav-vertical li a, ul.nav-vertical li a:hover { color:#2f2f2f !important; } ul.nav-vertical span, ul.nav-vertical li.last li span { padding:3px 15px 4px 15px; } /************ 3RD+ LEVEL ************ ul.nav-vertical ul ul { top:5px; } ul.nav-vertical li li li.parent a { background: url('http://media.myfab.com/skin/frontend/myfabv3/default/images/menubuilder/i_nav-parent.gif') 100% 100% no-repeat; } ul.nav-vertical li li li.parent li a { background-image:none; } ul.nav-vertical ul ul li a:hover { background:#d5e4eb; } ul.nav-vertical ul ul li a:hover { color:#2f2f2f !important; } */ .mini-menubuilder-menu:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .mini-menubuilder-menu { padding:0; margin:0; } .mini-menubuilder-menu .head { } .mini-menubuilder-menu .content { padding:0; margin:0; width:90%; } /* IE FIX Menu Show */ ul.nav-vertical li.over ul.shown-sub { left:125px; } ul.nav-vertical li.over li ul.shown-sub { left:100px; } ul.nav-vertical li a span.icon { margin-left: 30px; border:0px solid red; } /*** Fix IE6 **/ ul.nav-vertical li a span.icon { padding-left: 5px; } /**** sur load ***/ mini-menubuilder-menu li.active a { background: url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menu/bg-menubuilder-on.gif) repeat-x; color : #666666; } ul.horizontal li:hover{ background-color: transparent !important ; } ul.nav-horizontal li.over{ background-color: transparent !important; } ul.horizontal li:active{ background-color: transparent !important; } ul.nav-horizontal a { padding : 0px ; } .no-display{ display : none; } ul.nav-horizontal li { float: left; margin: 0; padding: 0; } ul.nav-horizontal a { color : #666666; float: left; border-right: 1px solid #d6d6d6; float: left; height: 24px; margin: 0; padding: 4px 1px 0; font-weight: lighter; text-transform:uppercase; } ul.nav-horizontal li.active a { color : #666666; } ul.nav-horizontal a:hover { background: url(http://media.myfab.com/skin/frontend/myfabv3/default/images/menu/bg-menubuilder-on.gif) repeat-x; color : #666666; } .mini-menubuilder-menu { background: #F4F4F4; border:1px solid #CCCCCC; height: 28px; } ul.nav-horizontal { padding : 0; position:relative; } ul.nav-horizontal span { font-size:11px; }