/*******************************************************************************/ /* IMPOSTAZIONI GENERALI */ /*******************************************************************************/ body {margin-top: 0px; margin-left:0px; background:url(../img/bg_vector.jpg) no-repeat;} img {border:0;} /*******************************************************************************/ /* LAYOUT DIVS */ /*******************************************************************************/ #wrapper {margin-left: auto; margin-right: auto; width: 981px;} #header { height:109px; width:100%;} #statusBar {background:#FFFFFF; height: 44px; background:url(../img/status.gif) ; width:100%; border-width:0 1px 0 1px; border-color:#e3e3e3; border-style:solid;} #container {background:#FFFFFF; min-height: 550px; border-width:0 1px 0 1px; border-color:#e3e3e3; border-style:solid; width:981px;} #content { float: left; width: 774px; margin-bottom:6px; display:inline-block; overflow:hidden;} #sideBar { float: left; width: 198px; height: 500px; margin:0 0 0 4px; display:inline-block;} #footer {float:left; width:100%; background:url(../img/footer_bg.gif) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:10px; display:inline; border-width:0 1px 0 1px; border-color:#e3e3e3; border-style:solid;} /*******************************************************************************/ /* SIDE PANEL */ /*******************************************************************************/ .sideBox {float:left; width:198px; height:203px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; margin-top:8px; display:inline;} .sideBoxContent {margin:50px 4px 0 8px;} .sideBox a{text-decoration:none; color:#33991c;} .sideBox a:hover{text-decoration:none; color:#000000;} .side_box {float:left; width:178px; margin:6px 0 0 0; padding:8px 8px 8px 8px; background:#fafafa; border-width:1px; border-color:#f2f2f2; border-style:solid;} /*******************************************************************************/ /* TOP BAR */ /*******************************************************************************/ #topBar {float:left; width:100%; height:72px; margin:0; text-align:left; padding-top:7px; font-family:Arial, Helvetica, sans-serif; font-size:10px;} #topBarLogo {float:left; width:243px; height:100%; margin:0;} #topBarBanner {float:left; width:485px; height:100%; margin:0;} #topBarCart {float:left; width:230px; height:100%; margin:0; vertical-align:middle;} #topBarCart a {text-decoration:none;} #topBarCart a:hover {text-decoration:underline;} #topBarCart a .span2 {background:#33991c; color:#FFFFFF;} #topBarCart a:hover .span2 {background:#E1F0E8; margin-top:14px; color:#000000; text-decoration:none;} #addToCartBaloon {position:fixed; left:45%; right:55%; top:20px; z-index:1000;background:url(http://www.meditua.it/img/addtocart_baloon_bg.gif); height:180px; width:300px;} #addToCartBaloon .title {float:left; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; margin:40px 4px 4px 10px;} #addToCartBaloon h1 {display: inline; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px;} #addToCartBaloon a{text-decoration:none; color:#000000; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;} #addToCartBaloon a:hover{text-decoration:none; color:#33991c;} /*******************************************************************************/ /* STATUS BAR */ /*******************************************************************************/ .status_block {float:left; font-family:Arial, Helvetica, sans-serif; margin:9px 0 0 8px; font-size:10px; font-weight:bold;} .status_block a {color:#33991c;} .status_block a:hover {color:#000; text-decoration:none;} .status_search {float:right; font-family:Arial, Helvetica, sans-serif; margin:6px 8px 0 8px; font-size:10px;} .status_search input {font-family:Arial, Helvetica, sans-serif; font-size:10px;} /*******************************************************************************/ /* BRUSH */ /*******************************************************************************/ #brush {float:left; height:44px; width:237px; } #brush .title {color:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block; margin-top:20px; text-transform:uppercase;} /*******************************************************************************/ /* FOOTER */ /*******************************************************************************/ #footer_block {float:left; width:223px; height:95px; margin:8px 8px 0 12px; display:inline; color:#000000; vertical-align:text-top; } #footer_block .title {font-size:14px; color:#FFFFFF; font-weight:bold;} #footer_block li {list-style: none; margin: -20px 0 0 -6px;} a {text-decoration:none; color:#000000;} a:hover { text-decoration:underline;} /*******************************************************************************/ /* SECTION BAR */ /*******************************************************************************/ #section_bar {float:left; width:100%; height:27px; background:#dfffd2; padding-top:10px; margin-top:10px; margin-bottom:6px;} #section_bar .section_title {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#33991C; margin:10px 0 0 6px;} /*******************************************************************************/ /* BARRA CHECKOUT */ /*******************************************************************************/ .step {float:left; display:inline;} .step_main {float:left; margin:5px 20px 5px 20px; display:inline;} /*******************************************************************************/ /* BOX ERRORE */ /*******************************************************************************/ .alert { float:left; width: 720px;; font-family:Arial, Helvetica, sans-serif; font-size:11px; background: #FFCCCC url(../img/form_error.gif) top no-repeat; background-position: 15px 10px; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #FF6666; border-bottom: 2px solid #FF6666; margin-bottom:6px; line-height:18px; } /*******************************************************************************/ /* PULSANTI CHECKOUT */ /*******************************************************************************/ .btn_left {float:left; margin:20px 20px 20px 20px;} .btn_right {float:right; margin:20px 20px 20px 20px;} /*******************************************************************************/ /* BOX GENERICO */ /*******************************************************************************/ div .generic_box_top {float:left; width:767px; height:35px; background:url(../img/checkout_box_top.gif); margin:0 0 0 6px; display:block;} .generic_box_top p {margin:14px 0 0 4px;} .generic_box_title {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#33991c; font-weight:bold; background:#FFFFFF;} .generic_box_price {font-family: Georgia, Arial, Helvetica, sans-serif; font-size:18px; color:#33991c; font-weight:bold;} .generic_box_price_strike {font-family: Georgia, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; text-decoration:line-through;} .generic_box_mid ._t {width:68px; height:51px;} div .generic_box_mid {float:left; width:767px; background:url(../img/checkout_box_mid.gif); margin:0 0 0 6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; display:block;} div .generic_box_mid a{color:#33991C; } div .generic_box_mid a:hover{text-decoration:underline;} div .generic_box_btm {float:left; width:767px; height:37px; background:url(../img/checkout_box_btm.gif); margin:0 0 0 6px; display:block;} /*******************************************************************************/ /* MENU A TENDINA */ /*******************************************************************************/ @charset "UTF-8"; /** * Horizontal CSS Drop-Down Menu Module * * @file dropdown.css * @package Dropdown * @version 0.7.1 * @type Transitional * @stacks 597-599 * @browsers Windows: IE6+, Opera7+, Firefox1+ * Mac OS: Safari2+, Firefox2+ * * @link http://www.lwis.net/ * @copyright 2006-2008 Live Web Institute. All Rights Reserved. * */ ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { position: relative; z-index: 597; float: left; } ul.dropdown li { float: left; line-height: 1.6em; vertical-align: middle; zoom: 1; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; } ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } ul.dropdown ul li { float: none; } ul.dropdown ul ul { top: 1px; left: 99%; } ul.dropdown li:hover > ul { visibility: visible; } @charset "UTF-8"; /** * Adobe CSS Drop-Down Menu Theme * * @file default.css * @name Adobe * @version 0.1 * @type transitional * @browsers Windows: IE6+, Opera7+, Firefox1+ * Mac OS: Safari2+, Firefox2+ * * @link http://www.lwis.net/ * @copyright 2008 Live Web Institute. All Rights Reserved. * * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {} * Expected directory tag - li * */ * html ul.dropdown ul { /*background-image: url(dropdown_pane.png);*/ background-color:#FFF; width:250px; } /*------------------------------------------------------------------------------------------------------/ * @section Base Drop-Down Styling * @structure ul (unordered list) * ul li (list item) * ul li a (links) * *(.class|:hover) * @level sep ul */ /* ----- ALL LEVELS (incl. first) */ ul.dropdown { font:10px Arial, Helvetica, sans-serif ; } ul.dropdown li { padding: 7px 12px; background-color: #6C0; color: #333; } ul.dropdown li.hover, ul.dropdown li:hover { background-color: #360; color: #FFF; } ul.dropdown a:link, ul.dropdown a:visited { color: #333; text-decoration: none; } ul.dropdown a:hover { color: #fff; text-decoration: none; } ul.dropdown a:active { color: #333; } /* ----- END LEVEL */ /* ----- NON-FIRST LEVEL */ ul.dropdown ul { margin-left: 0px; padding-top:3px; width: 200px; padding-bottom: 3px; border: solid 1px #999; /*background: url(dropdown_pane.png) 0 100% no-repeat;*/ background-color:#FFF; filter:alpha(opacity=96); font-size: 11px; font-weight: normal; } ul.dropdown ul li { background-color: transparent; color: #393; border-bottom: solid 1px #eee; } ul.dropdown ul li.hover, ul.dropdown ul li:hover { background-color: transparent; } ul.dropdown ul li.empty { margin: 6px 3px 4px !important; font-weight: bold; background-color: #E0F5CB; } ul.dropdown ul a:link ul.dropdown ul a:visited { color: #000; } ul.dropdown ul a:hover { color: #000; text-decoration: none; } ul.dropdown ul a:active { color: #000; } ul.dropdown ul ul { display: none; } ul.dropdown ul ul li {} /* ----- END LEVEL */ /*------------------------------------------------------------------------------------------------------/ * @section Support Class 'dir' * @level sep ul, .class */ /* ----- ALL LEVELS (incl. first) */ ul.dropdown *.dir { padding-left: 19px; padding-right: 19px; height:15px; background-image: url(../prodrop4/pro_drop4_0b.gif); background-position: 100% 50%; background-repeat: no-repeat; display:inline-block; } /* ----- END LEVEL */ /* Components override */ ul.dropdown-horizontal ul *.dir { padding-right: 15px; background-image: url(nav-arrow-right.png); background-position: 100% 50%; background-repeat: no-repeat; } ul.dropdown-vertical *.dir { background-image: url(nav-arrow-right.png); } ul.dropdown-vertical-rtl *.dir { padding-right: 15px; background-image: url(nav-arrow-left.png); background-position: 0 50%; } @charset "UTF-8"; /** * Abobe Advanced CSS Drop-Down Menu Theme * * @file default.advanced.css * @name Adobe * @version 0.1 * @type transitional * @browsers Windows: IE5+, Opera7+, Firefox1+ * Mac OS: Safari2+, Firefox2+ * * @link http://www.lwis.net/ * @copyright 2008 Live Web Institute. All Rights Reserved. * */ ul.dropdown li a { /* Moved from 'custom' section */ display: block; padding: 7px 12px; } /* ------------- Override default */ ul.dropdown li { padding: 0; } /* ------------- Reinitiate default: post-override activities */ ul.dropdown li.dir { padding: 7px 20px 7px 12px; } ul.dropdown ul li.dir { padding-right: 15px; } /* ------------- Custom */ ul.dropdown li { } /* Especially for IE6 or lower */ ul.dropdown ul a { padding: 4px 5px 4px 12px; } ul.dropdown ul a:hover { padding: 3px 5px 3px 11px; border: solid 1px #ddd; background-color: #eee; color:#33991C; font-weight:bold; } ul.dropdown ul a.dir { /*width: 129px;*/ }