/* Website stylesheet */ html, body, form { margin: 0; height: 100%; } body, select, textarea, input, td { font-size: 1em; font-family: 'Signika', sans-serif; color: #666; } body{ background: url(/web/images/Boxed-Bg.jpg) no-repeat top center;} a { color: #000; } a:hover { color: #aaa; text-decoration: none; } div.wrapper { height: 100%; position: relative; background: url(/web/images/Ribbon.png) no-repeat center top; } div.innerWrapper { background: url(/web/images/Bottom-Shadow.png) no-repeat bottom center; position: relative; overflow: hidden; min-height: 100%; } /* basic structure */ div.header > div.column, div.content, div.footer > div.column { width: 960px; margin: 0 auto; position: relative; } /* status */ p.status, p.error { position: absolute; top: 0; left: 0; margin: 0; padding: 10px 0; text-align: center; width: 100%; z-index: 9999; background: #000 url(/web/images/status-close.png) no-repeat right center; } p.status, p.error, p.status a, p.error a { color: #fff; } /* error */ div.error-data { margin: 1em 0; border: solid 1px #ccc; padding: 10px; overflow: auto; } /* browser not supported */ div.ie6-warning { position: absolute; top: 0; left: 0; background: black; color: #fff; padding: 10px 0; text-align: center; width: 100%; font-size: .8em; background: #000 url(/web/images/status-close.png) no-repeat right center; } div.ie6-warning a, div.ie6-warning a:hover { color: #fff; text-decoration: underline; } /* forms */ input[type=submit] { -webkit-appearance: none; } .form { border: solid 3px #eee; border-width: 3px 0; border-radius: 5px; padding: 1em 0 30px; overflow: hidden; } .form .row { margin: 1em 0; position: relative; } .form label { float: left; border: 0; padding: 5px 10px; margin: 0; width: 210px; /*250*/ height: 23px; /*35*/ line-height: 23px; text-align: right; } .form input, .form textarea, input.input, div.input-select { box-shadow: inset 0 0 8px rgba(0,0,0, 0.25); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede)); background: -moz-linear-gradient(top, #fff, #dedede); border-radius: 3px; border: 0; padding: 5px 10px; margin: 0; width: 230px; /*250*/ height: 23px; /*35*/ line-height: 23px; border: solid 1px #cacaca; } .form textarea { min-width: 230px; max-width: 230px; height: 100px; } div.input-select { float: left; } div.input-select > div { background: url(/web/images/dropdown-arrow.png) no-repeat right center; cursor: pointer; } ul.select-list { position: absolute; margin: 0; padding: 5px; list-style-type: none; background: #eee; border-radius: 5px; font-size: .8em; } ul.select-list li { padding: 5px; border-radius: 3px; cursor: pointer; } ul.select-list li:hover { background-color: #ddd; } ul.select-list li.selected { background-color: #ccc; } .button input, input.button, a.button { background: #ff7902; box-shadow: 1px 1px 1px rgba(0,0,0,.25); background: -webkit-gradient(linear, left top, left bottom, from(#ffc897), to(#ff7902)); background: -moz-linear-gradient(top, #ffc897, #ff7902); border-radius: 3px; text-shadow: -1px -1px 0 rgba(0,0,0,.25); border: 0; padding: 5px 10px; margin: 0; height: 35px; /*35*/ border: solid 1px #f77909; cursor: pointer; color: #fff; } .button input:hover, input.button:hover, a.button:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ffe2ae), to(#ffb83c)); background: -moz-linear-gradient(top, #ffe2ae, #ffb83c); border-color: #ffb83c; } .button input:active, input.button:active, a.button:active { box-shadow: none; } p.button { padding-left: 230px; } .form .row span { position: absolute; top: 8px; left: 490px; background: red; color: White !important; font-size: .8em; text-transform: uppercase; border-radius: 3px; padding: 0 5px; } /* HIGHLIGHT COLOUR: #ff7902 */ a { color: #000; } a:hover { color: #ff7902; } /* header */ div.header { position: relative; height: 112px; z-index: 99; } div.header > div.column { height: 112px; } div.header a { text-decoration: none; } div.header div.logo { position: absolute; bottom: 0; left: 0; } div.header div.logo a { display: block; width: 333px; height: 0; overflow: hidden; padding-top: 50px; background: url(/web/images/logo.png) no-repeat left center; } div.header div.nav { position: absolute; top: 65px; right:0; } /* menu */ div.header ul.navigation { margin: 0; padding: 0; list-style-type: none; float: left; } div.header ul.navigation > li { float: left; position: relative; background: url(/web/images/Menu-Devidor.png) no-repeat left center; } div.header ul.navigation > li:first-child { background: none; } div.header ul.navigation > li > a { display: block; height: 10px; line-height: 10px; font-size: .8em; padding: 20px; text-transform: uppercase; color: #a2a2a2; } div.header ul.navigation > li.menu1 a { background: url(/web/images/Home-Menu.png) no-repeat center 15px; padding: 50px 0 0; height: 0; width: 60px; overflow: hidden; } div.header ul.navigation > li > a.selected, div.header ul.navigation > li > a:hover, div.header ul.navigation > li > a.highlighted { color: #2e3192; background: url(/web/images/Selected-Menu.png) no-repeat center bottom; } div.header ul.navigation > li.menu1 > a.selected, div.header ul.navigation > li.menu1 > a:hover { background: url(/web/images/Home-Menu.png) no-repeat center -51px; } /* submenu */ div.header ul.navigation ul { position: absolute; margin: 0; padding: 0; list-style-type: none; background: #2e3192; box-shadow: 1px 1px 1px rgba(0,0,0,.25); padding: 5px 5px 10px 5px; display: none; top: 43px; } div.header ul.navigation ul > li { width: 150px; } div.header ul.navigation ul > li > a { display: block; padding: 5px 10px; font-size: .8em; color: #9899C2; } div.header ul.navigation ul > li > a:hover { color: #fff; } div.header ul ul ul { display: none !important; } /* search */ div.header div.search { margin-left: 10px; float: left; } div.header div.search .input { width: 167px; /*187*/ } /* cart */ div.header div.cart-preview { margin-left: 10px; float: left; width: 50px; height: 35px; } div.header div.cart-preview > a { position: relative; display: block; width: 50px; height: 0; padding-top: 35px; background: url(/web/images/cart-icon.png) no-repeat top left; } div.header div.cart-preview > a:hover { background-position: bottom left; } div.header div.cart-preview > a > strong { display: none; } div.header div.cart-preview > a > span { position: absolute; top: -5px; right: 0px; font-size: 10px; color: #fff; padding: 1px; text-align: center; min-width: 15px; background: #ba0017; background: -webkit-gradient(linear, left top, left bottom, from(#da031e), to(#a41022)); background: -moz-linear-gradient(top, #da031e, #a41022); box-shadow: 1px 1px 1px rgba(0,0,0,.25); border-radius: 15px; text-shadow: 1px 1px 0 rgba(0,0,0,.35); } div.header div.cart-preview > div, div.header div.cart-preview > table, div.header div.cart-preview > a.checkout { display: none; } /* content */ div.content { overflow: hidden; padding-bottom: 280px; } /* footer */ /* footer */ div.footer { margin-top: 2em; background: #2e3192 url(/web/images/Footer-Top-Shadow.png) no-repeat top center; position: absolute; bottom: 0; left: 0; width: 100%; height: 225px; color: #ebebeb; font-size: .8em; } div.footer a { color: #ebebeb; text-decoration: none; } div.footer a:hover { color: #000; text-decoration: underline; } /* copyright */ div.footer > div { display: flex; align-items: flex-end; } div.footer p { color: #ebebeb; margin: 35px 0; font-weight: 300; line-height: 2em; } div.footer p.copyright { flex: 1; } div.footer p.copyright big a { color: #ebebeb; } /* c2 media */ div.footer p.builders { float: right; color: #9899c2; } div.footer p.builders a { text-align: right; color: #ebebeb; color: #9899c2; } body.standard-wide div.left { width: 100% !important; } body.standard-wide div.right { display: none !important; } /* blogs */ #articles > div { width: 100%; overflow: hidden; margin: 1em 0 2em 0; } #articles h3 { margin: 0; } #articles strong { font-size: .8em; padding-right: 10px; border-right: solid 1px #eee; margin-right: 10px; text-transform: uppercase; } #articles > div > a { float: left; margin: 1em 1em 1em 0; } #articles p { margin-bottom: 0; } #articles ul { float: left; width: auto; margin: 0; } #article > div.article-footer { width: 100%; overflow: hidden; } #article > div.article-footer small { margin: 1em 0; float: left; } #article > div.article-footer .addthis_toolbox { float: right; width: auto; } div.comments > div > div { width: 100%; overflow: hidden; margin: 1em 0; } div.comments q { display: block; padding: 10px; background: #eee; border-radius: 5px; } div.comments cite { display: block; padding: 5px 10px; } /* contact */ body.contact .right .map { height: 200px; border: solid 3px #eee; border-radius: 5px; padding: 2px; } div.form div.captcha { padding: 0 !important; margin-bottom: 7px; } div.form div.captcha img { width: 40px; } div.form div.captcha input.input { float: left; width: 39px; } div.form div.captcha input.code { width: auto; height: 34px; padding: 0 0 0 10px; background: none; float: left; border: none; box-shadow: none; } div.form div.captcha em { padding: 0; display: inline; } p.Err { bottom: -67px; color: Red !important; font-size: 0.8em; font-style: normal !important; left: 231px; position: absolute; text-transform: uppercase; } /* Content */ /* HIGHLIGHT COLOUR: #ff7902 */ .content { font-size: .8em; line-height: 1.5em; width: 100%; overflow: hidden; } .content h1 { font-size: 2.4em; color: #e4471a; margin: 60px 0 30px; font-weight: normal; } .content h2 { font-size: 2em; color: #000; margin: 1em 0; font-weight: normal; } .content h3 { font-size: 1.8em; color: #000; margin: 1em 0; font-weight: normal; } .content h4 { font-size: 1.4em; color: #000; margin: 1em 0; font-weight: normal; } .content big { font-size: 1.2em; color: #000; } .content small { font-size: .8em; color: #999; } .content .left { width: 715px; overflow: hidden; float: left; } .content .right { width: 200px; overflow: hidden; float: right; } /* gallery */ ul.gallery { padding: 0; list-style-type: none; width: 100%; overflow: hidden; } ul.gallery li { float: left; margin: 5px 5px 0 0; border: solid 1px #eee; border-radius: 5px; padding: 2px; } ul.gallery img { display: block; } /* add this */ .addthis_toolbox { width: 100%; overflow: hidden; margin: 1em 0; } .addthis_toolbox p { float: left; margin: 0; font-size: 10px; height: 16px; line-height: 16px; text-transform: uppercase; padding-right: 5px; } /* paging */ .paging { float: right; } .paging > a, .paging > div { float: left; height: 30px; line-height: 30px; padding: 0 5px; text-transform: uppercase; font-size: .8em; } .paging > a.disabled { color: #aaa; } .paging a.selected { background: #000; color: #fff; border-radius: 10px; } .paging a { padding: 0 3px; text-decoration: none; } /* side menu */ .right .navigation { margin: 0; padding: 0; list-style-type: none; border-top: solid 1px #eee; } .right .navigation li { padding: 5px 0; border-bottom: solid 1px #eee; } .right .navigation a.selected { text-decoration: none; color: #999; } /* category menu */ .list-tout { margin: 1em 0 2em; } .list-tout ul { padding: 0; list-style-type: none; border-top: solid 1px #eee; } .list-tout li { padding: 5px 0; border-bottom: solid 1px #eee; } .list-tout a.selected { text-decoration: none; color: #999; } /*documents*/ ul.document-list, ul.analyst { list-style-type: none; margin: 1em 0 !important; padding: 0; } .downloads ul { margin: 0 !important; overflow: hidden; padding: 0; width: 180px; } ul.document-list li { background: url("/web/images/doctypes/all.png") no-repeat scroll 0 5px transparent; color: #B0B0B0; float: left; height: 50px; line-height: 1.2em; overflow: hidden; padding: 5px 20px 5px 45px; position: relative; width: 280px; } .pdf { background-image: url("/web/images/doctypes/pdf.png") !important; } ul.document-list li a { text-decoration: none; } ul.document-list li small, ul.document-list li span { display: block; font-size: 0.8em; text-transform: uppercase; } /*analyst*/ ul.analyst li { color: #B0B0B0; float: left; line-height: 1.2em; padding: 5px 70px 5px 0; position: relative; width: 280px; height: 175px; } ul.analyst li h3 { line-height: 1; } /* cart preview */ .right .cart-preview { margin: 1em 0 2em; } .right .cart-preview > a { text-decoration: none; } .right .cart-preview > a strong { font-size: 1.4em; color: #000; margin: 1em 0; font-weight: normal; } .right .cart-preview > a span { display: none; } .cart-preview .empty { font-style: italic; margin: 1em 0; } .cart-preview table { margin: 1em 0; border-top: solid 1px #eee; line-height: 1em; width: 100%; } .cart-preview td { padding: 5px; border-bottom: solid 1px #eee; } .cart-preview td:first-child { width: 30px; } .cart-preview img { width: 30px; height: 30px; } .cart-preview a.checkout { font-size: .8em; text-transform: uppercase; color: #999; } .cart-preview a.checkout:hover { color: #000; text-decoration: underline; } /* CK editor stylesheet */ body.editor { margin: .5em; height: auto; width: auto; background: #fff; overflow: auto !important; } body.cke_panel_frame { background: #fff; height: auto; overflow: auto; } /* gallery */ div.content ul.gallery { margin: 1em 0; padding: 0; list-style-type: none; width: 100%; overflow: hidden; } div.content ul.gallery li { float: left; width: 33.33%; padding: 0 5px 5px 0; } div.content ul.gallery li a, div.content ul.gallery li a img { display: block; width: 100%; } div.content ul.gallery li a { border: solid 5px #fff; box-shadow: rgba(0, 0, 0, .2) 1px 1px 1px; } div.content div.left ul.gallery li { width: 20%; } @media all and (max-width: 500px) { div.content div.left ul.gallery li { width: 50%; } } .gallery-list { margin: 1em 0; padding: 5px; list-style-type: none; background: #eee; overflow: hidden; } .gallery-list li { float: left; width: 20%; padding: 5px; } .gallery-list li a, .gallery-list li img { display: block; width: 100%; } .gallery-list li a { border: solid 4px #fff; border-radius: 3px; } @media all and (max-width: 740px) { .gallery-list li { width: 25%; } } @media all and (max-width: 540px) { .gallery-list li { width: 33.33%; } } @media all and (max-width: 440px) { .gallery-list li { width: 50%; } } /* homepage */ body.homepage h1 { display: none; } body.homepage .content .left { width: 100%; } body.homepage .content .right { display: none; } body.homepage div.touts { margin: 60px 0 0; width: 990px; overflow: hidden; } body.homepage div.touts > div { float: left; width: 215px; margin: 0 30px 40px 0; position: relative; } body.homepage div.touts > div p { margin: 0; } body.homepage div.touts > div.division p { position: absolute; left: 10px; bottom: 130px; width: 100%; } body.homepage div.touts > div.division p:first-child { position: relative; left: auto; bottom: auto; width: auto; } body.homepage div.touts > div.division a { background: url(/web/images/Sentence-Trans.png) repeat-x; text-decoration: none; color: #fff; padding: 0 3px; line-height: 18px; } body.homepage div.touts > div.division a:hover, body.homepage div.touts > div.division a.facebook:hover, body.homepage div.touts > div.division a.twitter:hover { } body.homepage div.touts > div.division p span { background: url(/web/images/White-Arrow.png) no-repeat left center; display: inline-block; height: 18px; width: 17px; margin-left: 15px; } body.homepage div.touts > div.division a.facebook { background: url(/web/images/facebook_icon.png); background-repeat:no-repeat; line-height: 30px; padding-left: 36px; /* width of the image plus a little extra padding */ margin-top:10px; margin-left:6px; display: inline-block; color:transparent; } body.homepage div.touts > div.division a.instagram { background: url(/web/images/instagram.jpg); background-repeat:no-repeat; line-height: 30px; padding-left: 36px; /* width of the image plus a little extra padding */ margin-top:10px; margin-left:6px; display: inline-block; color:transparent; } body.homepage div.touts > div.division a.twitter { background: url(/web/images/Twitter.png); background-repeat:no-repeat; line-height: 30px; padding-left: 36px; /* width of the image plus a little extra padding */ margin-top:10px; margin-left:6px; display: inline-block; color:transparent; } body.homepage div.touts > div.division a.gray { background: url(/web/images/facebook_icon_grey.png); background-repeat:no-repeat; color:Gray; } body.homepage div.touts > div.division a.gray:hover { color:Gray; cursor:default; } body.homepage div.touts > div.wider { width: 575px; color: #e89225; font-size: 2.8em; line-height: 1.3; font-weight: 300; } body.homepage div.touts > div.wider a { font-size: .3em; background: url(/web/images/Orange-Arrow.png) no-repeat right center; padding-right: 20px; color: #e44019; margin-left: 30px; display: inline-block; text-decoration: none; } body.homepage div.touts > div.arrow { background: url(/web/images/Blue-Arrow.png) no-repeat left top; padding: 10px 0 0 30px; width: 325px; text-align: right; color: #2e3192; } body.homepage div.bottom div.minHeader { margin-bottom: 15px; } body.homepage div.bottom div.minHeader h4 { display: inline-block; color: #2e3192; margin: 3px 20px 3px 0; text-transform: uppercase; font-size: .95em; } body.homepage div.bottom div.minHeader a { background: url(/web/images/Dark-Orrange-Arrow.png) no-repeat right center; display: inline-block; padding-right: 20px; text-decoration: none; font-style: italic; color: #e44019; font-size: .85em; } body.homepage div.bottom ul { margin: 0; padding: 0; overflow: hidden; list-style: none; } body.homepage div.bottom ul li { margin: 0 0 10px 0; } body.homepage div.bottom ul.document-list li { margin: 0; padding-bottom: 3px; } body.homepage div.bottom ul li span { color: #a3a3a3; display: inline-block; margin-right: 20px; font-weight: bold; } body.homepage div.bottom ul li a { text-decoration: none; color: #000; } body.homepage div.sharePrice { padding: 0 20px; background: #2e3192; border-radius: 3px; overflow: hidden; } body.homepage div.sharePrice h2 { color: #fff; font-weight: bold; margin: 20px 0 25px; font-size: 3.5em; line-height: 35px; } body.homepage div.sharePrice h2 small { color: #fff } body.homepage div.sharePrice h2 span.big { color: #e88f25; margin-left: 10px; } body.homepage div.sharePrice h2 span.big sup { font-size: .6em; } body.homepage div.lastUpdate { padding: 0 20px; background: #e6e6f0; overflow: hidden; border-radius: 0 0 3px 3px; color: #2e3192; } body.homepage div.touts > div div.lastUpdate p { float: left; width: 130px; text-align: right; line-height: 1; margin: 15px 0; text-transform: uppercase; } body.homepage div.touts > div div.lastUpdate p small { color: #2e3192; } body.homepage div.touts > div div.lastUpdate p:first-child { text-align: left; } body.homepage div.footer { margin-top: 0; } /* browser not supported */ div.ie6-warning { position: absolute; top: 0; left: 0; background: black; color: #fff; padding: 10px 0; text-align: center; width: 100%; font-size: .8em; background: #000 url(/web/images/status-close.png) no-repeat right center; } div.ie6-warning a, div.ie6-warning a:hover { color: #fff; text-decoration: underline; } .ie7 div.content { padding: 77px 30px 180px; } .ie7 body.catalogue div.summary { margin-bottom: 20px; } /* jQuery lightbox by Brad */ #lightbox-overlay { position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 9000; background: #000; } #lightbox-frame { top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 9001; margin: 0; padding: 0; } #lightbox-frame table { background: #fff; font-size: .8em; } #lightbox-picture { padding: 10px 10px 0 10px; background: url(/web/images/lightbox-loader.gif) no-repeat center center; } #lightbox-picture div { min-height: 200px; min-width: 200px; } #lightbox-description { padding: 10px; } #lightbox-description, #lightbox-frame a { color: #000; } #lightbox-frame ul { margin: 0; padding: 10px; list-style-type: none; float: right; } #lightbox-frame ul li { display: block; float: left; } #lightbox-frame ul li a { float: left; margin-left: 3px; font-size: .8em; text-transform: uppercase; } #lightbox-frame ul li.disabled a { color: #ccc; } #lightbox-frame ul a { display: block; width: 21px; height: 0; padding-top: 21px; overflow: hidden; background-image: url(/web/images/lightbox-nav.png); } #lightbox-previous a { background-position: 0 0; } #lightbox-previous a:hover { background-position: 0 -21px; } #lightbox-previous a.disabled { background-position: 0 -42px; } #lightbox-next a { background-position: -21px 0; } #lightbox-next a:hover { background-position: -21px -21px; } #lightbox-next a.disabled { background-position: -21px -42px; } #lightbox-close a { background-position: -42px 0; } #lightbox-close a:hover { background-position: -42px -21px; } body.locations div.leftBlock { width: 490px; } body.locations div.rightBlock { width: 180px; padding: 10px; background: #fff; margin-top: 5px; } body.locations div.input-select { display: inline-block; width: 175px; color: #fff; height: 35px; line-height: 35px; padding: 0 25px 0 5px; border: none; border-radius: 0; background: #000; } body.locations div.input-select > div { background: url(/web/images/Map-DropDown.png) no-repeat right center #000; color: #fff; } body.locations ul.select-list { background: #000; border-radius: 0 0 5px 5px; } body.locations ul.select-list li { color: #fff; } body.locations div.gmap { height: 375px; width: 488px; border: #d1d0cb solid 1px; } body.locations div.details big { font-size: 1.1em; } /* Staff */ ul.staff { padding: 0; margin: 0; list-style: none; } ul.staff li { margin: 1em 0; width: 100%; overflow: hidden; } ul.staff li a.img { float: left; padding: 10px; width: 150px; overflow: hidden; display: block; margin-right: 20px; } ul.staff li a.img img { width: 150px; height: 150px; } /* promo slidehsow */ .promo-slideshow, .promo-slideshow ul { width: 100%; height: 300px; margin: 0; padding: 0; list-style-type: none; overflow: hidden; position: relative; } .promo-slideshow li { position: absolute; top: 0; left: 0; } .promo-slideshow img { width: 100%; border-radius: 10px; } /* nav */ .promo-slideshow div.promo-nav { position: absolute; right: 10px; bottom: 10px; } .promo-slideshow div.promo-nav a { float: left; margin-left: 3px; width: 15px; height: 15px; background: #fff; cursor: pointer; border-radius: 10px; box-shadow: inset 1px 1px 8px rgba(0,0,0,.5); } .promo-slideshow div.promo-nav a.active { background: #ff7902; background: #ff7902; box-shadow: 1px 1px 1px rgba(0,0,0,.25); background: -webkit-gradient(linear, left top, left bottom, from(#ffc897), to(#ff7902)); background: -moz-linear-gradient(top, #ffc897, #ff7902); } /* tooltip */ #tooltip { position: absolute; z-index: 999999; width: 200px; font-size: .8em; border-radius: 3px; } #tooltip span { display: block; background: #000; padding: 5px 10px; text-align: center; color: #fff; } /* Uploadify v2.1.0 Release Date: August 24, 2009 Copyright (c) 2009 Ronnie Garcia, Travis Nickels Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .uploadifyQueueItem { font: 11px Verdana, Geneva, sans-serif; border: 2px solid #E5E5E5; background-color: #F5F5F5; margin-top: 5px; padding: 5px; /*width: 350px;*/ -moz-border-radius: 4px; } .uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 5px; width: 100%; } .uploadifyProgressBar { background-color: #0099FF; width: 1px; height: 3px; }