/** global element **/
body {
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana, sans-serif, Arial, "MS Trebuchet";
	color: #4d4d4d;
	margin: 5px 0 5px 0;
	height: 100%;
}

form, dl, dd, dt {
  margin: 0;
  padding: 0;
}

input, textarea, select {
  font-size: 12px;
}

ul {
    padding-left: 16px;
    margin: 0;
}

/** force outer div alignment for ie *
body {
	text-align: center;
}

/** then set all other element alignment to left *
div, span, td, input, textarea {
	text-align: left;
}
**/

a {
	color: #666666;
  text-decoration: none;
}

/* action */
a:hover {
  text-decoration: underline;
}

.png {
	cursor: hand;
}

form br {
	clear: both;
}

/** layout **/
.outer {
	width: 760px;
	margin: 0 auto;
}

/** header **/
.header {
	background-image: url(images/header_bg.png);
	background-repeat: repeat-x;
}

#section_nav {
	background-image: url(images/section_bg.png);
	background-repeat: repeat-x;
	height: 25px;
}

#nav_section1 { z-index: 40; margin-left: 20px;}
#nav_section2 { z-index: 30; margin-left: -10px;}
#nav_section3 { z-index: 20; margin-left: -10px;}
#nav_section5 { z-index: 15; margin-left: -10px;}
#nav_section4 { z-index: 10; margin-left: -10px;}

.subheader {
	width: 720px;
	padding: 5px 20px 5px 20px;
	background: #808184;
	color: #FFF;
	line-height: 14px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.subheader a {
	color: #FFF;
}

/** body **/

.left-box {
	width: 139px; /* 150px */
	float: left;
	height: 100%;
	display:table;
}
.right-box {
	width: 200px;
	float: right;
	background-color: #DDD;
}
.body {
	float: right;
	width: 610px;
}
.breadline {
	height: 30px;
	line-height: 30px;
}
/** footer **/
.footer {
	clear: both;
	width: 100%;
	text-align: justify;
}

.clear {
    clear: both;
		margin: 0;
		padding: 0;
}
.line {
    height: 4px;
		margin: 0;
		padding: 0;
    clear: both;
}
.thumb80 {
	background-color: #FFF;
	border: 1px solid #918b86;
	padding: 1px;
	width: 80px;
	height: 80px;
}
.hideme {
    display: none;
}

.squarebox li {
	list-style-type: none;
	line-height: 1em;
	float: left;
	width: 33%;
}
.squarebox .first {
	clear: both;
}

/** user classes **/
.comment, .description {
	color: #555;
	font-size: 12px;
	margin: 5px 0 5px 0;
}

.vendor_cat {
	float: left;
	margin-right: 8px;
}

/* pager */
#pager {
	text-align: center;
	margin-bottom: 0px; margin-top: 5px;
	font-size: 11px;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
	/* padding-bottom: 10px;  background-image: url(../images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */
}
#pager a.list {
	padding: 2px 2px; border: solid 1px #ddd; background: #fff; text-decoration: none; 
}
#pager a:hover {color: #fff; background: #696969; border-color: #036; text-decoration: none;}
#pager span.thispage {padding: 2px 2px; border-color: #999; font-weight: bold; font-size: 11px; vertical-align: top; background: #fff; color: #FF0084; }
#pager span.results { text-align: center; font: 11px/15px Arial, Helvetica; color: #bbb; margin-top: 8px; }

/* Date picker specific styles follow */
a.date-picker {
	width: 16px;
	height: 16px;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/calendar.png) no-repeat; 
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder, div.date-picker-holder * {
	margin: 0;
	padding: 0;
}
div.date-picker-holder {
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: -16px; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar div.link-close {
	float: right;
}
div.popup-calendar div.link-prev {
	float: left;
}
div.popup-calendar h3 {
	font-size: 1.3em;
	margin: 2px 0 5px 3px;
}
div.popup-calendar div.link-next {
	float: right;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #fff;
}
div.popup-calendar table {
	margin: 0;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
}
div.popup-calendar table th.weekend, div.popup-calendar table td.weekend {
	background: #f6f6f6;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #333;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333; 
	color: #fff;
}
/* Date picker specific styles */