/*
  $Id: stylesheet.css,v 1.1.1.1 2004/03/04 23:42:24 ccwjr Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* --- m@dness hacks --*/
body {background: #FFFFFF; color: #000000; font: 12px/1.5 "Segoe UI", Helvetica, Arial, sans-serif;
}
h1 {	text-align:center;
	font-size: 20px;
	font-weight: bold;
	color: #e55c19;
}
.cat_description {font-size:11px; color:#800000; background:inherit; font-weight:bold;}
.boxText {font-size:12px; padding-bottom:0px; padding-top:0px;}
.centerTable {background-image:url('images/bg_cat4.gif'); background-repeat:repeat-x; background:#fbfcfd;
color:inherit;}
.errorBox {font-size:11px; color:inherit; background:#ffb3b5; font-weight:bold;}
.stockWarning {font-size:11px; color:#cc0033; background:inherit;}
.productsNotifications {background:#f2fff7; color:inherit;}
.orderEdit {font-size:11px; color:#70d250; background:inherit; text-decoration:underline;}
.navBlue {color:#ff0000; background:inherit; font-size:8pt;}
.subnavBlue {color:#9966ff; background:inherit; font-size:8pt;}
BODY {background:#ffffff; color:#484e53;  margin:0;}
A {color:#484e53; background:inherit; text-decoration:none;}
A:hover {color: #2d5f80; background:inherit; text-decoration:none;}
FORM {display:inline;}
TR.header {background:#ffffff; color:inherit;}
TR.headerNavigation {background:#bbc3d3; color:inherit;}
TD.headerNavigation {font-size:11px; background-image:url(images/bg-hm.gif); color: #ffffff; font-weight:bold;}
.headerBreadcrum {font-size:11px; color: #666666; font-weight:bold;}
TR.headerError {background:#ff0000; color:#bbc3d3;}
TD.headerError {font-size:12px; background:#ff0000; color:#ffffff; font-weight:bold;}
TR.headerInfo {background: #00ff00; color : #bbc3d3;}
TD.headerInfo {font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold;}
TR.footer {background: #bbc3d3; color: inherit;}
TD.footer {font-size: 11px; background: #bbc3d3; color: #ffffff; font-weight: bold; }
/*--- infoboxes --*/
.templateinfobox {background: #f8f8f9; color: inherit; font-size: 11px; font-weight: bold; }
.infoBox { background: #cccccc; color: #484e53; }
TD.infoBox, SPAN.infoBox {   
font-size : 10px;
     font-weight : bold;
     background : #bbc3d3;
     color : inherit;
      }
TD.infoBoxHeading {font-size:11px; font-weight:bold; background-image:url(images/bg-hm.gif); color:#ffffff;}

.infoBoxContents {
     background : #ffffff;
     color : #484e53;
     font-size : 10px;
      }
TD.infoBoxFooter {    
    font-size : 10px;
    font-weight : bold;
    background-color : #cccccc;
    color : #484e53;
}

 TD.contentBoxHeading {
    font-size : 10px;
    font-weight : bold;
    color : #534f4d;
     background : #bbc3d3;
    padding-top : 5px;
}
 .infoBoxContentsHeader {
     background : #bbc3d3;
    color : #ffffff;
    
    font-size : 10px;
    font-weight : bold;
}

 .infoBoxContentsCenter {
    color : inherit;
     background : #f8f8f9;
     font-size : 10px;
}

 TD.infoBoxContentsfooter {
    color : #484e53;
     background : #bbc3d3;
     
    font-size : 10px;
    font-weight : bold;
}
 TD.infoBoxHeadingImage {
     font-size: 10px;
     font-weight: bold;
     background-position: left;
     background-color: #bbc3d3;
     color: #484e53;
      }
 TD.infoBoxFooterImage {
     font-size: 1px;
     font-weight: bold;
     background-color: #bbc3d3;
     color: #484e53;
      }
 .infoBoxNotice {
     background: #ff8e90;
     color: #ffffff;
      }
 .infoBoxNoticeContents {
     background : #ffe6e6;
     color : #ffffff;
     
     font-size : 10px;
      }
 TD.main_table_heading {
     
     font-size : 10px;
     background : #cccccc;
     color : #484e53;
      }
 TD.main_table_heading_inner {
     
     font-size : 10px;
     background : #ffffff;
     color : #484e53;
      }
 TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
     background: #FFFFFF;
     color : inherit;
      }
 TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
     background: #CCCCCC;
     color : inherit;
      }
 TABLE.productListing {
     border : 1px;
     border-style : solid;
     border-color : #cccccc;
     border-spacing : 1px;
      }
 .productListing-heading {
     font-size : 10px;
     background-image:url(images/bg-hm.gif);
     color : #ffffff;
     font-weight : bold;
      }
 .productlisting-headingPrice {
     font-size: 20px;
     background: #cccccc;
     color: #e55c19;
     font-weight: bold;
      }
 TD.productListing-data {
     font-size: 10px;
      }
 A.pageResults {
     color : #0000ff;
     background : inherit;
      }
 a:hover.pageResults {
     color : #0000ff;
     background : #ffff33;
      }
 TD.pageHeading, DIV.pageHeading, SPAN.pageHeading {
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	color: #e55c19;
	background: inherit;
      }
 TR.subBar {
     background : #f4f7fd;
     color : inherit;
      }
 TD.subBar {
     
     font-size : 10px;
     color : #484e53;
     background : inherit;
      }
 TD.main, P.main {
     
     font-size : 11px;
     line-height : 1.5;
     color : #484e53;
     background : inherit;
      }
 TD.smallText, SPAN.smallText, P.smallText {
     
     font-size : 10px;
      }
 TD.accountCategory {
     
     font-size : 13px;
     color : #aabbdd;
     background : inherit;
      }
 TD.fieldKey {
     
     font-size : 12px;
     font-weight : bold;
      }
 TD.fieldValue {
     
     font-size : 12px;
      }
 TD.tableHeading {
     
     font-size : 12px;
     font-weight : bold;
      }
 TD.category_desc {
     
     font-size : 11px;
     line-height : 1.5;
      }
 SPAN.newItemInCart {
     
     font-size : 10px;
     color : #ff0000;
     background : inherit;
      }
 CHECKBOX, INPUT, RADIO, SELECT {
     
     font-size : 11px;
      }
 TEXTAREA {
     
     font-size : 11px;
      }
 SPAN.greetUser {
     
     font-size : 11px;
     color : #e55c19;
     background : inherit;
     font-weight : bold;
      }
 TABLE.formArea {
     background : #f1f9fe;
     color : #f4f7fd;
     border-color : #cccccc;
     border-style : solid;
     border-width : 1px;
      }
 TD.formAreaTitle {
     font-family : Tahoma, Tahoma;
     font-size : 12px;
     font-weight : bold;
      }
 SPAN.markProductOutOfStock {
     font-family : Tahoma, Tahoma;
     font-size : 12px;
     color : #c76170;
     background : inherit;
     font-weight : bold;
      }
 SPAN.productSpecialPrice {
     
     color : #ff0000;
     background : inherit;
      }
 SPAN.errorText {
     
     color : #ff0000;
     background : inherit;
      }
 .moduleRowOver {
     background-color : #d7e9f7;
     color : inherit;
     cursor : pointer;
      }
 .moduleRowSelected {
     background-color : #e9f4fc;
     color : inherit;
      }
 .checkoutBarFrom, .checkoutBarTo {
     
     font-size : 10px;
     color : #8c8c8c;
     background : inherit;
      }
 .checkoutBarCurrent {
     
     font-size : 10px;
     color : #484e53;
     background : inherit;
      }
 .messageBox {
     
     font-size : 10px;
      }
 .messageStackError, .messageStackWarning {
     
     font-size : 10px;
     background-color : #ffb3b5;
     color : inherit;
      }
 .messageStackSuccess {
     
     font-size : 10px;
     background-color : #99ff00;
     color : inherit;
      }
 .inputRequirement {
     
     font-size : 10px;
     color : #ff0000;
     background : inherit;
      }
 TABLE.linkListing {
     border : 1px;
     border-style : solid;
     border-color : #cccccc;
     border-spacing : 1px;
      }
 .linkListing-heading {
     
     font-size : 10px;
     font-weight : bold;
     background : #484e53;
     color : #ffffff;
     text-align : center;
      }
 TD.linkListing-data {
     border-right : 1px solid #484e53;
     border-bottom : 1px solid #484e53;
     padding : 4px;
     
     font-size : 10px;
      }
 TR.linkListing-odd {
     background : #f8f8f9;
     color : inherit;
      }
 TR.linkListing-even {
     background : #f5f5f5;
     color : inherit;
      }
 .content {
     color : #484e53;
     background : inherit;
     font-size : 10px;
     
      }
 TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
     
     font-size : 11px;
     line-height : 1.5;
     color : #bdcaf0;
     background : inherit;
      }
 TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
     background-image : url('images/button_blank_left.gif');
      }
 TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
     background-image : url('images/button_blank_right.gif');
      }
 TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
     background-image : url('images/button_blank_middle.gif');
     
     font-size : 10px;
     font-weight : bold;
     background-color : inherit;
     color : #484e53;
      }
 A.HeaderPageLinks {
     
     font-size : 10px;
     font-weight : bold;
     color : #484e53;
     background : inherit;
      }
 a:hover.HeaderPageLinks {
     
     font-size : 10px;
     font-weight : bold;
     background : inherit;
     color : #00ff00;
      }
 TD.cookieUsage {
     
     font-size : 10px;
     font-weight : bold;
     background : #484e53;
     color : #ffffff;
      }
 .attributeBoxContent {
     
     font-size : 10px;
     color : #484e53;
     background-color : #808080;
      }
 .TR.attributeBoxContent {
     
     font-size : 10px;
     color : #484e53;
     background-color : #808080;
      }
 .TD.attributeBoxContent {
     
     font-size : 10px;
     color : #484e53;
     background-color : #c0c0c0;
      }
 .storyboxtitle {
     
     color : #484e53;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:link {
     
     color : #484e53;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:active {
     
     color : #484e53;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:visited {
     
     color : #484e53;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:hover {
     
     color : #ffffff;
     font-size : 10px;
     font-weight : bold;
     text-decoration : underline;
     background : inherit;
      }
 .yearHeader {
     
     font-size : 14px;
     font-weight : bold;
     color : #484e53;
     background-color : #ffffff;
      }
 .calendarMonth {
     background-color : #cccccc;
     color : inherit;
     cursor : default;
     width : 100%;
      }
 .calendarHeader {
     
     font-size : 11px;
     font-weight : bold;
     color : #484e53;
     background-color : #ffffff;
     text-decoration : none;
     height : 22px;
      }
 .calendarToday {
     
     font-size : 10px;
     color : #484e53;
     background-color : #ffcf00;
     padding-left : 3px;
     text-decoration : none;
     border : 1px solid #ffffff;
     height : 22px;
     width : 18px;
      }
 .calendarWeekend {
     
     font-size : 10px;
     color : #484e53;
     background-color : #caeeff;
     padding-left : 3px;
     line-height : 14px;
     text-decoration : none;
     border : 1px solid #ffffff;
     height : 22px;
     width : 18px;
      }
 .calendar {
     
     font-size : 10px;
     color : #484e53;
     background-color : #ffffff;
     padding-left : 3px;
     line-height : 14px;
     text-decoration : none;
     height : 22px;
     width : 18px;
      }
 .event {
     
     font-size : 11px;
     color : #484e53;
     background-color : #ffffff;
     text-decoration : none;
     border : 1px solid #e6e6e6;
      }
 .empty {
     background-color : #ffffff;
     color : inherit;
     line-height : 14px;
     height : 22px;
     width : 18px;
      }
 .calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 .calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 .calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 h4.infoTitle {
     margin-top : 0;
     margin-right : 0;
     margin-left : 0;
     margin-bottom : 0.2em;
      }
 p.infoBlurb {
     margin-top : 0;
     margin-right : 0;
     margin-left : 0;
     margin-bottom : 2em;
      }
 TD.productPriceInListing {
     
     font-size : 10px;
     background : #d2e9fb;
     color : inherit;
      }
 TD.productPriceInBox {
     
     font-size : 10px;
     background : #ffffff;
     color : inherit;
      }
 TD.productPriceInProdInfo {
     
     font-size : 12px;
     background : #ccffcc;
     color : inherit;
      }
 #navMenu {
     clear : both;
     height : 0.01%;
     margin : 0;
     padding : 0;
     list-style : none;
      }
 #navMenu ul {
     float : left;
     width : 150px;
     margin : 0;
     padding : 0;
     list-style : none;
      }
 #navMenu li {
     position : relative;
     float : left;
     line-height : 24px;
     margin-bottom : -1px;
     width : 150px;
      }
 #navMenu li ul {
     position : absolute;
     left : -999em;
     margin-left : 150px;
     margin-top : -26px;
      }
 #navMenu li ul ul {
     left : -999em;
      }
 #navMenu li a {
     width : 150px;
     display : block;
     color : #334;
     font-weight : bold;
     text-decoration : none;
     background : #ffffff;
     border : 1px solid #cce;
     padding-left : 2px;
      }
 #navMenu li a:hover {
     color : #484e53;
     background : #aac;
      }
 #navMenu li:hover ul ul, #navMenu li:hover ul ul ul, #navMenu li.sfhover ul ul, #navMenu li.sfhover ul ul ul {
     left : -999em;
      }
 #navMenu li:hover ul, #navMenu li li:hover ul, #navMenu li li li:hover ul, #navMenu li.sfhover ul, #navMenu li li.sfhover ul, #navMenu li li li.sfhover ul {
     left : auto;
      }

.listing_product_name{ font-size: 12px;  font-weight: bold; text-decoration: none; color: #e55c19;}
.listing_product_price{  font-size:12px; font-weight:bold; color: #2d5f80;
}
.precio_iva{ font-size:12px; font-weight:bold; color: #484e53;
}
.texto{ font-size:12px; color: #484e53;
}
.productName {text-align:center; font-size: 12px; font-weight: bold; color: #e55c19; background: inherit; text-transform: uppercase;}

.bg-tm { background:url(images/bg-tm.gif) top repeat-x}
.bg-tl { background:url(images/bg-tl.gif) top left no-repeat}
.bg-tr { background:url(images/bg-tr.gif) top right no-repeat}

.bg-hm { background:url(images/bg-hm.gif) top repeat-x}
.bg-hl { background:url(images/bg-hl.gif) top left no-repeat}
.bg-hr { background:url(images/bg-hr.gif) top right no-repeat}

.bg-mm { background:url(images/bg-mm.jpg) top repeat-x}
.bg-ml { background:url(images/bg-ml.gif) top left no-repeat}
.bg-mr { background:url(images/bg-mr.jpg) top right no-repeat}

.bg-bm { background:url(images/bg-bm.gif) top repeat-x}
.bg-bl { background:url(images/bg-bl.gif) top left no-repeat}
.bg-br { background:url(images/bg-br.gif) top right no-repeat}

.bg-pm { background:url(images/bg-pm.gif) top repeat-x}
.bg-pl { background:url(images/bg-pl.gif) top left no-repeat}
.bg-pr { background:url(images/bg-pr.gif) top right no-repeat}

.bg-pm2 { background:url(images/bg-pm2.gif) top repeat-x}
.bg-pl2 { background:url(images/bg-pl2.gif) top left no-repeat}
.bg-pr2 { background:url(images/bg-pr2.gif) top right no-repeat}

.tall-l { background:url(images/tall-l.gif) left repeat-y}
.tall-r { background:url(images/tall-r.gif) right repeat-y}
.tall-t { background:url(images/tall-t.gif) top repeat-x}
.tall-b { background:url(images/tall-b.gif) bottom repeat-x}
.k-tl { background:url(images/k-tl.gif) top left no-repeat}
.k-tr { background:url(images/k-tr.gif) top right no-repeat}
.k-bl { background:url(images/k-bl.gif) bottom left no-repeat}
.k-br { background:url(images/k-br.gif) bottom right no-repeat}

.k-tl2 { background:url(images/k-tl2.gif) top left no-repeat}
.k-tr2 { background:url(images/k-tr2.gif) top right no-repeat}
/* menu Image - Show Sub-categories  Star */
a.menucateg:hover {
background-color: #e55c19;
background-repeat: repeat;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}
a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active {
display: block;
vertical-align: middle;
font-size: 12px;

text-align: left;
height: 17px;
text-decoration: none;
}
a.menucateg:link, a.menucateg:visited, a.menucateg:active {
display: block;
vertical-align: middle;
font-size: 12px;

font-weight: bold;
text-align: left;
height: 17px;
text-decoration: none;
}
a.menusubcateg:hover {
background-color: #e55c19;
background-repeat: repeat;
text-decoration: none;
color: #FFFFFF;
}

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	cursor: default;
	width: auto;
	background-color: #1c6a91;
	
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	/*width: 8em;*/
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 12.75em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	/*border: 1px solid #CCC;*/
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #1c6a91;
	padding: 0.5em 0.75em;
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
		white-space:nowrap;

}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #e55c19;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #e55c19;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
 

}
.info {
color: #000000;
background-color: #BDE5F8;
background-image: url('/images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #000000;
background-color: #FEEFB3;
background-image: url('/images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}

  fieldset { border: 1px solid rgb(204, 204, 204);
    padding: 5px;
    margin-bottom: 10px;
    text-align: left;
    }

  fieldset p { margin: 10px 0px;
    }

  legend { border: 1px solid rgb(204, 204, 204);
    padding: 2px;
    color: rgb(0, 0, 0);
    font-size: 1.1em;
    font-weight: bold;
    background-color: rgb(247, 247, 247);
    text-align: center;
    }