/*
$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2003 osCommerce
Released under the GNU General Public License
*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }/* Texto de los modulos / boxes - Tipo de letra y tamaño */
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #ff9900; text-decoration: none; }
BODY {
background: #dcdcdc;/* Color de fondo de la pagina del catalogo, lo q se pasa del ancho */
color: #000000;/* Color del texto */
margin: 0px;/* Distancia en pixels del catalogo a los margenes de la ventana del navegador */
/* para modificar los colores de las barras de desplazamiento del navegador lo puede hacer del siguiente modo (solo se ve el efecto en ie):
scrollbar-3dlight-color: #XXXXXX;
scrollbar-arrow-color: #XXXXXX;
scrollbar-base-color: #XXXXXX;
scrollbar-darkshadow-color: #XXXXXX;
scrollbar-face-color: #XXXXXX;
scrollbar-highlight-color: #XXXXXX;
scrollbar-shadow-color: #XXXXXX;
padding : 0;
donde #XXXXXX sera el codigo de color
*/
}
/* A y A:hover corresponden a los enlaces del catalogo, A: enlaces ( color y text-decoration: none: a enlace sin subrayado) A.hover: corresponde a como cambiara el enlace al colocar el puntero del raton encima (color y text-decoration: underline: pasara a estar subrayado) */
A {
color: #585858;
text-decoration: none;
font-weight: none;
}
A:hover {
color: #ff9900;
text-decoration: underline;
}
FORM {
display: inline;
}
/* CABECERA - HEADER : esta seccion corresponde a la cabecera
La cabecera esta formada por una tabla, el formato de una tabla es el siguiente:
TD: | corresponde a una casilla o celda de una tabla
TR: |
corresponde a una fila de una tabla, abarca todas las casillas en horizontal de una tabla
*/
TR.header {/* Corresponde a como deben ser las filas en la cabecera, Lo siguiente indica que el color de fondo sea blanco */
background: #ffffff;
}
TR.headerNavigation {
background: #C0C0C0;
}
TD.headerNavigation {/* Barra de navegacion de la cabecera. Tipo de letra y tamaño de los enlaces ( Inicio >> Catalogo >>... y Mi Cuenta | ...); background: color de fondo de esa barra, por defecto es gris; color: color de los >>, por defecto es blanco; font-weight: bold = texto en negrita*/
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #C0C0C0;
color: #646464;
font-weight : bold;
}
/* Color enlaces cabecera, normal y al poner el puntero del raton encima (A.headerNavigation:hover) - blancos por defecto */
A.headerNavigation {
color: #646464;
}
A.headerNavigation:hover {
color: #f89829;
}
A.productTitle {
color: #000000;
font-weight: bold;
font-size: 12px;
}
A.productTitle:hover {
color: #f89829;
font-size: 12px;
}
TR.headerError {
background: #666666;
}
TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}
TR.headerInfo {
background: #00ff00;
}
TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #FFffff;
color: #ffffff;
font-weight: bold;
text-align: center;
}
TR.footer {
background: #ffffff;
}
/* Barra del pie de pagina, footer, de color gris por defecto, Con fecha y numero de peticiones desde ... en la pagina
tipo de fuente, tamaño, color de fondo: gris por defecto, color del texto que aparece en la barra, blanco por defecto, y tipo de letra, en negrita por defecto */
TD.footer {
font-size: 10px;
background: #C0C0C0;
color: #646464;
font-weight : bold;
}
/* MODULOS - boxes:
color de los BORDES de los MODULOS, tanto de los modulos de las columnas como de los centrales */
.infoBox {
background: #A4A4A4;
}
/* Contenido de los modulos o boxes,
COLOR de FONDO de MODULOS / boxes.
tamaño de letra de texto: afecta solo al texto de algunos modulos: Modulo comentarios, Modulo notificaciones, Modulo fabricante al ver el producto */
.infoBoxContents {
background: #ffffff;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
.infoBoxContents2 {
background: #FFffff;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
.infoBoxNotice {
background: #FFffff;
}
.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/* CABECERAS MODULOS / boxes
tipo de fuente
tamaño de la fuente
tipo de letra, en negrita por defecto
color de fondo de la cabecera de los modulos: gris por defecto, (si la cambia tenga en cuenta que las esquinas de la cabecera, redondeadas o cuadradas son imagenes GIF de color gris que no cambian con este archivo, se deben editar con un programa de dibujo y cambiarles el color para que sea igual al de fondo de la cabecera del modulo, los archivos son estos:
ESQUINA CUADRADA: catalog/images/infobox/corner_right_left.gif
ESQUINA REDONDEADA: catalog/images/infobox/corner_right.gif
Nota: tener en cuenta que si se modifica el tamaño de letra a un tamaño muy grande hara mas alta la cabecera y los gif de las esquinas deberan estar adaptados a esa altura para que concuerden y no se vea mal el diseño.
*/
TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
background: #f89829;
color: #000000;
line-height: 2;/* Espacio de la altura de linea entre una y otra del texto */
}
TD.infoBoxHeading2 {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
background: #000000;
color: #f89829;
}
TD.infoBoxHeading3 {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
background: #f89829;
color: #000000;
}
TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/* COLOR DE FONDO ALTERNO en listas de productos de una categoria o subcategoria, en listas de productos de cada fabricante, en lista de productos al realizar una busqueda,..
*/
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #f8f8f9;
}
TR.productListing-odd {
background: none;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background: #f8f8f9;
}
TR.productListing-even {
background: none;
}
/* Borde de modulos centrales que muestran la lista de productos
de una categoria o subcategoria
de los productos que hay de un fabricante en el catalogo
de los productos al realizar una busqueda
Tamaño del borde */
TABLE.productListing {
border: 1px;
border-style: solid;/* solid: solido; dashed: con lineas del tipo ----; groove: el borde izquierdo y superior en negro, y el derecho e inferior del color que se indiquen; hidden: oculto; none: ninguno */
border-color: #A4A4A4;/* COLOR BORDE de los MODULOS CENTRALES de LISTAS de productos de CATEGORIAS y SUBCATEGORIAS, productos de un fabricante y resultados de busqueda */
border-spacing: 1px;
}
/* CABECERAS de los MODULOS CENTRALES que muestran una LISTA productos de
una CATEGORIA o SUBCATEGORIA (los originales sin graphical borders
todos los productos de un fabricantes
o resultados de una busqueda
tipo de fuente
tamaño de letra
color de fondo de la cabecera, gris por defecto
color del texto de la cabecera, blanco por defecto
tipo de letra, negrita por defecto */
.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #f89829;
color: #FFFFFF;
font-weight: bold;
}
/* Texto interno del modulo central que muestra listado de productos
Nombre de producto, precio,...
tipo de letra y tamaño
*/
TD.productListing-data {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TD.productListing-data p {
margin:2px;
padding:0;
text-align:center;
}
/* Color de: 2,3,4 [Siguiente >>]
enlace para ver siguiente pagina de resultados de productos en listas de productos */
A.pageResults {
color: #646464;
}
/* el anterior pero con el efecto al posicionar el puntero del raton encima,
cambia color del enlace
y cambia el color de fordo de: [Siguiente >>] */
A.pageResults:hover {
color: #f89829;
background: #FFFFff;
}
/* A VER QUE TENEMOS AQUI
tipo de letra, tamaño de letra, en negrita por defecto, y color del texto
tambien de las demas cabeceras de pagina
CATEGORIA
- NOMBRE DE PRODUCTO -
- PAGINAS DE INFORMACION: ENVIOS / devoluciones,...
etc...
*/
TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #f89829;
}
TR.subBar {
background: #f4f7fd;
}
TD.subBar {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}
/* TEXTO DESCRIPCION DE PRODUCTO
Y
TEXTO DEL CATALOGO
Bienvenido Invitado! ¿Le gustaria entrar en su cuenta o preferiria crear una cuenta nueva?
texto de informacion
Tipo de fuente, tamaño de letra */
TD.main, P.main {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
line-height: 1.5;/* Espacio de la altura de linea entre una y otra del texto */
}
TD.style2, P.style2 {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
line-height: 1.5;/* Espacio de la altura de linea entre una y otra del texto */
}
/* letra pequeña usada en el catalogo
por ejemplo para:
Haga Click para agrandar - enlace para ampliar la foto en la pagina de producto
Este producto esta en nuestro catálogo desde ...
ENLACES - NOMBRES DE PRODUCTOS en MODULOS CENTRALES
texto copyright del footer
nombres de categorias
Viendo del 1 al 3 (de 3 productos) Páginas de Resultados: 1 - En listados de productos
*/
TD.smallText, SPAN.smallText, P.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TD.accountCategory {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #aabbdd;
}
TD.fieldKey {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
TD.fieldValue {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
TD.tableHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
SPAN.newItemInCart {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ff0000;
}
/* CAJAS DE BUSQUEDA - SEARCH - Y CAJAS de DESPLEGABLES - casillas de cantidad de productos en carrito
tipo de letra
tamaño de la letra, mas grande = mas grande la caja de busqueda */
CHECKBOX, INPUT, RADIO, SELECT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
TEXTAREA {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
/* Bienvenido INVITADO! o usuario, texto del nombre de usuario o la palabra: invitado! de la portada */
SPAN.greetUser {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #f0a480;
font-weight: bold;
}
TABLE.formArea {
background: #f1f9fe;
border-color: #7b9ebd;
border-style: solid;
border-width: 1px;
}
TD.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
SPAN.markProductOutOfStock {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}
/* Precio de ofertas*/
SPAN.productSpecialPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}
/* Precio lsitado productos*/
.listadoprecio {
font-family: Verdana, Arial, sans-serif;
color: #f89829;
font-weight: bold;
font-size: 14px;
}
SPAN.errorText {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}
.moduleRow { }
.moduleRowOver { background-color: #F5D0A9; cursor: pointer; }
.moduleRowSelected { background-color: #F6E3CE; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
/* ERROR CABECERAS - WARNINGS - Puedo escribir en el fichero de ... Y de otras advertencias en el catalogo
Tipo de fuente, tamaño de letra y color de fondo: */
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
/* input requirement */
/* Texto de campos requeridos en formularios: * Dato Obligatorio, * (p.ej. 21/05/1970) y asteriscos */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
TD.noborderbox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/* Graphical Borders - boxes column_left_right - Star borders laterales cabecera?*/
.mws_boxTop { background: url('images/infobox/top.gif');
font-family: Tahoma;
font-size: 11px;
text-align : left;
font-weight: bold;
background-repeat:repeat-x;
vertical-align: middle;
color: #A4A4A4;}
white-space: nowrap; }
.mws_boxLeft { background: url('images/infobox/left.gif'); }
.mws_boxRight { background: url('images/infobox/right.gif'); }
.mws_boxBottom { background: url('images/infobox/bot.gif');
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
text-align : center;
vertical-align: middle;
white-space: nowrap; }
.mws_boxCenter { background: #ffffFF; }
/* Graphical Borders - boxes column_left_right - Star */
/* Individual Boxes - Graphical Borders for modules - Star modulos individuales */
.mws_boxTop_module { background: url('images/infobox_module/top.gif');
font-family: Tahoma;
font-size: 11px;
text-align : left;
font-weight: bold;
background-repeat:repeat-x;
vertical-align: middle;
white-space: nowrap; }
.mws_boxTop_module2 { );
font-family: Tahoma;
font-size: 12px;
color: #f89829;
text-align : right;
font-weight: bold;
background-repeat:repeat-x;
vertical-align: middle;
}
/* Individual Boxes - Titulo de producto */
.mws_boxTop_module2left {
font-family: Tahoma;
font-size: 14px;
text-align : left;
font-weight: bold;
background-repeat:repeat-x;
vertical-align: middle;
white-space: nowrap;
}
.mws_boxLeft_module { background: url('images/infobox_module/left.gif'); }
.mws_boxRight_module { background: url('images/infobox_module/right.gif'); }
.mws_boxBottom_module { background: url('images/infobox_module/bot.gif');
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
text-align : center;
vertical-align: middle;
white-space: nowrap; }
.mws_boxCenter_module { background: #ffffff;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;}
.mws_boxCenter_module2 { background: #ffffff;
font-family: Verdana, Arial, sans-serif;
font-size: 10px; }
.mws_boxBottom_module3 {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
text-align : center;
vertical-align: bottom;
white-space: nowrap; }
/* Individual Boxes - Graphical Borders for modules - Star */
/* Graphical Borders - boxes main modules and file-pages - Star modulo principal modulos centrales grandes */
.mws_boxTop_main { background: url('images/infobox_main/top.gif');
font-family: Tahoma;
font-size: 16px;
text-align : left;
font-weight: bold;
color:#f89829;
background-repeat:repeat-x;
vertical-align: middle;
white-space: nowrap; }
.mws_boxLeft_main { background: url('images/infobox_main/left.gif'); }
.mws_boxRight_main { background: url('images/infobox_main/right.gif'); }
.mws_boxBottom_main { background: url('images/infobox_main/bot.gif');
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
text-align : center;
vertical-align: middle;
white-space: nowrap; }
.mws_boxCenter_main { background: #ffffFF; }/*color de fondo modulo principal central*/
/* Graphical Borders - boxes main modules and file-pages - End */
TD.noborderbox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/* menu Image -noborderBox2 - Show Sub-categories Star */
a.menucateg:link, a.menucateg:visited, a.menucateg:active {
display: block;
vertical-align: middle;
color:#646464;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
height: 19px;
padding-top:2px;
text-decoration: none;
background-color: #EDEDEF;
border: solid 1px #FFFFFF;
}
a.menucateg:hover {
border: solid 1px #CCCCCC;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
font-weight: normal;
color: #000000;
}
a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active {
display: block;
vertical-align: middle;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
height: 19px;
text-decoration: none;
font-weight: normal;
padding-top:2px;
border-bottom: 1px solid #7b9ebd;
border: solid 1px #FFFFFF;
}
a.menusubcateg:hover {
border-bottom: 1px solid #666666;
border-top: 1px solid #666666;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
color: #000000;
}
/* menu Image -noborderBox2 - Show Sub-categories End */
/* añadido del headertags */
h1 {
font-family: Verdana, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
color: #f89829;
}
h2 {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
margin-bottom: 0;
padding-bottom: 0;
}
.rojo {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
color: red;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}
ul.sitemap {
color: #ff0000;
}
/* aqui voy a añadir lo necesario para la validacion de la web*/
.backgroundnewleft {
background: url('images/infobox_module/left.gif');
}
TD.backgroundnewright {
background: url('images/infobox_module/right.gif');
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TD.backgroundnewbot {
background: url('images/infobox_module/bot.gif');
}
TD.bordercolorcero {
border-color: #000000
}
TD.smallText2 {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
border-collapse: collapse;
border: none;
}
bodyclass {
margin: 0;
padding: 0;
background: #000;
}
bodyclass2 {
margin: 0;
padding: 0;
background: #ffffff;
border-color: #000000
}
bodyclassinfo {
margin: 0;
padding: 0;
background: #000;
}
bodyclassalert {
margin: 0;
padding: 0;
background: #ffffff;
}
/*--changes the table of gift margin is that if there is more than one gift that they dont stick together-> */
table.gifts
{
margin: 1px;
}
/* --changes the table of gift - */
td.gift {
margin: 6px;
padding: 4px;
font-family: Verdana, Arial, sans-serif;
text-align: center;
font-size: 10px;
font-style:italic;
font-weight: bold;
text-decoration:none;
background: #FFFFFF;
border-style: ridge;
}
/* -changes "Please remove other gifts..." -- */
span.gift1
{
margin-top: 2px;
padding: 1px;
font-family: Verdana, Arial, sans-serif;
text-align: center;
font-size: 10px;
font-style:oblique ;
font-weight: 500;
text-decoration:none;
color: #FF0202;
background: #FFFFFF;
border-style: none;
}
/* --changes "(Maximum 1 gift per order)" - */
span.gift2
{
font-family: Verdana, Arial, sans-serif;
text-align: center;
font-size: 10px;
font-style:normal;
font-weight: 500;
text-decoration:none;
color: #000000;
background: #FFFFFF;
}
/* !--changes "By spending over %s you have qualified..." -- */
span.gift3
{
font-family: Verdana, Arial, sans-serif;
text-align: center;
font-size: 10px;
font-style:normal;
font-weight: 500;
text-decoration:none;
color: #000000;
background: #FFFFFF;
}
/* --changes "Spend just %s more to get ..." --> */
span.gift4
{
font-family: Verdana, Arial, sans-serif;
text-align: center;
font-size: 10px;
font-style:italic;
font-weight: 500;
text-decoration:none;
color: #000000;
background: #FFFFFF;
}
/* --changes the Name of gift --> */
span.gift5
{
font-family: Verdana, Arial, sans-serif;
text-align: center;
font-size: 16px;
font-style:italic;
font-weight: bold;
text-decoration:none;
color: #000000;
background: #FFFFFF;
}
/* Ingredient Facts Template0 - Default */
.if0 { width:100%; font-size:11px !important; }
.if0 .ifChrt { padding:4px 8px 6px 8px; border:solid 1px #000000; }
.if0 .ifChrtInr { width:100%; }
.if0 .ifDcrn { font-size:13px; padding:5px 0 6px 0; text-align:left; font-weight:bold; }
.if0 .ifDcrn span { font-weight:normal; }
.if0 .ifTtl { font-weight:bold; font-size:18px; }
.if0 .ifSngSz,
.if0 .ifSngPC { font-size:13px; }
.if0 .ifHdrSep { padding-top:3px; margin:4px 0 0 0; background-color:#000000; }
.if0 .ifITbl { width:100%; font-size:11px; }
.if0 .ifAPShdr,
.if0 .ifDVhdr { font-weight:bold; padding:3px 0 4px 0; }
.if0 .ifColHdrSep { background-color:#000000; height:2px; margin-bottom:4px; }
.if0 .ifNcol { width:60%; vertical-align:top; }
.if0 .ifAcol { width:25%; padding-left:7px; vertical-align:top; text-align:right; }
.if0 .ifDVcol { width:15%; padding-left:7px; vertical-align:top; text-align:right; }
.if0 .ifBl { background-color:#000000; margin:5px 0 4px 0; }
.if0 .ifFn { }
.if0 .ifOi { font-style:italic; width:99%; }
.if0 .ifOi div { padding:5px 10px 0 10px; }
.if0 .ifLgs { margin:10px 0 0 0; }
.if0 .ifLgImg { width:110px; text-align:center; vertical-align:middle; }
.if0 .ifLgTx { vertical-align:middle; font-size:10px; }
.if0 .sepH { margin:5px 0 5px 0; }
/**************************
* Label Preview
**************************/
/*
div.hd {
width : 614px;
}
*/
div.bd {
background-color: #999999;
width : 596px;
}
div.label_frame {
/* background-color: #999; */
background-color: #000000;
padding : 4px;
margin-left : 5px;
width : 596px;
/*overflow: auto;*/
}
.label_cell {
vertical-align : top;
background-color: #000000;
padding-top : 4px;
width : 612px;
}
table.outer_label {
/* white-space : nowrap; */
padding : 3px;
margin : 0px;
width : 100%;
border : 1px solid #000000;
/* width : 614px; */
background-color:#FFFFFF;
color : #000000;
}
tr.outer_label {
/* white-space : nowrap; */
}
#facts_outer_cell {
padding : 4px;
margin : 0px;
border : 1px solid #000000;
/* white-space : nowrap; */
}
div.facts_enclosure {
padding : 4px;
border : 1px solid #000000;
/* border-spacing : 0px; */
margin : 0px;
}
table.facts_label {
padding : 4px;
margin : 0px;
border-collapse : collapse;
width : 100%;
/* white-space : nowrap; */
color : #000000;
}
tr.facts_label {
padding : 1px 5px 1px 5px;
/* white-space : nowrap; */
}
td.facts_label {
padding : 10px;
/* white-space : nowrap; */
}
.facts_label td {
vertical-align : top;
}
span.facts_label {
padding-left : 5px;
}
table.other_label {
/* padding : 1px; */
margin : 1px;
width : 100%;
/* max-width : 580px;
white-space : normal; */
color : #000000;
}
tr.other_label {
}
td.other_label {
}
span.other_label {
/* padding : 1px; */
}
.seq_span {
padding : 0px;
/* padding-left : 1px;
padding-right : 1px; */
}
.seq_span_non_first {
padding-left : 3px;
/* padding-left : 1px;
padding-right : 1px; */
}
td.line_above {
border-top : 1px solid #000000;
}
span.line_indent {
padding-left : 10px;
}
/*
td.seq_span {
padding : 0px;
}
*/
/* For Specific Line Types */
.label_size {
font : 700 16px Arial, Helvetica, sans-serif;
text-align : left;
}
.label_flavor {
font : 700 16px Arial, Helvetica, sans-serif;
text-align : right;
}
.label_title {
font : 900 24px Arial, Helvetica, sans-serif;
text-align : center;
white-space : nowrap;
/* PRODUCTION */
display : none;
/* INTERNAL */
/* color : #CCCCCC; */
}
.label_title_2 {
font : 700 16px Arial, Helvetica, sans-serif;
text-align : left;
white-space : nowrap;
}
.label_serving {
font : 10px Arial, Helvetica, sans-serif;
text-align : left;
}
.label_serving_alt {
font : 10px Arial, Helvetica, sans-serif;
text-align : left;
}
.label_divider {
border : 0px solid #000000;
color : #000000;
background-color : #000000;
padding : 0px;
}
.hairline {
height : 1px;
}
.narrow {
height : 3px;
}
.medium {
height : 5px;
}
.wide {
height : 7px;
}
.label_heading_l {
font : 700 12px Arial, Helvetica, sans-serif;
text-align : left;
/* white-space : nowrap; */
}
.label_heading_r {
font : 700 12px Arial, Helvetica, sans-serif;
text-align : right;
white-space : nowrap;
}
.label_ing {
font : 400 12px Arial, Helvetica, sans-serif;
text-align : left;
/* white-space : normal; */
}
.label_ing_2 {
font : 400 12px Arial, Helvetica, sans-serif;
text-align : left;
}
.label_qty {
font : 400 12px Arial, Helvetica, sans-serif;
text-align : right;
/* white-space : nowrap; */
}
.label_dv {
font : 400 12px Arial, Helvetica, sans-serif;
text-align : right;
/* white-space : nowrap; */
}
.label_notes_sm {
font : 200 10px Arial, Helvetica, sans-serif;
text-align : left;
}
td.label_qty {
padding-left : 3px;
white-space : nowrap;
}
td.label_dv {
padding-left : 3px;
white-space : nowrap;
}
/*- Menu Tabs --------------------------- */
#tabsJ {
float:left;
width:100%;
background:#ffffff;
font-family: Trebuchet MS;
font-size:75%;
font-weight: bold;
line-height:normal;
border-bottom:5px solid #000000;
}
#tabsJ ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsJ li {
display:inline;
margin:0;
padding:0;
}
#tabsJ a {
float:right;
background:url("images/menuhorizontal.png") no-repeat left top;
margin:1;
padding:0 0 0 11px;
text-decoration:none;
}
#tabsJ a span {
float:right;
display:block;
background:url("images/menuhorizontal.png") no-repeat right top;
padding:5px 15px 4px 6px;
color:#000000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover {
background:url("images/menuhorhover.png") no-repeat left top;
margin:1;
padding:0 0 0 11px;
text-decoration:none;
}
#tabsJ a:hover span {
display:block;
background:url("images/menuhorhover.png") no-repeat right top;
padding:5px 15px 4px 6px;
color:#f89829;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid navy;
border-bottom-width: 0px;
width: 600px; /*width of featured content slider*/
height: 250px;
z-index:1
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
padding: 0px;
background: white;
width: 590px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination{
width: 600px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height: 21px;
text-align: right;
background-image: url("images/bknavbanner.gif");}*/
background-color: #FEE496;
padding: 10px 5px;
}
.pagination a{
padding: 0 0px;
text-decoration: none;
}
.pagination a:hover, .pagination a.selected, .toc:hover img{
color: #f89829;
background-color: none;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
/*---------------------------------*/
/* Vertical Fly-Out Menu Style */
/*---------------------------------*/
.verbar { /* Color of main vertical menubar and border */
color: black;
background-color: #ffffff;
border: 0px outset #fdfefd;
}
.vertitem { /* Behaviour of main vertical menu items, leave as is for proper operation */
text-align: left;
white-space: nowrap;
width: 163px;
}
.vertitem a { /* Font style, size of main menu items */
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
vertical-align: middle;
font-size: 10px;
text-align: left;
height: 19px;
padding-top:2px;
background-color: #EDEDEF;
border: solid 1px #FFFFFF;
}
.vertitem a:link, .vertitem a:visited { /* Default font style & color of main menu items */
color: #646464;
text-decoration: none;
}
.vertitem a:hover { /* Font style & color, background menu color of main menu item when hovered over */
border-bottom: 1px solid #666666;
border-top: 1px solid #666666;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
color: #000000;
}
.vertitem a:active { /* Font style & color, background menu color of main menu item when clicked */
color: #f89829;
background-color: #ffffff;
text-decoration: none;
}
.vertsubmenu { /* Behaviour of sub-menu - leave as is for proper operation of submenus */
position: absolute;
left: 0;
top: 0;
visibility: hidden;
z-index:2
}
.vertsubframe { /* Color of submenu item and border */
background-color: #ffffff;
border: 2px outset #fdfefd;
position: relative;
display: block;
}
.vertsubitem { /* Behaviour of sub-menu - leave as is for proper operation of submenus */
text-align: left;
white-space: nowrap;
background-color: #EDEDEF;
border: solid 1px #FFFFFF;
}
.vertsubitem a { /* Font style, size of submenu items */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
position: relative;
display: block;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}
.vertsubitem a:link, .vertsubitem a:visited { /* Default font style & color of submenu items */
color: #646464;
text-decoration: none;
}
.vertsubitem a:hover { /* Font style & color, background submenu color of submenu item when hovered over */
border: solid 0px #CCCCCC;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
border-bottom: 1px solid #666666;
border-top: 1px solid #666666;
color: #000000;
}
.vertsubitem a:active { /* Font style & color, background submenu color of submenu item when clicked */
color: #f89829;
background-color: #ffffff;
text-decoration: none;
}
.vertsubitem .vertfwdarr, .vertitem .vertfwdarr { /* Positioning of right arrow for submenus */
position: absolute;
top: 5px;
right: 8px;
}
.dmselected { /* Style override for selected category tree */
background-color: #ffffff;
font-weight: bold;
}
.verbar .dmselected { /* Style override for selected root category */
background-color: #ffffff;
}