*{

  margin:0;

  padding:0;

}

h4.pageTitle{
  font-size:1.3em;
  margin:0 0 10px 0;
  padding:0;
  font-weight:bold;
}

ul, ol{
  margin-left:25px;}


  #content h2{
    margin:15px 0 10px 0;
}

body{

    background:#fff;

    color:#4e4e4e;

    font:normal normal 85%  "lucida sans",sans-serif;   

    line-height:1.5em;

}


/* ----- tables ----- */

table, td{

  border-collapse:collapse;

}



td{

  padding:3px;

}



/* ----- global links ----- */

a, a:link, a:visited, a:active{

  /*color:#485986;*/
 color:#BD1B33;
  text-decoration:none;

}

a:hover{

  text-decoration:underline;

}



a img{

  border:0;

}



p{

  margin:10px 0 10px 0;

}



/* ----- global paragraphs, headers & horizontal rules ----- */



h2{

  font-size:1.3em;
  font-weight:normal;

}



h3{

  font-size:1.2em;

}



h4, h5{

  font-size:1em;

}



hr{

  display:none;

}



/* ----- global images ----- */

img{border:none;}



/* ----- hidden items ----- */

#skip{display:none;}

.hidden{display:none;}



/* ----- float left / right classes ----- */

.left{float:right;margin-right:.3em;}

.right{float:right;margin-left:.3em;}



/* ----- company contact details ----- */

address{

    font-style:normal;

    margin:1em 0;

}



/* ----- container size & positioning ----- */

#container{

  margin:20px auto 20px auto;

  width:960px;

  background:#fff;

}



/* ----- header area ----- */

#header{

  width:940px;

  height:111px; 

  margin:0 auto 0 auto;

/*  background:url('http://www.merrydogs.co.uk/graphics/holiday-banner.jpg') 500px 60px no-repeat #fff;*/

}



h1{

  width:476px;

  height:111px;

  float:left;

  color:#fff;

}



h1 span{

  width:476px;

  height:111px;

  position:absolute;

  background:url("../graphics/merry-dogs-logo.gif") top left #fff no-repeat;

}



#pnp{

  width:282px;

  height:52px;

  float:right;

  color:#fff;

}



#pnp span{

  width:282px;

  height:52px;

  position:absolute;

  background:url("../graphics/p-and-p.gif") top left #fff no-repeat;

}



#info{

  float:right;

  clear:right;

  margin:10px 0 0 0;

  padding:2px 6px 2px 0px;

  width:167px;

  height:39px;

  display:block;

  color:#fff;

  text-align:right;

  background:url("../graphics/cart-background.gif") top left #ffffff no-repeat;

}



#info a,#info a:link,#info a:visited,#info a:active,#info a:hover{

  color:#fff;

  text-decoration:none;

  border-bottom:1px dotted #fff;

}



/* ----- breadcrumb trail ----- */



#navBar{

  background:url("../graphics/menu-top.gif") top left repeat-x #f0f0f0;

  clear:both;

  height:40px;

  width:960px;

  padding:0;

  margin:24px 0 0px 0;

}



#breadcrumbs{

  margin:14px 0 14px 10px;

  clear:both;

  padding:0;

}



/* ----- search box ----- */

#search{

  float:right;

  margin:0;

  padding:11px 0 0 0;

  width:164px;

  position:relative;

  top:-2px;

  height:32px;

  background:url("../graphics/search-background.gif") top left transparent no-repeat;;

}



#search input{

  background:transparent;

  float:left;

  width:94px;

  padding:1px 1px 1px 4px;

  border:0px;

  font:normal normal 1em "lucida sans",sans-serif;

}



#searchSubmit{

  width:29px !important;

  height:20px !important;

  margin-left:22px;

}





/* ----- company logo & strapline ----- */

#logo{

    position:absolute;

    margin:0;

    padding:0;

    top:20px;

    left:30px;

    line-height:30px;

    font-size:180%;

    font-weight:normal;

}



#tagline{

    position:absolute;

    margin:0;

    padding:0;

    top:50px;

    left:30px;

    line-height:20px;

}





/*top navigation*/



#topNav{

  position:absolute;

  font-size:1.3em;

  margin-top:10px;

}



#topNav li{

  float:left;

  display:inline;

  margin:0 20px 0 20px;

}



#topNav ul{

  list-style-type:none;

}



#topNav a,#topNav a:link,#topNav a:visited,#topNav a:active{

  color:#777;

}





/* ----- optional mid div (useful for more complex backgrounds) ----- */

#mid{

  width:940px;

  margin:0 auto 0 auto;

  clear:both;

}



/* ----- side navigation ----- */



/* ----- customer tool list ----- */





/* ----- nav static menu items ----- */





/* side navigation column */
#navDept{

  background:#fff;
  list-style-type:none;
  font-size:1.4em;

}



#navDept li{

  display:block;

  margin-top:2px;

}

#navDept img{

}

#navDept li a,#navDept li a:link,#navDept li a:active,#navDept li a:visited{

  display:block;

  width:154px;

  height:27px;

  color:#777;

  padding:6px 0 0 6px;

  text-decoration:none;

  background:url("../graphics/left-menu-off.gif") top left #F4F4F4 no-repeat;

}



#navDept li a:hover{

  color:#777;

  text-decoration:none;

  background:url("../graphics/left-menu-on.gif") top left #dfdfdf no-repeat;

}


#side {

  float: left;

  display: inline;

  width: 160px;

}



#leftmenu{

  background:#fff;
  list-style-type:none;
  font-size:1.4em;

}



#leftmenu li{

  display:block;

  margin-top:2px;

}

#leftmenu img{

}

#leftmenu li a,#leftMenu li a:link,#leftMenu li a:active,#leftMenu li a:visited{

  display:block;

  width:154px;

  height:27px;

  color:#777;

  padding:6px 0 0 6px;

  text-decoration:none;

  background:url("../graphics/left-menu-off.gif") top left #F4F4F4 no-repeat;

}



#leftmenu li a:hover{

  color:#777;

  text-decoration:none;

  background:url("../graphics/left-menu-on.gif") top left #dfdfdf no-repeat;

}



.dropmenu li{

  display:block;

  font-size:0.8em !important;

}



.dropmenu li a,.dropmenu li a:link,.dropmenu li a:active,.dropmenu li a:visited{

  width:144px !important;

  height:23px !important;

  padding:3px 0 0 16px !important;

  background:url("../graphics/drop-menu-off.gif") top left #fff no-repeat !important;

}



.dropmenu li a:hover{

  background:url("../graphics/drop-menu-on.gif") top left #e4e4e4 no-repeat !important;

}



#productLayout .menu{

  display:none;

  margin-left:-160px;

}





/* ----- main content area ----- */

#main{

    float:right;

    display:inline;

    width:760px;

}



#productmain{

    float:right;

    display:inline;

    width:940px;

}



.note{

    font-size:110%;

}

.highlight{

    font-size:140%;

}

.module1{

    float:left;

    width:250px;

}

.module2{

    float:right;

    width:250px;

}



/* ----- footer area ----- */

#footer{

  clear:both;

  height:40px;

  width:960px;

  margin:0px 0 10px 0;

  position:relative;

  top:20px;

  left:0px;

  background:url("../graphics/menu-top.gif") top left repeat-x #f0f0f0;

}




#footer a,#footer a:link,#footer a:active,#footer a:visited{

  color:#4e4e4e;

  text-decoration:none;

}



#footer a:hover{

  text-decoration:underline;

}



#footer ul{

    margin:10px 0 0 0;

    float:left;

    padding:0;

    list-style:none;

}



#footer li{

  margin:0 10px 0 10px;

  float:left;

}



#footer #credits{

    float:right;

    margin:10px 10px 0 0;

}



/* ----- pagination (page 1/2 etc.) ----- */

#pagination{

    margin:1em 0;

}

#pagination li{

    margin:0;

    height:16px;

    line-height:16px;

    float:left;

}

#pagination p{

    margin:0;

    float:left;

    width:100px;

}

#pagination a{

    display:block;

    float:left;

    width:13px;

    height:12px;

    margin-left:10px;

    margin-top:3px;

    text-indent:-8000px;

    overflow:hidden;

}

#pagination a#firstPage{background:url(../graphics/plain/ico_first.gif)no-repeat 0 0;}

#pagination a#prevPage{background:url(../graphics/plain/ico_prev.gif) no-repeat 0 0;}

#pagination a#nextPage{background:url(../graphics/plain/ico_next.gif) no-repeat 0 0;}

#pagination a#lastPage{background:url(../graphics/plain/ico_last.gif) no-repeat 0 0;}



/* product thumbnail list */



.products {

    margin: 1em 0;
	width:760px;
	clear:both;
	overflow:hidden;
	display:block;
    }

.products ul,

.products ul li {

    margin: 0;

    padding: 0;

    list-style: none;

    }

.products ul {

    margin-right: -10px;

    position: relative;

    }

.products ul li {

    color: #777;

	float:left;
	display:block;

    margin: 0 15px 10px 15px;

    padding: 5px 5px 20px 5px;

    width: 150px;
	height:230px;
    }

.products li:hover {}

.products li h4 {

    font-size: 1em;

    margin-top: .5em;

    margin-bottom: -20px;

    padding: 0;


    background: none;

    }

.products li h4 a {

    color: #555;

    }

.products li h4 a:hover {

    color: #555;

    }

.products .image {

    text-align: center;

    margin: 0 0 10px 0;

    }

.products .image a img {}

.products .image a:hover img {}

.products .desc {

    display: none;

    }

.products .price {

  color: #A31220;

  font-weight: bold;

  margin: 6px 0 6px 0;

  text-align: center;

  background:url("../graphics/price-star.gif") left no-repeat #fff;

  padding:0 0 0 24px;

}

    

    

.products .quantity {

    clear: both;

    margin: 1em 0;

    text-align: right;

    line-height: 180%;

    }
	
.relatedproducts {

    margin: 1em 0;
	width:940px;
	clear:both;
	overflow:hidden;
	display:block;
    }

.relatedproducts ul,

.relatedproducts ul li {

    margin: 0;

    padding: 0;

    list-style: none;

    }

.relatedproducts ul {

    margin-right: -10px;

    position: relative;

    }

.relatedproducts ul li {

    color: #777;

	float:left;
	display:block;

    margin: 0 15px 10px 15px;

    padding: 5px 5px 20px 5px;

    width: 150px;
	height:230px;
    }

.relatedproducts li:hover {}

.relatedproducts li h4 {

    font-size: 1em;

    margin-top: .5em;

    margin-bottom: -20px;

    padding: 0;


    background: none;

    }

.relatedproducts li h4 a {

    color: #555;

    }

.relatedproducts li h4 a:hover {

    color: #555;

    }

.relatedproducts .image {

    text-align: center;

    margin: 0 0 10px 0;

    }

.relatedproducts .image a img {}

.relatedproducts .image a:hover img {}

.relatedproducts .desc {

    display: none;

    }

.relatedproducts .price {

  color: #A31220;

  font-weight: bold;

  margin: 6px 0 6px 0;

  text-align: center;

  background:url("../graphics/price-star.gif") left no-repeat #fff;

  padding:0 0 0 24px;

}

    

    

.relatedproducts .quantity {

    clear: both;

    margin: 1em 0;

    text-align: right;

    line-height: 180%;

    }

    

ul.image1Gallery{

  list-style-type:none;

  margin:0 0 0 15px;

}

.image1Gallery li{

  float:left;

  width:130px;

  margin-right:18px;

}

.image1Gallery img{

  width:130px;
}

  

  

  



/* individual products */



#product {

    margin: 1em 0;  

    }

#product .image {   

    float: left;

    margin-bottom: 1em;

    }

#product .image p {

    margin: .5em 0;

    }

#product .image img {}  

#product .info {    

    float: right;

    }

    

    

#product .image{

  float:left;

  width:460px;

}

    

#product .info{

  float:right;

  width:440px;

}

    

    

#product .price {

  color: #A31220;

  font-weight: bold;

  margin: 10px 0 10px 0;

  background:url("../graphics/price-star.gif") left no-repeat #fff;

  padding:0 0 0 24px;

 }



#product .info h3 {

    margin: 0;

    margin-bottom: .2em;

    }

#product .actions {

    border-top: 1px solid #e1e1e1;

    clear: both;

    }

#product #addBasket {

    border-top: 1px solid #e1e1e1;

    padding-top: 1em;

    }

#product #addWishlist a{}





.TabbedPanels{

  width:440px;

}



.TabbedPanelsContentGroup ul{

  margin:10px 0 10px 15px;

}



#tp1{

  width:440px;

}



#product .TabbedPanelsTabGroup,

#product .TabbedPanelsTabGroup li {

  list-style: none;

  z-index:2;

  position:relative;

  top:1px;
  margin:0px;

  font-size:1.1em;

  left:0px;

}



#product .TabbedPanelsTabGroup {

  height: 37px;

  z-index:2;

  position:relative;

}



#product .TabbedPanelsTabGroup li {

  color: #333;

  cursor: pointer;

  height:25px;

  width:84px;

  padding:12px 0 0 0;

  text-align:center;

  margin-right:8px;

  display:block;

  float:left;

  background:url("../graphics/features-tab-off.gif") top center #e7e7e7 no-repeat;

}

#product .TabbedPanelsTabGroup li:hover{
  color:#A31220;
  background:url("../graphics/features-tab-off-hover.gif") top center #e7e7e7 no-repeat;
}


#product .TabbedPanelsTabGroup li.TabbedPanelsTabSelected {

  background:url("../graphics/features-tab-on.gif") top center #ffffff no-repeat;
  color:#333 !important;
  cursor: pointer;

}


#product .TabbedPanelsTabGroup span{
  font-size:0.55em !important;
  font-weight:normal !important;
  line-height:1em;
  }


#product .TabbedPanelsContentGroup {

  background:url("../graphics/feature-border-top.gif") top left transparent no-repeat;

  padding:10px;

  width:420px;

}



#product .TabbedPanelsContentSide {

  background:url("../graphics/feature-border-side.gif") top left transparent repeat-y;

  margin:20px 0 0 0;

  width:440px;

}



#product .TabbedPanelsContentBottom {

  background:url("../graphics/feature-border-bottom.gif") bottom left transparent no-repeat;

  width:440px;

}

    

    



/* ----- featured articles ----- */

#articles{}

#articles ul, #articles li {

    margin:0;

    padding:0;

    list-style:none;

}

#articles ul{

    margin:1em 0;

    padding:3px 10px;

    background:#f1f1f1;

    border:1px solid #eee;

    color:#777;

}

#articles ul li{

    margin:.5em 0;

    line-height:150%;

    padding:0;

    padding-left:15px;

    list-style:none;

    background:url(../graphics/plain/arrow3.gif) no-repeat 0 .6em;

}

#articles  ul li a{color:#777;}

#articles  ul li a:hover{color:#777;text-decoration:underline;}



/* ----- customer reviews ----- */

#reviews{

}

#reviews ul, #reviews li {

    margin:0;

    padding:0;

    list-style:none;

}

#reviews ul{

    margin:1em 0;

    padding:3px 10px;

    background:#f1f1f1;

    border:1px solid #eee;

    color:#777;

}

#reviews ul li{

    margin:.5em 0;

    line-height:150%;

    padding:0;

    padding-left:15px;

    list-style:none;

}

#reviews  ul li a{color:#777;}

#reviews  ul li a:hover{color:#777;text-decoration:underline;}



/* ----- site map ----- */

#sitemap, #sitemap ul, #sitemap li{

    margin:0 0 0 5px;

    padding:0;

list-style:none;

} 


#sitemap{margin:1em 0;}

#sitemap li{margin:.5em 0;}

#sitemap li h3{margin:.2em 0;}

/* ----- tables and forms ----- */

fieldset{

    border:none;

    padding:0;

    margin:1em 0;

}

legend{

    font-weight:bold;

    padding:0;

    margin:0;

    color:#555;

    font-size:120%;

    clear:both;

}

fieldset h3, fieldset h3{margin:1em 0 0 0;}

#content table{

    width:100%;

    margin:.5em 0;

    border-collapse:collapse;

    line-height:150%;

}

th{

    border:2px solid #fff;

    background:#ddd;

    padding:5px;

}

td{

    background:#f6f6f6;

    border:2px solid #fff;

    padding:5px;

    vertical-align:top;

}

.formField, .formSelect{

    background:#fff;

    border:1px solid #e1e1e1;

    width:200px;

    padding:1px;

    font:normal normal 1em "lucida sans",sans-serif;

}

.formFieldShort, .formFieldMedium{

    background:#fff;

    border:1px solid #e1e1e1;

    width:20px;

    margin-right:5px;

}

.formFieldMedium{width:96px;}

table .price{

    color:#1E326A;

    font-size:110%;

    font-weight:bold;

}

.formFieldProduct{width:150px;}

table .price{

    color:#1E326A;

    font-size:110%;

    font-weight:bold;

}

.formRadio{vertical-align:middle;}



.formButton{

    background:url("../graphics/formbutton.gif") top center no-repeat transparent;

    color:#fff;

    border:none;

    padding:3px;

    height:26px;

}





label span{

    color:#13689d;

    font-size:110%;

    font-weight:bold;

}

input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus {

    background: #fff;

    border: 1px solid #bbb;

}



#hiddenfield,.hiddenfield{

  display:none;}

  

#password{

  font-size:0.9em !important;

  color:#333 !important;

}



/* ----- shopping cart ----- */

#total{

    margin:0;

    padding:0;

    width:278px;

    font-size:110%;

}

#total dt{

    width:160px;

    float:left;

    font-weight:bold;

}

#total dd{

    margin-left:160px;

    text-align:right;

    width:100px;

}

.actions{

    clear:both;

    margin:0;

    padding:.5em 0;

}



#total .totalprice{

  color: #A31220;

  font-weight: bold;

  background:url("../graphics/price-star.gif") left no-repeat transparent;

  padding:0 0 0 24px;

  }



/* ----- first table data style ----- */

td.first{width:40%;}



/* ---------------------- float fix ----------------------------- */

.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after{

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.inner, .products, .products li, #pagination, #total, .modules{display:block;}

/*  \*/

.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}

* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {height:1%;}

 /*  */

/* ----- end float fix ----- */

.special {

    display:none;

}





/* These are standard sIFR styles... do not modify */



.sIFR-flash {

    visibility: visible !important;

    margin: 0;

}



.sIFR-replaced {

    visibility: visible !important;

}



span.sIFR-alternate {

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 0;

    display: block;

    overflow: hidden;

}



/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {

  display: none !important;

}



/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



h3{

    font-weight:bold;

    color:#1E326A;

    clear:both;

    font-size:1.8em;
	
	margin:0 0 15px 0;

}





.sIFR-hasFlash h3{

    visibility: hidden;

    line-height:1.7em;

}

.sIFR-hasFlash #navDept strong{

    visibility: hidden;
	font-size:22px;

}




#navSubDept{

  list-style-type:none;

  margin:10px 0 20px 20px;

}

#interaction{
  border-collapse:collapse;
}

#interaction td{
  background:#fff;
  padding:6px;
}

#interaction h2{
  margin-top:0px;}
  
#contactform{
  float:right;
  margin-top:0px;
}

/*contact form*/

#contact{
  }
  
#contact table{
  border-collapse:collapse;
  width:430px;
}

#contact td{
  padding:0px 5px 0 0;
  width:210px;
  background:#fff;
  vertical-align:top;
}

#contact label{
  display:block;
  width:210px;
}

#contact fieldset{
  border:0;
}

#contact input{
  border:1px solid #ccc;
  padding:1px;
  width:208px;
  margin:0px 0px 3px 0;
  font:normal normal 1em "lucida sans",sans-serif;
}
 
#contact textarea{
  border:1px solid #ccc;
  padding:1px;
  width:208px;
  overflow:auto;
  height:110px;
  margin:0;
  font:normal normal 1em "lucida sans",sans-serif;
}

#submit{
    background:url("../graphics/formbutton.gif") top center no-repeat transparent !important;
  color:#fff !important;
  font-weight:bold !important;
  width:60px !important;
  height:26px !important;
  margin:3px 0 0 0 !important;
  float:right !important;
  padding:3px !important;
  border:0px !important;
}

strong.contact{
  color:#e00;
}

#interaction img{
  margin:0 6px 6px 0;
}

.subdeptitem a,.subdeptitem a:hover,.subdeptitem a:visited,.subdeptitem a:active{
  padding-left:20px !important; 
}

#yourmerrydogs img{
  float:left;
  margin:0 0 0 10px;
}

#deptlistmain p{
  text-align:center;
  font-size:1.2em;
  font-weight:normal;
  margin:0 0 3px 0;
  padding:0;
}

a.depttitle,
a.depttitle:visited,
a.depttitle:active,
a.depttitle:hover{
color:#4e4e4e !important;
text-decoration:none !important;
}

#deptlistmain li{
  background:url("../graphics/deptlistmain.gif") top left no-repeat;
}

.deptlist {

    margin: 1em 0;
	width:760px;
	clear:both;
	overflow:hidden;
	display:block;
    }

.deptlist ul,
.deptlist ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    }

.deptlist ul {
    margin-right: 0px;
    position: relative;
    }

.deptlist ul li {
	float:left;
	display:block;
    margin: 0 0px 10px 12px;
    padding: 13px 5px 0 5px;
    width: 165px;
	height:230px;
}


#gallery{
  border-collapse:collapse;
  padding:0;
  font-size:0.8em;
}

#gallery tbody,#gallery tr{
  border-collapse:collapse;
  padding:0;
  background:#fff !important;
}

#gallery td{
  border-collapse:collapse;
  padding:0 6px 6px 0;
  background:#fff !important;
}

#gallery img{
  margin:20px 0 6px 0;
}

#newsletterSignUp{
  margin:40px 0 0 0;
  width:160px;
  height:311px;
  position:relative;
  left:-5px;
  padding:3px 0 0 11px;
  background:url("/graphics/newsletter-signup-background.jpg") top center no-repeat;
}


#newsletterSignUp form{
  position:relative;
  top:238px;
  padding:11px 0 0 0;
  background:url("../graphics/news-background.jpg") top left transparent no-repeat;
}



#search input{

  background:transparent;

  float:left;

  width:94px;

  padding:1px 1px 1px 4px;

  border:0px;

  font:normal normal 1em "lucida sans",sans-serif;

}

#newsletterSignUp p{
  font-size:1.1em;
  color:#1E326A;
  margin:0;
  padding:0;
}

#newsletterSignUp input.text{
  width:154px;
  border:0px;
  background:transparent;
  padding:1px 1px 1px 5px;
  color:#4e4e4e;
  margin-bottom:5px;
  font:normal normal 1em verdana,sans-serif;
}

#newssubmit{
    background:url("../graphics/formbutton.gif") top center no-repeat transparent !important;
  color:#fff !important;
  font-weight:bold !important;
  width:80px !important;
  height:26px !important;
  margin:6px 0 0 0 !important;
  float:left !important;
  padding:0px !important;
  border:0px !important;
}

span.printHide{
  color:#374D5B !important;
}

#notes textarea{

  margin-right:0px !important;
}

#extraOrderNotes{
  margin-right:0px !important;
}

.printSelect label{
  margin:0 !important;
  padding:0 !important;
}

.printSelect select{
  margin:0 !important;
  padding:0 !important;
}

#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(http://www.merrydogs.co.uk/graphics/lb/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.merrydogs.co.uk/graphics/lb/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; }