.div { outline : 1px solid #f00; } body { margin : 0; padding : 0; } .neutral { font-size : 1em; margin : 0; padding : 0; font-weight : normal; } .inline { display : inline; } .iblock { display : inline-block; } .clear { clear : both; } .clear-l { clear : left; } .clear-r { clear : right; } .hidden { display : none; } a img { border : 0px none #000; } * { cursor : default; } a, a * { cursor : pointer; } h1, h2, h3, h4, h5, h6 { margin : 0; padding : 0; } .p5 { padding : 5px; } .p10 { padding : 10px; } .p20 { padding : 20px; } .p30 { padding : 30px; } .p50 { padding : 50px; } .m0 { margin : 0; } .m1 { margin : 1px; } .m2 { margin : 2px; } .m3 { margin : 3px; } .m4 { margin : 4px; } .m5 { margin : 5px; } .m10 { margin : 10px; } .m20 { margin : 20px; } .m30 { margin : 30px; } .m50 { margin : 50px; } .mt0 { margin-top : 0px; } .mtb5, .mbt5 { margin : 5px 0 5px 0; } .mtb10, .mbt10 { margin : 10px 0 10px 0; } .mtb20, .mbt20 { margin : 20px 0 20px 0; } .mtb30, .mbt30 { margin : 30px 0 30px 0; } .mtb50, .mbt50 { margin : 50px 0 50px 0; } .mb5 { margin-bottom : 5px; } .mb10 { margin-bottom : 10px; } .mb20 { margin-bottom : 20px; } .mb30 { margin-bottom : 30px; } .mb50 { margin-bottom : 50px; } .ml5 { margin-left : 5px; } .ml10 { margin-left : 10px; } .ml20 { margin-left : 20px; } .ml30 { margin-left : 30px; } .ml50 { margin-left : 50px; } .mr5 { margin-right : 5px; } .mr10 { margin-right : 10px; } .mr20 { margin-right : 20px; } .mr30 { margin-right : 30px; } .mr50 { margin-right : 50px; } .mr100 { margin-right : 100px; } .mr150 { margin-right : 150px; } .mr200 { margin-right : 200px; } .mlr2 { margin-left : 2px; margin-right : 2px; } .mlr4 { margin-left : 4px; margin-right : 4px; } .mlr5 { margin-left : 5px; margin-right : 5px; } .mlr10 { margin-left : 10px; margin-right : 10px; } .mlr15 { margin-left : 15px; margin-right : 15px; } .mlr20 { margin-left : 20px; margin-right : 20px; } .mlr30 { margin-left : 30px; margin-right : 30px; } .mlr50 { margin-left : 50px; margin-right : 50px; } .plr2 { padding-left : 2px; padding-right : 2px; } .plr4 { padding-left : 4px; padding-right : 4px; } .plr5 { padding-left : 5px; padding-right : 5px; } .plr10 { padding-left : 10px; padding-right : 10px; } .plr15 { padding-left : 15px; padding-right : 15px; } .plr20 { padding-left : 20px; padding-right : 20px; } .plr30 { padding-left : 30px; padding-right : 30px; } .plr50 { padding-left : 50px; padding-right : 50px; } .f10 { font-size : 10px; } .f12 { font-size : 12px; } .f14 { font-size : 14px; } .f16 { font-size : 16px; } .f18 { font-size : 18px; } .f20 { font-size : 20px; } .f22 { font-size : 22px; } .f24 { font-size : 24px; } .bw5 { border : 5px solid #fff; } .bw10 { border : 10px solid #fff; } .bw20 { border : 20px solid #fff; } .bw30 { border : 30px solid #fff; } .bw50 { border : 50px solid #fff; } .fl { float : left; } .fr { float : right; } .w10 { width : 10px; } .w25 { width : 25px; } .w50 { width : 50px; } .w75 { width : 75px; } .w100 { width : 100px; } .w125 { width : 125px; } .w150 { width : 150px; } .w200 { width : 200px; } .w250 { width : 250px; } .w300 { width : 300px; } .w400 { width : 400px; } .w500 { width : 500px; } .w600 { width : 600px; } .w700 { width : 700px; } .w800 { width : 800px; } .w900 { width : 900px; } .w1000 { width : 1000px; } .h10 { height : 10px; } .h25 { height : 25px; } .h50 { height : 50px; } .h75 { height : 75px; } .h100 { height : 100px; } .h125 { height : 125px; } .h150 { height : 150px; } .h200 { height : 200px; } .h250 { height : 250px; } .h300 { height : 300px; } .h400 { height : 400px; } .h500 { height : 500px; } .h600 { height : 600px; } .h700 { height : 700px; } .h800 { height : 800px; } .h900 { height : 900px; } .h1000 { height : 1000px; } .ac { text-align : center; } .al { text-align : left; } .ar { text-align : right; } .aj { text-align : justify; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(/files/images/fancybox/fancybox.png); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(/files/images/fancybox/fancybox.png) -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(/files/images/fancybox/blank.gif); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url(/files/images/fancybox/fancybox.png); background-position: -40px -30px; } #fancybox-right-ico { background-image: url(/files/images/fancybox/fancybox.png); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(/files/images/fancybox/fancybox-x.png); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url(/files/images/fancybox/fancybox.png); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(/files/images/fancybox/fancybox-y.png); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(/files/images/fancybox/fancybox.png); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(/files/images/fancybox/fancybox-x.png); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(/files/images/fancybox/fancybox.png); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(/files/images/fancybox/fancybox-y.png); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url(/files/images/fancybox/fancybox.png); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url(/files/images/fancybox/fancy_title_over.png); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url(/files/images/fancybox/fancybox.png) -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(/files/images/fancybox/fancybox-x.png) 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url(/files/images/fancybox/fancybox.png) -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }.se_container { } .se_toolbar { margin : 4px 0 0 2px; border-radius : 4px; background : #ccc; padding : 2px 0px 2px 4px; } .se_icon { padding : 2px; width : 16px; height : 16px; border : 1px solid #999; border-radius : 4px; display : inline-block; margin : 2px 4px 2px 0; } .se_icon:hover { background : #ddf; border : 1px solid #aaf; } .se_separator { height : 16px; border-left : 1px solid #999; border-right : 1px solid #fff; margin : 0 5px 0 1px; display : inline-block; } .se_prewin { width : 644px; padding : 20px; margin : 20px; position : absolute; display : none; box-shadow : 0 0 20px #333; border : 1px solid #333; background : #fff; } #se_precon { overflow : auto; height : 600px; } #se_preclose { font-size : 16px; font-weight : bold; color : #933; text-align : center; margin : 0 0 10px 0; padding : 5px; background : #ddd; border : 1px solid #ddd; } #se_preclose:hover { border : 1px solid #fff; border-right : 1px solid #ccc; border-bottom : 1px solid #ccc; } .se_kep_choose_list { width : 400px; overflow : hidden; } .se_tooltip { display : none; position : absolute; background : #ffb; padding : 2px 6px; border-radius : 4px; } body { background : #9a1212 url(/files/images/backg-9a1212.png) repeat-x left top; color : #000; } body, select, input, textarea, td { font-family : Tahoma; font-size : 14px; } .admin .idiv { margin: 20px 0; } .inner_form { margin-left: 10px; padding: 10px 0 10px 20px; border-left: 2px solid #9a1212; background-color: rgba(128, 16, 16, 0.2); } tr.selected { background-color: rgba(128, 16, 16, 0.2); } .close_hide { background: rgba(128, 16, 16, 0.7); color: rgba(255, 255, 255, 1); padding: 5px 9px; display: inline-block; float: right; text-align: center; margin-top: -10px; font-weight: bold; cursor: pointer; } .label { width : 160px; float : left; } .inputs { margin-left : 160px; } .half-form .label { width : 80px; } .half-form .inputs { margin-left : 80px; } .input, .button { border : 1px solid #fca; background : #fff; padding : 2px 5px; margin : 2px; font-size : 12px; } .smalltext { font-size : 12px; color : #554; } .button { background : #821; color : #fff; } .btndisabled { background : #999; color : #333; } .fancy-h1 { display : inline-block; font-size : 20px; margin-right : 10px; } .page { width : 1000px; margin : auto; } .headline-table td { font-weight : bold; height : 30px; color : #faebcd; } .headline { width : 714px; float : right; } .icon-phone { background : url(/files/images/icon-phone.png) no-repeat left center; padding : 0 0 0 28px; } .menu-outer { background : url(/files/images/menu-bg-red.png) repeat-x left top; float : right; height : 50px; width : 702px; padding : 0 6px; } .menu-inner { border-left : 1px solid #3b480d; border-right : 1px solid #3b480d; background : url(/files/images/menu-bg-green.png) repeat-x left top; height : 50px; padding : 0 10px; } .menu-point, .menu-separator { padding : 17px 8px 17px 8px; } .menu-point { color : #faebcd; display : inline-block; text-decoration : none; font-weight : bold; } .menu-point:hover { text-decoration : underline; } .menu-separator { color : #f00; font-weight : bold; display : inline-block; padding-left : 4px; padding-right : 4px; } .border-green { border : 2px solid #080; } .border-white { border : 2px solid #fff; } .border-red { border : 2px solid #f00; } .center { background : #faebcd; } .header-controls { background : url(/files/images/header-bg.jpg) no-repeat left top; } .feedback { background : url(/files/images/feedback-bg.png) no-repeat left top; color : #fff; font-weight : bold; text-align : center; width : 193px; padding : 3px 0; float : right; text-decoration : none; } .feedback:hover { text-decoration : underline; } .cart-box { padding : 4px 0 0 0; background : url(/files/images/cart-bg.png) no-repeat left bottom; width : 358px; float : right; margin-top : 151px; } .cart-title { background : #faebcd; font-weight : bold; color : #444; border-bottom : 1px solid #999; } .cart-title-icon { float : right; display : block; padding : 0 6px; } .cart-icon-separator { float : right; width : 1px; height : 16px; background : #aaa; margin : 4px; } .cart-title-text { padding : 4px 8px; } .cart-content { background : url(/files/images/icon-cart.png) no-repeat 6px 8px; padding : 10px 10px 18px 46px; } .header-bottom { background : url(/files/images/header-bottom.png); height : 20px; margin-top : -10px; } .don-giovannis-logo { background : url(/files/images/don-giovannis-logo.png) no-repeat; width : 306px; height : 306px; margin-top : -326px; margin-bottom : 20px; display : block; } .top-box-row { padding : 0 12px; } .top-box { margin : 0px 30px 20px 30px; width : 260px; height : 100px; display : block; float : left; color : #000; text-decoration : none; } .top-box-image { background : #faebcd no-repeat 13px 13px; width : 260px; height : 100px; } .top-box-frame { background : url(/files/images/top-box-frame.png) no-repeat left top; padding : 10px 4px 0 122px; width : 134px; height : 96px; } .top-box:hover .top-box-frame { background : url(/files/images/top-box-frame-hover.png) no-repeat left top; } .top-box-title { color : #faebcd; font-weight : bold; font-style : italic; text-shadow : 2px 2px 3px #666; font-size : 19px; margin : 0 0 5px 0; } .top-box-desc { font-size : 12px; font-weight : bold; } .tb-pizzak { background-image : url(/files/images/tb-image-01.png); } .tb-frissensultek { background-image : url(/files/images/tb-image-02.png); } .tb-desszertek { background-image : url(/files/images/tb-image-03.png); } .tb-salatak { background-image : url(/files/images/tb-image-04.png); } .tb-koretek { background-image : url(/files/images/tb-image-05.png); } .tb-italok { background-image : url(/files/images/tb-image-06.png); } .welcome-text { background : #dbccae; color : #554; line-height : 1.5em; font-weight : bold; padding : 0; border-top : 3px solid #dbccae; border-bottom : 3px solid #dbccae; } .welcome-text h1 { font-size : 24px; font-weight : normal; font-style : italic; } .wt-image { background : url(/files/images/welcome-bg.png) no-repeat left top; width : 216px; height : 162px; float : left; } .wt-text { padding : 20px 20px 0 240px; } .wt-top { background : url(/files/images/welcome-top.png) repeat-x left top; } .wt-bottom { background : url(/files/images/welcome-bottom.png) repeat-x left bottom; } .wt-halfplate { background : url(/files/images/welcome-halfplate.png) no-repeat right bottom; } .spec-box { width : 297px; margin : 20px 16px; float : left; } .sb-title { background : url(/files/images/sb-title.png) no-repeat left top; color : #fff; font-size : 22px; font-weight : bold; text-align : center; font-style : italic; padding : 20px 0; display : block; } .sb-title a { color : #fff; text-decoration : none; } .sb-content { background : url(/files/images/sb-background.png) repeat-y left top; padding : 0 12px; } .sb-footer { background : url(/files/images/sb-footer.png) no-repeat left top; height : 10px; } .sb-image { border : 5px solid #fff; margin : 2px 15px; } .sb-product-list { padding : 5px 10px 5px 7px; } .sb-product-list a { color : #554; } .spec-table td { padding : 3px 0; } .footer { background : url(/files/images/footer.png) no-repeat bottom right; height : 100px; width : 98%; } .categories { width : 284px; } .cat-title { background : url(/files/images/cat-title.png) no-repeat left top; color : #fff; font-size : 22px; font-weight : bold; text-align : center; font-style : italic; padding : 20px 0; display : block; } .cat-content { background : url(/files/images/cat-bg.png) repeat-y left top; padding : 0 12px; } .cat-footer { background : url(/files/images/cat-footer.png) no-repeat left top; height : 10px; } .cat-item { border-bottom : 1px dashed #554; margin : 0 14px 0 10px; font-size : 16px; font-weight : bold; color : #554; padding : 8px 0 8px 20px; display : block; background : url(/files/images/bullet.png) no-repeat 2px center; text-decoration : none; } .cat-item:hover { color : #821; background : url(/files/images/bullet.png) no-repeat 8px center; } .category-list { width : 300px; float : left; padding : 0 2px; } .content-inner { margin-left : 304px; margin-right : 10px; } .no-right .category-list { display : none; } .no-right .content-inner { margin-left : 0px; margin-right : 0px; } .cat-content-title, .default-h1 { font-size : 23px; margin-bottom : 20px; } .default-h2 { font-size : 18px; margin-bottom : 16px; } .product-box { border-bottom : 1px solid #aa9; margin-right : 20px; padding : 10px 0 0 0; } .product-image { width : 84px; height : 56px; float : left; margin-right : 10px; } .product-image img { border : 2px solid #fca; } .product-info { margin-left : 100px; } .product-title { margin : 0 0 4px 0; font-size : 16px; color : #500; } .product-description { font-size : 12px; color : #554; min-height : 1em; line-height : 1.4em; } .product-price { font-size : 16px; font-weight : bold; color : #821; display : inline-block; width : 100px; } .product-to-cart { display : inline-block; } .cart-table { border-collapse : collapse; border : 1px solid #821; width : 100%; } .cart-table thead th { background : #821; color : #fff; padding : 3px 5px; border : 1px solid #821; } .cart-table td { padding : 2px 3px; border-bottom : 1px solid #821; } .cart-image { margin-right : 4px; } .cart-image img { border : 1px solid #821; } .cart-summary td { background : #e8d7b4; font-weight : bold; font-size : 1.2em; } .login-half, .registration-half { margin-top : 20px; float : left; width : 330px; } .info-table { border-collapse : collapse; border : 1px solid #821; margin : 0 0 10px 0; width : 100%; } .info-table td { border : 1px solid #821; padding : 2px; } .info-table .it-label { background : #e8d7b4; } .button-to-cart { background : url(/files/images/button-cart.png) no-repeat left top; display : inline-block; font-size : 12px; font-weight : bold; padding : 4px 14px 4px 32px; color : #fff; text-decoration : none; } .order-button { background : url(/files/images/button-login.png) no-repeat left top; display : inline-block; font-size : 12px; font-weight : bold; padding : 7px 14px; color : #fff; text-decoration : none; } .page-para { line-height : 1.6em; } .error, .info, .warning { border-radius : 5px; padding : 20px; margin : 0 0 10px 0; font-weight : bold; } .error { border : 1px solid #800; background : #f22; color : #fff; } .error a { color : #fcc; } .info { border : 1px solid #008; background : #99f; color : #008; } .warning { border : 1px solid #880; background : #fa5; color : #800; } .tip { color : #554; padding : 10px; }