/*
 * LOADING CSS FOR TEMPLATE: web20
 */


/*
 * LOADING CSS FILE:
 * search.css
 */
/**
 * Root category list
 */

.rootCatList {
    margin-top: 30px;
	background: url(/templates/web20/images/white_transparent.png);
}

.rootCatList ul {
    padding-left: 40px;
    padding-top: 10px;
}

.rootCatList ul li {
    margin-bottom: 10px;
}

.rootCatList .rootCatTitle a {
    font-weight: bold;
    color: black;
}

.rootCatList .rootCatSubcats {
    color: #666666;
}

/**
 * Category search results
 */
 .catList {
	 background: url(/templates/web20/images/white_transparent.png);
	 padding-bottom: 10px;
 }
 
.catList ul {
    padding-left: 30px;
}


/*
 * LOADING CSS FILE:
 * siteSearch.css
 */
#SiteSearch {
    padding: 10px;
   /* border: 1px solid #000000;
    background-color: #000000;*/
}


.SiteSearch_result {
    padding: 15px 0px 10px 20px;
    border-bottom: 1px solid #dddddd;
}
.SiteSearch_title {
    font-weight: bold;
}
.SiteSearch_blurb {
    padding-left: 10px;
}
.SiteSearch_url {
    font-size: 90%;
    font-variant: small-caps;
    color: #20aa20;
    padding-left: 10px;
}


/*
 * Empty File
 * templates/web20/css/index/compSearch.css
 */
/*
 * LOADING CSS FILE:
 * search_land.css
 */
.srch_box {
    margin: 0 0 0 0;
    padding: 0;
    border: 0;
}

.srch_hdr {
    background: url(/templates/web20/images/grey_transparent.png);
}

    .srch_hdr .srch_corner {
        padding: 8px;
        height: 15px;
	color: #fff;
    }

.srch_cont {
    padding: 5px;
	
    background: url(/templates/web20/images/white_transparent.png);
}

.srch_ftr {
   
}

    .srch_ftr .srch_corner {
        height: 15px;

    }


.srch_label {
    color: #0077FF;
    font-weight: bold;
}

.srch_cont ul {
    list-style-type: disc;
    padding-left: 15px;
}
    .srch_cont ul li {
        list-style-type: disc;
    }

.srch_details {
    background-repeat: no-repeat;
    background-image: url(/templates/web20/images/hr.gif);
    background-position: left top;

    margin: 0 0 10px 0;
    padding: 20px 0 0 0;

    height: 35px;

    font-size: medium;
}


    .srch_details b {
        color: #0077FF;
        font-style: italic;
    }

.srch_point {
    clear: both;

    text-align: right;
    padding: 0 30px 0 0;

    background-repeat: no-repeat;
    background-image: url(/templates/web20/images/arrow_r.gif);
    background-position: right center;
}


/*
 * LOADING CSS FILE:
 * side_promos.css
 */
.promopanel ul li {
    font-weight: bold;
}
    .promopanel ul li ul {
        border-top: 1px dotted white;
        margin: 0px;
        padding-left: 20px;
        padding-bottom: 10px;
    }

    .promopanel ul li ul li {
        font-weight: normal;
    }


/*
 * LOADING CSS FILE:
 * style.css
 */
* { margin: 0; padding: 0; }

/* font */
html { font-size: 100%; }
body {
	font-size: 0.7em;
	margin:0;
	background: url(/backgrounds/58.jpg) top center no-repeat;
	background-attachment:fixed;
}
/*
table { font-size: 100%; }
input, select, textarea { font-size: 110%; }
*/

/* layout - general */
img { border: none; }
acronym { cursor: help; }
a { cursor: hand; cursor/**/: /**/pointer; }

a.alt { color: #990000 ! important }
label { font-weight:bold }

#localItems label { color: #6DADFC; }

.text, textarea { font-size: 110%; }
input.text, textarea { padding: 1px 2px; }
.submit { font-size: 110%; padding: 1px 4px; cursor: hand; cursor/**/: /**/pointer; }
* html .submit { padding: 0; }

ul, ol { margin: 0 0 1em 2.5em; padding: 0; list-style: disc; }
ul li, ol li { margin: .2em 0; padding: 0; }

ul.tos {
    margin-left: 0;
    padding-left: 2em;
}
ul.tos li {
    list-style: disc;

    list-style-position: inside;
}

select > option { margin: 0 5px 0 3px; }

.ul { margin: 0; padding: 0; list-style-type: none; }
.ul li { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; }

.floatR { float: right; }
.floatL { float: left; }
.alignR { text-align: right; }

.hide { display: none; }

a:link, a:visited {
    color: #2C5169;
}
a:link:hover, a:visited:hover {
    color: teal;
}

a.big {
    font-size: 125%
}

/* layout - specific */

body {
    font-family: Arial, Sans-Serif;
    color: #333333;
    text-align: center;
    position: relative;
    background-color: #ffffff;
/*     background: #706955 url(/templates/web20/images/page-m.jpg) repeat-x 0 0;*/ 
}
#page {
    text-align: left;
    margin: 0 auto 0 auto;
    width: 785px;
    position: relative;
}

#top {
    position: relative;
    padding: 37px 0 0 0;
}
#top ul {
    position: absolute;
    right: 0px;
    top: 0;
    margin: 0 0 0 0;
    overflow: hidden;
}
#top ul li {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    height: 37px;
    overflow: hidden;
}
#top ul li a {
    float: left;
    display: block;
    height: 37px;
    line-height: 37px;
    padding: 0 10px;
    text-decoration: none;
   /* background: url(/templates/web20/images/menu-sep.gif) no-repeat 100% 0%; */
    overflow:hidden;
	color: #000000;
}
#top ul li.last a {
    background: none;
}
#top ul li a:link, #top ul li a:visited {
    color: #999999;
}
#top ul li a:link:hover, #top ul li a:visited:hover,
#top ul li.active a:link, #top ul li.active a:visited {
    padding: 0 9px;
   /* border: solid 1px #890000;
    background: #6A0000;
    color: #FFFFFF;
   */
   color: #000000;
    border-top: none;
    height: 36px;
}

#header {
    position: relative;
    height: 0px;
}
#header a {
    display: block;
    position: relative;
    widtH: 100%;
    height: 100%;
}
#header span {
    position: absolute;
    width: 779px;
    height: 100%;
    background: url() no-repeat 0 0;
    margin-left:3px;
}

#wrap {
    position: relative;
    z-index: 20; /* added so that the popup ads will show OVER the footer instead of under it. */
    /*background: #FFFFFF;*/
}

#search {
 /*   background: url(/templates/web20/images/search-m.jpg) repeat-x 0 0;
background-color: #000000;*/
    width: 500px;
	padding-top: 5px;
}
#search .in {
/*    background: url(/cache/displaybanner/58-2r.jpg) no-repeat 100% 0;
background: url(/templates/web20/images/search-r2) no-repeat 100% 0; */
    height: 55px;
    width: 513px;
    overflow: hidden;
}
.page #search .in,
.page2 #search .in,
.page3 #search .in,
.page_no_footer #search .in {
   /* background: url(/templates/web20/images/search-r2.jpg) no-repeat 100% 0;*/
}
#search p.header {
    float: left;
    height: 55px;
    width: 106px;
    position: relative;
    margin: 0 10px 0 0;
}
#search p.header span {
    position: absolute;
    width: 100%;
    height: 100%;
   /* background: url(/templates/web20/images/search-l.jpg) no-repeat 0 0; */
}
#search p.header span.none {
    background: url(/templates/web20/images/search-l2.jpg) no-repeat 0 0;
}
#search fieldset div {
    float: left;
    width: 110px;
    margin: 0 5px 0 0;
    padding: 3px 0 0 0;
}
* html #search fieldset div {
    display: inline;
}
#search fieldset div label {
    display: block;
    background: url(/templates/web20/images/arrow-1.gif) no-repeat 100% 100%;
    color: #999999;
    margin: 0 0 2px 0;
    height: 28px;
    font-weight:normal;
}

#search fieldset.sitesearch div label {
    padding-top:4px;
    height: 14px;
}

#search fieldset.sitesearch div {
    width: 230px;
}
#search fieldset.sitesearch div.but {
    padding-top: 23px;
}



* html #search fieldset div label {
    height: 24px;
}
#search fieldset div input {
    width: 95%;
    border: none;
    background: #fff;
    color: #000;
    padding: 2px;

}
#search fieldset div.but {
    width: auto;
    padding: 33px 0 0 0;
}
#search fieldset div.but input {
    width: auto;
    padding: 0;
}

/*****  For the product page ******/
div#url_display {
    background: #000;
    text-align: left;
    color: #ffffff;
}

/* CSS regarding Search2 context */

#search2 {
    position: absolute;
    top: 23px;
    right: 0;
    /*background: url(/templates/web20/images/page-t2.jpg) no-repeat 0 0;*/
    width: 268px;
    height: 30px;
    margin: 0px;
    padding: 0px;
	text-align: right;
}

#search2 select, #search2 input {
	margin: 0;
}

#search2 select {
    float: left;
	margin: 0;
    margin-right: 3px;
}
#search2 .text {
    float: left;
    border-width: 2px;
    background: #FFFFA0;
    width: 90px;
    margin-right: 5px;
}
#search2 .img {
    float: right;
    padding: 1px 0 0 0;
}

#search2 form {
	padding: 0;
	margin: 0 ;
	float: left;
	position: relative;
}

.web_search_form {
	border: 2px solid #e8e8e8;
	height: 22px;
	float: left;
	background-color: #fff;
	width: 264px;
}

.web_search_form select {
	float: left;
	border: none;
	background: none;
	margin: 0;
}

#search2 .web_search_form .kwords {
	width: 112px;
	border: none;
	margin: none;
	border-width: 0px;
	float: left;
	margin-top: 3px;
}

#search2 .web_search_form select {
	width: 90px;
	overflow: hidden;
	font-size: 10px;
	line-height: 10px;
	border: none;
	border-width: 0px;
	margin-top: 3px;
}

.web_find_submit {
	width: 50px;
	height: 22px;
	background-color: #000;
	color: #fff;
	border: none;
	font-size: 10px;
	font-weight: bold;
}

/* end search2 content */



.cols {
    margin: 0 0 3px 0;
/*background: url(/templates/web20/images/content-m.gif) repeat-y 0 0;*/

   /* background: url(/img-overlay.php?color=000000&img=content-m) repeat-y 0 0;*/

}
.page .cols {
    background: url(/img-overlay.php?color=000000&img=content2-m) repeat-y 0 0;
}
.page3 .cols {
    background: url(/templates/web20/images/content3-m.gif) repeat-y 0 0;
}
.cols p {
    margin-top: 10px;
    margin-bottom: 5px;
}
.colsWrap {
    padding: 0 0 16px 0;
/*background: url(/templates/web20/images/bot_back.gif) no-repeat 0% 100%;*/
  /* background: url(/img-overlay.php?color=000000&img=content-b) no-repeat 0% 100%;*/
    width: 100%;
    overflow: hidden;
}
.page .colsWrap {
    background: url(/img-overlay.php?color=000000&img=content2-b) no-repeat 0% 100%;
}
.long .colsWrap {
    background: url(/img-overlay.php?color=000000&img=content4-b) no-repeat 0% 100%;
}
.page3 .colsWrap {
    background: url(/templates/web20/images/content3-b.gif) no-repeat 0% 100%;
}

.page3 .colsWrap2 {
    background: url(/templates/web20/images/content3-t.jpg) no-repeat 0 0;
    width: 100%;
    overflow: hidden;
}


.col2 {
    float: left;
    width: 268px;
}

#colMain {
    width: 507px;
    /*background: url(/templates/web20/images/content-t.jpg) no-repeat 0 0;*/
    min-height: 360px;
}
* html #colMain {
    height: 360px;
}
.page #colMain {
    min-height: 300px;
}
.page3 #colMain {
    width: 100%;
    background: none;
    margin: 15px 0 0 0;
}
#colMain * {
    /*margin-left: 12px;
    margin-left: 4px;
    margin-right: 10px;*/
}
#colMain * * {
    margin-left: 0px;
    margin-right: 0px;
}

#searchbanner {
    margin-top: 1em;
}

#refine_search {
	background: url(/templates/web20/images/white_transparent.png);
}

.city_narrow_head {
	background: url(/templates/web20/images/grey_transparent.png);
}

.city_narrow {
	background: url(/templates/web20/images/white_transparent.png);
	padding: 5px;
}

.promo_listing {
	margin-bottom: 10px;
}

.promo_listing_head {
	background: url(/templates/web20/images/grey_transparent.png);
	height: 18px;
	padding: 4px;
	overflow: hidden;
}

.promo_listing_head a {
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}

.promo_listing_guts {
	background: url(/templates/web20/images/white_transparent.png);
	padding: 4px;
	color: #000;
}

.promo_listing_guts a {
	color: #000;
}

#colSide {
	background: url(/templates/web20/images/white_transparent.png);
	float: right;
}
.page #colSide {
    padding-bottom: 0px;
}
.long #colSide {
    padding-bottom: 700px;
}

#hp1 {
   /* background: url(/cache/displaybanner/58-2.jpg) no-repeat 0 0;
    height: 10px;*/
    margin-bottom: 10px;
}

h1 {
    /*color: #840000;*/
    font-size: 14px;
}

#box1 {
    /*background: url(/templates/web20/images/box1-m.gif) repeat-y 0 0;
    border-bottom: solid 1px white;
	width: 503px;*/
	margin-bottom: 10px;
	/*background: url(/templates/web20/images/white_transparent_box_top.png) top left no-repeat;
	padding-top: 10px;*/
}
#box12 {
    /*background: url(/templates/web20/images/box1-t.gif) no-repeat 0 0;
	background: url(/templates/web20/images/white_transparent_box_bot.png) bottom left no-repeat;
	padding-bottom: 10px;*/
}
#box13 {
    /*background: url(/templates/web20/images/box1-b.gif) no-repeat 0 100%;*/
    padding: 12px 10px;
	background: url(/templates/web20/images/white_transparent.png);
}
    #box13 a {
        font-weight: bold;
        font-size: 110%;
    }
#box1 h1 {
    margin: 0px 0 5px 10px;
}
#box1 p {
    margin: 3px 10px;
}
#box1 a:link, #box1 a:visited {
    color: #112A5D;
    font-weight: bold;
}

#colSide div {
    margin-left: 24px;
}
#colSide div div {
    margin-left: 0;
}
#colSide {
    color: #000;
}
#colSide a:link, #colSide a:visited {
    color: #000;
    text-decoration: underline;
}
#colSide a:link:hover, #colSide a:visited:hover {
    text-decoration: none;
}
#colSide .col_side_bottom, #colSide .col_side_bottom a:link, #colSide .col_side_bottom a:visited {
	/*color: #000000;*/
}

.list {
    margin: 10px 20px 0 24px;
    padding: 0 0 10px 0;
}

.listsub {
    margin: 10px 20px 200px 24px;
    padding: 0 0 10px 0;
}

.site .listsub {
    margin: 10px 20px 150px 24px;
    padding: 0 0 10px 0;
}

.list h2, .listsub h2 {
    font-size: 60%;
    margin: 0 0 10px 11px;
    overflow: hidden;
}
.list h2 span, .listsub h2 span {
    margin-left: -1000em;
}
.list ul, .listsub ul {
    width: 200px;
    margin: 0 0 0 11px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.list ul li {
    float: left;
    width: 49.5%;
    padding: .1em 0;
    margin: 0;
}
.listsub ul li {
    padding: .1em 0;
    margin: 0;
}

#localItems {
    margin-top: 20px;
}
* html #localItems {
    margin-top: 0;
}
#localItems h2 {
    width: 137px;
    height: 13px;
    background: url(/templates/web20/images/title-items.gif) no-repeat 0 0;
}
#localItems h3 {
    margin: 10px 0 10px 0;
    padding: 0;
    font-size: 13px;
}

#localBiz {
    border-top: solid 5px #450000;
    padding-top: 10px;
}
#localBiz h2 {
    width: 103px;
    height: 14px;
    background: url(/templates/web20/images/title-biz.gif) no-repeat 0 0;
}

#sponsors {
    position: absolute;
    bottom: 0px;
    right: 10px;
    height: 145px;
    width: 240px;
    z-index:0;

}
* html #sponsors {
    bottom: 205px;
    height: 130px;
}
.long #sponsors {
    height: 660px;
}
#sponsors h3 {
    margin: 0 0 0 0;
    border-bottom: solid 5px #CCCCCC;
    color: #1C4499;
    padding: 0 0 2px 0;
    width: 150px;
    font-size: 120%;
}

#page .last {
    margin-right: 0;
}
#page .single {
}

#header_list li {
    margin:0px;
    padding:0px 0px 0px 15px;
    border:1px solid white; /* IE css hack - displays everything wrong unless border is set*/
}

#header_list ul li.heading
{
    color:white;
    background-color:black;
    padding:4px;
    font-weight:bold;
    font-size:14px;
}

#header_list ul li ul li.heading
{
    background-color:#666;
    border:1px solid black;
    font-size:12px;
}

#header_list ul li ul li ul li.heading
{
    color:#666;
    background-color:white;
    padding:2px;
    border:0px;
}

#bot {
    position: relative;
    /*background: #FFFFFF url(/templates/web20/images/bot-m.gif) repeat-y 0 0;*/
}
* html #bot {
    border-bottom: solid 1px #706956;
}
#bot2 {
    /*background: url(/templates/web20/images/bot-t.gif) no-repeat 0 0;*/
    padding: 15px 0 0 0;
}
#bot3 {
   /* background: url(/templates/web20/images/bot-b.gif) no-repeat 0 100%;*/
    padding: 0 0 15px 0;
}
#bot h3 {
    position: relative;
    left: 25px;
    /* border-bottom: solid 5px #CCCCCC;;*/
    color: #1C4499;
    padding: 0 0 2px 0;
    width: 250px;
    font-size: 140%;
}
#bot ul {
    margin: 10px 0 0px 25px;
    width: 730px;
    overflow: hidden;
    text-align: center;
}
#bot ul li {
    display: inline;
    padding: 0 6px;
}
#bot p {
    margin-left: 25px;
}

#footer {
    position: relative;
    margin: 2px auto 0 auto;
    width: 785px;
    overflow: hidden;
    color: #000000;
    font-weight: bold;
	padding: 4px;
}
#footer a:link, #footer a:visited {
    color: #000000;
    text-decoration: none;
}
#footer a:link:hover, #footer a:visited:hover {
    text-decoration: underline;
}
#footer .copyright {
    float: left;
}
#footer .links {
    float: right;
}

fieldset {
    border: none;
    margin: 0;
}
h2 {
    font-size:12px;
background:#000;
color:#fff;
padding:2px 5px 2px 5px;
margin:5px 0px 0px 0px;
display:block;
clear:left;
}
.temps  {
    font-size:13px;
color:#000066;
padding:2px 5px 2px 0px;
margin:5px 0px 0px 0px;
background-color:#fff;
text-decoration:underline;

}
ul, li {
    list-style-type:none;
}

/*coupon area */
.tab_coupon {
    border:1px dashed white;
    padding: 1px;
    width:505px;
    }
	
.tab_coupon p {
	margin: 0;
}

.coupon_img {
	background-color: #fff;
}

.coupon_head_cell {
	background: url(/templates/web20/images/grey_transparent.png);
}

.coupon_head {
	color: #fff;
	padding: 4px;
}

.coupon_body_cell {
	background: url(/templates/web20/images/white_transparent.png);
}

.coupon_body {
	padding: 4px;
}

.coupon_foot_cell {
	background: url(/templates/web20/images/blue_transparent.png);
}

.coupon_foot {
	padding: 4px;
	color: #fff;
}

.coupon_foot a {
	color: #fff;
}
	
.sale, .offer {
    font-weight:bold;
    }
.sale, p.sale {
    color:#f9fc00;
    font-size:16px;
    margin:0px;

    }
.offer {
    color:#fff;
    }
.couponpic  {
    width:100px;
    }

.CouponCart  {
    clear: both;
    /*text-align: right;*/
}

.couponpicdiv {
    width:100px;
    padding-right:8px;
    }
.left {
    float:left;
    }

img.inlineicon {
    vertical-align: middle;
}
#colSide .selected {
    background-color:#6997ff;
    font-weight:bold;
}
/*- Menu Tabs B--------------------------- */

    #tabsB {
      width:470px;
      background:#fff;
      font-size:93%;
      line-height:normal;
      margin:10px 0px 0px 0px;
      padding:0px;
      }
    #tabsB ul {
    margin:0;
    list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url(/templates/web20/images/tableftB.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 19px;
      text-decoration:none;
      background-position:0% -42px;
      overflow-y:hidden;
      height:22px;
      border-bottom:1px solid #999;

      }
    #tabsB a span {
      float:left;
      display:block;
      background:url(/templates/web20/images/tabrightB.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#777;
      background-position:100% -42px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover, #tabsB .selected {
      background-position:0% 0px;
      }
    #tabsB a:hover span, #tabsB .selected span {
      background-position:100% 0px;
      }
    #tabsB .selected span {
      color:#000;
    }

/*bus listings */
.BusListing {
	padding: 5px;
	background: url(/templates/web20/images/white_transparent.png);
	margin-bottom: 5px;
}
.allLink {

    }

/**
 * Promo panel highlighting
 */
.currentitems {
  /*  border: 1px solid #000000;
    background-color: #000000;*/
    padding: 5px;
    margin-bottom: 5px;
}

#colSide h4 {
    font-size: 13px;
    font-weight: bold;

    margin: 0;
    padding: 10px 0 10px 0;
    text-align: left;
}



a.searchSel {
    display: block;
    margin: 0;
    padding: 0 0 1px 10px;
    color: #999999;
    text-decoration: none;

    background-image: url("/img/bullet.gif");
    background-repeat: no-repeat;
    background-position: left 50%;
}
a.searchSel:hover {
    color: #999999;

    background-image: url("/img/bullet.gif");
    background-repeat: no-repeat;
    background-position: left 50%;
}
a.searchSel span {
    color: #999999;
    text-decoration: none;
}

    a.searchSel.check {
        background-image: url("/img/bullet_x.gif");
    }

h5 {
    text-align: center;
    color: #0077FF;
    border-bottom: 1px solid #666666;
    font-size: 13px;

    margin: 15px 0 5px 0;
}
h5 span {
	display: block;
	font-size: smaller;
}

.find_what {
	border: 2px solid #e8e8e8;
	height: 22px;
	width: 225px;
	padding: 0px;
}

.find_where_wrap {
	/*width: 192px;*/
	height: 22px;
	float: left;
	border: 2px solid #e8e8e8;
	background-color: #fff;
}

.find_where_wrap input {
	border: none;
}

.find_where {
	width: 184px;
	border: 0;
	margin-left: 2px;
	padding: 0;
}

.find_where_only {
	width: 405px;
}

.find_submit {
	width: 80px;
	height: 22px;
	background-color: #000;
	color: #fff;
	border: none;
	font-size: 10px;
	font-weight: bold;
}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
	display:block;
	height:1px;
	overflow:hidden;
}

.pager {
	display: block;
	padding: 3px;
	background: url(/templates/web20/images/white_transparent.png);
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
}

.standard_box {
	background: url(/templates/web20/images/white_transparent.png);
	padding: 5px;
}


/*
 * ERROR: Unable to locate file
 * nil
 */
/*
 * LOADING CSS FILE:
 * lightbox.css
 */
/**
 * Custom lightbox css
 */

#product_images {
	float:right;
	margin:5px;
}

	#product_images li {
		float: left;
		background-color: #EEEEEE;
		border:1px solid #DDDDDD;
		margin:2px;
		padding:3px;
	}
/**
 * Default lightbox css
 */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(/img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/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;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}


/*
 * LOADING CSS FILE:
 * tabs.css
 */
.tablist {
    height: 30px;
    width: 410px;
    line-height: 30px;
    font-size: 10pt;

    margin: 10px 0 10px 0;
    padding: 0;
    background: url(/templates/web20/images/tab_bg.gif) repeat-x top;
}

    .tablist ul {
        height: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        background: url(/templates/web20/images/tab_right.gif) no-repeat top right;
    }

    .tablist li {
        float: left;
        height: 100%;
        margin: 0;
        padding: 0;
        background: url(/templates/web20/images/tab_mid_left.gif) no-repeat top left;
    }

        .tablist li.current {
            background: url(/templates/web20/images/tab_mid_right.gif) no-repeat top left;
        }

        .tablist li.first {
            background: url(/templates/web20/images/tab_left.gif) no-repeat top left;
        }

    .tablist a, .tablist span {
        display: block;
        padding: 5px 15px 5px 50px;

        color: #555555;
        text-decoration: none;
        font-variant: small-caps;

        background: url(/templates/web20/images/dot_red.gif);
        background-repeat: no-repeat;
        background-position: 25px 45%;
    }

    .tablist .first a, .tablist .first span {
        background-position: 10px 45%;
        padding-left: 35px;
    }

    .tablist .current a, .tablist .current span {
        background-image: url(/templates/web20/images/dot_green.gif);
        color: black;
    }

    .tablist a:hover, .tablist span:hover {
        color: black;
    }