form { margin: 0px; }

h1 { margin: 0px; margin-bottom: 1em; }

h2, h3, h4, h5, h6 { margin: 1em 0px; }

p { margin: 1em 0px; }

ul { margin-bottom: 1em; margin-top: 1em; }

img { border: 0px; }

input { padding-left: 4px; *padding-left: 3px; }

html, body, div, table, tr, td * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.p
{
    margin: 1em 0px;
    margin-bottom: 0px;
}

.p2
{
    margin: 1em 0px;
}

.first
{
    margin-top: 0px;
}

.last
{
    margin-bottom: 0px;
}

.both
{
    margin: 0px;
}

.center
{
    margin: 1em 0px;
    width: 100%;
    text-align: center;
}

.divider
{
    margin: 0.5em 0px;
    width: 100%;
    text-align: center;
}

.gap
{
    margin-top: 5px;
    display: block;
}

.gap_button
{
    margin-top: 7px;
    display: block;
}

.spacer
{
    height: 10px;
}

.textarea
{
    width: 200px;
    height: 60px;
    padding-left: 4px;
}

.alternate, .alternateb, .alternatet
{
    border-collapse: collapse;
    width: 100%;
}

.alternate td, .alternateb td, .alternatet td
{
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

.tables, .tablesl, .tablesr
{
    border-collapse: collapse;
    width: 100%;
}

.tables td, .tablesl td, .tablesr td
{
    padding: 0px;
    vertical-align: middle;
}

.labels
{
    border-collapse: collapse;
    width: auto;
}

.labels td
{
    padding: 0px;
    vertical-align: middle;
}

.grid, .gridp
{
    border-collapse: collapse;
    width: 100%;
}

.grid td, .gridp td
{
    padding: 0px;
    vertical-align: middle;
}

.basket
{
    border-collapse: collapse;
    width: 100%;
}

.basket td
{
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    vertical-align: middle;
}

.options
{
    border-collapse: collapse;
    width: auto;
}

.options td
{
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1px;
    text-align: left;
}

.thumbnail_grid
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}

.thumbnail_left
{
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
}

.thumbnail_right
{
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
}

.thumbnail_tleft
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
}

.thumbnail_tright
{
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
}

#shoptalk
{
    margin: 1em 0px;
    margin-top: 0px;
}

#chat
{
    border: 0px;
    width: 100%;
    height: 45px;
}

#remote
{
    background: #406090 url('/images/bar.gif');
    border: 0px;
    border-collapse: collapse;
    color: #FFFF80;
    font: 12px arial, sans-serif;
    width: 100%;
    height: 22px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#remote td
{
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

#remote a:link, #remote a:visited
{
    color: #FFFF80;
    font: 12px arial, sans-serif;
    text-decoration: none;
}

#remote a:hover, #remote a:active
{
    color: #FFFF80;
    font: 12px arial, sans-serif;
    text-decoration: underline;
}

#remotespace
{
    width: 100%;
    height: 22px;
}

#orderedit
{
    color: #A0FFA0;
}

#easyedit
{
    background: #406090 url('/images/bar.gif');
    border: 0px;
    border-collapse: collapse;
    color: #FFFFFF;
    font: 12px arial, sans-serif;
    width: 100%;
    height: 22px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#easyedit td
{
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

#easyedit a:link, #easyedit a:visited
{
    color: #FFFFFF;
    font: 12px arial, sans-serif;
    text-decoration: none;
}

#easyedit a:hover, #easyedit a:active
{
    color: #FFFFFF;
    font: 12px arial, sans-serif;
    text-decoration: underline;
}

.editon
{
    filter: alpha(opacity: 100);
    opacity: 1;
}

.editoff
{
    filter: alpha(opacity: 60);
    opacity: 0.6;
}

td#center
{
    overflow: auto;
}

body { background-color: #FFFFFF; background-image: url('/images/background.gif'); background-repeat: repeat-y; background-attachment: fixed; background-position: top center; color: #404040; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; margin: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; height: 100%; text-align: center; } table { font-size: 12px; }
a:link, a:visited { color: #408088; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
a:hover, a:active { color: #688840; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: underline; }
h1 { color: #50A0A8; font-style: normal; font-weight: bold; font-size: 18px; font-family: arial, sans-serif; text-decoration: none; }
h2 { color: #8CBC58; font-style: normal; font-weight: bold; font-size: 15px; font-family: arial, sans-serif; text-decoration: none; } h3, h4, h5, h6 { color: #404040; font: normal normal 12px arial, sans-serif; text-decoration: none; } h3 { font-size: 14px; } h4 { font-size: 13px; } h5 { font-size: 11px; } h6 { font-size: 10px; }
hr { border: 0; border-bottom: 1px solid #C0C0C0; width: 100%; height: 0px; } .hr { border: 0; border-bottom: 1px solid #C0C0C0; width: 100%; height: 1px; margin: 0px auto; overflow: hidden; } .hrd { border: 0; border-bottom: 1px solid #C0C0C0; width: 100%; height: 1px; } .hr hr, .hrd hr { display: none; } .rule { border: 0; border-top: 1px solid #C0C0C0; }  .horizontal { border-top: 1px solid #C0C0C0; } .vertical { border-left: 1px solid #C0C0C0; }
div#body { border 0px; margin: 0px; padding: 0px; width: 778px; height: 100%; position: relative; margin: 0px auto; }
div#top { border 0px; margin: 0px; padding: 0px; width: 778px; height: 100%; position: relative; margin: 0px auto; }
div.header { background-color: #FFFFFF; background-image: url('/images/header.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #FFFFFF; font: normal normal 12px arial, sans-serif; margin: 0px; padding: 0px; width: 778px; height: 215px; text-align: center; position: absolute; top: 0px; left: 0px; }
table.header { border: 0px; border-collapse: collapse; color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; width: 778px; height: 100%; }
td.header { padding: 0px; text-align: left; vertical-align: top; }
.header a:link, .header a:visited { color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; border-bottom: 0px; }
.header a:hover, .header a:active { color: #202020; font-style: normal; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: underline; border-bottom: 0px; }
div#acc { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; text-align: right; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px; width: 778px; position: absolute; top: 150px; left: 0px; }
#acc table { border: 0px; border-collapse: collapse; color: #404040; font-style: normal; font-weight: bold; font-size: 16px; font-family: arial, sans-serif; text-decoration: none; width: auto; height: 50px; float: right; }
#acc td { border: 0px; padding: 0px; width: auto; height: 50px; }
#acc a:link, #acc a:visited { color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; text-decoration: none; border-bottom: 0px; }
#acc a:hover, #acc a:active { color: #202020; font-style: normal; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; text-decoration: underline; border-bottom: 0px; }
div#nav { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; text-align: left; padding-bottom: 0px; padding-left: 40px; padding-right: 40px; padding-top: 0px; width: 778px; position: absolute; top: 15px; left: 0px; }
#nav table { border: 0px; border-collapse: collapse; color: #669933; font-style: normal; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; text-decoration: none; width: auto; height: 16px; cursor: pointer; cursor: hand; float: left; }
#nav td { border: 2px solid #669933; border-bottom: 0px; border-left: 2px solid #669933; border-right: 2px solid #669933; border-top: 0px; text-align: right; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; width: auto; height: 16px; }
td.navout { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; color: #669933; font-style: normal; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; text-decoration: none; } a:link.navout, a:visited.navout { color: #669933; font-style: normal; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; text-decoration: none; }
td.navover { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; color: #202020; font-style: normal; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; text-decoration: none; } a:hover.navover, a:active.navover { color: #202020; font-style: normal; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; text-decoration: none; }
div#sea { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; text-align: center; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 778px; position: absolute; top: 0px; left: 0px; }
#sea table { border: 0px; border-collapse: collapse; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; width: auto; height: 20px; margin: 0px auto; }
#sea td { border: 0px; padding: 0px; width: auto; height: 20px; }
div#outer { border 0px; margin: 0px; padding: 0px; width: 100%; height: 100%; position: relative; }
table#inner { border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; border-collapse: collapse; width: 778px; height: 100%; margin: 0px auto; margin-bottom: -110px; } .clear { clear: both; margin: 0px; padding: 0px; height: 110px; }
td#center { background-color: #FFFFFF; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: left 215px; border: 0px; color: #404040; font: normal normal 12px arial, sans-serif; padding: 15px; padding-top: 0px; padding-bottom: 0px; width: auto; text-align: justify; vertical-align: top; } .tables td { text-align: justify; }
.alternate, .alt { background-color: #E0EEF0; } .alternateb { background-color: #E0EEF0; border-top: 1px solid #C0C0C0; } .alternatet { background-color: #E0EEF0; border-bottom: 1px solid #C0C0C0; }
td.left { background-color: #FFFFFF; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: left 215px; border-bottom: 0px; border-left: 0px; border-right: 0px solid #000000; border-top: 0px; color: #404040; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; padding: 0px; padding-left: 15px; width: 145px; text-align: left; vertical-align: top; } div.left_column { background-color: transparent; border: 0px; margin: 0px; padding: 0px; padding-left: 15px; width: 160px; text-align: left; vertical-align: top; position: absolute; top: 215px; left: 0px; } .left p, .left label { color: #404040; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; } .tablesl td { text-align: left; }
.left a:link, .left a:visited, .left_column a:link, .left_column a:visited { color: #408088; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.left a:hover, .left a:active, .left_column a:hover, .left_column a:active { color: #688840; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: underline; }
.left h2, .left_column h2 { color: #8CBC58; font-style: normal; font-weight: bold; font-size: 15px; font-family: arial, sans-serif; text-decoration: none; }
.left hr, .left_column hr { border: 0; border-bottom: 1px solid #C0C0C0; width: 100%; height: 0px; } .hrl { border: 0; border-bottom: 1px solid #C0C0C0; width: 100%; height: 1px; margin: 0px auto; overflow: hidden; } .hrl hr { display: none; } .rulel { border: 0; border-top: 1px solid #C0C0C0; }
td.right { background-color: #FFFFFF; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: left 215px; border-bottom: 0px; border-left: 0px solid #000000; border-right: 0px; border-top: 0px; color: #404040; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; padding: 0px; padding-right: 15px; width: 145px; text-align: left; vertical-align: top; } .right p, .right label { color: #404040; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; } .tablesr td { text-align: left; }
.right a:link, .right a:visited { color: #408088; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
.right a:hover, .right a:active { color: #408088; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; text-decoration: underline; }
.right h2 { color: #8CBC58; font-style: normal; font-weight: bold; font-size: 15px; font-family: arial, sans-serif; text-decoration: none; }
.left hr, .left_column hr { border: 0; border-bottom: 1px solid #FFFFFF; width: 100%; height: 0px; } .hrr { border: 0; border-bottom: 1px solid #FFFFFF; width: 100%; height: 1px; margin: 0px auto; overflow: hidden; } .hrr hr { display: none; } .ruler { border: 0; border-top: 1px solid #FFFFFF; }
.subtext { color: #808080; font-style: normal; font-weight: normal; font-size: 11px; font-family: arial, sans-serif; } td#center { padding-top: 215px; }
.subtext_left { color: #808080; font-style: normal; font-weight: normal; font-size: 11px; font-family: arial, sans-serif; } td.left { padding-top: 215px; }
.subtext_right { color: #606060; font-style: normal; font-weight: normal; font-size: 11px; font-family: arial, sans-serif; } td.right { padding-top: 215px; }
.block { border: 0px; border-collapse: collapse; width: 100%; }
.cb_title { background-color: #C0C0C0; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; text-decoration: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 100%; height: 30px; text-align: left; }
.cb_content { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #404040; font: normal normal 12px arial, sans-serif; padding: 0px; padding-top: 10px; width: 100%; text-align: justify; }
.cb_divider { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border: 0px; margin: 0px; padding: 0px; width: 100%; height: 20px; clear: both; overflow: hidden; }
.lb_title { background-color: #A0D864; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; text-decoration: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 100%; height: 30px; text-align: left; }
.lb_content { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #404040; font: normal normal 12px arial, sans-serif; padding: 0px; padding-top: 10px; width: 100%; text-align: left; }
.lb_divider { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border: 0px; margin: 0px; padding: 0px; width: 100%; height: 20px; clear: both; overflow: hidden; }
.rb_title { background-color: transparent; background-image: url('/images/title.gif'); background-repeat: repeat-x; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 13px; font-family: arial, sans-serif; text-decoration: none; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; width: 100%; height: 40px; text-align: left; }
.rb_content { background-color: #CCE8A4; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #404040; font: normal normal 12px arial, sans-serif; padding: 0px; width: 100%; text-align: left; }
.rb_divider { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border: 0px; margin: 0px; padding: 0px; width: 100%; height: 20px; clear: both; overflow: hidden; }
div.footer { background-color: #FFFFFF; background-image: url('/images/footer.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: bottom left; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; color: #FFFFFF; font: normal normal 12px arial, sans-serif; margin: 0px; margin-bottom: 0px; padding: 0px; width: 778px; height: 110px; text-align: center; }
table.footer { border: 0px; border-collapse: collapse; color: #FFFFFF; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; width: 778px; height: 100%; margin: 0px auto; }
td.footer { padding: 0px; text-align: left; vertical-align: bottom; }
.footer a:link, .footer a:visited { color: #FFFFFF; font-style: normal; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; border-bottom: 0px; }
.footer a:hover, .footer a:active { color: #202020; font-style: normal; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: underline; border-bottom: 0px; }
input, select, textarea { color: #404040; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; } div.form { border: 0px; width: 100%; margin: 0px; padding: 0px; text-align: center; }
.i_form { border: 0px; border-collapse: collapse; width: auto; margin: 0px auto; } .i_form td { padding-bottom: 3px; padding-left: 0px; padding-right: 0px; padding-top: 3px; } td.l_form { padding-right: 15px; }
.error { color: #AA3333; font-style: normal; font-weight: bold; font-size: 11px; font-family: arial, sans-serif; } .error_field { color: #AA3333; }
.success { color: #33AA33; font-style: normal; font-weight: bold; font-size: 11px; font-family: arial, sans-serif; }
.selling_price { color: #AA3333; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; }
.list_price { color: #AA5555; font-style: normal; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; }
#menu, #catalogue, #brand, .menu { margin: 0px; padding: 0px; width: 100%; }
#menu ul, #catalogue ul, #brand ul, .menu ul { margin: 0px; padding: 0px; text-align: left; list-style-type: none; }
#menu a:link, #menu a:visited, #catalogue a:link, #catalogue a:visited, #brand a:link, #brand a:visited, .menu a:link, .menu a:visited { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 1px solid #99CC66; border-left: 0px; border-right: 0px; border-top: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; margin: 0px; width: 100%; color: #99CC66; font-style: normal; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; display: block; } .menulink { color: #99CC66; font-style: normal; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; padding: 0px; padding-left: 5px; }
#menu a:hover, #menu a:active, #catalogue a:hover, #catalogue a:active, #brand a:hover, #brand a:active, .menu a:hover, .menu a:active, .current { background-color: #99CC66; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: top left; border-bottom: 1px solid #99CC66; border-left: 0px; border-right: 0px; border-top: 0px; padding: 5px; margin: 0px; width: 100%; color: #FFFFFF; font-style: italic; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: underline; cursor: pointer; cursor: hand; display: block; } .menuhover { color: #FFFFFF; font-style: italic; font-weight: bold; font-size: 12px; font-family: arial, sans-serif; text-decoration: underline; padding: 0px; padding-left: 5px; }
.highlight { background-color: #FFFF80; }
h1 { border-bottom: 1px solid #C0C0C0; padding-bottom: 2px; }
p { line-height: 16px; }
.child { position: absolute; visibility: hidden; z-index: 10; background: transparent; border: 0px; margin-top: 4px; padding: 0px; text-align: left; }
.child a { display: block; padding: 4px 11px; }
.child a:link, .child a:visited { background-color: transparent; color: #FFFFFF; font: bold 13px arial, sans-serif; text-decoration: none; }
.child a:hover, .child a:active { background-color: transparent; color: #202020; font: bold 13px arial, sans-serif; text-decoration: none; }

#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; }