/*---------------------------
 Body
---------------------------*/

* { padding: 0; margin: 0; }
img { border: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background: #DFDFDF url(img/bg.gif) top center repeat-y;
 /*background: #FFF;*/
}

#top {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0px auto;
 height: 120px;
 width: 100%;
 padding: 0px;
 background: #FCC94C url(img/top_bg.jpg) top center repeat-x;
}
#top p { 
 color: #FFF;
 font-size: 13px;
 text-align: center;
 padding: 0px 0px 0px 0px;
 margin: 0px;
}
#top a { 
 color: #FFF;
 text-decoration: none;
 margin: 0px 10px;
}
#top a:hover { 
 color: #FFF;
 text-decoration: underline;
}

#wrapper { 
 margin: 0px auto 0px auto;
 width: 950px;
 background: #FFF;
 border: 10px solid #FFF;
}
#wrapper p.cleari{ 
 clear: both;
}



/*---------------------------
 Header
---------------------------*/

#header {
 color: #333;
 width: 950px;
 padding: 0px;
 /*border-top: 3px solid #BBB;
 border-bottom: 5px solid #BBB;*/
 height: 263px;
 margin: 0px 0px 0px 0px;
 background: #FFF url(img/header3.jpg) top left no-repeat;
 clear: both;
}
#headb {
 color: #333;
 width: 950px;
 padding: 0px;
 height: 35px;
 margin: 0px;
 background: #FFF;
 clear: both;
}



/*---------------------------
 Left
---------------------------*/

#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFF /*url(img/contbg.gif) top left repeat-x*/;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 /*height: 400px;*/
 width: 215px;
 float: left;
}


.menu {
z-index: 100;
margin: 0px 0px 0px 15px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:195px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#FFF;
height:26px;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
text-transform: uppercase;
height:25px;
line-height:25px;
width:180px;
padding-left: 15px; 
color: #E50004;
background: url(img/nav1s.png) 0 -38px no-repeat;
border-bottom: 1px solid #BBB; 
font-weight: bold; 
font-size: 12px;
text-indent:5px;
}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#d4d8bd; width:195px; w\idth:194px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#949e7c;}

.menu :hover > a {
color:#000; 
background: #EEE url(img/nav1s.png) 0 6px no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:195px; 
}
.menu ul ul a, .menu ul ul a:visited {
display:block; 
background: #999;
text-decoration:none;
text-transform: none;
padding-left: 0px; 
height:25px;
line-height:25px;
width:144px;
color:#EEE;
text-indent:5px;
border:1px solid #CCC;
border-width:0 0px 1px 1px;
}
.menu ul ul :hover > a{
color:#000; 
background: #EEE;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul ul {
visibility:hidden;
position:absolute;
top:0;
left:145px; 
}
.menu ul ul ul a, .menu ul ul ul a:visited {
display:block; 
background: #999;
text-decoration:none;
text-transform: none;
padding-left: 0px; 
height:25px;
line-height:25px;
width:144px;
color:#EEE;
text-indent:5px;
border:1px solid #CCC;
border-width:0 1px 1px 1px;
}
.menu ul ul ul a:hover {
color:#000; 
background: #EEE;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

#leftcolumn p.cleari { 
 clear: both;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 line-height: 20px;
}

#lbox {
 background: /*#FFF*/ #F1F1F1 /*url(img/lboxmid.gif) top center repeat-y*/;
 padding: 10px 0px 10px 0px;
 border: 1px solid #CCC;
 /*border-bottom: 1px solid #CCC;*/
 margin: 0px 5px 20px 15px;
 clear: both;
}
#lboxup {
 background: #F6F6F6 /*url(img/lboxmid.gif) top center repeat-y*/;
 padding: 0px;
 /*border: 1px solid #BBB;*/
 margin: 0px 15px 10px 15px;
 clear: both;
}
#leftcolumn h1 { 
 width: 170px;
 margin: 0px 0px 0px 0px;
 padding: 0px 7px 0px 15px;
 font-size: 13px;
 font-weight: bold;
 /*text-transform: uppercase;*/
 color: #E50004;
 /*background: #DDD *//*url(img/lboxtop.gif) top center no-repeat*/;
}
#leftcolumn h2 { 
 margin: 0px 0px 0px 0px;
 padding: 25px 10px 0px 20px;
 font-size: 16px;
 font-weight: normal;
 clear: both;
}
#leftcolumn img { 
 margin: 0px 0px 0px 0px;
 padding: 2px;
 border: 1px solid #CCC;
}
#leftcolumn img:hover { 
 margin: 0px 0px 0px 0px;
 padding: 2px;
 border: 1px solid #999;
}
#leftcolumn img.corner { 
 margin: 0px 0px 0px 0px;
 padding: 0px;
 border: 0px solid #CCC;
}
#leftcolumn p { 
 color: #333;
 font-size: 11px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 5px 5px 5px 15px;
 line-height: 18px;
 /*background: #EEE *//*url(img/lboxbot.gif) bottom center no-repeat*/;
}
#leftcolumn p.center { 
 display: block;
 color: #FFF;
 font-size: 13px;
 text-align: center;
 padding: 0px;
 margin: 7px 0px 7px 0px;
}
#leftcolumn p.right { 
 clear: both;
 text-align: right;
 color: #333;
 font-size: 12px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 3px 10px 3px 10px;
 line-height: 18px;
 /*letter-spacing: 0.5px*/
 /*padding: 10px;*/
 /*background: #F9F9F9;*/
}

#leftcolumn a.blue { 
 color: #006B9E;
 /*margin: 3px 10px 3px 10px;*/
}
#leftcolumn a.blue:hover { 
 color: #0195DB;
}

#upmenu {
 margin: 0px 0px 20px 15px;
}
#upmenu ul {
padding:0;
margin:0;
list-style-type:none;
width:195px;
}
#upmenu a {
 font-size: 13px;
 color: #555;
}
#upmenu a:hover {
 color: #E50004;
}



/*---------------------------
 Right
---------------------------*/

#rightcolumn { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: #FFF /*url(img/contbg.gif) top left repeat-x*/;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 /*height: 350px;*/
 width: 500px;
}
#rbox {
 /*background: #EAEAEA;*/
 padding: 0px 10px 0px 10px;
 /*border: 1px solid #BBB;*/
 margin: 0px 10px 25px 10px;
 clear: both;
}
#rbox_b {
 /*background: #EAEAEA;*/
 padding: 0px 10px 0px 10px;
 /*border: 1px solid #BBB;*/
 margin: 0px 10px 15px 10px;
 clear: both;
}
#rboxkohde {
 /*background: #EAEAEA;*/
 padding: 0px 10px 0px 10px;
 /*border: 1px solid #BBB;*/
 margin: 0px 10px 0px 10px;
 clear: both;
}
#rpics {
 float: left;
 text-align: center;
 width: 138px;
 height: 135px;
 background: #FFF /*#EAEAEA*/;
 padding: 0px 0px 0px 0px;
 border: 0px /*1px*/ solid #CCC;
 margin: 0px 0px 10px 10px;
 /*clear: both;*/
}
#rpicskohde {
 float: left;
 text-align: center;
 width: 138px;
 height: 110px;
 background: #FFF /*#EAEAEA*/;
 padding: 0px 0px 0px 0px;
 border: 0px /*1px*/ solid #CCC;
 margin: 0px 0px 10px 10px;
 /*clear: both;*/
}
#rpicskortit {
 float: left;
 text-align: center;
 width: 138px;
 height: 160px;
 background: #FFF /*#EAEAEA*/;
 padding: 0px 0px 0px 0px;
 border: 0px /*1px*/ solid #CCC;
 margin: 0px 0px 10px 10px;
 /*clear: both;*/
}
#rpicskumppanit {
 float: left;
 text-align: center;
 width: 138px;
 height: 85px;
 line-height: 85px;
 background: #FFF /*#EAEAEA*/;
 padding: 0px 0px 0px 0px;
 border: 0px /*1px*/ solid #CCC;
 margin: 0px 0px 0px 10px;
 /*clear: both;*/
}
#rightcolumn img.center {
 float: none;
 /*text-align: center;*/
 padding: 0px;
 border: 1px solid #CCC;
 /*display: block;*/
 margin: 8px auto 2px auto;
}
#rightcolumn img.nobcenter {
 float: none;
 /*text-align: center;*/
 padding: 0px;
 border: 0px solid #CCC;
 /*display: block;*/
 margin: 8px auto 2px auto;
}
#rightcolumn h1 { 
 margin: 5px 10px 3px 10px;
 padding: 0px 0px 3px 0px;
 border-bottom: 2px solid #999;
 font-size: 15px;
 font-weight: bold;
 color: #444;
 clear: both;
}
#rightcolumn h2 { 
 margin: 0px 0px 0px 0px;
 padding: 20px 10px 0px 20px;
 font-size: 16px;
 font-weight: normal;
 clear: both;
}
#rightcolumn h3 { 
 color: #666;
 margin: 0px 0px 0px 10px;
 padding: 0px 0px 0px 0px;
 font-size: 11px;
 font-weight: normal;
 clear: both;
}

/*--up--*/
#rightcolumn h4 { 
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 0px 30px;
 font-size: 16px;
 font-weight: normal;
 clear: both;
}
#rightcolumn h5 { 
 margin: 15px 10px 3px 30px;
 padding: 0px 0px 3px 0px;
 border-bottom: 2px solid #999;
 font-size: 15px;
 font-weight: bold;
 color: #444;
 clear: both;
}
/*------*/

#rightcolumn h6 { 
 margin: 8px 0px 0px 0px;
 padding: 0px 10px 0px 10px;
 font-size: 13px;
 font-weight: bold;
 clear: both;
}
#rightcolumn h7 { 
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 0px 20px;
 font-size: 16px;
 font-weight: normal;
 clear: both;
}

#rightcolumn img { 
 float: left;
 /*padding: 2px;*/
 border: 1px solid #BBB;
 margin: 6px 10px 2px 10px;
}
#rightcolumn img.right { 
 float: right;
 /*padding: 2px;*/
 border: 1px solid #BBB;
 margin: 6px 10px 2px 10px;
}
#rightcolumn img.nob { 
 float: left;
 /*padding: 2px;*/
 border: 0px solid #BBB;
 margin: 6px 0px 2px 10px;
}
#rightcolumn img.nobright { 
 float: right;
 /*padding: 2px;*/
 border: 0px solid #BBB;
 margin: 6px 0px 2px 10px;
}
#rightcolumn img.line { 
 float: left;
 margin: 5px 10px 25px 10px;
 padding: 3px;
 border: 0px;
 clear: both;
}
#rightcolumn img.ladypesis { 
 float: none;
 /*padding: 2px;*/
 border: 1px solid #BBB;
 margin: 6px 10px 12px 10px;
}

#rightcolumn p { 
 color: #444;
 font-size: 12px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 3px 10px 3px 10px;
 line-height: 18px;
}
#rightcolumn p.right { 
 clear: both;
 text-align: right;
 color: #333;
 font-size: 12px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 3px 10px 3px 10px;
 line-height: 18px;
}
#rightcolumn p.cleari { 
 clear: both;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 line-height: 4px;
}
#rightcolumn p.rpicstxt { 
 color: #333;
 font-size: 11px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 2px 2px 2px 2px;
 line-height: 14px;
}
#rightcolumn p.rightpics { 
 text-align: right;
 color: #333;
 font-size: 11px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 2px 10px 3px 10px;
 line-height: 14px;
}
#rightcolumn a { 
 color: #555;
 /*margin: 3px 10px 3px 10px;*/
}
#rightcolumn a:hover { 
 color: #E50004;
}
#tuotebox {
 float: left;
 width: 310px;
 height: 210px;
 margin: 0px 10px 10px 0px;
 border: 1px solid #CCC;
 background: #F6F6F6;
}



/*---------------------------
 Sidebar
---------------------------*/

#sidebar { 
 color: #333;
 border: 0px solid #ccc;
 background: #FFF /*url(img/contbg.gif) top left repeat-x*/;
 margin: 0px 15px 0px 0px;
 padding: 0px;
 /*height: 400px;*/
 width: 215px;
 float: right;
}
#sbox {
 background: /*#FFF*/ #F1F1F1 /*url(img/lboxmid.gif) top center repeat-y*/;
 padding: 0px 0px 0px 0px;
 border: 1px solid #CCC;
 /*border-bottom: 1px solid #CCC;*/
 margin: 0px 0px 20px 0px;
 clear: both;
}
#sboxup {
 background: #F6F6F6 /*url(img/lboxmid.gif) top center repeat-y*/;
 padding: 0px;
 /*border: 1px solid #BBB;*/
 margin: 0px 15px 10px 15px;
 clear: both;
}
#sidebar h1 { 
 /*width: 170px;*/
 margin: 0px 0px 0px 0px;
 padding: 12px 0px 0px 15px;
 font-size: 13px;
 font-weight: bold;
 /*text-transform: uppercase;*/
 color: #E50004;
 /*background: #DDD *//*url(img/lboxtop.gif) top center no-repeat*/;
}
#sidebar h2 { 
 margin: 0px 0px 0px 0px;
 padding: 25px 10px 0px 20px;
 font-size: 16px;
 font-weight: normal;
 clear: both;
}
#sidebar img { 
 margin: 0px 0px 0px 0px;
 padding: 2px;
 border: 1px solid #CCC;
}
#sidebar img:hover { 
 margin: 0px 0px 0px 0px;
 padding: 2px;
 border: 1px solid #999;
}
#sidebar img.spn { 
 float: none;
 margin: 0px 0px -3px 0px;
 padding: 0px;
 border: 0px solid #CCC;
}
#sidebar img.varit { 
 float: none;
 margin: 0px 0px -1px 0px;
 padding: 0px;
 border: 0px solid #CCC;
}
#sidebar p { 
 color: #333;
 font-size: 12px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px 5px 10px 15px;
 line-height: 18px;
 /*background: #EEE *//*url(img/lboxbot.gif) bottom center no-repeat*/;
}
#sidebar p.center { 
 display: block;
 color: #FFF;
 font-size: 13px;
 text-align: center;
 padding: 0px;
 margin: 7px 0px 7px 0px;
}
#sidebar p.viipuri { 
 display: block;
 color: #333;
 font-size: 13px;
 text-align: center;
 padding: 0px;
 margin: 7px 0px 7px 0px;
}
#sidebar p.right { 
 clear: both;
 /*text-align: right;*/
 color: #333;
 font-size: 12px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 0px 15px;
 /*line-height: 18px;*/
 /*letter-spacing: 0.5px*/
 /*padding: 10px;*/
 /*background: #F9F9F9;*/
}
#sidebar p.temp { 
 clear: both;
 color: #333;
 font-size: 5px;
 border: 0px solid #ccc;
 margin: 0px;
 padding: 0px;
}
#sidebar p.varit { 
 color: #333;
 font-size: 12px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px 5px 0px 15px;
 line-height: 18px;
 /*background: #EEE *//*url(img/lboxbot.gif) bottom center no-repeat*/;
}
#sidebar a { 
 color: #555;
 /*margin: 3px 10px 3px 10px;*/
}
#sidebar a:hover { 
 color: #E50004;
}



/*---------------------------
 Kalenteri
---------------------------*/

#kalenteri {
 width: 176px;
 margin: 10px 15px 0px 15px;
 padding: 2px;
 border: 1px solid #CCC;
 background: #FFF;
}
#kalenteri a.nro {
 color: #FFF;
}
#kalenteri a.nro:hover {
 color: #EEE;
}
td.kalenterihead {
 font-weight: bold;
 font-size: 16px;
 text-align: center;
 padding: 3px 0px 3px 0px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px solid #999;
}
td.kalenteriheadkk {
 font-weight: bold;
 text-align: center;
 padding: 3px 0px 3px 0px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px solid #999;
}
td.kalenteripv {
 width: 24px;
 font-weight: normal;
 text-align: center;
 font-size: 11px;
 padding: 3px 0px 3px 0px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px solid #999;
 background: #F8FAE4;
}
td.kalenterinro {
 width: 24px;
 font-weight: normal;
 text-align: center;
 padding: 3px 0px 3px 0px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px solid #999;
 background: #E3DFDC;
}
td.kalenterinroa {
 color: #FFF;
 width: 24px;
 font-weight: normal;
 text-align: center;
 padding: 3px 0px 3px 0px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px solid #999;
 background: #E50004;
}
td.kalenterinrona {
 color: #BBBFC0;
 width: 24px;
 font-weight: normal;
 text-align: center;
 padding: 3px 0px 3px 0px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px solid #999;
 background: #F0F0EE;
}
/*eri väriset aktiiviset*/
td.kalenterinroapun {
 color: #FFF;
 width: 24px;
 font-weight: normal;
 text-align: center;
 padding: 3px 0px 3px 0px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px solid #999;
 background: #E50004;
}
td.kalenterinroasin {
 color: #FFF;
 width: 24px;
 font-weight: normal;
 text-align: center;
 padding: 3px 0px 3px 0px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px solid #999;
 background: #004EFF;
}
td.kalenterinroaora {
 color: #FFF;
 width: 24px;
 font-weight: normal;
 text-align: center;
 padding: 3px 0px 3px 0px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px solid #999;
 background: #FF9000;
}
td.kalenterinroakel {
 color: #FFF;
 width: 24px;
 font-weight: normal;
 text-align: center;
 padding: 3px 0px 3px 0px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px solid #999;
 background: #DBEF00;
}
td.kalenterinroavih {
 color: #FFF;
 width: 24px;
 font-weight: normal;
 text-align: center;
 padding: 3px 0px 3px 0px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px solid #999;
 background: #0CFF00;
}
td.kalenterinroavsi {
 color: #FFF;
 width: 24px;
 font-weight: normal;
 text-align: center;
 padding: 3px 0px 3px 0px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px solid #999;
 background: #EC4DFF;
}


/*---------------------------
 Footer
---------------------------*/

#footer {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0px auto;
 height: 80px;
 /*width: 100%;*/
 width: 970px;
 padding: 0px;
 background: #474747 url(img/botbg.gif) top center repeat-x;
}
#footer p { 
 color: #EEE;
 font-size: 12px;
 text-align: center;
 padding: 10px 0px 0px 0px;
 margin: 0px;
}
#footer a { 
 color: #EEE;
 text-decoration: none;
 margin: 0px 5px;
}
#footer a:hover { 
 color: #FFF;
 text-decoration: underline;
}
#footer a.wm { 
 color: #CCC;
 text-decoration: none;
}

#etubox {
 height: 100px;
 float: left;
}



/*---------------------------
 Inputs
---------------------------*/

textarea.text { font-size: 13px; font-family: Arial, Sans-serif; width: 460px; }
textarea.heds { font-size: 15px; font-family: Arial, Sans-serif; width: 460px; color: #444; font-weight: bold;}
textarea.hedskohde { font-size: 13px; font-family: Arial, Sans-serif; width: 460px; color: #444; font-weight: bold;}
input.ups { width: 460px; }
textarea.upinfo { font-size: 11px; font-family: Arial, Sans-serif; width: 200px; height: 200px;}
textarea.upinfoheds { font-size: 13px; color: #E50004; font-family: Arial, Sans-serif; width: 200px; font-weight: bold;}

textarea.palaute {
 padding: 3px;
 font-size: 13px;
 font-family: Arial, Sans-serif;
 width: 300px;
 height: 100px;
 border: 1px solid #999;
 background: #FFF url(img/contactbox.gif) top left repeat-x;
 color: #333;
}
/*textarea.palaute:hover { border: 1px solid #0195DB; }*/
input.palaute {
 margin: 0;
 padding: 3px;
 width: 300px;
 border: 1px solid #999;
 background: #FFF url(img/contact.gif) top left repeat-x;
 color: #333; 
}
/*input.palaute:hover { border: 1px solid #0195DB; }*/
input.qa {
 margin: 0;
 padding: 3px;
 width: 45px;
 border: 1px solid #999;
 background: #FFF url(img/contact.gif) top left repeat-x;
 color: #333; 
}
input.field {
 margin: 0;
 padding: 3px;
 width: 100px;
 border: 1px solid #999;
 background: #FFF url(img/contact.gif) top left repeat-x;
 color: #333; 
}


/* lightbox */
#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(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/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; }