/* 
  This file contains the main styles that may change from site to site. If you find there's other 
	styles in styles.css that you often need to change, move them here. 
*/


/* site-wide fonts, colour & size */
body, table, td, div, span, div, p, input, select, textarea {
  font: 10pt Tahoma, Arial, Verdana, sans-serif;
  color: #222222;
}
body, table, td, div, span, div, p {
  line-height: 20px;
}


/* link colours */
a:link, a:visited {
	text-decoration:    none;
	color:              #3366cc;
    }
    
a:hover {
  color: #3366cc;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
	color: #cc0000;
}


/* "gallery" type viewing pages: search results / homepage */

.homepage_gallery_odd_row, .homepage_gallery_odd_row a, .homepage_gallery_odd_row div , .homepage_gallery_odd_row td {
  background-color:#FFFCCC;
  font-size: 11px;
}

.homepage_gallery_even_row , .homepage_gallery_even_row a, .homepage_gallery_even_row div, .homepage_gallery_even_row td{
  background-color:#dddddd;
  font-size: 11px;
}
.gallery_view_init_td {
  background-color: #efefef;
}
.gallery_view_init_div {
  background-color: #efefef;
  border: 1px solid #ffffff; 
	position: relative;
}

.odd_row {
	background-color: #efefef;
  vertical-align: top;
}
.even_row {
  background-color: #FFFFFF;
  vertical-align: top;
}
.current_row { 
  background-color: #ACDDFF;
  vertical-align: top;
}


/* dropdown menu styles */
#dropmenudiv {
  position:           absolute;
  border:1px          solid black;
  border-bottom-width:0;
  font:               normal 12px Verdana;
  line-height:        18px;
  z-index:            100;
  background-color:   #EFF7FF;
}
#dropmenudiv a {
  width:              100%;
  display:            block;
  border-bottom:      1px solid black;
  padding:            1px 0;
  text-decoration:    none;
  font-size: 8pt;
  color: #333333;
}
#dropmenudiv a:hover {
  background-image:   url(../images/horizontal_line.jpg);
  background-repeat:  repeat-y;
  color:              #3366cc;
}


/* page sections */
table#main_structural_table {
  width:              1000px;
  height:             100%;
}
tr#banner td {
  width:              100%; 
  background-color: #FFFFFF;

}
tr#banner_row { height: 0px; }
td#top_row {
  color: #ffffff;
  /*background:		  url(../images/button.gif);*/
  background-color:	  #000666;
}
td#left_nav {
  width:              200px;
  height:             100%; 
/*  background:		  url(../images/left_nav_bg.gif);
  background-repeat:  repeat-xy;*/
  background-color:   #000666;
  vertical-align:     top;
  padding-left: 8px;
  padding-right: 8px;
}

.left-nav, .left-nav a, .left-nav a:link, .left-nav a:visited, .left-nav a:active { color:white;}

.left-nav a:hover { color:#FFFCCC;}

td#left_nav a {
	text-decoration:    none;
}
td#leftmost_strip {
  background-color:   #ffffff;
	border-right: 1px solid #999999;
    width: 200px;
}
td#rightmost_strip {
  background-color:   #ffffff;
}

/* buttons */
.button {
  padding:            1px;
  padding-left:       4px;
  padding-right:      4px;
  margin:             0px;
  border:             1px solid #333333;
  text-decoration:    none;
  color:              #003366;
  background-color:   #EDF6FF;
  font-family:        Tahoma, Arial;
	font-size:          9pt;
  font-weight:        bold;
}

a.button {
  padding:            2px;
  padding-left:       4px;
  padding-right:      4px;
  margin:             0px;
  border:             1px solid #333333;
  text-decoration:    none;
  color:              #003366;
  background-color:   #EDF6FF;
  font-family:        Tahoma, Arial;
	font-size:          9pt;
  font-weight:        bold;
}

.button:hover, a.button:hover {
  color:              #333333;
  background-color:   #FFCC00;
  cursor:             pointer;
	text-decoration:    none;
}
.button:active, a.button:active {
  color:              #CC0000;
  background-color:   #7DB4EC;
}

/* misc other stuff */
.left_column_heading {
  font-size: 10pt;
	font-family: Tahoma, verdana;
	font-weight: bold;
}
a.category {
  color:	#000000;
  text-decoration: none;
  font-size: 13px;
  line-height: 13px;
}

a.category:active {
  color:	#000000;
  text-decoration: none;
  font-size: 13px;
  line-height: 13px;
}

a.category:hover {
  color:	#cccccc;
  text-decoration: none;
  font-size: 13px;
  line-height: 13px;
}

a.subcategory {
  color:	#000000;
  text-decoration: none;
	font-size: 11px;
	line-height: 11px;
}

a.subcategory:active {
  color:	#cccccc;
  text-decoration: none;
	font-size: 11px;
	line-height: 11px;
}

a.subcategory:hover {
  color:	#cccccc;
  text-decoration: none;
	font-size: 11px;
	line-height: 11px;
}

.subcategory_div {
  margin-left: 5px;
}
.productcount {
  color:	#ffffff;
}
.auction_info_text
{
  font-size: 8pt;
	font-family: Tahoma, arial;
	line-height: 11pt;
}
.item_details_heading {
  border-top: 1px solid #808080; 
	border-bottom: 1px solid #808080; 
	padding: 4px; 
	margin-bottom: 10px;
}
.item_details_heading1 {
  border-top: 1px solid #808080; 
	border-bottom: 1px solid #808080; 
	padding: 4px;
	padding-left: 0px; 
	margin-bottom: 4px;
}

.section_title {
  font: 		  14px Arial, Verdana, Helvetica, sans-serif;
	text-align:  	left;
	font-weight: 	bold;
	margin-bottom:  10px;
	color:          #660000;
}
td.label {
  color: #3366cc;
}
.notify {
  background-color: #ffffcc; 
	padding: 5px; 
	border: 1px solid #888888;
}
.search_text { 
  color:white;
} 
 
/* moved from style.css */
#navcontainer ul li.menu_item a, #navcontainer_vendor ul li.menu_item a, #navcontainer_admin ul li.menu_item a, #navlogin, #navmsg {
      padding:            2px 0;
      /*background:		  url(../images/button.gif);*/
	  background-color:	  #000666;
      color:              white;
	  width:              100px;
      text-decoration:    none;
      float:              left;
	  text-align: center;
      border-right:       1px solid #ffffff;
      font-family:        Tahoma, Arial, Verdana, Helvetica, sans-serif;
    }
.navlist  #no_link  td{
	color:white;
	font-size:11px;
}

#navcontainer ul li.menu_item a:hover, #navcontainer_vendor ul li.menu_item a:hover, #navcontainer_admin ul li.menu_item a:hover  {
      background:		  url(../images/gradient_button.gif);
	  background-repeat:  repeat-x;
      color:              #000000;
    }
    
#navcontainer ul li.menu_item a:active, #navcontainer_vendor ul li.menu_item a:active, #navcontainer_admin ul li.menu_item a:active {
     /*background:		  url(../images/gradient_button.gif);*/
	 background-color:	  #000666;
	  background-repeat:  repeat-x;
      color:              #fffccc;
    }