/* template: Fleet Street 3 - standard #2 */

/* body { background: transparent url(background.gif) repeat left top!important; } */

table.sidebar#search_box td select,
table.sidebar#search_box td option,
table.sidebar#search_box td input { font-family: Tahoma, sans-serif; font-size: 9px; }


table.spectabs { text-transform: uppercase; }
table.njh_header td table td.bottom { display: none; }


body { background-image:url('background.gif')!important;
background-repeat:no-repeat!important;
background-attachment:scroll!important;
background-position:center top!important; }

ul.sidemenu li { padding: 0; list-style: none; }
ul.sidemenu li a {
	line-height:20px;
	padding:1px 5px;
}
ul.sidemenu li a:hover {
	background:#AF412B;
	color: white;
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

#map {
    margin:0;
    padding:0;
    width:400px;
    height:200px;
    background:url(images/cat-map.jpg) top left no-repeat #ffffff;
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
}

#map li {
    margin:0;
    padding:0;
    list-style:none;
}

#map li a {
    position:absolute;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(images/blank.gif);
}

#map li a span { display:none; }

#map li a:hover span {
    position:relative;
    display:block;
    width:200px;
    left:20px;
    top:20px;
    padding:5px;
    border:1px solid #000000;
    background:#ffffff;
    text-decoration:none;
    color:#000000;
    filter:alpha(opacity=80);
    opacity:0.8;
}

#map a.bunny {
    top:20px;
    left:60px;
    width:80px;
    height:90px;
}
        
#map a.parrot {
    top:1px;
    left:275px;
    width:50px;
    height:50px;
}
        
#map a.snail {
    top:135px;
    left:30px;
    width:50px;
    height:50px;
}
        
#map a.dog {
    top:100px;
    left:150px;
    width:115px;
    height:95px;
}
        
#map a.cat {
    top:65px;
    left:315px;
    width:70px;
    height:120px;
}


/* markup: Account list markup #37 */

table.njh_list_default { margin-top: 10px; width: 100%; font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
table.njh_list_default td { padding: 0; text-align: left; }
table.njh_list_default tr.row0 td table.item_l { background: #ffffff url(../files/graphics/markup/default/gradient1.gif) repeat-x scroll left bottom; }
table.njh_list_default tr.row1 td table.item_l { background: #ffffff url(../files/graphics/markup/default/gradient2.gif) repeat-x scroll left top; }
table.item_l { height: 120px; border: 1px solid #dddddd; margin-bottom: 10px; }
table.item_l td { padding: 12px 0; }
table.item_l div.thumb { width: 100px; text-align: center; margin: 0 10px; }
table.item_l div.thumb img { padding: 2px; border: 1px solid #999999; }
table.item_l div.title { font-size: 14px; font-weight: bold; color: #cc0000; text-align: left; padding-left: 10px; }
div.summary { padding-left: 10px; margin-top: 10px; }table.item_l div.pricing { margin-top: -5px; text-align: right; font-weight: bold; color: #4d9dcb; }
table.item_l div.pricing span.inc { padding-left: 10px; }
table.item_l div.pricing span.price_inc { font-size: 18px; color: #ff9211; }
table.item_l div.pricing span.rrp { display: block; width: 240px; font-weight: normal; }
table.item_l span.stock { display: block; text-align: right; font-weight: bold; background: transparent url(../files/graphics/markup/default/stock.gif) no-repeat scroll right center; padding: 4px 25px 3px 0; width: 215px; margin-top: 5px; }
div.basket { width: 133px; float: right; margin-left: 10px; padding-top: 10px; }
div.distance {clear: both; padding-top: 10px; text-align: center; margin-right: 10px; }



/* markup: Account view markup #38 */

table.item { width: 100%; font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
table.item select, table.item option { font-weight: bold; color: #333333; }
table.item td { text-align: left; vertical-align: top; }
table.item td.image { text-align: center; padding-right: 15px; }
div.socialnet { width: 152px; margin: 15px auto 25px auto; }
div#speccontainer { width: 350px; background: #f9f9f9; background: #ffffff url(../files/graphics/markup/default/gradient2.gif) repeat-x scroll left top; padding: 20px 30px; margin-top: -10px; }
table.item div.pricing { font-weight: bold; color: #4d9dcb; }
table.item div.pricing span.price_inc { font-size: 18px; color: #ff9211; }
table.item div.pricing span.price { display: block; }
table.item div.pricing span.inc { font-size: 12px; color: #4d9dcb; }
table.item div.pricing span.rrp { display: block; font-weight: normal; }
table.item span.stock { display: block; font-weight: bold; background: transparent url(../files/graphics/markup/default/stock.gif) no-repeat scroll left center; padding: 4px 0px 3px 25px; margin-top: 5px; }
table.ordering { margin: 15px 0; }
table.ordering td.quan { padding-right: 10px; }
div#breadcrumb div.trail { display: none; }
div.trail { margin-bottom: 20px; padding: 10px 0; border-bottom: 1px dotted #999999; font-family: Verdana, sans-serif; font-size: 10px; }
span.goback { display: block; position: relative; top: 20px; left: 330px; font-family: Verdana, sans-serif; font-size: 10px; }
span.goback a, div.trail a { color: #454545; text-decoration: none; text-transform: uppercase; }
span.goback a:hover, div.trail a:hover { color: #454545; text-decoration: underline; }
div.trail a.current, div.trail a.current:hover { display: block; font-weight: bold; }
div.item_details { font-size: 14px; padding-bottom: 5px; border-bottom: 1px dotted #999999; margin: 10px 0; }
div.item_details span.desc { display: block; float: right; font-size: 11px; margin-top: 3px; }
table.attributes td.attribute-label { padding-right: 20px; }
div.refer { margin-top: 10px; }
div.refer img { margin-bottom: -5px; margin-right: 5px; }
div.imgbrowser { margin-top: 4px; font-weight: bold; }
div.imgbrowser img { margin-bottom: -3px; margin-right: 5px; }
table.ec_external_links { margin: 10px 0; }
table.ec_external_links td { padding-right: 10px; }
table.options { height: 50px; margin-top: 15px; margin-bottom: 5px; background: #dddddd url(../files/graphics/markup/default/options.png) no-repeat scroll right 5px; border-top: 5px solid #dddddd; border-bottom: 5px solid #dddddd; border-right: 10px solid #dddddd; }
table.options td { padding: 5px 10px; }
table.options td.label { padding-top: 7px; }
table.options td.input { padding-right: 45px; }
table.options td.input select, table.options td.input option { font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
table.item_accessories td { vertical-align: middle; }
table.item_accessories td.image { padding-bottom: 5px; padding-right: 5px; }
table.item_accessories td.detail { padding-left: 10px; }



/* markup: Default subcategories markup #3 */

span.subcat { font-weight: bold; }


/* markup: Surfer list markup #13 */

table.njh_surfer_list { margin: 10px 0; }