* {
	margin: 0;
	padding: 0;
}

body {
background-color: white; /*#f9f7d2;; #D0D0D0;*/
font:12px Helvetica, Tahoma, Arial, sans-serif;
/*font-family: "trebuchet ms", "Tahoma", "Helvetica", verdana, sans-serif;*/
font-size: 12px;
line-height: 17px;
color: #333;
}

a {
text-decoration: none;
color: #2856bf; /* #004990;*/
}
a:hover {
text-decoration: underline;
color: #111;
}

#wrap {
width: 95%;
height: 80%;
background-color: #fff; 
}

#wrap center
{
	text-align: center;
}


#header {
width: 95%;
height: 80%;
line-height: 25px;
/*border: 0px solid #a90628;*/
border: 1px solid #500a08; 
background-color: white;
}	
	
#header h1 { 
font-family: "trebuchet ms", "Tahoma", "Helvetica", "verdana", sans-serif;
font-size: 32px;
letter-spacing: 1px;
/*padding: 23px 0 0 20px;*/
color: #180877; /*#6d1311;*#aaa;*/
}
#header h1 a { 
color: #aaa;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #111;
}

#header h2 { 
font-family: "trebuchet ms", "Tahoma", "Helvetica", verdana, sans-serif;
font-size: 18px;
letter-spacing: 1px;
/*padding: 23px 0 0 20px;*/
color: #6d1311; /*#aaa;*/
}

#header h3 { 
font-family: "trebuchet ms", "Tahoma", "Helvetica", verdana, sans-serif;
font-size: 16px;
letter-spacing: 1px;
/*padding: 23px 0 0 20px;*/
color: #a90628; /*#aaa;*/
}

#header submit {
background-color:blue; 
color:white;	
}

.entry h5 {
font-family: "trebuchet ms", verdana, sans-serif;
font: 100% sans-serif;
color: red ;
margin-bottom: 2px;
}
.entry h6 {
font-family: "trebuchet ms", verdana, sans-serif;
font: 100% sans-serif;
color: black ;
margin-bottom: 2px;
}


#headertitle h3 {
font-size: 25px;
font-family: "trebuchet ms", verdana, sans-serif;
color: #a90628;
padding: 5px 10px 10px 20px;
letter-spacing: -1px;
font-weight: 100;
}

#footer {
height: 45px;
width: 100%;
line-height: 30px;
background: #ce0732;
text-align: center;
font-size: 11px;
color: #fff;
}
#footer a { color: #fff; }

#footer h6 { 
font-size: 12px;
letter-spacing: -1px;
color: #fff; /*#aaa;*/
}
/* Antes de hacer menu desplegable  */
/* #menu {
height: 30px;
font-family: "trebuchet ms", verdana, sans-serif;
font-weight: 100;
line-height: 25px;
border-top: 2px dotted #555;
border-bottom: 2px dotted #555;
background-image: url(/images/imagenmenu.jpg);
}

#menu ul li {
display: block;
float: left; 
list-style-type:none;
border: 1px solid #6d1311; 
-moz-border-radius: 9px 9px; 
background: #fff8c1;
}
#menu ul li a {
padding: 0 15px 0 15px;
text-decoration: none;
font-weight: 100;
font-size: 15px;
color: #6d1311; 
}
#menu ul li a:hover {
color: #b51212; 
text-decoration: none;
font-weight: 200;
font-size: 15px;
color: #0f6104;
--background-image: url(/images/menu_bg_pink.jpg);
} */
/* Fin de antes de hacer  menu desplegable */

/* Nuevo intento menu desplegable */
/*body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}*/
#marco {
	/*width:455px;*/
	padding:0px;
	text-align:left;
	}
 
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(/images/button4a.gif);}
.menu2 {padding:0; margin:0; margin-bottom:0; list-style:none; height:25px; background:#fff url(/images/fd_menu.gif) repeat-x; position:relative; font-family: arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:25px; margin-left:6px; line-height:25px; color:#333; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 10px 0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {color:#fff;  background:url(/images/button4a.gif);}
.menu2 li a.top_link:hover span { background:url(/images/button4a.gif)}
.menu2 li a.top_link:hover span.down { background:url(/images/button4a.gif)}
 
.menu2 li:hover > a.top_link {color:#6d1311; background:url(/images/button4a.gif);}
.menu2 li:hover > a.top_link span {background:url(/images/button4a.gif);}
.menu2 li:hover > a.top_link span.down {background:url(/images/button4a.gif);}
 
 
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
 
/* Default link styling */
 
/* Style the list OR link hover. Depends on which browser is used */
 
.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}
 
/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
 
.menu2 :hover ul.sub {left:6px; top:25px; background: #fff; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal;}
.menu2 :hover ul.sub li {display:block; /*height:20px; */position:relative; float:left; width:160px; border-bottom:1px solid #a90628; border-left:1px solid #a90628; border-right:1px solid #a90628; margin-bottom:0;}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#a90628; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff  url(/images/vineta_menu.gif) no-repeat 150px 6px;}
.menu2 :hover ul.sub li a:hover {background:#f0d9d8; color:#a90628;}
.menu2 :hover ul.sub li a.fly:hover {background:#f0d9d8 url(/images/vineta_menu.gif) no-repeat 150px 6px;}
.menu2 :hover ul li:hover > a.fly {background:#f0d9d8} 
 
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menu2 :hover ul.sub li ul {border-top:1px solid #a90628; background: #fff; z-index:300;}

/* Fin nuevo intento menu desplegable*/

#content {
/*padding: 0 20px 20px 20px;*/
padding: 0 1% 0 1%;
width: 100%;
}

.right {
float: right;
margin: 0px 0px 0px 0px;
width: 73%; /*520*/
text-align: left;
}
.right h2 {
font-size: 18px;
font-weight: 100;
padding: 7px 0 7px 0;
}
.right h2 a {
text-decoration: none;
color: #004990;
}
.right h2 a:hover {
color: #111;
}
.right h3 {
font-family: "trebuchet ms", verdana, sans-serif;	
font-weight: lighter;
font-size: 14px;
}

/* Nueva area para los anuncios google verticales */
.farright {
float: left;
margin: 0px 5px 0px 5px;
/*width: 140px; /*520*/
width: 15%;
/*max-width: 20%;*/
text-align: justify;
}
.farright h2 {
font-size: 18px;
font-weight: 100;
padding: 15px 0 7px 0;
}
.farright h2 a {
text-decoration: none;
color: #004990;
}
.farright h2 a:hover {
color: #111;
}


.left {
float: left;
/*width: 210px;*/
width: 25%;
/*max-width: 25%;*/
margin-top: 10px;
background: #ffffff; /*#004990;*/
}
.left h2 {
margin: 10px 0 0 0;
padding-left: 10px;
height: 28px;
line-height: 28px;
color: #a90628;
font-size: 13px;
background: #788BBD;
}
.left ul {
padding: 10px 0 15px 20px;
list-style-type: square;
color: #a90628;
font-family: "trebuchet ms", verdana, sans-serif;
border-bottom: 1px solid #a90628;
}
.left ul li a {
/*text-decoration: underline;*/
color: #a90628;
font-size: 13px;
font-weight: 200;
}
.left ul li a:hover {
color: #0f6104; /*#fff;*/
font-weight: 200;
}
.left ul li2 a {
padding: 0px 0px 0px 10px; 
text-decoration: none;
color: #a90628;
font-size: 12px;
font-weight: 100;
}
.left ul li2 a:hover {
color: #0f6104; /*#fff;*/
font-weight: 200;
}



/* Parte heredada del scaffold original */
/* The error box */
.fieldWithErrors {
padding: 2px;
background-color: red;
display: table;
}
#errorExplanation {
width: 400px;
border: 2px solid red;
padding: 7px;
padding-bottom: 12px;
margin-bottom: 20px;
background-color: #f0f0f0 ;
}
#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px;
background-color: #c00 ;
color: #fff ;
}
#errorExplanation p {
color: #333 ;
margin-bottom: 0;
padding: 5px;
}
#errorExplanation ul li {
font-size: 12px;
list-style: square;
}

/* Styles for the cart in the sidebar */
#intercambio, #intercambio table {
font-size: small ; /* smaller */
color: #2f3c69;
}
#intercambio table {
/*border-top: 1px; dotted #595 ;
border-bottom: 1px dotted #595 ;*/
margin-bottom: 10px;
}
/* Styles for the cart in the main page and the sidebar */
.intercambio-title {
font: 140% bold; /* era 120% */
}
.item-valoracion, .total-line {
text-align: right;
}
.total-line .total-cell {
	font-weight: bold;
	color: #2f3c69;
border-top: 1px solid #595 ;

}

/* Styles for articulo/index */
#listado-list .list-title {
color: #244 ;
font-weight: bold;
font-size: larger;
font-family: "trebuchet ms", verdana, sans-serif;
border: 2px solid blue;
width: 90%;
padding: 0 5% 0 5%;
}
	
	
#listado-list .list-image {
width: 60px;
height: 70px;
}

#listado-list .list-actions {
font-size: x-small;
text-align: right;
padding-left: 1em;
}
#listado-list .list-line-even {
background: #f4f4f2;
/*background-image: url(/images/fondo_verde.jpg) ;*/
border: 1px solid red;
width: 100%;
}
#listado-list .list-line-odd {
background: #dcc3c8;
/*background-image: url(/images/fondo_amarillo.jpg) ;*/
border: 2px solid blue;
width: 100%;
}
#listado-list .list-line-odd a {
text-decoration: none;
color: #2856bf; /* #004990;*/
}
#listado-list .list-line-odd a:hover {
text-decoration: underline;
color: #111;
}
#listado-list .list-line-even a {
text-decoration: none;
color: #2856bf; /* #004990;*/
}
#listado-list .list-line-even a:hover {
text-decoration: underline;
color: #111;
}
#listado-list h4
{
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
	/*padding: 0 2% 0 2%;*/
	/*background: #6d1311;*/
	color: blue;
}

#listado-list h5
{
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
	/*padding: 0 2% 0 2%;*/
	/*background: #6d1311;*/
	color: black;
}

/* Styles para el detalle del carrito */
#carrito-list .list-title {
color: #244 ;
font-weight: bold;
font-size: larger;
border: 2px solid blue;
}
#carrito-list .list-image {
width: 60px;
height: 70px;
}
#carrito-list .list-actions {
font-size: x-small;
text-align: right;
padding-left: 1em;
}
#carrito-list .list-line-even {
background: #f9d6d2; /*#e0f8f8 ;*/ 
border: 2px solid blue;
}
#carrito-list .list-line-odd {
background: #f9f7d2; /*#f8b0f8 ;*/
}

#carrito-list .list-line-odd a {
text-decoration: none;
color: #2856bf; /* #004990;*/
}
#carrito-list .list-line-odd a:hover {
text-decoration: underline;
color: #111;
}
#carrito-list .list-line-even a {
text-decoration: none;
color: #2856bf; /* #004990;*/
}
#carrito-list .list-line-even a:hover {
text-decoration: underline;
color: #111;
}
#Reloj h4{
	text-decoration: blink;
}

#Reloj2 h4{
	text-decoration: blink;
}
.panelanuncio fieldset {
/*background: #fffde3; #c6f1e5; #f3d9b0; #c1f1ef; #efe; */ 
background-image: url(/images/fondo_panel.jpg);
border: 8px solid #ba7b17;
border-style: solid;
padding: 0.2em 1em 0.2em 1em;
/*padding: 10px 5px 0px 5px;*/
}

/* Styles for nomoney-form in the right side */
.nomoney-form {
	width: 90%;
	padding: 0 5% 0 5%;
}

.nomoney-form fieldset {
/*-moz-border-radius: 9px 9px; /* Solo funciona con mozilla */
color: #cdcdc5; /*#6d1311;*/
background-color: #a90628; /*#a90628;  /*#c6f1e5; #f3d9b0; #c1f1ef; #efe; */ 
/*background-image: url(/images/fondo_form.jpg);*/
/*border: 3px solid #6d1311; /*#fffde3;*/
border: 8px solid #cdcdc5; /*#6d1311;  #2f3c69;*/
border-style: solid;
margin-bottom: 0px;
}

.nomoney-form a {
text-decoration: none;
color: #81a3ef; /* #004990;*/
}

.nomoney-form a:hover {
text-decoration: underline;
color: #111;
}
.nomoney-form H1 {
font-size : 12px;
font-family : "trebuchet ms", "Lucida Grande", verdana,arial;
text-decoration : none;
text-align : right;
color: #f4ed31 ;
/*-moz-border-radius: 4px 4px;*/
background-color : #9f0101; /*Teal;*/
}
.nomoney-form h2{
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 14px;
color: #000;
	}
.nomoney-form h3{
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 18px;
	padding: 10px 0px 10px 10px;
	background: #cdcdc5;
	/*background-image: url(/images/fondo_form.jpg);*/
	color: #6d1311 ;
	}
	
.nomoney-form h4{
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
	padding: 0 2% 0 2%;
	/*background: #6d1311;*/
	color: white ;
	}	
.nomoney-form p{
	margin:0;
	padding: 1px 0 1px 0;
	line-height: 1.3;
	text-align: justify}

.nomoney-form legend {
color: white;  /*#2f3c69; /*#dfd ;*/
background: #a90628; /*#6d1311; /* #2f3c69; *#141 ;*/
/*font-style: square; */
/*-moz-border-radius: 8px 8px;*/
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 14px;
padding: 0.2em 1em;
/*margin-left: 5.5em;*/
}
.nomoney-form label {
font-size: 14px;
font-family: "trebuchet ms", verdana, sans-serif; 
/*"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
color: white; /*#6d1311;*/
display:block; 
font-weight:bold; 
padding-left: 5%;
/*float: left;  Si no pongo esto me pone el campo bajo el label, asi lo deja a la dcha */
}
.nomoney-form .submit {
margin-left: 5.5em;
color: white;
background-color: blue;
}
.nomoney-form textarea, select { 
/* tb input pero a parte de campos de texto 
  marca tb los botones con imagen pq los dos son de tipo input */
 border:1px solid #000; 
} 

.nomoney-form input:focus, textarea:focus, select:focus { 
 background:#FFF799; 
}

.nomoney-form #foto {
position: relative;
top: -220px;
left: 450px;
}

/* Otro form un poco más pequeño para ciertas pantallas */
/* Styles for nomoney-form in the right side */
.nomoney-form-peque {
	width: 70%;
	padding: 0 10% 0 10%;
	
}

.nomoney-form-peque fieldset {
/*-moz-border-radius: 9px 9px; /* Solo funciona con mozilla */
color: #cdcdc5; /*#6d1311;*/
background-color: white;  /*#c6f1e5; #f3d9b0; #c1f1ef; #efe; */ 
/*background-image: url(/images/fondo_form.jpg);*/
/*border: 3px solid #6d1311; /*#fffde3;*/
border: 8px solid #cdcdc5; /*#6d1311;  #2f3c69;*/
border-style: solid;
margin-bottom: 0px;
}
.nomoney-form-peque H1 {
font-size : 12px;
font-family : "Lucida Grande", verdana,arial;
text-decoration : none;
text-align : right;
color: #f4ed31 ;
/*-moz-border-radius: 4px 4px;*/
background-color : #9f0101; /*Teal;*/
}
.nomoney-form-peque h2{
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 16px;
color: #000;
	}
.nomoney-form-peque h3{
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 14px;
	padding: 5px 0px 5px 5px;
	/*background: #6d1311;*/
	background-image: url(/images/fondo_form.jpg);
	color: #dfd ;
	}
	
.nomoney-form-peque p{
	margin:0;
	padding: 1px 0 1px 0;
	line-height: 1.3;
	text-align: justify}

.nomoney-form-peque legend {
color: white;  /*#2f3c69; /*#dfd ;*/
background: #a90628; /*#6d1311; /* #2f3c69; *#141 ;*/
/*font-style: square; */
/*-moz-border-radius: 8px 8px;*/
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 14px;
padding: 0.2em 1em;
/*margin-left: 5.5em;*/
}
.nomoney-form-peque label {
font-size: 14px;
font-family: "trebuchet ms", verdana, sans-serif; 
/*"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
color: #a90628; /*#6d1311;*/
display:block; 
font-weight:bold; 
padding-left: 5%;
/*float: left;  Si no pongo esto me pone el campo bajo el label, asi lo deja a la dcha */
}
.nomoney-form-peque .submit {
margin-left: 5.5em;
color: white;
background-color: blue;
}
.nomoney-form-peque textarea, select { 
/* tb input pero a parte de campos de texto 
  marca tb los botones con imagen pq los dos son de tipo input */
 border:1px solid #000; 
} 

.nomoney-form-peque input:focus, textarea:focus, select:focus { 
 background:#FFF799; 
}

#separador{
/*margin-bottom: 20px*/
font-size : 13px;
font-family : "trebuchet ms", "Helvetica", "Lucida Grande", verdana,arial;
font-weight:bold; 
/*text-decoration : underline;*/
text-align : center;
color: #9f0101;
background-color: #edf6eb; /*white; /*#fffde3;*/
border: 1px solid #9f0101;
}
/* Valores nifty */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}


/* Styles for nomoney-form in the left side (categories, etc...) */
.nomoney-form-left fieldset {
/*-moz-border-radius: 9px 9px; /* Solo funciona con mozilla */
color: #a90628;
background: #cdcdc5; /*#c6f1e5; #f3d9b0; #c1f1ef; #efe; */ 
/*background-image: url(/images/fondo_form.jpg);*/
/*border: 3px solid #6d1311; /*#fffde3;*/
border: none;
/*border-style: solid;*/
margin-bottom: 0px}

.nomoney-form-left h3{
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 14px;
	margin:0;
	padding: 0 0 3px;
	background: #a90628;
	color: #fff;
	text-align: center}
	
.nomoney-form-left p{
	margin:0;
	padding: 1px 0 1px 0;
	line-height: 1.3;
	text-align: justify}

.nomoney-form-left legend {
color: white;  /*#2f3c69; /*#dfd ;*/
background: #a90628; /* #2f3c69; *#141 ;*/
/*font-style: square; */
/*-moz-border-radius: 8px 8px;*/
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 14px;
padding: 0.2em 1em;
/*margin-left: 5.5em;*/
}
.nomoney-form-left label {
width: 5em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}
.nomoney-form-left .submit {
margin-left: 5.5em;
color: white;
background-color: blue;
}
/* Styles for articulo/index */
#articulo-list .list-title {
color: #244 ;
font-weight: bold;
font-size: larger;
}
#articulo-list .list-image {
width: 60px;
height: 70px;
}
#articulo-list .list-actions {
font-size: x-small;
text-align: right;
padding-left: 1em;
}
#articulo-list .list-line-even {
background: #e0f8f8 ;
}
#articulo-list .list-line-odd {
background: #f8b0f8 ;
}
#articulo-list .list-line-even {
background: #e0f8f8 ;
}
#articulo-list .list-line-total {
background: white ;
}
#notice {
border: 4px dotted red; 
margin-bottom: 2em;
margin-right: 5%;
margin-left: 5%;
background-color: #f0f0f0 ;
padding: 0 5% 0 5%;
width: 80%;
font-family: "trebuchet ms", verdana, sans-serif;
font: bold 14px sans-serif;
background-image: url(/images/imagenojo.jpg);
background-repeat: no-repeat;
}

/* Para el slideshow */
.slideshow { height: 30%; width: 60%; margin: auto }
.slideshow img { padding: 5px; border: 1px solid #a90628; background-color: #ffffff; }
.slideshow h1 { padding: 15px; border: 1px solid #a90628; background-color: white; color: #595; }
.slideshow h2 { padding: 15px; border: 1px solid #a90628; background-color: #cdcdc5; }
.slideshow h5 { padding: 15px; border: 1px solid #a90628; background-color: white; }

.slideshow2 { height: 30%; width: 60%; margin: auto }
.slideshow2 img { padding: 5px; border: 0px solid #a90628; background-color: #ffffff; }
.slideshow2 h1 { padding: 15px; border: 1px solid #a90628; background-color: white; color: #595; }
.slideshow2 h2 { padding: 15px; border: 1px solid #a90628; background-color: #cdcdc5; }
.slideshow2 h5 { padding: 15px; border: 1px solid #a90628; background-color: white; }

/* Para los codigos de lightbox */
/* Lightbox muestra una galeria de fotos de manera elegante */
#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; }