/* start sitewide */ body { background: #dfdfdf url(pics/background.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #747474; font-size: 10px; } h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; } a { font-family: Arial, Helvetica, sans-serif; color: #006699; text-decoration: underline; } a:hover { color: #ff6600; } img { border: none; } input[type='text'], input[type='submit'] { font-family: Arial, Helvetica, sans-serif; } .clear { clear: both; } .first { border: none !important; } a.vermas { display: block; text-align: right; font-size: 11px; } .picture { position: relative; border: 5px solid #d6d6d6; background: #ffffff; } .green { position: absolute; top: 0px; left: 0px; z-index: 100; width: 26px; height: 33px; background: url(pics/picture-green.png) no-repeat; } .picture .pic { position: absolute; top: 2px; left: 2px; overflow: hidden; } #ancalmo, #ancalmo-index { position: relative; margin: auto; background: #ffffff; border-bottom: 40px solid #dfdfdf; width: 960px; padding-top: 8px; overflow: hidden; z-index: 1; text-align: left; font-size: 1em; } /* end sitewide */ /* start header */ .header { position: relative; } #ancalmo .header { height: 55px; overflow: hidden; } .header #country { padding-left: 25px; font-size: 1.1em; } .header a#contact-link { display: block; float: right; background: url(pics/icons.png) 0px -20px no-repeat; padding: 0px 10px 0px 20px; font-size: 1.1em; height: 12px; text-decoration: none; } .header a.language { display: block; float: right; background-image: url(pics/icons.png); background-repeat: no-repeat; padding: 0px 2px 0px 20px; text-decoration: none; font-size: 1.1em; height: 12px; color: #747474; } .header a.language:hover { color: #ff6600; } .header .english { background-position: 0px -40px; } .header .espanol { background-position: 0px -60px; } .header h1 { font-size: 1.1em; } #ancalmo-index .header h1 { clear: both; padding: 25px 0px 25px 0px; text-align: center; } #ancalmo .header h1 { position: absolute; top: 0px; left:180px; width: 625px; overflow: hidden; font-weight: normal; } /* end header */ /* start footer */ .footer { clear: both; background: #f6f6f6 url(pics/footer-background.jpg) no-repeat; min-height: 60px; padding: 25px 20px 25px 175px; font-size: 1.1em; } .footer ul { margin: 0px; padding: 0px; list-style: none; } .footer a { color: #666666; } .footer a:hover { color: #000000; text-decoration: none; } .footer li { float: left; width: 175px; height: 20px; overflow: hidden; background: url(pics/icons.png) 0px 4px no-repeat; padding-left: 10px; } #address { clear: both; background: #3d3d3d; text-align: center; padding: 10px 0px 10px 0px; color: #999999; font-size: 1.1em; } #address a { color: #ffffff; } #address a:hover { text-decoration: none; } /* end footer */ /* start bar */ #ancalmo-index .bar, #ancalmo .bar { float: left; overflow: hidden; } #ancalmo-index .bar { padding-left: 20px; width: 165px; } #ancalmo .bar { padding: 0px 5px 0px 7px; width: 165px; } .bar h3 { background: url(pics/icons.png) 0px -152px no-repeat; padding: 0 0 5px 10px; font-size: 1.4em; color: #005577; font-weight: normal; line-height: 1.4em; } .bar h4 { padding-left: 10px; font-size: 1.1em; font-weight: normal; } .bar p a { color: #747474; text-decoration: none; } a#logo { display: block; text-align: center; } #ancalmo-index a#logo { padding-bottom: 40px; } #ancalmo a#logo { padding-bottom: 55px; } ul#navigation { margin: 0; padding: 0 0 0 15px; width: 125px; list-style: none; font-size: 1.1em; } ul#navigation li { background: url(pics/icons.png) 0px -152px no-repeat; padding: 5px 0 5px 12px; border-top: 1px dashed #dcdcdc; } ul#navigation a { color: #1199bb; text-decoration: none; } ul#navigation a:hover, ul#navigation a.active { color: #ff6600; } ul#navigation ul { margin-left: -12px; padding: 5px 0 0 0; list-style: none; } ul#navigation ul li { margin: 0; background: url(pics/icons.png) 12px -152px no-repeat; padding: 5px 0 5px 24px; border-top: 1px dashed #dcdcdc; } ul#navigation ul a { color: #b7b7b7; } ul#navigation ul a:hover { color: #ff6600; } ul#navigation ul a.active { color: #005588; } #socialnetworks { border-top: 1px dashed #dcdcdc; border-bottom: 1px dashed #dcdcdc; padding-top: 10px; height: 35px; margin-bottom: 5px; overflow: hidden; font-size: 1.1em; } a.socialnetwork { display: block; float: right; padding-right: 5px; width: 25px; height: 25px; overflow: hidden; background-image: url(pics/socialnetworks.jpg); background-repeat: no-repeat; } .bar #facebook { background-position: 0 0; } .bar #twitter { background-position: -30px 0; } .bar #youtube { background-position: -60px 0; } a#customerservice { display: block; background-image: url(pics/link-customerservice.jpg); background-repeat: no-repeat; margin-bottom: 5px; width: 166px; height: 100px; overflow: hidden; } .bar a.espanol { background-position: 0 0; } .bar a.english { background-position: 0 -100px; } #subscription { border-top: 1px dashed #dcdcdc; border-bottom: 1px dashed #dcdcdc; padding: 5px 0 5px 0; } #subscription form { display: block; background: #eaf6f9; padding: 5px 10px 0px 10px; } #subscription input[type='text'] { display: block; border: 1px solid #c2d2d3; width: 135px; padding: 4px; margin-top: 5px; font-size: 1.1em; color: #747474; } #subscription select { display: block; border: 1px solid #c2d2d3; width: 135px; padding: 4px; margin-top: 5px; font-size: 1.1em; color: #747474; } #subscription input[type='submit'] { display: block; background: url(pics/button-leftbar.png) 80px 22px no-repeat; border: none; margin-top: -10px; padding: none; width: 143px; height: 65px; text-align: right; font-size: 1.1em; color: #ffffff; } #subscription input[type='button'] { display: block; background: url(pics/button-leftbar.png) 80px 22px no-repeat; border: none; margin-top: -10px; padding: none; width: 143px; height: 65px; text-align: right; font-size: 1.1em; color: #ffffff; } .bar #promotions { padding: 5px 0 5px 0; } .bar .promotion { padding: 5px 0 5px 0; border-bottom: 1px dashed #dcdcdc; } .bar .promotion img { display: block; } .bar .promotion p { text-align: center; padding: 5px 2px 5px 2px; margin: 0px; font-size: 1.1em; text-transform: uppercase; } .bar .promotion p a { color: #006699; } .bar #advice { padding: 5px 0 5px 0; } .bar #advice p { padding-left: 10px; } .bar .advice { padding: 5px 0 5px 0; border-bottom: 1px dashed #dcdcdc; font-size: 1.1em; } /* end bar */ /* start paging */ #paging { clear: both; border-top: 1px dashed #dcdcdc; padding: 30px 0 30px 200px; } #paging a { display: block; float: left; margin-right: 5px; padding: 1px 4px 1px 4px; font-size: 1.1em; color: #005577; text-decoration: none; } #paging a.active { background: #d2d2d2; font-weight: bold; } #paging a:hover { color: #ff6600; } #paging a.active:hover { color: #ff6600; } #paging a.back, #paging a.next { width: 10px; height: 13px; padding: 0px; } #paging a.back { background: url(pics/icons.png) 0px -77px no-repeat; } #paging a.next { background: url(pics/icons.png) 0px -97px no-repeat; } /* end paging */ /* start content */ #ancalmo-index .content, #ancalmo .content { float: left; overflow: hidden; padding-bottom: 15px; } #ancalmo-index .content { width: 745px; padding-left: 15px; } #ancalmo-index .content p { padding: 0 0 5px 10px; margin: 0px; font-size: 1.1em; line-height: 1.5em; } #ancalmo-index .content p a { color: #747474; text-decoration: none; } #ancalmo-index .content h3 { background: url(pics/icons.png) 0px -154px no-repeat; padding: 0 0 5px 10px; font-size: 14px; color: #005577; font-weight: normal; } #ancalmo-index .content h3 a { color: #005577; text-decoration: none; } #ancalmo-index .content h4 { font-size: 1.1em; padding: 0 0 5px 10px; font-weight: normal; } #ancalmo-index .content .picture { float: left; margin: 3px 10px 10px 0; width: 119px; height: 89px; } #ancalmo-index .content .picture .pic { clip:rect(0px, 115px, 85px, 0px); } #ancalmo-index #banners { position: relative; width: 745px; height: 237px; margin-bottom: 35px; background: url(pics/banners.png) left bottom no-repeat; } #ancalmo-index .banner { width: 745px; height: 215px; overflow: hidden; } #ancalmo-index #search { position: absolute; top: 170px; left: 385px; width: 350px; height: 40px; z-index: 100; overflow: hidden; } #ancalmo-index #search input[type='text'] { display: block; float: left; border: none; background: url(pics/searchfield.png) no-repeat; padding: 5px 5px 0 6px; width: 305px; height: 25px; font-size: 1.1em; color: #747474; } #ancalmo-index #search input[type='submit'] { display: block; float: left; border: none; background: url(pics/searchbutton.png) no-repeat; padding: none; width: 33px; height: 34px; } #ancalmo-index #banners .numbers { height: 19px; overflow: hidden; padding: 3px 0 0 3px; } #ancalmo-index #banners .numbers a { display: block; float: left; padding-top: 3px; width: 18px; height: 16px; overflow: hidden; text-align: center; font-size: 1.2em; color: #747474; text-decoration: none; } #ancalmo-index #banners .numbers a.back { background: url(pics/icons.png) 3px -116px no-repeat; } #ancalmo-index #banners .numbers a.next { background: url(pics/icons.png) 3px -136px no-repeat; } #ancalmo-index #banners .numbers a.active { background: #0088aa; color: #ffffff; } #ancalmo-index .left { float: left; width: 330px; } #ancalmo-index .right { float: left; padding-left: 10px; width: 400px; } #ancalmo-index #about_us, #ancalmo-index #foundation, #ancalmo-index #events { border-right: 1px dashed #dcdcdc; padding: 5px 10px 5px 10px; } #ancalmo-index #jobs, #ancalmo-index #multimedia { padding: 5px 10px 5px 10px; } #ancalmo-index #multimedia { background: url(pics/multimedia-background.jpg) 207px 5px no-repeat; } #ancalmo-index #about_us .text, #ancalmo-index #foundation .text, #ancalmo-index #events .text, #ancalmo-index #jobs .text { padding-bottom: 10px; border-bottom: 1px dashed #dcdcdc; } #ancalmo-index #events .event, #ancalmo-index #jobs .job { padding-bottom: 10px; } #ancalmo-index #multimedia .picture { float: none; margin-left: 10px; width: 164px; height: 109px; } #ancalmo-index #multimedia .picture .pic { clip:rect(0px, 160px, 105px, 0px); } #ancalmo-index #multimedia p a { color: #006699; text-decoration: underline; } #ancalmo-index #multimedia p a:hover { color: #ff6600; } #ancalmo-index #products { background: url(pics/products-background.jpg) center bottom no-repeat; height: 170px; border-bottom: 1px dashed #dcdcdc; } #ancalmo-index #products h2 { text-align: center; font-size: 1.1em; padding-bottom: 10px; } #ancalmo-index #products a { display: block; float: left; padding: 65px 0px 20px 25px; width: 135px; height: 45px; overflow: hidden; text-align: center; color: #ffffff; font-size: 1.4em; text-decoration: none; } #ancalmo-index #countries { clear: both; padding: 20px 0 20px 0; } #ancalmo-index #countries p { padding-bottom: 20px; } #ancalmo-index #countries a.country { display: block; float: left; width: 60px; padding: 35px 10px 10px 10px; text-align: center; height: 25px; } #ancalmo-index #about_us2 { clear: both; background: url(pics/certifications-background.png) right top no-repeat; padding: 35px 0px 20px 10px; } #ancalmo-index .homepicture { display: block; float: left; padding: 10px; } #ancalmo .content { width: 770px; padding-left: 5px; font-size: 11px; } #ancalmo .content h1 { color: #00aacc; font-size: 18px; font-weight: normal; padding-bottom: 15px; } #ancalmo .content h2 { padding: 0 0 10px 0; font-size: 15px; color: #00aacc; font-weight: normal; } #ancalmo .content h2.country { height: 40px; padding: 10px 0 0 65px; font-size: 14px; color: #00aacc; font-weight: normal; } #ancalmo .content h3 { color: #00aacc; font-size: 13px; font-weight: normal; padding-bottom: 5px; } #ancalmo .content h4 { color: #747474; font-size: 12px; font-weight: bold; padding-bottom: 5px; } #ancalmo .content h5 { color: #747474; font-size: 11px; font-weight: bold; padding-bottom: 2px; } #ancalmo .content h6 { color: #747474; font-size: 11px; font-weight: normal; padding-bottom: 2px; } #ancalmo .content p { } #ancalmo .content img.productline { display: block; padding-bottom: 20px; } #ancalmo .content .picture { float: left; margin: 3px 10px 10px 0; width: 132px; height: 94px; } #ancalmo .content .picture .pic { clip:rect(0px, 128px, 90px, 0px); } #ancalmo .date { padding-bottom: 10px; font-weight: bold; } #ancalmo .date a { color: #747474; text-decoration: none; } #ancalmo .date2 { float: right; font-weight: bold; font-size: 1.1em; } #ancalmo .flag { float: right; width: 20px; height: 15px; overflow: hidden; padding-left: 5px; } #ancalmo .flag img { width: 20px; } #ancalmo form.country { display: block; padding: 10px 400px 10px 10px; margin-bottom: 45px; background: #e8e8e8; } #ancalmo form.country select { float: right; border: 1px solid #dddddd; margin-top: -5px; padding: 3px; width: 200px; color: #747474; font-size: 11px; } #ancalmo #banner { height: 145px; overflow: hidden; } #ancalmo #search { padding: 10px 0 10px 0; border-bottom: 1px dashed #dcdcdc; text-align: right; } #ancalmo #search input[type='text'] { border: 1px solid #dddddd; padding: 3px; width: 245px; color: #747474; font-size: 11px; } #ancalmo #search input[type='submit'] { border: none; background: url(pics/searchbutton2.png) 5px 5px no-repeat; width: 26px; height: 26px; } #ancalmo #results { padding-bottom: 20px; font-size: 1.2em; color: #00aacc; } #ancalmo #path { padding: 12px 0 25px 0; } #ancalmo #path a { color: #747474; } #ancalmo .entry { background: url(pics/entry.png) repeat-x; clear: both; padding: 10px 10px 25px 10px; min-height: 130px; } #ancalmo .entry h3 { color: #747474; padding-bottom: 10px; } #ancalmo .entry p a { color: #747474; text-decoration: none; padding: 0px; margin: 0px; } #ancalmo .distributors { background: url(pics/entry.png) repeat-x; border-bottom: 1px dashed #dcdcdc; padding: 10px; margin-bottom: 10px; min-height: 130px; } #ancalmo .distributor { padding-bottom: 20px; } #ancalmo .distributor h3 { font-size: 13px; font-weight: normal; color: #1199bb; } #ancalmo #downloads, #ancalmo #links { clear: both; padding-top: 30px; } #ancalmo #links li { padding-bottom: 5px; } #ancalmo #downloads .odd { background: url(pics/download.png) repeat-x; } #ancalmo .download { height: 35px; border-bottom: 1px dashed #dcdcdc; padding: 15px 0 0 10px; margin-top: 5px; overflow: hidden; } #ancalmo .download a.type, #ancalmo .download a.date, #ancalmo .download a.name, #ancalmo .download a.size, #ancalmo .download a.button { display: block; float: left; color: #747474; text-decoration: none; overflow: hidden; } #ancalmo .download a.type { margin-top: -5px; width: 30px; } #ancalmo .download a.date { font-weight: normal; width: 75px; } #ancalmo .download a.name { width: 420px; padding-right: 15px; font-weight: bold; text-decoration: underline; } #ancalmo .download a.name:hover { color: #006699; } #ancalmo .download a.size { width: 80px; } #ancalmo .download a.button { background: url(pics/button-download.png) no-repeat; width: 90px; margin-top: -10px; height: 35px; padding: 10px 0 0 5px; color: #ffffff; text-transform: uppercase; } #ancalmo #product-lines { background: url(pics/products.jpg) no-repeat; width: 720px; height: 126px; } #ancalmo a.product-line { display: block; float: left; padding: 35px 0 0 145px; font-size: 14px; color: #ffffff; width: 145px; text-align: center; text-decoration: none; } #ancalmo #medicines { width: 756px; overflow: hidden; background: url(pics/productlist-top.png) no-repeat; } #ancalmo #medicines table { border: 0; width: 100%; } #ancalmo #medicines th { text-align: left; color: #1177aa; padding: 7px 7px 0 7px; height: 25px; vertical-align: top; } #ancalmo #medicines tbody tr { background: url(pics/entry.png) 0px 5px repeat-x; clear: both; } #ancalmo #medicines tbody td { height: 130px; padding: 10px; line-height: 1.2em; border-bottom: 1px dashed #dcdcdc; } #ancalmo #medicines tfoot td { text-align: center; } #ancalmo #medicines tbody td a { color: #747474; text-decoration: none; } #ancalmo #medicines td.name { font-weight: bold; } #ancalmo #medicines td.name a, #ancalmo #medicines a.vermas { color: #006699; text-decoration: underline; } #ancalmo #medicines .country { height: 20px; width: 80px; } #ancalmo #medicines .country img { display: block; float: left; width: 20px; padding-right: 5px; } #ancalmo #medicines #paging { border: none; } #ancalmo #recommended { clear: both; padding-top: 10px; border-top: 1px dashed #dcdcdc; } #ancalmo #recommended .medicine { float: left; width: 290px; height: 115px; padding: 10px 50px 30px 10px; overflow: hidden; } #ancalmo #recommended .medicine img { display: block; float: left; width: 110px; } #ancalmo #recommended .medicine .info { margin-left: 130px; } #ancalmo #recommended .medicine .info a { color: #747474; text-decoration: none; } #ancalmo #recommended .medicine .info h3 { padding: 0; } #ancalmo #recommended .medicine .info h3 a { color: #00aacc; } #ancalmo #recommended .medicine .info a.vermas { color: #006699; text-decoration: underline; } #ancalmo #classifications { clear: both; padding: 10px 0 10px 0; border-top: 1px dashed #dcdcdc; } #ancalmo #classifications .classification { float: left; width: 255px; height: 20px; overflow: hidden; color: #006699; } #ancalmo #medicine-search { position: relative; border-top: 1px dashed #dcdcdc; background: url(pics/product-form.png) 0 10px no-repeat; padding: 20px 10px 0 10px; height: 100px; } #ancalmo #medicine-search a.hesselguide { display: block; background: url(pics/hesselguides.png) no-repeat; position: absolute; z-index: 100; top: -20px; right: 30px; padding-top: 8px; width: 133px; height: 22px; text-align: center; color: #666666; font-size: 1.2em; text-decoration: none; font-weight: bold; } #ancalmo #medicine-search .indication { float: left; width: 270px; height: 20px; } #ancalmo #medicine-search form { display: block; clear: both; } #ancalmo #medicine-search .option { float: left; width: 80px; height: 20px; overflow: hidden; color: #000000; } #ancalmo #medicine-search select { display: block; float: left; width: 310px; border: 1px solid #dcdcdc; padding: 2px; font-size: 11px; color: #747474; } #ancalmo #medicine-search div.selection { display: inline; } #ancalmo #medicine-search input[type='submit'] { display: block; float: left; background: url(pics/button-leftbar.png) no-repeat; border: none; margin-left: 20px; padding: none; width: 65px; height: 22px; font-size: 1.1em; color: #ffffff; } #ancalmo #medicine {} #ancalmo #medicine h5 { padding: 0px; } #ancalmo #medicine p { padding: 0px; margin: 2px 0 5px 0; line-height: 15px; } #ancalmo #medicine .pictureblock { float: left; width: 290px; padding: 0 10px 30px 0; } #ancalmo #medicine .country { float: left; height: 20px; width: 80px; padding-right: 10px; margin-top: 5px; } #ancalmo #medicine .country img { display: block; float: left; width: 20px; padding-right: 5px; } #ancalmo #medicine .big { width: 254px; height: 204px; margin-bottom: 5px; border: 8px solid #d6d6d6; } #ancalmo #medicine .small { float: left; width: 84px; height: 64px; margin: 0 2px 2px 0; border: 2px solid #d6d6d6; } #ancalmo #medicine .big .pic { clip:rect(0px, 250px, 200px, 0px); } #ancalmo #medicine .small .pic { clip:rect(0px, 80px, 60px, 0px); } /* end content */ /* start special styles for popular products */ #ancalmo .ancalmo { background: url(pics/ancalmo-background-page.png) 8px 225px no-repeat; } #ancalmo .ancalmo #path { padding: 40px 0 25px 0; background: url(pics/ancalmo-background-path.png) 0px 10px no-repeat; } #ancalmo .ancalmo h1 { padding-top: 20px; } #ancalmo .ancalmo #medicine { background: url(pics/ancalmo-background-product.png) repeat-x; padding: 10px 0 0 5px; min-height: 300px; } #ancalmo .ancalmo #classifications, #ancalmo .ancalmo #recommended { background: #f5f9fb; padding: 10px 0 10px 5px; } #ancalmo .ancalmo #medicine-search { border-top: none; background: url(pics/ancalmo-background-search.png) 5px 0px no-repeat; padding: 45px 10px 25px 20px; height: 100px; } #ancalmo .ancalmo #medicine-search a.hesselguide { display: none; } #ancalmo .ancalmo #medicines { background: url(pics/ancalmo-productlist-top.png) no-repeat; } #ancalmo .ancalmo #medicines th { color: #ffffff; } #ancalmo .ancalmo #medicines tbody tr { background: url(pics/ancalmo-entry.png) 0px 5px repeat-x; } /* end special styles for popular products */ /* start floating images */ .floatleft, .floatright { padding: 2px; } .floatleft { margin-right: 10px; } .floatright { margin-left: 10px; } .floatingimage { border: 5px solid #d6d6d6; background: #ffffff; overflow: hidden; } .floatingimage img { border: 2px solid #ffffff; } .floatingimage img#CTRLInline, .floatingimage img#CTRLOutlineI { border: 0px !important; padding: 0px; } .floatingdesc { font-size:0.9em; color:#FFFFFF; /*max-height: 30px; max-width: 128px; overflow: hidden; text-align: center; padding-top: 5px;*/ } /* div#gallery .floatleft { width: 128px; overflow: hidden; padding-left: 20px; height: 140px; } div#gallery .floatingimage { height: 80px; overflow: hidden; } */ div#gallery { clear: both; margin-top: 20px; padding-top: 30px; background: url(pics/entry.png) repeat; } div#gallery .floatleft, div#gallery .floatright { padding: 0 35px 55px 35px; } div#gallery .floatingimage { position: relative; border: 5px solid #d6d6d6; background: #ffffff; overflow: hidden; width: 164px; height: 124px; overflow: hidden; } div#gallery .floatingimage img { display: block; position: absolute; top: 2px; left: 2px; overflow: hidden; clip:rect(0px, 160px, 120px, 0px); border: none; } div#gallery .floatingdesc { font-size:11px; color:#747474; height: 35px; max-height: 35px; width: 168px; max-width: 168px; overflow: hidden; text-align: center; padding-top: 5px; } div#gallery .ghead { display: none; } div#gallery .gfoot { visibility: hidden; } /* end floating images */ /* start formular */ #formular { float: left; } #formular fieldset { margin-left: 20px; padding: 30px 20px; background-color: #EEEEE6; border: none; } #formular .input { margin-bottom: 10px; } #formular fieldset label { float: left; width: 75px; margin-right: 10px; cursor: pointer; color: #72726A; } #formular fieldset input.field { float: left; width: 200px; background-color: #F9F9F7; border: solid 1px #BBBBBB; font-size: 12px; color: #72726A; } #formular fieldset textarea { float: left; width: 200px; background-color: #F9F9F7; border: solid 1px #BBBBBB; font-size: 12px; color: #72726A; } #formular .send { width: 75px; padding: 4px 4px 2px 4px; background-color: #C2113A; color: #FFFFFF; font-weight: bold; text-decoration: none; border: none; border-bottom: solid 4px #666666; } /* end formular */ /*form accesses */ .boton-salir { text-align: center; padding: 8px 40px 0 0; color: #000; font-size: 11px; width: 40px; float: right; } .boton-salir a { color: #000; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(pics/out.png) right 0px no-repeat; width: 40px; padding: 8px 30px 8px 0; display: block; } .forms-accesses { padding: 0; margin: 0; } .form-login-access { padding: 0; margin: 0; float: left; width: 350px; } .message-login { color: #ff0000; font-size: 13px; background: #EDF2DA; padding: 10px; margin: 10px 0; } .login-form { padding: 0; margin: 0; width: 290px; } .login-form form { padding: 0; margin: 0; } .login-form form label { color: #555; display: block; float: left; padding: 0 0 0 0; margin: 0; width: 55px; } .textbox-login { border: 1px solid #c4c4c4; width: 225px; padding: 3px; } .textbox-loginBAD { border: 1px solid #ff0000; width: 225px; padding: 3px; } .input-buton-login { color: #fff; font-size: 12px; font-weight: bold; border: 0; background: url(pics/pxl_login.jpg) 0px 0px repeat-x; width: 63px; height: 23px; } .forgot-pass-login { text-align: right; padding: 10px 0; } .forgot-pass-login a { cursor: pointer; color: #555; } .form-register-access { padding: 0 0 0 20px; margin: 0; float: left; width: 380px; border-left: 1px dashed #d8d8d8; min-height: 420px; } .form-register-access form { padding: 0; margin: 0; } .form-register-access form label { color: #555; display: block; float: left; padding: 0 0 0 0; margin: 0; width: 120px; } /*end form accesses*/