/*
-----------------------------
GENERIC
-----------------------------
*/

/* MAIN TYPOGRAPHY */

html {font: 62.5% Arial, Helvetica, sans-serif;}
body {background:url(../images/bg_body.gif) no-repeat top center;*/ font-family:Arial, Helvetica, sans-serif;}
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, textarea { font-size: 92%; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
#telephone {font-size:18px; font-weight:700}

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, select { border: 1px solid #ccc; background: #fff; }
select#shopbybrand {font-size: 12px;margin: 5px 0 5px 4px;width: 160px;border: 1px solid #F90; font-weight:700}

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */

#middlecolumn { font-size: 1.2em; line-height: 1.6em; }
#middlecolumn h1 { font-size: 1.6em; }
#middlecolumn h2 { font-size: 1.4em; }
#rightcolumn h2 { font-size: 1.2em; }
#middlecolumn h3 { font-size: 1.3em; }
#middlecolumn h4 { font-size: 1.2em; }
#middlecolumn h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

/* HR */

hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

/*ul li { text-indent: -.85em; margin-left: .85em; }
ul li:before { content: "\2022\00a0\00a0"; }
ol { list-style-position: outside; list-style-type: decimal; }
dt { font-weight: bold; }*/

/* TABLES */
/*#middlecolumn table { border-top: 1px solid #f90;  border-left: 1px solid #f90; }
#middlecolumn th, #middlecolumn td { border-bottom: 1px solid #f90; border-right: 1px solid #f90; }*/
#middlecolumn .table_title {height:31px; background:#000 url(../images/bg_header_navbar.png) repeat-x;color: #FFFFFF;font-size: 18px/30px; padding-left:15px}


/* MARGINS & PADDINGS */

blockquote *:first-child { margin: .8em 0; }
hr, p, ul, ol, dl, pre, blockquote, address, form { margin-bottom: 1.6em; }
form#form1 {margin:0}
p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { margin: 1em 0 .5em;  }
h2 { margin: 1.07em 0 .535em; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
blockquote { padding: 0 1em; margin: 1.6em 0; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
dt { margin-top: .8em; margin-bottom: .4em; }
ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }
form div { margin-bottom: .8em; }

/* COLORS */

a:link { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #36c; }
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000; }

/*
-----------------------------
LAYOUT
-----------------------------
*/
.accessibility{left:-999em;position:absolute;top:-999em;}
#main_table {margin:0 auto;padding:0;width:960px;}
#leftcols { width:772px; float:left; padding:4px 0 0; }
#rightcol { width:188px; float:right; }
#maincol { width:584px; float:right; }
#leftcol { width:188px; float:left; }
/*#header {background: #000 url(../images/bg_header.gif) no-repeat; height:139px;}*/
#header { background: #000000; padding: 10px; }
#header_topbar {background:#FFF url(../images/bg_header_topbar.png) repeat-x;height:19px;}
#header_left {float:left}
#header_left h1 { background:url(../images/granada_batteries_logo.gif) no-repeat;height:65px; width:436px; color:#000; font-size:9px;margin:9px 0 0 5px;padding:3px}
#header_right {float:right; margin:40px 4px 0 0}
#header_right ul {list-style:none;margin:0;padding:0;}
#header_right li {display:inline;margin:0;padding:0;}
#header_right li a {float:left;height:82px; width:82px; padding:0;text-indent:-999px}
#header_right li#topmenu_home a[href] {background:url(../images/topmenu_home.png) no-repeat;}
#header_right li#topmenu_home a:hover[href] {background:url(../images/topmenu_home_hover.png) no-repeat;}
#header_right li#topmenu_about a[href] {background:url(../images/topmenu_about.png) no-repeat;}
#header_right li#topmenu_about a:hover[href] {background:url(../images/topmenu_about_hover.png) no-repeat;}
#header_right li#topmenu_help a[href] {background:url(../images/topmenu_help.png) no-repeat;}
#header_right li#topmenu_help a:hover[href] {background:url(../images/topmenu_help_hover.png) no-repeat;}
#header_right li#topmenu_contact a[href] {background:url(../images/topmenu_contact.png) no-repeat;}
#header_right li#topmenu_contact a:hover[href] {background:url(../images/topmenu_contact_hover.png) no-repeat;}
#header_navbar { height:35px; background:url(../images/topnav_bg.gif) 0 0 repeat-x; }
#header_navbar #search {float:left}
#header_navbar #search form, #header_navbar #login form {margin:0}
#header_navbar input#searchbox, #header_navbar input#name, #header_navbar input#password { padding:3px 5px 1px 5px;width:120px}
#search {padding-top: 8px;}
#login {padding-top: 5px;}
#search input#searchbutton, #search input#loginbutton {padding:0}
#quick_find, #login_form {font-size: 700 14px;color: #FFFFFF;}
#searchbox, #name, #password {border: 1px solid #336600;}
#searchbutton, #loginbutton {margin:0 0 -7px 4px;}
#loginbutton {padding:0}
#header_navbar #login {float:right}
#leftcolumn { width:188px; float:left; }
#leftcol_inner, #rightcol_inner { width:170px; margin:0 0 0 9px; }
#rightcolumn { width:188px; float:right; padding:4px 0 0; }
#middlecolumn { width:584px; float:right; }
.product_cell {text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;}
.product_cell img { border:solid 2px #E3E3E3;margin-top:10px}
.product_cell h2 {color: #f90;}
.product_cell span.price {color: #360; font-size:1.8em; font-weight:700}
.price_details {margin-bottom:10px}
.price_details img, .price_details_right img {border:none;}
table.payment {margin:0 auto 10px; margin-top: 10px;}
table.payment td { padding:5px}
.payment {height: 57px;border: 1px solid #f90;}
#paymentSecure {font: bold 14px/57px Verdana, Arial, Helvetica, sans-serif;color: #FF9900;width: 375px;padding-left: 67px;background: url(../images/lock.gif) no-repeat 5px center;border-left-style: none;}
#paymentCards {font: bold 10px Verdana, Arial, Helvetica, sans-serif;width: 203px;text-align: center;}
#paymentPaypal {font: bold 10px Verdana, Arial, Helvetica, sans-serif;width: 170px;text-align: center;border-right-style: none;}
.infoBoxHeading {background: url(../images/infoboxHeading_bg.gif) no-repeat center bottom;height: 31px;color: #FFFFFF;text-align: center;	font-size: 16px; font-weight: bold; line-height: 31px;}
.infoBoxContents {border-right: 1px solid #000000;border-left: 1px solid #000000;border-top-style: none;border-bottom: 1px solid #000000;}
.infoBoxBottom {height: 8px;border-right: 1px solid #ff9900;border-bottom: 1px solid #ff9900;border-left: 1px solid #ff9900}
#sideColumnLinks a, #sideColumnLinks a:visited {background: url(../images/categoriesLinks_bg.gif) no-repeat;font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;display: block;margin: 0px;padding: 0px 0px 0px 17px;height: 20px;border-bottom: 1px solid #FF9900;color: #F90;text-decoration: none;}
#sideColumnLinks a:hover, #sideColumnLinks a:active {color: #000;background: url(../images/categoriesLinksHover_bg.gif) no-repeat;}
#cart {/*background: url(../images/bg_cart.gif) no-repeat center top;*/min-height: 132px;width: 170px;margin-bottom:10px;}
#cart_title, #cart_items, #cart_buttons {margin:0 4px;}
#cart_title {background: url(../images/cart_icon.gif) no-repeat left center;height: 32px;padding: 14px 0 4px 38px;font-size: 17px;color: #FFFFFF;/*border-bottom: 2px solid #FFFFFF;*/}
#cart_items {font-size: 12px;font-weight: bold;color: #FFFFFF;padding: 5px 0px 5px 3px;/*border-bottom: 2px solid #FFFFFF;*/}
#cart_buttons {padding-top: 8px;}
#footer {text-align: center;background:url(../images/bg_footer.gif) repeat-x;height:90px; color:#fff;font-size:11px; font-weight:700}
#footerLinks {margin-top:15px}
#footerCopyright {margin-top: 25px;}
#footerLinks a, #footerLinks a:visited {color: #FFFFFF;text-decoration: none;border-bottom: 1px dotted #FFFFFF;}
#footerLinks a:hover, #footerLinks a:active {text-decoration: none;border-bottom-style: none;}

#homewrapper { position:relative; padding:1030px 0 0; }
#hometop { position:absolute; top:0; left:0; }


#nav {
 background-color: #000000;
 margin: 0px;
}

#nav a {
 background: none;
}

#nav a:hover {
 color: #000000;
}

#nav ul {
 margin: 0px;
 margin-top: 0px;
}

#nav li {
 background: url( '../images/categoriesLinks_bg.gif' ) no-repeat;
 min-height: 20px;
 margin:0 0 1px 0;
}

#nav li:hover {
 background: url( '../images/categoriesLinksHover_bg.gif' ) no-repeat;
}

.menuli a {
 padding-left: 16px;
}

#nav ul li {
 background: url( '../images/categoriesSubLinks_bg.gif' ) no-repeat;
 padding-left: 18px;
 margin:1px 0 0 0;
}

.infoBoxContents a, .infoBoxContents a:active, .infoBoxContents a:hover, .infoBoxContents a:visited, .infoBoxContents a:link, #rightcolumn .infoBoxContents a, #rightcolumn .infoBoxContents a:active, #rightcolumn .infoBoxContents a:active, #rightcolumn .infoBoxContents a:visited, #rightcolumn .infoBoxContents a:link {
 background: url( '../images/categoriesLinks_bg.gif' ) no-repeat scroll 0%;
 display: block;
 height: 20px;
 padding: 0px;
 margin: 0px;
 color: #FF9900;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 10px;
 text-decoration: none;
 padding-left: 16px;
 line-height: 20px;
}

.infoBoxContents a:hover, #rightcolumn .infoBoxContents a:hover {
 background: url( '../images/categoriesLinksHover_bg.gif' ) no-repeat;
 color: #000000;
}

.infoBox {
 margin-bottom: 10px;
}

#middlecolumn a, #middlecolumn table, #middlecolumn tr, #middlecolumn td {
 background: none;
 border: 0px;
}

#middlecolumn a, #middlecolumn a:link, #middlecolumn a:active, #middlecolumn a:visited, #middlecolumn a:hover {
 display: inline;
}

.hidePrice {
 font-size: 10px;
 background-color: #FFFF00;
}

#header_navbar ul {
	list-style:none;
	margin:0;
}

#header_navbar li {
	float: left;
	padding:0 20px;
	line-height:28px;
}

#header_navbar a {
	color: #853108;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	text-shadow:1px 1px #fbba59;
}

#header_navbar a:hover {
	color:#fff2df;
	text-shadow:none;
}

#header_navbar .alink, #header_navbar .alink:hover{
	line-height:28px;
	text-shadow:none;
	color:#fff2df;
	margin:0 20px 0 0;
}

#breadcrumbs{
	font-size:11px;
}

#cart_top {
 background: url(../images/bg_cart_top.gif) no-repeat center top;
 height: 10px;
}

#cart_middle, #cart_buttons {
 /*background: url(../images/bg_cart_middle.gif) repeat center top;*/
 background-color: #4c4c4c;
 margin: 0px;
}

#cart_bottom {
 background: url(../images/bg_cart_bottom.gif) no-repeat center top;
 height: 10px;
}

.pagePrice{
	padding:0 0 10px 0;
}

.pagePrice .priceboxContainer{
	width:100%;
	border-collapse:separate;
	border-spacing:1px;
}

.pagePrice .incvat{
	font-size:12px;
	font-weight:normal;
}

.productPriceInBoxMain {
 padding: 3px;
 color: #fff;
 background:#666 !important;
 font-size: 14px;
 border-bottom:1px solid #fff;
 border-right:1px solid #fff;
}

.productPriceInBox {
 padding: 3px;
 color: #92C228;
 background:#efefef !important;
 font-size: 14px;
 font-weight: bold;
 border-bottom:1px solid #fff;
}

.productPriceInBox s {
	text-decoration:line-through;
	font-weight:normal;
}

.productPriceInBox .productSpecialPrice {
	color:#f00;
}

.productPriceInBoxTitle {
 font-size: 16px;
 font-weight: bold;
 padding: 5px;
 color: #92C228;
 margin-bottom: 0px;
}

.productWrap, .catWrap, .manWrap {
 text-align:center;
 border: 1px solid #f90;
 padding: 8px;
 margin: 5px;
 height: 180px;
 line-height:1.6em;
}

.productWrap {
 margin: 0px;
 margin-right: 5px;
}

.productWrap s { 
	text-decoration:line-through;
}

.productWrap .productSpecialPrice {
	font-weight:bold;
	color:#f00;
}

.priceWrap {
 text-align: center;
 color: #f90;
 font-weight: bold;
}

.logininput {
 width: 90px;
 border: 1px solid #CCCCCC;
 margin: 0px;
 height: 16px;
 line-height: 16px;
}

label {
 line-height: 16px;
}

.infoBoxContents form {
 padding: 5px;
 margin: 0px;
}


#rightcolumn a, #rightcolumn a:link, #rightcolumn a:active, #rightcolumn a:hover, #rightcolumn a:visited {
 background: none;
 padding: 2px;
}

.menuli {
 overflow: hidden;
}

#middlecolumn .contentHeadingLogin {
 background:transparent url(../images/infobox/title-bg.png) no-repeat scroll 0%;
 background-position:center;
 height: 38px;
 line-height: 38px;
 text-align: center;
 font-size: 18px;
 color: #FFFFFF;
}

#middlecolumn .infoBoxHeadingTitle {
 background-color: #4A4A4A;
 height: 28px;
 line-height: 28px;
 text-align: center;
 font-size: 18px;
 color: #FFFFFF;
}

.productListing-data {
 text-align: center;
 vertical-align:middle;
 padding:5px 0;
}

.pageHeading {
 font-size: 16px;
}

#middlecolumn .contentHeading .infoBoxHeading {
background: none;
}

#middlecolumn .regTab {
background:transparent url(../images/regTab.png) no-repeat left;
width: 180px;
max-width: 180px;
height: 30px;
text-align: left;
padding-left: 10px;
line-height: 30px;
color: #fff;
font-weight: bold;
}

#middlecolumn .productListing-heading-left {
 background: transparent url(../images/infobox/basket-header.gif) no-repeat scroll 0pt 0pt;
 line-height:29px;
 text-indent:20px;
}
#middlecolumn .productListing-heading-middle {
 background:transparent url(../images/infobox/basket-header.gif) no-repeat scroll -20px 0pt;
 line-height:29px;
 text-align: center;
}
#middlecolumn .productListing-heading-right {
 background:transparent url(../images/infobox/basket-header.gif) no-repeat scroll right 0pt;
 line-height:29px;
 text-align: center;
}

#middlecolumn .tabHeading {
background:transparent url(../images/infobox/tab-header.gif) no-repeat scroll 0pt 0pt;
line-height:29px;
text-indent:20px;
}

.productWrap a, .productWrap a:link, .productWrap a:active, .productWrap a:visited, .catWrap a, .catWrap a:link, .catWrap a:active, .catWrap a:visited {
 text-decoration: none;
 padding:0 !important;
}

.productWrap a:hover, .catWrap a:hover {
 text-decoration: underline;
}

#middlecolumn .infoBoxHeading, #middlecolumn .contentHeading, #middlecolumn .contentHeadingGreen {
 /*background: url( ../images/bg_header_topbar.png );*/
 color: #fff;
 /*padding:10px;*/
 text-align: left;
 height:38px;
 background:transparent url(../images/infobox/content-header-620.gif) no-repeat scroll left center;
}

#middlecolumn .contentHeading, #middlecolumn .contentHeadingGreen {
 line-height:38px;
 padding-left: 5px;
 margin-bottom: 5px;
}

#middlecolumn .contentHeading h1, #middlecolumn .contentHeadingGreen h1 {
 margin: 0px;
}

#middlecolumn .contentHeadingGreen {
 background:transparent url(../images/infobox/content-header-green.gif) no-repeat scroll left center;
}

#middlecolumn .title-grey, #middlecolumn .title-grey-small {
 line-height:30px;
 padding-left: 5px;
 margin-bottom: 5px;
}
#middlecolumn .title-grey {
 background: transparent url(../images/infobox/basket-header.gif) no-repeat scroll 0pt 0pt;
}
#middlecolumn .title-grey-small {
 background: transparent url(../images/infobox/basket-header-small.gif) no-repeat scroll 0pt 0pt;
}
#middlecolumn .infoBoxHeadingMiddle {
 background: #f90;
 text-align: center;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 line-height: 31px;
}
#middlecolumn .checkoutBox {
 text-align:right;
}
#middlecolumn .checkoutBox input {
 padding: 0px;
 padding-bottom: 3px;
}
#middlecolumn .blackText {
 color: #000;
 font-size: 12px;
 font-weight: normal;
}

#middlecolumn .productListing table {
line-height:normal;
}

#middlecolumn .basketTr {
line-height: 1.6em;
}

/* Homepage Boxes */

.item,.item-right,.item-left, .item-all {
	height:150px;
	border:1px dotted #cccccc;
	padding:0px 5px 0px 2px;
	background: #ffffff;
}

.item,.item-right,.item-left, .item-all {
	height:265px;
	margin-bottom:5px;
}
.item h2,.item-right h2,.item-left h2{
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	color:#000000;
	margin:0px;
	padding:5px 0px 0px 9px;
}
.item p,.item-right p,.item-left p{
	color:#000000;
	padding:0px 0px 0px 8px;
	margin-top:5px;
}

.item p img,.item-right p img,.item-left p img{
	margin-right:10px;
}
.item a,.item-right a,.item-left a {
 color: #000;
}
.item a:hover,.item-right a:hover,.item-right a:hover {
 text-decoration: none;
}
.item-right {
position:relative; float:right; width:48%;
}
.item-left {
position:relative; float:left; width:48%;
}
.item-all {
position:relative; width: 98.6%; float: left; height: 175px;
}

#middlecolumn .productListing-even, #middlecolumn .productListing-odd {
 margin-top: 5px;
}

.mainRadio, #middlecolumn #orderTotal .main {
 text-align: right;
}

#middlecolumn #orderTotal .main, #middlecolumn #contactTable .main {
 text-align: right;
 width: 150px;
}
#middlecolumn .mainCurrency {
 margin-left: 25px;
 text-align: right;
 width: 40px;
}

.catWrap {
 height: 120px;
}

.boxWrap {
 border: 1px solid #F90;
 padding: 5px;
 height: 160px;
}

.productPriceBox {
 color: #92C228;
 text-align: center;
 font-size: 14px;
 font-weight: bold;
 padding: 5px;
}

.points {
 color: #4c4c4c;
 font-size: 14px;
 position: relative;
 top: 10px;
 padding:0 0 20px 0;
}
.points li { list-style-type: square; margin-top: 10px; }
#rightcolumn .points li a, #rightcolumn .points li a:link, #rightcolumn .points li a:active, #rightcolumn .points li a:visited, #rightcolumn .points li a:hover { color: #4c4c4c; background: none;  font-size: 14px; text-decoration: underline; }

#rightcolumn .infoBoxContents a:link, #rightcolumn .infoBoxContents a:active, #rightcolumn .infoBoxContents a:visited, #rightcolumn .infoBoxContents a:hover, #rightcolumn .infoBoxContents a { padding:0px;padding-left:15px; margin:0px; }

.notice{
	padding:3px;
	color:#BC0B0B;
	font-size:14px;
	text-align:center;
}

.homeheader{
	font-size:24px;
	text-align:center;
	margin:0;
	padding:20px 0 0 0;
}

.homesubheader{
	font-size:18px;
	text-align:center;
	margin:0;
	padding:10px 0 40px 0;
}

.moduleRow, .moduleRowOver, .moduleRowSelected{
	border:1px solid #ccc !important;
}

.moduleRow td, .moduleRowOver td, .moduleRowSelected td{
	padding:3px !important;
}

.moduleRowOver, .moduleRowSelected{
	border:1px solid #ff9c07 !important;
	background:#ff9c07 !important;
}

.messageStackWarning{
	padding:3px;
	color:#900;
	font-size:11px;
}

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